@charset "utf-8";
/* CSS Document */
 body {
     margin: 0;
     padding: 0;
     font-size: 1.4rem;
     line-height: 1.8;
     color: #666;
     background: #fff;
     overflow-x: hidden;
}
.b_overflow {
    height: 100%;
    overflow: hidden;
}
 @media screen and (max-width : 1024px) {
     body {
         zoom: 1;
    }
}
 img {
     border: 0;
}
 a {
     color: #333;
     text-decoration: none !important;
}
 p, ul, li, dl, dt, dd {
     padding: 0;
     margin: 0;
     list-style: none;
}
 h1, h2, h3, h4 {
     margin: 0;
     padding: 0;
     font-weight: normal;
}
 input, button {
     padding: 0;
     margin: 0;
     border: 0;
     outline: none;
}
 button {
     cursor: pointer;
}
.wrap {
     width: 95%;
     margin: 0 auto;
}
 a.black {
     color: #333333;
}
 a.black:hover {
     color: #2f87d0;
}
 a.blue {
     color: #2ba8ee;
}
 a.blue:hover {
     color: #188ac9;
}
 .mt10 {
     margin-top: 1rem;
}
 .mt20 {
     margin-top: 2rem;
}
 .mt30 {
     margin-top: 1rem;
}
 .mt50 {
     margin-top: 1.8rem;
}
 .mt60 {
     margin-top: 2rem;
}
 .mt70 {
     margin-top: 2rem;
}
 .mt80 {
     margin-top: 2.5rem !important;
}
 .mb60 {
     margin-bottom: 6rem;
}
 .mb70 {
     margin-bottom: 2rem;
}
 .blank30 {
     width: 100%;
     height: 3rem;
     overflow: hidden;
}
 .blank50 {
     width: 100%;
     height: 5rem;
     overflow: hidden;
}
 .blank80 {
     width: 100%;
     height: 4rem;
     overflow: hidden;
}
/*首页*/
 header {
     width: 100%;
     height: 5.5rem;
     box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.15);
     position: relative;
     clear: both;
     z-index: 111111;
}
 .logo {
     width: 70%;
     float: left;
     margin-top: 1.6rem;
}
.logo img {
    width: 100%;
    height: auto;
}
.m_cn {
    width: 18%;
    display: block;
    margin-top: 1.6rem;
    float: left;
    text-align: right;
}
.m_nav_button {
    width: 10%;
    float: right;
    text-align: right;
    margin-top: 1.5rem;
    display: block;
}
.m_nav_button img {
    width: 2.5rem;
    height: auto;
}
 .nav {
     width: 100%;
     height: 100rem;
     float: right;
     position: absolute;
     top: 0;
     right: 0;
     padding: 12rem 0 0 0;
     background: rgba(0, 0, 0, 0.8);
     display: none;
}
 .topnav {
}
.close_nav {
    display: block;
    position: absolute;
    top: 2rem;
    left: 2rem;
    width: 2rem;
    height: 2rem;
}
.close_nav2 {
    display: block;
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 2rem;
    height: 2rem;
}
.close_nav img ,.close_nav2 img {
    width: 100%;
    height: 100%;
}
.topnav ul {
    position: relative;
}
 .topnav ul li {
     float: none;
     position: relative;
     width: 85%;
     float: right;
}
 .topnav ul li .nava {
     display: block;
     padding: 0;
     color: #fff;
     line-height: 4.5rem;
     font-size: 1.5rem;
     text-align: left;
     border-bottom: 1px solid #ccc;
}
 .topnav ul li .divdown {
     display: none;
     position: fixed;
     left: 0;
     top: 0;
     z-index: 9999;
     width: 24rem;
     height: 100rem;
     line-height: 4rem;
     background: #fff;
     overflow: hidden;
     box-shadow: -0.2rem 0 0.5rem rgba(0, 0, 0, 0.15);
}
 .topnav ul li .divdown dl {
     font-size: 1.4rem;
}
 .topnav ul li .divdown dd {
     width: 95%;
     display: block;
     float: left;
     background: url(../images/icon_08.png) no-repeat center right;
     background-size: auto 20%;
}
 .topnav ul li .divdown dd .navdd {
     font-size: 1.4rem;
     padding: 0 2rem;
     color: #fff;
     display: block;
     color: #666;
}
 .topnav ul li#nav1 .divdown, .topnav ul li#nav2 .divdown ,.topnav ul li#nav3 .divdown, .topnav ul li#nav4 .divdown ,.topnav ul li#nav5 .divdown, .topnav ul li#nav6 .divdown , .topnav ul li#nav7 .divdown {
     left: auto;
     right: 0;
}


