﻿img {
	display: block;
}

html,
body {
	color: #000;
	font-family: PingFang SC;
	font-weight: 500; 
}

div,
header,
footer {
	box-sizing: border-box;
}

/*包含以下五种的链接*/
a {
	text-decoration: none;
}

/*正常的未被访问过的链接*/
a:link {
	text-decoration: none;
}

/*已经访问过的链接*/
a:visited {
	text-decoration: none;
}

/*鼠标划过(停留)的链接*/
a:hover {
	text-decoration: none;
}

/* 正在点击的链接，鼠标在元素上按下还没有松开*/
a:active {
	text-decoration: none;
}

/* 获得焦点的时候 鼠标松开时显示的颜色*/
a:focus {
	text-decoration: none;
}


.container {
	width: 1200px;
	margin: 0 auto;
}

.block-wrap-container {
	width: 1200px;
	margin: 0 auto;
}
.block-wrap { padding:20px 0px;}
.block-wrap:nth-of-type(odd) .block-wrap-container img{ float:right;  margin-left:1% !important; margin-right:1% !important;}
.block-wrap:nth-of-type(odd) .block-wrap-container>div{ float:left; width:50%;}



.block-wrap:nth-of-type(even) .block-wrap-container img{ float:left;  margin-left:1% !important; margin-right:1% !important;}
.block-wrap:nth-of-type(even) .block-wrap-container>div{ float:right; width:50%;}

.mbshow{ display:none;}
@media screen and (max-width: 1520px) 
{ 
    .block-wrap-container {
	width: 98%;
	margin: 0 1%; 
	overflow:hidden;
    }
    
    
    
    .block-wrap .block-wrap-container>div{ width:50%; }
    .block-wrap .block-wrap-container img{ width:48% !important; margin-left:1% !important; margin-right:1% !important;  height: auto !important;}
    
    
    .block-desc 
    {
        width:100% !important;
    }
    .contact-btn 
    {
        margin-top:30px !important;
    }
}


@media screen and (max-width: 1200px) 
{ 
	.container {
		width: 100%;
		padding: 0 50px;
	}
	header{ display:none;}
	.tservice{ display:none; } 
    .mbshow{ display:block;} 
    .mbshow .block-wrap {
        padding: 50px 0px 30px;
        margin-top:30px;
    }
    .mbshow .title{ color: #2943B3; position:relative; margin-top:20px; display:block; margin-left:2%; font-size:24px;  } 
    .mbshow .title::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 4px;
    background-color: #2943B3;
    display: block;
    bottom: -10px; 
}


	.block-desc {
    font-size: 20px !important ;
    color: #666666;
    line-height: 36px !important;
    flex-shrink: 0; 
}
} 

.acea-row {
	display: flex;
	flex-wrap: wrap;
}

.acea-row.row-top {
	align-items: flex-start;
}

.acea-row.row-middle {
	align-items: center;
}

.acea-row.row-bottom {
	align-items: flex-end;
}

.acea-row.row-left {
	justify-content: flex-start;
}

.acea-row.row-center {
	justify-content: center;
}

.acea-row.row-right {
	justify-content: flex-end;
}

.acea-row.row-between {
	justify-content: space-between;
}

.acea-row.row-around {
	justify-content: space-around;
}

.acea-row.row-column {
	flex-direction: column;
}

.acea-row.row-column-between {
	flex-direction: column;
	justify-content: space-between;
}

.acea-row.row-column-around {
	flex-direction: column;
	justify-content: space-around;
}

.acea-row.row-center-wrapper {
	align-items: center;
	justify-content: center;
}

.acea-row.row-between-wrapper {
	align-items: center;
	justify-content: space-between;
}

.line1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.line2 {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}


@media screen and (max-width: 1000px) 
{ 
    .lservice .block-wrap .block-wrap-container>div{  width:98% !important; margin-left:1% !important; margin-right:1% !important;  } 
    .lservice .block-wrap .block-wrap-container img{ width:98% !important; margin-left:1% !important; margin-right:1% !important;  height: auto !important; margin-bottom:20px;}
    
    
    
    
    .mbshow .block-wrap .block-wrap-container>div{  width:98% !important; margin-left:1% !important; margin-right:1% !important; margin-bottom:20px;  } 
    .mbshow .block-wrap .block-wrap-container img{ width:98% !important; margin-left:1% !important; margin-right:1% !important;  height: auto !important; margin-bottom:20px;}
}


@media screen and (max-width: 768px) 
{ 
    .lservice .block-wrap .block-wrap-container img{ margin-bottom:40px;}
    .block-title {
        font-size: 20px !important; 
        margin-bottom: 20px !important;
    }
    .block-desc {
        font-size: 16px !important; 
        line-height: 32px !important; 
    }
    .contact-btn {
        width: 120px !important;
        height: 40px !important; 
        font-size: 20px !important; 
    }
    footer .first{ font-size:26px !important; }
}