
*{padding:0;margin:0;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#333;}
.clear{    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0px;}
/*公司业务*/
.index_new_proj {width: 100%; background:#f8f8f8;padding-top:50px; padding-bottom:50px;}

.box-col {display: inline-block;width: 100px;height: 35px;text-align: center;font-size: 14px !important;line-height: 35px;color: #fff;background-color: #fff;margin-left: 10px !important;}
.sel-col {background-color: #16509f;color: #fff !important;}
.index_new_proj ul {width: 1400px;margin:30px auto;}
.index_new_proj ul li {text-align: center;float: left;margin: 0px 12px 25px 12px;width: 23%;height: 320px;background-color: #fff;}
.index_new_proj ul li div {height: 230px;overflow: hidden;position: relative;}
.index_new_proj ul li div .bg {width: 100%;height: 100%;}
.index_new_proj ul li div img {width: 100%;height: 100%;cursor: pointer;transition: all 0.6s;}
.index_new_proj ul li:hover div img { transform: scale(1.1); filter: alpha(Opacity=30); -moz-opacity:0.3; opacity: 0.3; }
.index_new_proj ul li h5 {height: 26px;line-height: 25px;margin-top: 15px;overflow: hidden;text-overflow: ellipsis;}
.index_new_proj ul li h5 a {font-size: 18px;font-weight: bold;}
.index_new_proj ul li p {height: 40px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;}
.index_new_proj ul li p a {color: #666;}

.index_bank {margin: 0 auto;max-width: 1400px;padding: 0 1rem;box-sizing: border-box;}
.indexTitle h2 {font-size: 2rem;font-weight: bold;text-align: center;}
.indexTitle p {color: #666;margin-top: 1rem;text-align: center;}
.indexTitle .line {display: inline-block;text-align: center;width: 2.28rem;height: 1px;position: relative;top: -0.5rem;margin: 0 1rem;background: #888888;}
.index_bank ul {display: flex;display: -webkit-flex;flex-wrap: wrap;align-items: stretch;-webkit-align-items: stretch;margin-left: -1rem!important;margin-bottom: -1rem;margin-top: 3rem;}
.index_bank ul>.item {width: 20%;float: left;padding-left: 2rem;margin-bottom: 2rem;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: stretch;-webkit-align-items: stretch;padding-left: 1rem!important;margin-bottom: 1rem!important;}
.index_bank ul .box {box-sizing: border-box;flex: 1;-webkit-flex: 1;background-color: #FFF;transition: box-shadow 0.5s;border-radius: 6px;overflow: hidden;box-shadow: 0 0 20px rgb(0 0 0 / 10%);}
.index_bank ul .bgpic img {width: 100%;height: 150px;}
.index_bank ul .padding1 {padding: 1rem;}
.index_bank ul .fs5 {font-size: 1.3rem;font-weight: bold;}
.index_bank ul .line-clamp4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.index_bank ul .lineHeight2 {line-height: 2;}
.index_bank ul .marginTop1 {margin-top: 1rem;}
.index_bank ul .fs8 {font-size: 2rem;}
.index_bank ul .textleft {text-align: left;}
.index_bank ul .lineHeight1-5 {line-height: 1.5;}
.index_bank ul .fs14 {font-size: 0.875rem;}

.in-team{width: 100%; background:#f8f8f8;padding-top:50px; padding-bottom:50px;}
.teambox{max-width:1400px; margin:30px auto 0;}
.team_container li img{display:block; margin:auto;width:100%;}
.team_container li span{ display:block; text-align:center; margin-top:10px;}
.teambox .swiper-container{padding-bottom:30px;}
.swiper-pagination{bottom:0; left:50%; margin-left:-50px;}
.swiper-pagination-bullet{width:16px;height:16px;background:rgba(0,0,0,.7); margin:0 10px;}
.swiper-pagination-bullet-active{background:#007aff;}

.in-certificate,.service_assurance_container{width:100%;padding:50px 0;}
.certificatebox{max-width:1400px;margin:50px auto 0;}
.certificate_container {padding:0 68px;}
.certificate_container li{ box-shadow:0 0 5px rgba(153,153,153,.7);margin:5px;}
.certificate_container li div{margin:auto;text-align:center;}
.certificate_container li img{max-width:100%;}
.certificatebox .swiper_control {
    width: 68px;
    height: 100%;
    background: #fff;
    top: 0;
    margin-top: 0;
    cursor: default;
}
.certificatebox .next {
    right: 0;
}
.certificatebox .prev {
    left: 0;
}
.certificatebox .swiper_control div {
    width: 48px;
	height: 68px;
	background: #dcdcdc;
    border-radius: 8px 0px 0px 8px;
    text-align: center;
    line-height: 68px;
    color: #fff;
    font-size: 34px;
    opacity: 1;
    position: absolute;
    top: 50%;
    margin-top: -34px;
    cursor: pointer;
}
.certificatebox .next div {
    border-radius: 0px 8px 8px 0px;
    right: 0;
}
.certificatebox .swiper_control [class*=disabled] {
    opacity: 0.6;
}
.certificatebox .swiper_control [class*=disabled]:hover {
    background: #dcdcdc;
    cursor: default;
}
.certificatebox .swiper_control div:hover {
    background: #005aab;
}
.iconglyphicon-chevron-right:before{
    content: "<";
}
.iconzuoyou:before {
    content: ">";
}

/* service_assurance_container */
.service_assurance_container {
    background: #f6f6f6;
}
.flex { /* 设置为flex盒子 */
    display: box;      
    display: -webkit-box;  
    display: -moz-box;     
    display: -ms-flexbox;  
    display: -webkit-flex; 
    display: flex;
}
.flex_column { /* 垂直排列 */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
.flex_wrap { /* 允许换行 */
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex_row_center { /* 水平方向上居中 */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
.flex_row_start { /* 水平方向上居左 */
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
}
.flex_row_end { /* 水平方向上居右 */
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
}
.flex_row_justify { /* 水平方向上等间距排列 */
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.flex_column_center { /* 垂直方向上居中 */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
.flex_column_start { /* 垂直方向上居上 */
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
}
.flex_column_end { /* 垂直方向上居下 */
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
}
.flex1 { /* 占据1份大小 */
    -webkit-box-flex: 1;
    -moz-box-flex: 1;   
    -webkit-flex: 1;    
    -ms-flex: 1;        
    flex: 1;     
}
.flex_rank_1 { /* 排列等级 */
    -webkit-box-ordinal-group: 1; 
    -moz-box-ordinal-group: 1;    
    -ms-flex-order: 1;            
    -webkit-order: 1;             
    order: 1;                     
}
.flex_rank_2 { /* 排列等级 */
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
.service_assurance .center {
	max-width:1400px;
	margin:auto;
    position: relative;
    min-height: 492px;
}
.service_assurance .img_box {
    width: 430px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.service_assurance ul {
	margin-top:50px;
    position: relative;
    z-index: 10;
}
.service_assurance .right {
    text-align: right;
}
.service_assurance li {
    position: relative;
    /* background: red; */
}
.service_assurance li .left,
.service_assurance li .right {
    position: relative;
    width: 440px;
    box-sizing: border-box;
    margin-top: 48px;

}
.service_assurance li .explain_title {
    font-size: 24px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #424242;
}
.service_assurance li .right .explain_title {
    transform: translateX(2px);
}
.service_assurance li .explain_content {
    font-size: 16px;
	line-height: 22px;
    color: #666;
    padding-right: 145px;
}
.service_assurance li .right .explain_content {
    padding-left: 145px;
    padding-right: 0;
}
.service_assurance li .line {
    width: 100%;
    border-top: dotted 1px #3399ff;
    opacity: 0.8;
    margin: 15px 0 14px;
    position: relative;
}
.service_assurance li .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #3399ff;
    position: absolute;
    transform: translateY(-5px);
    animation: dot_move 0.5s 0.5s forwards;
}
@keyframes dot_move {
    0% {
        right: 100%;
    }
    100% {
        right: 0;
    }
}
@keyframes dot_right_move {
    0% {
        left: 100%;
    }
    100% {
        left: 0;
    }
}
.service_assurance li .son_line {
    width: 70px;
	height: 2px;
    background: #005aab;
    position: absolute;
    top: -1px;
}
.service_assurance li .left .dot {
    right: 100%;
}
.service_assurance li .right .son_line {
    right: 0;
}
.service_assurance li .right .dot {
    animation: dot_right_move 0.5s 0.5s forwards;
    left: 100%;
}
.service_assurance li .left .son_line {
    left: 0;
}
.service_assurance li:not(:nth-of-type(2)) {
    padding: 0 68px;
}
.service_assurance li .left:hover .son_line,
.service_assurance li .right:hover .son_line {
    width: 300px;

}


/* 首页新闻资讯*/
.news_container {max-width:1400px; margin:50px auto;background:#fff;}
.news{margin-top:50px;}
.news .news_keep {
    width:360px;
	display:block;
}
.news .news_keep .keep_head {
    height: 130px;
    background: #005aab;
    color: #fff;
    padding: 0 30px;
    box-sizing: border-box;
}
.news .news_keep .keep_title {
    font-size: 20px;
    font-weight: bold;
    max-height: 52px;
}
.news .news_keep .keep_time {
    font-size: 18px;
    margin-top: 10px;
}
.news .news_keep .img_box {
    height: 200px;
    position: relative;
	overflow:hidden;
}
.news .news_keep .img_box img {
    width: 100%;
    position: absolute;
    transition: all .3s;
    top: 0;
    bottom: 0;
    margin: 0 auto;
}
.news .news_keep .explain_title {
    font-size: 16px;
	font-weight: bold;
    color: #333;
    line-height: 54px;
    border-bottom: 1px dotted #e5e5e5;
}
.news .news_keep .explain_content {
    font-size: 14px;
	line-height: 22px;
    color: #777;
    padding: 15px 0 0;
    max-height: 44px;
}
.news .news_keep:hover .img_box img {
    transform: scale(1.1);
}
.news .news_main {
    width:560px;
}
.news .news_main .classify {
    position: relative;
    height: 40px;
    box-sizing: border-box;
    font-size: 16px;
	line-height: 22px;
	letter-spacing: 1px;
    color: #888;
    line-height: 40px;
}
.news .news_main .classify .line {
    width: 100%;
    height: 1px;
    background: #dddde1;
    position: absolute;
    bottom: 0;
    left: 0;
}
.news .news_main .classify .more {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #999;
    z-index: 10;
}
.news .news_main .classify .more span {
    margin-left: 3px;
    font-size: 12px;
    display: inline-block;
    transform: translateY(-1px);
}
.news .news_main .classify .classify_item {
    position: relative;
    width: 110px;
    text-align: center;
    z-index: 10;
    box-sizing: border-box;
}
.news .news_main .classify .classify_item:hover,
.news .news_main .classify .active {
    background: #005aab;
    color: #fff;
    font-weight: bold;
}
.news .news_main {
    position: relative;
}
.news .news_main .news_list a {
    padding-top: 25px;
	display:block;
    border-bottom: 1px dotted #e5e5e5;
}
.news .news_main .news_list a:hover {
    border-color: #005aab;
}
.news .news_main .news_list a:hover .news_title {
    color: #005aab;
}
.news .news_main .news_list .news_title {
    font-size: 16px;
	font-weight: bold;
    color: #333;
    width: 75%;
}
.news .news_main .news_list .time {
    float: right;
    font-size: 14px;
	color: #aaa;
}
.news .news_main .news_list .explain_content {
    font-size: 14px;
	line-height: 22px;
    color: #777;
    -webkit-line-clamp: 3;
    margin: 12px 0;
    max-height: 66px;
}

.news .news_questions {
    width: 374px;
}
.news .news_questions .classify {
    height: 50px;
    background: #bfbfbf;
    box-sizing: border-box;
    line-height: 50px;
    color: #fff;
    padding: 0 20px;
    letter-spacing: 1px;
}
.news .news_questions .classify_item {
    font-size: 16px;
	font-weight: bold;
}
.news .news_questions .more {
    font-size: 14px;
}
.news .news_questions .more span {
    font-size: 12px;
    display: inline-block;
    margin-left: 3px;
    transform: translateY(-1px);
}
.news .news_questions .questions_list {
    padding: 0 20px;
    border: 1px solid #bfbfbf;
    border-top: none;
    box-sizing: border-box;
}
.news .news_questions .questions_list a {
	display:block;
    position: relative;
    padding: 15px 0;
    box-sizing: border-box;
    border-bottom: 1px dotted #e5e5e5;
    line-height: 24px;
}
.news .news_questions .questions_list .explain_title span,
.news .news_questions .questions_list .explain_content span {
    width: 24px;
	height: 24px;
	background: #005aab;
    border-radius: 3px;
    text-align: center;
    font-size: 16px;
	font-weight: bold;
    color: #fff;
    float: left;
}
.news .news_questions .questions_list .explain_content span {
	background: #c1c0c0;
}
.news .news_questions .questions_list .explain_title div {
    font-size: 16px;
    color: #424242;
    margin-left: 35px;
}
.news .news_questions .questions_list .explain_content {
    margin-top: 10px;
}
.news .news_questions .questions_list .explain_content div {
    font-size: 14px;
    color: #888;
    margin-left: 35px;
}
.news .news_questions .questions_list a:last-of-type {
    border: none;
}
.news .news_questions .questions_list a:hover .explain_title div {
    color: #005aab;
}
.news .news_main .news_list {
    position: absolute;

	background:#fff;
    top: 0;
    left: 0;
    z-index: -1;
}
.news .news_main .news_list.active {
    position: relative;
    z-index: 10;
}

.two_row_text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