.topnav ul li .divdown dl {
    margin-top: 8rem;
}


 .topnav ul li#nav6 .divdown dd, .topnav ul li#nav7 .divdown dd {
     float: left;
}
 .topnav ul li:hover .nava {
    /*background:#d1292e;
     color:#fff;
     */
     background: none !important;
     color: #005da4;
     font-weight: bold;
}
 .topnav ul li.onnav .nava {
     background: url(../images/nav_bg.png) repeat-x center 6.8rem;
}




 .topnav ul li:hover .divdown {
     display: block;

}
 .topnav ul li .divdown dd:hover .navdd {
    background: url(../images/icon_08.png) no-repeat center right;
    background-size: auto 20%;
}
 .topnav .divMenuDownBg {
     display: none;
     position: absolute;
     left: 0rem;
     top: 100%;
     width: 100%;
     height: 7rem;
     background: #333333;
     z-index: 4;
}
 .topright {
     float: none;
     margin-left: 0;
     width: 86%;
     margin: 0 auto;
}
 .topright .divBox {
     float: right;
     margin-left: 0;
     position: relative;
     margin-top: 2.2rem;
}
 .topright .span_img {
     display: inline-block;
     width: 3.6rem;
     height: 3.6rem;
     text-align: center;
     line-height: 3.6rem;
     cursor: pointer;
}
 .topright .span_img:hover {
}
 .divSearch {
     width: 100%;
}
 .divSearch .span_img {
     background: url(../images/icon_01.png) no-repeat center center;
     display: none;
}
 .divSearch img {
     vertical-align: middle;
}
 .divSearch .divSearchBox {
     display: block;
     position: absolute;
     top: -42rem;
     right: 0.5rem;
     z-index: 5;
     padding-top: 3rem;
     width: 100%;
}
 .divSearch .SreachBox {
     width: 100%;
     margin: 0 auto;
     padding-left: 1.6rem;
     height: 4rem;
     line-height: 4rem;
     overflow: hidden;
     background: #e6e6e6;
     border-radius: 0.5rem;
     box-shadow: none;
     -moz-box-sizing: border-box;
}
 .divSearch .SreachBox .sreach_btn {
     width: 4rem;
     height: 4rem;
     display: block;
     float: right;
     background: url(../images/icon_01.png) no-repeat center center;
}
 .divSearch .SreachBox .sreach_ipu {
     width: 60%;
     height: 4rem;
     line-height: 4rem;
     border: 0px;
     background: none;
     color: #3c3c3c;
}
 .divSearch:hover .span_img {
     background: url(../images/icon_01_on.png) no-repeat center center #206eb9;
}
 .divSearch:hover .divSearchBox {
     display: block;
}
 .divLanguage .span_img {
     font-size: 1.4rem;
     font-family: Arial;
     color: #59606c;
     display: none;
}
 .divLanguage .span_img:hover {
     background: #206eb9;
     color: #fff;
}
 .divIconMenu {
     display: block;
}
 .divIconMenu .span_img {
     background: url(../images/icon_menu.png) no-repeat center center;
}
 .divIconMenu:hover .span_img {
     border: #d1292e 1px solid;
     background: #d1292e url(../images/icon_menu_on.png) no-repeat center center 
}
 .banner {
     width: 100%;
     height: auto;
     overflow: hidden;
     position: relative;
}
 .b_data {
     width: 100%;
     position: static;
     bottom: 0rem;
     background: #fff;
     z-index: 111;
     text-align: center;
}
 .b_data ul {
     width: 100%;
     margin: 0 auto;
     color: #666;
     display: inline-block;
}
 .b_data ul li {
     width: 30%;
     float: left;
     text-align: center;
     padding: 0.5rem 0;
     border: 1px solid #e6e6e6;
     box-sizing: border-box;
     margin: 1rem 1.66% 0.5rem 1.66%;
}
.b_data ul li:nth-child(4) {
    margin-left: 19%;
}
 .b_data ul li p {
     font-size: 3rem;
     line-height: 3.5rem;
     overflow: hidden;
}
 .b_data ul li i {
     display: block;
     width: 2rem;
     height: 0.2rem;
     background: #ccc;
     margin: 0rem auto;
     opacity: 0.5;
     overflow: hidden;
}
 .b_data ul li span {
     display: block;
     font-size: 1rem;
     line-height: 3rem;
     opacity: 0.8;
}
 a.b_data_num {
     color: #333;
}
/*首页新闻动态*/
 .news_section {
     width: 100%;
     overflow: hidden;
     margin-top: 0rem;
}
 .news_section .title {
     width: 100%;
     height: 7rem;
     font-size: 2.5rem;
     line-height: 4rem;
     color: #5d5d5d;
     background: url(../images/news_section_title_bg.png) no-repeat center center;
     background-size: auto 60%;
     padding-top: 2.2rem;
}
 .news_section .title span {
     display: block;
     text-align: center;
     padding: 1rem 0;
     background: url(../images/icon_03.png) no-repeat bottom center;
     letter-spacing: 1.2rem;
}
 .nwes_box {
     width: 100%;
     display: block;
     overflow: hidden;
     margin-top: 2rem;
}
 .news_top {
     flex: 0 0 63rem;
     width: 100%;
}
 .news_top .img {
     width: 100%;
     width: 100%;
     height: auto;
     overflow: hidden;
}
 .news_top .img img {
     width: 100%;
     height: auto;
     overflow: hidden;
     transition: all 0.4s;
}
 .news_top:hover .img img {
     transform: scale(1.1);
}
 .news_top h2 {
     width: 100%;
     margin-top: 1.5rem;
     font-size: 1.8rem;
}
 .news_top h2 a {
     color: #b80000;
}
 .news_top h2 a:hover {
     font-weight: bold;
}
 .news_top .text {
     margin-top: 1rem;
}
 .news_i {
     flex: 1;
     margin-left: 6.5rem;
     flex: none;
     width: 100%;
     margin:3rem 0 0 0;
}
 .news_i_tabs {
     width: 100%;
     border-bottom: 0.1rem solid #e4e4e4;
     overflow: hidden;
     box-sizing: border-box;
}
 .news_i_tabs li {
     float: left;
     color: #858585;
     width: 33.3%;
     text-align: center;
     margin-right: 0rem;
     font-size: 1.8rem;
     padding-bottom: 0.8rem;
     cursor: pointer;
     overflow: hidden;
     box-sizing: border-box;
}
 .news_i_tabs li.on {
     color: #005da4;
     border-bottom: 0.2rem solid #005da4;
     box-sizing: border-box;
     font-weight: bold;
}
 .news_i_list {
     width: 100%;
}
 .news_i_list ul li {
     width: 100%;
     display: block;
     padding: 2rem 0;
     border-bottom: 0.1rem solid #e4e4e4;
     overflow: hidden;
}
 .news_i_list ul li:last-child {
     border-bottom: 0;
     padding-bottom: 0;
}
 .news_i_list ul li .time {
     flex: none;
     float: left;
     width: 20%;
     color: #fff;
     background: #238ece;
     text-align: center;
}
 .news_i_list ul li:nth-child(2) .time {
     background: #f49f1a;
}
 .news_i_list ul li:nth-child(3) .time {
     background: #c1d32f;
}
 .news_i_list ul li .time p {
     line-height: 4rem;
}
 .news_i_list ul li .time span {
     font-size: 4.2rem;
     line-height: 4.2rem;
}
 .news_i_list ul li .info {
     flex: none;
     margin-left: 5%;
     width: 75%;
     float: left;
}
 .news_i_list ul li .info h2 {
     font-size: 1.6rem;
}
 .news_i_list ul li .info h2 a {
     color: #5d5d5d;
}
 .news_i_list ul li .info .text {
     color: #666;
     margin-top: 0.5rem;
     line-height: 1.5;
}
 .news_i_list ul li:hover .info h2 a {
     color: #005da4;
     font-weight: bold;
}
 .hide_box {
     display: none;
}
 .show_box {
     display: block;
}
/*footer部分*/
 footer {
     width: 100%;
     overflow: hidden;
     background: #333;
     padding-top: 1.5rem;
}
 .f_info {
     display: block;
     color: #bab9b9;
     overflow: hidden;
}
 .f_links {
     flex: none;
     margin-right: 0;
}
 .f_contact {
     flex: none;
     width: 100%;
     margin-right: 0;
     float: left;
}
 .f_links .title, .f_contact .title {
     border-bottom: 0.1rem solid #4f545d;
     line-height: 3rem;
     font-weight: bold;
}
 .f_right {
     flex: none;
     width: 100%;
     float: right;
     margin-top: 0;
     text-align: center;
}
.f_right ul {
    display:inline-block;
}
 .f_right ul li {
     float: right;
     text-align: center;
     margin: 0 1rem;
     overflow: hidden;
     width: 6rem;
}
 .f_right ul li span {
     line-height: 4 0rem;
     color: #bab9b9;
     font-size: 1rem;
}
 .f_right ul li p {
     width: 6rem;
     height: 6rem;
     overflow: hidden;
}
 .f_right ul li p img {
     width: 6rem;
     height: 6rem;
}
 .copyright {
     width: 100%;
     text-align: center;
     font-size: 1rem;
     color: #737a86;
     margin: 1.5rem 0;
     overflow: hidden;
}
 .link_box, .contact_box {
     width: 100%;
     font-size: 1.2rem;
     padding: 1rem 0;
     line-height: 1.8;
     overflow: hidden;
}
 .link_box ul li {
     width: 50%;
     float: left;
}
 .link_box ul li a {
     width: 90%;
     display: block;
     color: #bab9b9;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
 .link_box ul li a:hover {
     text-decoration: underline !important;
}
/*首页核心业务*/
 .core_business {
     width: 100%;
     overflow: hidden;
     margin-top: 0;
}
 .core_business .title {
     width: 100%;
     height: 7rem;
     font-size: 2.5rem;
     line-height: 4rem;
     color: #5d5d5d;
     background: url(../images/core_business_title_bg.png) no-repeat center center;
     background-size: 95% auto;
     padding-top: 2.2rem;
}
 .core_business .title span {
     display: block;
     text-align: center;
     padding: 1rem 0;
     background: url(../images/icon_03.png) no-repeat bottom center;
     letter-spacing: 1.2rem;
}

.c_b_img {
    width: 100%;
}
.c_b_img img {
    width: 100%;
    height: auto;
}





/*公司介绍*/
 .page_banner {
     width: 100%;
     height: auto;
     overflow: hidden;
}
 .page_banner_box {
     width:100%;
     height:60rem;
     overflow: hidden;
     position: relative;
     display: none;
}
 .page_banner_box img {
     width:auto;
     height:10rem;
}


.page_banner_box_m {
    width:100%;
    height:auto;
    overflow: hidden;
    position: relative;
    display: block;
}
.page_banner_box_m img {
    width:100%;
    height:auto;
}


 .page_location {
     width: 100%;
     color: #59606c;
     margin-top: 0.5rem;
}
 .page_location span:last-child {
     color: #005da4;
}
 .page_nav {
     width: 100%;
     border-bottom: 0.1rem solid #e6e6e6;
     overflow: hidden;
     display: none;
}
 .page_nav ul li {
     float: right;
     margin-left: 4rem;
     font-size: 1.6rem;
}
 .page_nav ul li.on {
     border-bottom: 0.2rem solid #005da4;
     box-sizing: border-box;
}
 .page_nav ul li:hover {
     border-bottom: 0.2rem solid #005da4;
     box-sizing: border-box;
}
 .page_nav ul li a {
     display: block;
     padding: 1.5rem 1rem;
}
 .page_nav ul li a:hover {
     color: #005da4;
}
 .page_nav ul li.on a {
     color: #005da4;
}
 .page_title {
     width: 100%;
     text-align: center;
     font-size: 2.5rem;
     line-height: 3rem;
     overflow: hidden;
     color: #5d5d5d;
}
 .page_cont {
     width: 100%;
     overflow: hidden;
     color: #666666;
}
 .company_introduction_img {
     width: 100%;
     height: auto;
     float: none;
}
.company_introduction_img img {
    width: 100%;
    height: auto;
}
 .company_introduction_text {
     width: 100%;
     float: none;
     font-size: 1.4rem;
     line-height: 1.8;
     text-align: justify;
}
 .company_introduction_text p {
     margin-bottom: 1rem;
}
 .company_history_img {
     width: 100%;
     text-align: center;
}
.company_history_img img {
    width: 100%;
    height: auto;
}
/*企业文化*/
 .culture_img {
     width: 100%;
     float: none;
}
.culture_img img {
    width: 100%;
    height: auto;
}
 .culture_text {
     width: 100%;
     float: none;
}
 .culture_text h2 {
     font-size: 2.4rem;
     color: #333;
     margin-top: 1rem;
}
 .culture_text h2:nth-child(1) {
     margin-top: 1rem;
}
 .culture_text h2 span {
     display: inline-block;
     line-height: 4rem;
     border-bottom: 0.2rem solid #005da4;
}
 .culture_text div {
     font-size: 1.6rem;
     color: #59606c;
     line-height: 3rem;
     margin-top: 1rem;
}
 .culture_bottom {
     width: 100%;
     height: auto;
     background: url(../images/culture_bottom_bg.jpg) no-repeat center top;
     overflow: hidden;
}
 .culture_list {
     width: 100%;
     display: block;
     margin-top: 5rem;
     padding-bottom: 3rem;
     overflow: hidden;
}
 .culture_list li {
     flex: none;
     height: 16rem;
     width: 48%;
     float: left;
     background: #fff;
     border-radius: 0.6rem;
     margin-right: 4%;
     margin-bottom: 1.5rem;
     text-align: center;
     box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.2);
     box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15);
     transition: All 0.3s ease-in-out;
     -webkit-transition: All 0.3s ease-in-out;
     -moz-transition: All 0.3s ease-in-out;
     -o-transition: All 0.3s ease-in-out;
}
 .culture_list li:hover {
     transform: translate(0, -1rem);
     -webkit-transform: translate(0, -1rem);
     -moz-transform: translate(0, -1rem);
     -o-transform: translate(0, -1rem);
     -ms-transform: translate(0, -1rem);
     box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.3);
}
.culture_list li:nth-child(2) , .culture_list li:last-child {
     margin-right: 0;
}
 .culture_list li h3 {
     width: 100%;
     height: 3rem;
     line-height: 3rem;
     color: #333;
     font-size: 1.8rem;
     margin-top: 1.5rem;
     background: url(../images/icon_04.png) no-repeat center center;
}
 .culture_list li p {
     font-size: 1.3rem;
     color: #59606c;
     width: 90%;
     margin: 0 auto;
     margin-top: 1rem;
     line-height: 1.5;
}
/*管理团队*/
 .leader_ceo {
     width: 100%;
     overflow: hidden;
     position: relative;
}
 .leader_ceo_bg {
     width: 100%;
     height: 44.5rem;
     top: 0;
     bottom: 0;
     background: #005da4;
     position: absolute;
     z-index: -1;
}
 .leader_ceo_img {
     width: 100%;
     height: 44.5rem;
     float: none;
     overflow: hidden;
}
 .leader_ceo_img img {
     display: block;
     float: right;
}
 .leader_ceo_introduce {
     float: none;
     width: 100%;
     margin-left: 0rem;
     margin-top: 3rem;
     color: #666;
     margin-bottom: 2rem;
}
 .leader_ceo_introduce h1 {
     font-size: 3rem;
     line-height: 5rem;
}
 .leader_ceo_introduce p {
     font-size: 1.5rem;
     line-height: 1.8;
     padding: 1.5rem 0 1rem 0;
}
 .leader_ceo_introduce span {
     display: block;
     font-size: 1.5rem;
     line-height: 3rem;
}
 .vice_ceo {
     width: 100%;
     background: #f6f6f6;
     padding: 3rem 0 2rem 0;
}
 .vice_ceo_list {
     width: 100%;
     display: block;
}
 .vice_ceo_list li {
     flex: none;
     width: 100%;
     margin: 0 auto;
     margin-right: 0;
     margin-bottom: 2rem;
     background: #fff;
     box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.05);
     padding: 4rem 0 3.5rem 0;
     transition: All 0.3s ease-in-out;
     -webkit-transition: All 0.3s ease-in-out;
     -moz-transition: All 0.3s ease-in-out;
     -o-transition: All 0.3s ease-in-out;
}
 .vice_ceo_list li:hover {
     transform: translate(0, -1rem);
     -webkit-transform: translate(0, -1rem);
     -moz-transform: translate(0, -1rem);
     -o-transform: translate(0, -1rem);
     -ms-transform: translate(0, -1rem);
     box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
 .vice_ceo_list li:last-child {
     margin-right: 0;
}
 .vice_ceo_list li img {
     display: block;
     margin: 0 auto;
}
 .vice_ceo_list li h2 {
     width: 100%;
     text-align: center;
     font-size: 2.4rem;
     color: #333;
     line-height: 3rem;
     padding: 1rem 0;
     margin-top: 0.5rem;
     background: url(../images/icon_05.png) no-repeat bottom center;
}
 .vice_ceo_list li span {
     width: 100%;
     display: block;
     text-align: center;
     color: #333;
     font-size: 1.4rem;
     line-height: 5rem;
}
 .vice_ceo_list li p {
     width: 90%;
     margin: 0 auto;
     line-height: 1.8;
     margin-top: 0;
}
/*专家团队*/
 .expert_field {
     width: 100%;
     height: 7rem;
     background: #eaeaea;
}
 .expert_field ul {
     width: 100%;
}
 .expert_field ul li {
     line-height: 7rem;
     font-size: 1.6rem;
     float: left;
     padding: 0 3rem;
     cursor: pointer;
     color: #59606c;
     position: relative;
}
 .expert_field ul li.on {
     color: #fff;
     padding: 0 5rem;
     background: #005da4;
}
 .expert_field ul li:hover {
     color: #fff;
     background: #005da4;
}
 .expert_field ul li.on i {
     display: block;
     width: 100%;
     height: 1rem;
     position: absolute;
     z-index: 111;
     background: url(../images/icon_06.png) no-repeat bottom center;
     left: 0;
     bottom: -0.8rem;
}
 .expert_team {
     width: 100%;
     overflow: hidden;
}
 .expert_team_list {
     width: 100%;
     overflow: hidden;
}
 .expert_team_list li {
     width: 48%;
     height: 18rem;
     overflow: hidden;
     float: left;
     margin-right: 4%;
     margin-bottom: 2rem;
     position: relative;
}
 .expert_team_list li:nth-child(4n) {
     margin-right: 0;
}
.expert_team_list li:nth-child(2n) {
    margin-right: 0;
}
 .expert_team_list li .img {
     width: 100%;
}
 .expert_team_list li .img img {
     width: 100%;
     height: auto;
     transition: all 0.4s;
}
 .expert_team_list li:hover .img img {
     transform: scale(1.1);
}
 .expert_team_list li .info {
     width: 100%;
     height: 2.6rem;
     overflow: hidden;
     padding-bottom: 1rem;
     position: absolute;
     bottom: 0;
     color: #fff;
     text-align: center;
     background-color: rgba(0, 0, 0, 0.3);
}
 .expert_team_list li:hover .info {
     height: auto;
     bottom: 0;
}
/* .expert_team_list li .info {
     width: 100%;
     padding-bottom: 1rem;
     position: absolute;
     top: 32rem;
     bottom: auto;
     color: #fff;
     text-align: center;
     background-color: rgba(0,0,0,0.3);
}
 .expert_team_list li:hover .info {
     top: auto;
     bottom: 0;
}
 */
 .expert_team_list li .info h2 {
     font-size: 1.8rem;
     line-height: 3rem;
     margin-top: 0.5rem;
}
 .expert_team_list li .info span {
     font-size: 1.2rem;
     line-height: 1.5;
     display: block;
     width: 90%;
     margin: 0 auto;
}
/*荣誉资质*/
 .certificate_list {
     width: 100%;
     overflow: hidden;
}
 .certificate_list li {
     width: 49%;
     float: left;
     margin-right: 2%;
     margin-bottom: 2rem;
}
 .certificate_list li:nth-child(3n) {
     margin-right: 2%;
}
.certificate_list li:nth-child(2n) {
    margin-right: 0;
}
 .certificate_list li div {
     width: 100%;
     border: 1px solid #e6e6e6;
     padding: 0 0;
     text-align: center;
     box-sizing: border-box;
     overflow: hidden;
}
 .certificate_list li:hover div {
     border: 1px solid #194e7a;
}
 .certificate_list li div img {
     width: 100%;
     height: auto;
     overflow: hidden;
     transition: all 0.4s;
}
 .certificate_list li:hover div img {
     transform: scale(1.1);
}
 .certificate_list li span {
     display: block;
     width: 100%;
     text-align: center;
     font-size: 1.4rem;
     color: #333;
     line-height: 1.5;
}
 .no_info {
     width: 100%;
     padding: 15rem 0;
     overflow: hidden;
     background: url(../images/no_info.png) no-repeat center center;
     background-size: auto 40%;
}
/*联系我们*/
 .contact_map {
     width: 100%;
     height: auto;
     overflow: hidden;
}
.contact_map img {
    width: 100%;
    height: auto;
}
 .contact_us {
     width: 100%;
     text-align: center;
}
 .contact_us h1 {
     font-size: 2rem;
     color: #333;
     line-height: 4rem;
     font-weight: bold;
}
 .contact_us p {
     color: #59606c;
     font-size: 1.4rem;
     line-height: 1.8;
}
 .contact_list {
     width: 100%;
}
 .contact_list li {
     width: 100%;
     float: none;
     margin-right: 0;
     margin-bottom: 1.5rem;
     box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15);
     padding: 1.5rem 0;
     transition: All 0.3s ease-in-out;
     -webkit-transition: All 0.3s ease-in-out;
     -moz-transition: All 0.3s ease-in-out;
     -o-transition: All 0.3s ease-in-out;
}
 .contact_list li:hover {
     transform: translate(0, -0.5rem);
     -webkit-transform: translate(0, -0.5rem);
     -moz-transform: translate(0, -0.5rem);
     -o-transform: translate(0, -0.5rem);
     -ms-transform: translate(0, -0.5rem);
     box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.25);
}
 .contact_list li:nth-child(4n) {
     margin-right: 0;
}
 .contact_list li div {
     border-left: 0.4rem solid #005da4;
     margin-left: 3rem;
     padding-left: 2.2rem;
}
 .contact_list li div h2 {
     font-size: 1.6rem;
     line-height: 1.8rem;
     color: #59606c;
     font-weight: bold;
}
 .contact_list li div span {
     display: block;
     margin-top: 0.5rem;
     font-size: 1.5rem;
     line-height: 1.8rem;
     color: #666;
}
/*人才招聘*/
 .jobs_div {
     width: 100%;
     overflow: hidden;
     background: #f6f6f6;
}
 .jobs_section {
     width: 100%;
     display: block;
     position: relative;
     overflow: hidden;
}
 .jobs_nav {
     flex: none;
     width: 100%;
     overflow: hidden;
}
 .jobs_box {
     flex: none;
     width: 100%;
     margin-left: 0;
     background: #fff;
     padding: 0.5rem 0;
}
 .jobs_nav ul li {
     width: 33.3333%;
     float: left;
     height: 4rem;
     line-height: 4rem;
     background: #e9e9e9;
     text-align: center;
     font-size: 1.8rem;
     color: #333;
     margin-bottom: 0.1rem;
     position: relative;
     cursor: pointer;
}
 .jobs_nav ul li.on {
     background: #005da4;
     color: #fff;
}
 .jobs_nav ul li i {
     display: none;
}
 .jobs_nav ul li.on i {
     display: none;
     position: absolute;
     top: 0;
     right: -1.2rem;
     width: 2rem;
     height: 10rem;
     background: url(../images/icon_07.png) no-repeat right center;
}
 .jobs_content {
     width: 100%;
}
 .jobs_content h2 {
     display: none;
     font-size: 2.4rem;
     color: #004ea2;
     border-bottom: 0.1rem solid #004ea2;
     line-height: 3rem;
     padding-bottom: 1.5rem;
}
 .jobs_list li {
     width: 90%;
     margin: 0 auto;
     line-height: 4rem;
     border-bottom: 0.1rem solid #e5e5e5;
     font-size: 1.6rem;
     background: url(../images/icon_08.png) no-repeat right center;
}
 .jobs_list li a {
     color: #5d5d5d;
}
 .jobs_list li:hover a {
     color: #000;
}
/*页码通用*/
 .pages {
     text-align: center;
     margin-top: 2rem;
}
 .pages_c {
     text-align: center;
     margin-top: 2rem;
}
 .pagination {
     display: inline-block;
     padding: 0;
     margin: 0.8rem 0 0.4rem 0 
}
 .pagination>li {
     display: inline 
}
 .pagination>li>a, .pagination>li>span {
     position: relative;
     float: left;
     padding: 0 0.5rem;
     min-width: 0.5rem;
     height: 2rem;
     line-height: 2rem;
     color: #666;
     background-color: #fff;
     border: 1px solid rgba(0, 0, 0, 0.12);
     margin: 0 0.2rem;
     font-size: 1.4rem;
     cursor: pointer 
}
 .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
     z-index: 3;
     color: #004ea2;
     background-color: #f7f9fb;
     border: 1px solid rgba(0, 0, 0, 0.12) 
}
 .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
     z-index: 2;
     color: #fff;
     cursor: default;
     background-color: #004ea2;
     border-color: #004ea2 
}
 .pagination.m_color>li>a:focus, .pagination.m_color>li>a:hover, .pagination.m_color>li>span:focus, .pagination.m_color>li>span:hover {
     color: #ff5303 
}
 .pagination.m_color>.active>a, .pagination.m_color>.active>a:focus, .pagination.m_color>.active>a:hover, .pagination.m_color>.active>span, .pagination.m_color>.active>span:focus, .pagination.m_color>.active>span:hover {
     background-color: #ff5303;
     border-color: #ff5303 
}
 .pagination.m_color>.active>span:hover {
     color: #fff;
     border-color: #ff5303 
}
/*招聘详情*/
 .jobs_details {
     flex: none;
     width: 100%;
     margin-right: 0;
     background: #fff;
     padding: 1.5rem;
     background: #fff;
     box-sizing: border-box;
     margin-top: 14rem;
}
 .jobs_details h2 {
     font-size: 2.4rem;
     color: #004ea2;
     border-bottom: 0.1rem solid #004ea2;
     line-height: 3rem;
     padding-bottom: 1rem;
     display: none;
}
 .jobs_info {
     width: 100%;
}
 .jobs_info .title {
     margin-top: 0rem;
}
 .jobs_info .title span {
     display: block;
     width: 100%;
     line-height: 4rem;
     height: 4rem;
     background: #005da4;
     color: #fff;
     font-size: 1.6rem;
     padding-left: 0;
     box-sizing: border-box;
     text-align: center;
}
 .jobs_info .text {
     margin-top: 2rem;
     text-align: justify;
}
 .jobs_info .text h3 {
     font-size: 1.8rem;
     font-weight: bold;
     margin-bottom: 1rem;
}
 .jobs_info .text p {
     margin-bottom: 1rem;
     color: #666666;
}
 .jobs_right {
     flex: none;
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     overflow: hidden;
}
 .jobs_company_info {
     background: #fff;
     overflow: hidden;
     padding: 2rem 0 2rem 0;
}
 .jobs_company_info img {
     display: block;
     margin: 0 auto;
     width: 38%;
     height: auto;
     float: left;
     margin-top: 1.5rem;
}
 .jobs_company_info div {
     width: 58%;
     float: right;
     margin: 0 auto;
     font-size: 1.4rem;
     line-height: 1.8;
     margin-top: 0;
     overflow: hidden;
}
/*新闻中心*/
 .newest {
     width: 100%;
     overflow: hidden;
}
 .newest ul {
     width: 100%;
}
 .newest ul li {
     width: 48%;
     float: left;
     margin-right: 2.66%;
     margin-bottom: 1.5rem;
}
 .newest ul li:last-child {
     margin-right: 0;
}
.newest ul li:nth-child(2n) {
    margin-right: 0;
}
 .newest ul li .img {
     width: 100%;
     height: auto;
     overflow: hidden;
}
 .newest ul li .img img {
     width: 100%;
     height: 10rem;
     transition: all 0.4s;
}
 .newest ul li:hover .img img {
     transform: scale(1.1);
}
 .newest ul li .title {
     margin-top: 0.5rem;
     width: 100%;
     overflow: hidden;
}
 .newest ul li .title a {
     display: block;
     width: 100%;
     font-size: 1.6rem;
     line-height: 2rem;
     color: #5d5d5d;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
 .newest ul li .title a:hover {
     color: #333;
}
 .newest ul li .time {
     font-size: 1.4rem;
     color: #666;
     line-height: 2rem;
     margin-top: 0;
}
 .newest ul li .text {
     font-size: 1.4rem;
     color: #666;
     line-height: 1.8rem;
     margin-top: 0.3rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
}
 .news_list {
     width: 100%;
     margin-top: 1.5rem;
     border-top: 0.1rem solid #e5e5e5;
}
 .news_list ul li {
     width: 100%;
     display: block;
     padding: 2rem 0;
     border-bottom: 0.1rem solid #e5e5e5;
     overflow: hidden;
}
 .news_list ul li .time {
     flex: none;
     width: 20%;
     float: left;
     color: #fff;
     background: #005da4;
     text-align: center;
}
 .news_list ul li .time p {
     font-size: 1.4rem;
     line-height: 2.5rem;
     display: block;
     background: #004f8c;
}
 .news_list ul li .time span {
     font-size: 2.5rem;
     line-height: 5rem;
}
 .news_list ul li .info {
     flex: none;
     width: 76%;
     float: right;
     margin-left: 0;
}
 .news_list ul li .info h2 {
     font-size: 1.6rem;
     line-height: 1.4;
}
 .news_list ul li .info h2 a {
     color: #5d5d5d;
}
 .news_list ul li .info .text {
     color: #666;
     margin-top: 0.5rem;
     line-height: 1.3;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
}
 .news_list ul li:hover .info h2 a {
     color: #005da4;
     font-weight: bold;
}
 .news_list ul li .more {
     margin-top: 0.5rem;
}
 .news_list ul li .more a {
     color: #005da4;
}
/*新闻 详情*/
 .gray_div {
     width: 100%;
     overflow: hidden;
     background: #f6f6f6;
}
 .news_box {
     display: block;
     overflow: hidden;
}
 .news_details {
     flex: none;
     width: 100%;
     margin-right: 0;
     background: #fff;
     padding: 2rem 1rem;
     width: 100%;
     overflow: hidden;
     box-sizing: border-box;
}
 .news_details h1 {
     width: 100%;
     font-size: 1.8rem;
     line-height: 1.5;
     color: #666666;
     text-align: justify;
}
 .news_details .tabs {
     width: 100%;
     margin-top: 1.5rem;
     overflow: hidden;
}
 .news_details ul {
     width: 60%;
     float: left;
}
 .news_details ul li {
     background: #999999;
     height: 2.5rem;
     line-height: 2.5rem;
     padding: 0 1rem;
     color: #fff;
     float: left;
     margin-right: 0.5rem;
}
 .news_details .time {
     width: 38%;
     float: right;
     text-align: right;
     line-height: 2.5rem;
     color: #666666;
}
 .news_details_text {
     width: 100%;
     margin-top: 2rem;
     overflow: hidden;
     font-size: 1.4rem;
     line-height: 1.5;
     text-align: justify;
}
 .news_details_text img {
     max-width: 100%;
     height: auto;
     display: block;
     margin: 0 auto;
}
 .news_details_text p {
     padding: 0.5rem 0;
}
 .news_right {
     flex: none;
     width: 100%;
     margin-top: 1.5rem;
}
 .news_r_box {
     width: 100%;
     background: #fff;
     margin-bottom: 1.5rem;
     padding: 1.5rem 0 1rem 0;
}
 .news_r_box .title {
     width: 90%;
     margin: 0 auto;
     font-size: 1.6rem;
     color: #004ea2;
     border-bottom: 0.1rem solid #e5e5e5;
     line-height: 3rem;
     padding-bottom: 0.5rem;
}
 .news_r_box ul {
     width: 90%;
     margin: 0 auto;
}
 .news_r_box ul li {
     width: 100%;
     font-size: 1.4rem;
     line-height: 2.5;
     border-bottom: 0.1rem dashed #e5e5e5;
}
 .news_r_box ul li:last-child {
     border-bottom: 0;
}
.news_r_box:last-child {
    margin-bottom: 0;
}
/*科研规范-实验室*/
 .s_r_box {
     width: 100%;
     text-align: justify;
}
 .s_r_box h2 {
     font-size: 1.8rem;
     line-height: 2.5rem;
     margin-top: 1rem;
}
 .s_r_box p {
     font-size: 1.4rem;
     line-height: 1.5;
     padding: 1rem 0 0 0;
}
 .laboratory_list {
     width: 100%;
     overflow: hidden;
     margin-top: 2rem;
}
 .laboratory_list li {
     width: 48%;
     height: auto;
     overflow: hidden;
     float: left;
     margin-right: 4%;
     margin-bottom: 2rem;
     position: relative;
}
.laboratory_list li:nth-child(2n) {
    margin-right: 0;
}
 .laboratory_list li:nth-child(4n) {
     margin-right: 0;
}
 .laboratory_list li .img {
     width: 100%;
     height: 9rem;
}
 .laboratory_list li .img img {
     width: 100%;
     height: 9rem;
     transition: all 0.4s;
}
 .laboratory_list li:hover .img img {
     transform: scale(1.1);
}
 .laboratory_list li .info {
     width: 100%;
     height: 3rem;
     overflow: hidden;
     position: absolute;
     bottom: 0;
     color: #fff;
     text-align: center;
     background-color: rgba(0, 0, 0, 0.6);
     display: block;
}
 .laboratory_list li:hover .info {
     display: block;
}
 .laboratory_list li .info h3 {
     font-size: 1.4rem;
     line-height: 3rem;
}
 .topic_tabs {
     width: 100%;
     height: 7rem;
     background: #eaeaea;
}
 .topic_tabs ul {
     width: 100%;
}
 .topic_tabs ul li {
     line-height: 7rem;
     font-size: 1.6rem;
     float: left;
     padding: 0 3rem;
     cursor: pointer;
     color: #59606c;
     position: relative;
}
 .topic_tabs ul li.on {
     color: #fff;
     padding: 0 5rem;
     background: #005da4;
}
 .topic_tabs ul li:hover {
     color: #fff;
     background: #005da4;
}
 .topic_tabs ul li.on i {
     display: block;
     width: 100%;
     height: 1rem;
     position: absolute;
     z-index: 111;
     background: url(../images/icon_06.png) no-repeat bottom center;
     left: 0;
     bottom: -0.8rem;
}
 .topic_box {
     width: 100%;
     overflow: hidden;
}
 .topic_list {
     width: 100%;
     overflow: hidden;
}
 .topic_list li {
     width: 100%;
     height: auto;
     padding-bottom: 0.5rem;
     background: url(../images/icon_10.png) no-repeat left 0.8rem;
     font-size: 1.4rem;
     line-height: 2rem;
}
 .topic_list li span {
     display: block;
     margin-left: 1.5rem;
}
 .box_flex {
     width: 100%;
     display: block;
}
 .laboratory_left, .party_building_left {
     flex: none;
     width: 100%;
     margin-right: 0;
     overflow: hidden;
}
 .laboratory_right, .party_building_right {
     flex: none;
     width: 100%;
     float: none;
     margin-top: 2rem;
}
 .other_box {
     width: 100%;
     box-sizing: border-box;
     border: 1px solid #e7e7e7;
     box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.05);
     padding: 1rem 0 0.5rem 0;
}
 .other_box h2 {
     width: 90%;
     margin: 0 auto;
     color: #333;
     font-size: 1.8rem;
     line-height: 3rem;
     border-bottom: 0.1rem solid #e7e7e7;
}
 .other_box ul {
     width: 90%;
     margin: 0 auto;
     padding: 1rem 0;
     overflow: hidden;
}
 .other_box ul li {
     height: 4rem;
     line-height: 4rem;
     border-bottom: 0.1rem solid #e7e7e7;
}
 .other_box ul li:last-child {
     border: 0;
}
 .other_box ul li a {
     color: #59606c;
     font-size: 1.4rem;
     display: inline-block;
     white-space: nowrap;
     width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     width: 91%;
     float: right;
}
 .other_box ul li:nth-child(1) {
     background: url(../images/num/1.png) no-repeat left center;
}
 .other_box ul li:nth-child(2) {
     background: url(../images/num/2.png) no-repeat left center;
}
 .other_box ul li:nth-child(3) {
     background: url(../images/num/3.png) no-repeat left center;
}
 .other_box ul li:nth-child(4) {
     background: url(../images/num/4.png) no-repeat left center;
}
 .other_box ul li:nth-child(5) {
     background: url(../images/num/5.png) no-repeat left center;
}
 .other_box ul li:nth-child(6) {
     background: url(../images/num/6.png) no-repeat left center;
}
 .other_box ul li:nth-child(7) {
     background: url(../images/num/7.png) no-repeat left center;
}
 .other_box ul li:nth-child(8) {
     background: url(../images/num/8.png) no-repeat left center;
}
 .other_box ul li:nth-child(9) {
     background: url(../images/num/9.png) no-repeat left center;
}
 .other_box ul li:nth-child(10) {
     background: url(../images/num/10.png) no-repeat left center;
}
 .laboratory_left h1.title , .party_building_left h1.title {
     width: 100%;
     color: #333;
     font-size: 2.5rem;
     line-height: 4rem;
}
 .share_box {
     width: 100%;
     overflow: hidden;
}
 .share_box .tags {
     width: 60%;
     float: left;
}
 .share_box .tags span {
     display: block;
     float: left;
     margin-right: 0.5rem;
     line-height: 2.5rem;
     padding: 0 1rem;
     background: #999;
     color: #fff;
     text-align: center;
}
 .share {
     width: 38%;
     float: right;
     overflow: hidden;
}
 .share a {
     display: block;
     float: right;
     margin-left: 1rem;
}
 .text_box {
     width: 100%;
     margin-top: 2rem;
     overflow: hidden;
     line-height: 1.6;
     text-align: justify;
}
 .text_box img {
     max-width: 100%;
     margin: 1rem 0;
}
/*建筑学会*/
 .tabs_box {
     width: 100%;
     height: auto;
     background: #fff;
     overflow: hidden;
}
 .tabs_box ul {
     width: 100%;
}
 .tabs_box ul li {
     width: 32%;
     margin-right: 2%;
     margin-bottom: 0.6rem;
     text-align: center;
     line-height: 3rem;
     font-size: 1.4rem;
     float: left;
     color: #59606c;
     position: relative;
     cursor: pointer;
     border: 1px solid #e6e6e6;
     border-radius: 4px;
     box-sizing: border-box;
}
.tabs_box ul li:nth-child(3n) {
    margin-right: 0;
}
 .tabs_box ul li.on {
     color: #fff;
     background: #005da4;
}
 .tabs_box ul li:hover {
     color: #fff;
     background: #005da4;
}
 .tabs_box ul li.on i {
     display: none;
     width: 100%;
     height: 1rem;
     position: absolute;
     z-index: 111;
     background: url(../images/icon_06.png) no-repeat bottom center;
     left: 0;
     bottom: -0.8rem;
}
 .tabs_box ul li span {
     display: block;
     padding: 0 0;
}
 .tabs_box ul li a {
     color: #59606c;
     display: block;
}
 .tabs_box ul li.on span {
     padding: 0 0;
}
 .tabs_box ul li:hover a {
     color: #fff;
}
 .tabs_box ul li.on a {
     color: #fff;
}
 .news_list_2 {
     width: 100%;
     overflow: hidden;
}
 .news_list_2 li {
     width: 100%;
     float: none;
     margin-bottom: 2rem;
     overflow: hidden;
}
 .news_list_2 li:nth-child(2n) {
     float: right;
}
 .news_list_2 li .img {
     width: 100%;
     height: 20rem;
     overflow: hidden;
     float: left;
     position: relative;
     overflow: hidden;
}
 .news_list_2 li .img img {
     width: 100%;
     height: 20rem;
     transition: all 0.4s;
}
 .news_list_2 li:hover .img img {
     transform: scale(1.1);
}
 .news_list_2 li .img span {
     width: 7.5rem;
     height: 3rem;
     position: absolute;
     top: 1rem;
     left: 0;
     color: #fff;
     line-height: 3rem;
     text-align: center;
}
 .news_list_2 li.news_column_1 .img span {
     background: #e9b900;
}
 .news_list_2 li.news_column_2 .img span {
     background: #2dc08d;
}
 .news_list_2 li .info {
     width: 100%;
     float: none;
     overflow: hidden;
}
 .news_list_2 li .info h3 {
     width: 100%;
     font-size: 1.6rem;
     margin-top: 1rem;
     line-height: 1.5;
     text-overflow: -o-ellipsis-lastline;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     -webkit-box-orient: vertical;
}
 .news_list_2 li .info p {
     display: block;
     color: #59606c;
     width: 100%;
     margin-top: 1rem;
     line-height: 1.5;
     text-overflow: -o-ellipsis-lastline;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     -webkit-box-orient: vertical;
}
 .news_list_2 li .info span {
     margin-top: 1rem;
     display: block;
     text-align: right;
     display: none;
}
 .news_list_2 li .info span a {
     color: #005da4;
}

.association_title {
    position: relative;
}
.a_all_news {
    position: absolute;
    right: 0;
    width: 100%;
    text-align: right;
    font-size: 1.5rem;
    color: #005da4;
    line-height: 3;
}


 .search_info {
     width: 100%;
     border-bottom: 0.1rem solid #e6e6e6;
     overflow: hidden;
     padding: 1rem 0;
     margin-top: 1rem;
     font-size: 1.7rem;
}
 .search_info span {
     color: #004ea2;
}
 .search_list {
     margin-top: 0.5rem;
}
 .search_list ul li {
     width: 100%;
     line-height: 1.7;
     font-size: 1.4rem;
     border-bottom: 0.1rem solid #e7e7e7;
     padding: 1rem 0;
}
 .search_list ul li:hover {
     border-bottom: 0.1rem solid #ddd;
}
 .search_list ul li:hover a {
     color: #333;
}
 .search_list ul li a {
     color: #5d5d5d;
}
 .search_list ul li span {
     float: right;
     font-size: 1.2rem;
     color: #999999;
}

.party_building_left .time {
    width: 35%;
    text-align: left;
    padding-bottom: 1.5rem;
    float: left;
    line-height: 1.8;
}
.party_building_left .share_box {
    width: 60%;
    float: right;
}
.party_building_left .share_box .share {
    width: 100% !important;
}




/*业务中心*/
 .business_box {
     width: 100%;
     float: none;
     position: relative;
     min-height: 25rem;
}
 .business_box:nth-child(2n) {
     float: none;
}
 .b_z11 {
     z-index: 11;
     background: #fff;
}
 .business_item {
     box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15);
     padding-bottom: 2rem;
     margin-bottom: 5rem;
     transition: All 0.3s ease-in-out;
     -webkit-transition: All 0.3s ease-in-out;
     -moz-transition: All 0.3s ease-in-out;
     -o-transition: All 0.3s ease-in-out;
     position: absolute;
}
 .business_item:hover {
     transform: translate(0, -1rem);
     -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, -0);
     -o-transform: translate(0, -0);
     -ms-transform: translate(0, -0);
     box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15);
}
 .business_box .img {
     width: 100%;
     height: 9rem;
     overflow: hidden;
}
 .business_box .img img {
     width: 100%;
     height: 9rem;
}
 .business_box h2 {
     width: 100%;
     overflow: hidden;
     margin-top: 1.5rem;
     font-weight: bold;
}
 .business_box h2 i {
     width: 0.4rem;
     height: 1.6rem;
     background: #128856;
     display: block;
     float: left;
     margin-left: 1rem;
     margin-top: 0.6rem;
}
 .business_section ul li:nth-child(1) .business_item h2 i {
     background: #128856;
}
 .business_section ul li:nth-child(2) .business_item h2 i {
     background: #238dce;
}
 .business_section ul li:nth-child(3) .business_item h2 i {
     background: #f39f17;
}
 .business_section ul li:nth-child(4) .business_item h2 i {
     background: #c4412a;
}
 .business_section ul li:nth-child(5) .business_item h2 i {
     background: #c1d331;
}
 .business_section ul li:nth-child(6) .business_item h2 i {
     background: #eea7c8;
}
 .business_box h2 span {
     display: block;
     float: left;
     margin-left: 0.8rem;
     font-size: 1.8rem;
     color: #333;
}
 .business_list {
     width: 94%;
     height: 3.8rem;
     margin: 0 auto;
     margin-top: 1rem;
     overflow: hidden;
}
 .b_show_all {
     height: auto;
}
 .b_hide_all {
     height: 7.5rem;
}
 .business_list li {
     width: 48%;
     padding: 0 0;
     float: left;
     margin-right: 4%;
     font-size: 1.4rem;
     line-height: 1.5;
     background: url(../images/icon_11.png) no-repeat left center;
}
 .business_list li:nth-child(2n) {
     margin-right: 0;
}
 .business_list li a {
     margin-left: 1.5rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
}
 .show_all {
     width: 88%;
     margin: 0 auto;
     color: #005da4;
     margin-top: 0.5rem;
     cursor: pointer;
}
 .s_r_box_2 {
     width: 100%;
     height: 40rem;
     overflow: hidden;
}
 .s_r_box_2 h2 {
     font-size: 2rem;
     line-height: 1.6;
     margin-top: 1rem;
}
 .s_r_box_2 p {
     font-size: 1.4rem;
     line-height: 1.6;
     padding: 0.5rem 0 0 0;
     overflow: hidden;
}
 .s_show_all {
     height: auto;
}
 .readall_box {
     position: relative;
     z-index: 9999;
     padding: 0 0 2.5rem;
     margin-top: -20rem;
     text-align: center;
}
 .readall_box .read_more_mask {
     height: 20rem;
     background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
     background: -webkit-gradient(linear, 0 top, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff));
     background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)) 
}
 .readall_box_hide {
     height: 6rem;
     margin-top: 0;
}
 .readall_box_hide .read_more_mask {
     height: 6rem;
     display: none;
}
 .show_all2 {
     width: 12rem;
     height: 3rem;
     border-radius: 0.3rem;
     background: #fff;
     border: 1px solid #005da4;
     color: #005da4;
     text-align: center;
     line-height: 3rem;
     margin: 0 auto;
     margin-top: 3rem;
     font-size: 1.5rem;
     cursor: pointer;
}
/*业务中心*/
.b_d_box {
    width: 100%;
    position: relative;
    overflow: visible;
}
 .business_nav {
     flex: none;
     width: 100%;
     height: 100rem;
     overflow: hidden;
     background: rgba(0, 0, 0, 0.8);
     margin-top: 0;
     position: fixed;
     top:0;
     left: 0;
     z-index: 111111;
     display: none;
}
 .business_right {
     flex: none;
     width: 100%;
     background: #fff;
     margin-left: 0;
     margin-top: 0;
     padding: 1.5rem 0;
}
 .business_right h1.title {
     width: 90%;
     margin: 0 auto;
     font-size: 2rem;
}
 .business_right .business_content {
     width: 95%;
     margin: 0 auto;
     text-align: justify;
     margin-top: 1.5rem;
     font-size: 1.4rem;
     line-height: 1.6;
}
 .business_right .business_content img {
     max-width: 100%;
     height: auto;
}
 .business_right .business_content p {
     margin-top: 1rem;
}
/* 业务中心左侧目录 */
 .navMenubox {
     width: 100%;
     background:none;
     margin: 0 auto;
     margin-top: 5rem;
     overflow: hidden;
}
.navMenu>li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
    position: relative;
}
.navMenu>li>ul>li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
    position: relative;
    overflow: hidden;
}
.navMenu>li>ul>li>ul>li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
    position: relative;
}
 .navMenu>li>a {
     display: block;
     overflow: hidden;
     padding-left: 0rem;
     line-height: 3.5rem;
     color: #fff;
     transition: all .3s;
     position: relative;
     text-decoration: none;
     font-size: 1.5rem;
     border-bottom: 0.1rem solid #666;
     padding: 0 2rem 0 3rem;
}
 .navMenu>li:nth-of-type(1)>a {
     border-top: 0.1rem solid transparent;
}
 .navMenu>li:last-child>a {
     border-bottom: 0.1rem solid transparent;
}
 .navMenu>li>a>i {
     font-size: 2rem;
     float: left;
     font-style: normal;
     margin: 0 0.5rem;
}
 .navMenu li a .arrow:before {
     display: block;
     float: right;
     margin-top: 0.1rem;
     margin-right: 0;
     display: inline;
     font-size: 2.5rem;
     font-family: FontAwesome;
     height: auto;
     content: "\f105";
     text-shadow: none;
     color: #6d6d6d;
}
 .navMenu li a .arrow.open:before {
     float: right;
     margin-top: 0.1rem;
     margin-right: 0;
     display: inline;
     font-family: FontAwesome;
     height: auto;
     font-size: 2.5rem;
     content: "\f107";
     text-shadow: none;
}
 .navMenu>li>a.active, .navMenu>li>a:hover {
     color: #fff;
     background: rgba(255, 255, 255, 0.3);
     font-weight: bold;
}
 .navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu {
     display: none;
     list-style: none;
     clear: both;
     margin: 0.8rem 0rem 0rem 3.5rem;
     padding-bottom: 0.5rem;
}
 .navMenu>li.active>ul.sub-menu, .navMenu>li>ul.sub-menu>li.active>ul.sub-menu {
}
 .navMenu>li>ul.sub-menu li {
     background: none;
     margin: 0rem;
     padding: 0rem;
}
 .navMenu>li>ul.sub-menu li>a {
     display: block;
     font-size: 1.6rem;
     line-height: 3.6rem;
     padding-left: 2rem;
     color: #eee;
     clear: both;
     padding: 0 2rem 0 2rem;
}
 .navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active>a {
     color: #fff;
     background: rgba(255, 255, 255, 0.3);
     font-weight: bold;
}
 .icon_1:before {
}
 .icon_2:before {
}
 .icon_3:before {
}
 .navMenu>li>ul.sub-menu>li>ul.sub-menu {
     display: none;
     list-style: none;
     clear: both;
     margin: 0.8rem 0rem 0rem 1.5rem;
     padding-bottom: 0.5rem;
}
 .navMenu>li>ul.sub-menu>li>ul.sub-menu li {
     padding-left: 0.5rem;
}
 .navMenu>li>ul.sub-menu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li>ul.sub-menu li.active>a {
     color: #fff;
}


.navMenu>li>a.n_golink {
    display: block;
    overflow: hidden;
    width: 25rem;
    position: absolute;
    text-decoration: none;
    background: none;
    top: 0;
    left: 40px;
    padding: 0;
    border: 0;
}
.navMenu>li>ul>li>a.n_golink {
    display: block;
    overflow: hidden;
    width: 23rem;
    position: absolute;
    text-decoration: none;
    background: none;
    top: 0;
    left: 20px;
    padding: 0;
    border: 0;
}
.navMenu>li>ul>li>ul>li>a.n_golink {
    display: block;
    overflow: hidden;
    width: 21rem;
    position: absolute;
    text-decoration: none;
    background: none;
    top: 0;
    left: 20px;
    padding: 0;
    border: 0;
}





/*首页轮播*/
.pc_banner {
    display: none;
}
.m_banner {
    display: block;
}
.m_banner img {
    width: 100%;
}
 .slideBox {
     width: 100%;
     height: auto;
     overflow: hidden;
     position: relative;
}
 .slideBox .hd {
     width: 100%;
     position: absolute;
     bottom: 0;
     z-index: 1 
}
 .slideBox .hd ul {
     text-align: center 
}
 .slideBox .hd ul li {
     width: 8rem;
     height: 3.6rem;
     margin: 0 0.3rem;
     display: inline-block;
     position: relative 
}
 .slideBox .hd ul li .dot {
     width: 8rem;
     height: 0.4rem;
     background-color: hsla(0, 0%, 60%, .4) 
}
 .slideBox .hd ul li span {
     display: none;
     color: #fff;
     position: absolute;
     width: 100%;
     font-size: 1.4rem;
     left: 0;
     top: 0;
     line-height: 3.6rem;
     cursor: pointer 
}
 .slideBox .hd ul li.on .liner {
     width: 8rem;
     height: 0.4rem;
     animation: liner 2.5s;
     position: absolute;
     top: 0;
     left: 0;
     background: linear-gradient(90deg, #198cff, #8847c1) 
}
 .slideBox .hd ul li:hover .dot {
     display: none 
}
 .slideBox .hd ul li:hover {
     width: 20.6rem;
     height: 3.6rem;
     transform: translateY(-50%);
     background: linear-gradient(90deg, #198cff, #8847c1);
     transition: all .1s ease 
}
 .slideBox .hd ul li:hover span {
     display: inline-block 
}
 @keyframes liner {
     from {
         width: 0 
    }
     to {
         width: 100% 
    }
}
 .slideBox .bd {
     width: 100%;
     position: relative;
     height: auto;
     overflow: hidden;
}
 .slideBox .bd li {
     text-align: center;
     width:100%;
     height:auto;
     overflow: hidden;
     position: relative;
}
 .slideBox .bd img {
     width:100%;
     height:auto;
     margin: 0 50%;
     transform: translateX(-50%);
}
 .slideBox .bd:hover~.prev {
     display: block 
}
 .slideBox .bd:hover~.next {
     display: block 
}
 .slideBox .prev:hover {
     display: block 
}
 .slideBox .next:hover {
     display: block 
}
 .slideBox .prev {
     display: none;
     position: absolute;
     left: 3%;
     top: 40%;
     margin-top: -2.5rem;
     width: 2.9rem;
     height: 5.2rem;
     background: url(../images/left_array.png) no-repeat;
     background-size: cover 
}
 .slideBox .next {
     display: none;
     position: absolute;
     right: 3%;
     top: 40%;
     margin-top: -2.5rem;
     width: 2.9rem;
     height: 5.2rem;
     background: url(../images/right_array.png) no-repeat;
     background-size: cover 
}
 .slideBox .bd li.active {
     animation-name: ai-big-out;
     animation-duration: .3s;
     animation-timing-function: ease;
     animation-fill-mode: forwards 
}
 @keyframes ai-big-out {
     0% {
         z-index: 3;
         transform: scale(1.1);
         opacity: 1 
    }
     50% {
         transform: scale(1.2);
         opacity: .5 
    }
     to {
         transform: scale(1.3);
         opacity: 1 
    }
}
 

.association_tabs ul li {
    width: 48%;
    margin-right: 4%;
}
.association_tabs ul li:nth-child(2n) {
    margin-right: 0;
}
.association_tabs ul li:nth-child(3n) {
    margin-right: 4%;
}

.s_r_tabs ul li {
    width: 48%;
    margin-right: 4%;
}
.s_r_tabs ul li:nth-child(2n) {
    margin-right: 0;
}
.s_r_tabs ul li:nth-child(3n) {
    margin-right: 4%;
}


.m_b_menu {
    display: block;
    margin-top: 1rem;
    overflow: hidden;
    width: 4rem;
    height: auto;
    position:fixed;
    left:0;
    z-index: 111;
    bottom:4rem;
    _position:absolute;
    _top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);
}
.m_b_menu span {
    display: block;
    width: 100%;
    height: auto;
    padding:1rem 0; 
    line-height: 1.6;
    text-align: center;
    background: #004ea2;
    color: #fff;
    overflow: hidden;
    
}


.hide_box {
    display: none;
}
.show_box {
    display: block;
}


/*合作伙伴*/
.cooperative_list {
    width: 100%;
}
.cooperative_list li {
    width: 48%;
    height: 6rem;
    margin-right: 2.5%;
    float: left;
    text-align: center;
    border:1px solid #f1f1f1;
    margin-bottom: 15px;
    overflow: hidden;
}
.cooperative_list li:hover {
    border:1px solid #e6e6e6;
}
.cooperative_list li:nth-child(5n) {
    margin-right: 2%;
}
.cooperative_list li:nth-child(2n) {
    margin-right: 0;
}
.cooperative_list li a {
    display: block;
    width: 100%;
    height: 6rem;
    line-height:6rem;
}
.cooperative_list li img {
    max-width: 95%;
    max-height: 5rem;
    display: inline-block; 
    vertical-align: middle;
}




 
/*en add*/
/*
.nav {
    width: 50rem;
    float: right;
}
.topnav {
    overflow: hidden;
    width: 85%;
    float: left;
}
.topnav ul li {
    float: left;
    position: relative;
}
.topnav ul li .nava {
    display: block;
    padding: 0 0;
    margin: 0 2rem;
    color: #59606c;
    line-height: 7.7rem;
    font-size: 1.6rem;
    text-align: center;
    box-sizing: border-box;
}
.topnav ul li:hover .nava {
    border-bottom: 0.3rem solid #005da4;
    color: #005da4;
    background: #fff !important;
}
.topnav ul li.onnav .nava {
    border-bottom: 0.3rem solid #005da4;
    color: #005da4;
    font-weight: bold;
}
*/
.f_info {
    display: block;
    color: #bab9b9;
    overflow: hidden;
}
.f_contact {
    flex: none;
    width: 100%;
    float: left;
}
.f_contact .title {
    border-bottom: 0.1rem solid #4f545d;
    line-height: 3.5rem;
    font-size: 1.6rem;
}
.f_right {
    flex: none;
    width: 100%;
    float: right;
}
.banner {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
/*en about*/
.about_section {
    width: 100%;
}
.about_section h1.about_title {
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 1rem;
    color: #000;
    font-weight: bold;
}
.about_left {
    width: 100%;
    float: left;
}
.about_right {
    width: 100%;
    float: right;
    text-align: right;
}
.about_right img {
    width: 100%;
    height: auto;
}
.about_left h2 {
    width: 100%;
    font-size: 2rem;
    line-height: 3rem;
    text-align: left;
    font-weight: bold;
    color: #333;
    margin-top: 1rem;
}
.about_left h3 {
    width: 100%;
    font-size: 2rem;
    line-height: 3rem;
    color: #005da4;
    padding-top: 0.8rem;
    text-align: left;
}
.about_left p {
    width: 100%;
    font-size: 1.4rem;
    color: #59606c;
    line-height: 2rem;
    margin: 1rem 0;
}
/*en solutions*/
.solutions_section {
    width: 100%;
}
.solutions_title {
    width: 100%;
    font-size: 2.5rem;
    line-height: 3rem;
    text-align: center;
    color: #000;
    margin-top: 1rem;
    overflow: hidden;
}
.solutions_text {
    width: 100%;
    overflow: hidden;
    margin-top: 2rem;
    color: #59606c;
    font-size: 1.4rem;
    line-height: 2rem;
}
.solutions_text p {
    margin-bottom: 1.5rem;
    display: inline-block;
    text-align: justify;
    text-indent:2rem;
}

.s_a_list {
    width: 100%;
    background: #f6f6f6;
    padding: 1.5rem 0;
    overflow: hidden;
}
.s_a_list ul li {
    width: 90%;
    margin-left: 3%;
    background: url(../images/icon_10.png) no-repeat left center; 
    padding: 0.5rem 0;
    padding-left: 1.5rem;
    line-height: 1.8rem;
    color: #004ea2;
    font-size: 1.4rem;
    border-bottom: 1px dashed #ddd;
    transition: all 0.3s;
    overflow: hidden;
}
.s_a_list ul li:hover , .s_b_list ul li:hover {
    background: url(../images/icon_10.png) no-repeat 5px center #f0f0f0; 
}

.s_b_list {
    width: 100%;
    background: #f6f6f6;
    padding: 1.5rem 0;
    overflow: hidden;
}
.s_b_list ul li {
    width: 90%;
    margin-left: 3%;
    background: url(../images/icon_10.png) no-repeat left center; 
    padding: 0.5rem 0;
    padding-left: 1.5rem;
    line-height: 1.8rem;
    color: #004ea2;
    font-size: 1.4rem;
    border-bottom: 1px dashed #ddd;
    transition: all 0.3s;
    overflow: hidden;
}
.s_b_list ul li span:nth-child(1) {
    display: block;
    width: 80%;
    float: left;
    font-size: 1.4rem;
}
.s_b_list ul li span:nth-child(2) {
    display: block;
    width: 20%;
    float: right;
    font-size: 1.8rem;
    text-align: right;
}

.s_t_img {
    width: 100%;
    margin: 0.5rem auto 2rem auto;
}
.s_t_img img {
    width: 100%;
    height: auto;
}
.s_t_img span {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 0.5rem;
}
.s_t_1 {
    width: 100%;
}
.s_t_2 {
    width: 100%;
}
.s_t_3 {
    width: 100%;
}
.s_t_4 {
    width: 100%;
}

.s_t_5 {
    width: 100%;
}
.s_t_5 span.s_t_5a {
    width: 47%;
    float: left;
}
.s_t_5 span.s_t_5b {
    width: 53%;
    float: left;
}




.solutions_box_list {
    width: 100%;
    overflow: hidden;
    margin: 1rem 0;
}
.solutions_box_list ul li {
    width: 50%;
    float: left;
    height: 10rem;
    background: #026dbf;
    display:table;
}
.solutions_box_list ul li span {
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: #fff;
    display: block;
    text-align: center;
    display:table-cell;
    vertical-align:middle;
}
.solutions_box_list ul li:nth-child(2) {
    background: #0166b4;
}
.solutions_box_list ul li:nth-child(3) {
    background: #005da4;
}
.solutions_box_list ul li:nth-child(4) {
    background: #005698;
}
.laboratory_list {
    width: 100%;
    overflow: hidden;
    margin-top: 1rem !important;
}
.laboratory_list li {
    width: 48%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 4%;
    margin-bottom: 1.5rem;
    position: relative;
}
.laboratory_list li:nth-child(2n) {
   margin-right: 0;
}
.laboratory_list li:nth-child(4n) {
    margin-right: 0;
}
.laboratory_list li .img {
    width: 100%;
    height: 9rem;
}
.laboratory_list li .img img {
    width: 100%;
    height: 9rem;
    transition: all 0.4s;
}
.laboratory_list li:hover .img img {
    transform: scale(1.1);
}
.laboratory_list li .info {
    width: 100%;
    height: 3rem;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.6);
    display: block;
}
.laboratory_list li:hover .info {
    display: block;
}
.laboratory_list li .info h3 {
    font-size: 1.4rem;
    line-height: 3rem;
}
.contact_title {
    width: 100%;
    font-size: 2.5rem;
    line-height: 3rem;
    text-align: center;
    color: #000;
    margin-top: 1rem !important;
    overflow: hidden;
}
.contact_section {
    width: 100%;
    height: 21rem;
    color: #fff;
    background: url(../scheme/contact_img.png.jpg) no-repeat center center;
    background-size: 210% auto;
    padding-top: 1rem;
    box-sizing: border-box;
}
.contact_section ul li {
    width: 95%;
    float: left;
    margin-left: 2%;
    text-align: left;
    overflow: hidden;
    margin-top: 1rem;
}
.contact_section ul li h3 {
    width: 30%;
    float: left;
    margin-top: 0.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
}
.contact_section ul li p {
    width: 70%;
    float: right;
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-top: 0.6rem;
    ;
}
.contact_en_list {
    width: 100%;
}
.contact_en_list li {
    width: 100%;
    float: left;
    margin-bottom: 2rem;
    overflow: hidden;
}
.contact_en_list li i {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid #005da4;
    box-sizing: border-box;
}
.contact_en_list li h3 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: bold;
    color: #000;
    margin-top: 1.5rem;
}
.contact_en_list li span {
    width: 80%;
    display: block;
    font-size: 1.6rem;
    color: #59606c;
}