@charset "UTF-8";

/*Solutions Begin*/
main{
    color: #333;
}
.main-box{
    position: relative;
    min-height: 1px;
    margin-left: -15px;
    margin-right: -15px;
	padding-top:30px;

}
.reset-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.reset-list:before{
    display: table;
    content: " ";
}
.reset-list:after{
    clear: both;
    display: table;
    content: " ";
}
.reset-list>li {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    margin-bottom: 0;
    margin-top: 0;
	padding-left: 15px;
	padding-right: 15px;
}
.media, .media-body {
    overflow: hidden;
    zoom: 1;
}
small, .small {
    font-size: 0.9rem;
}
.media {
    margin: 1.8rem 0 3rem;
    color: #666;
}
.media:first-child {
    margin-top: 0;
}
.media-left, .media > .pull-left {
    padding-right: 10px;
}
.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top;
}
.media .media-left {
    padding-right: 25px;
	padding-bottom: 8px;
}
.media .media-left-inner {
    position: relative;
}
.media .media-left-inner img{
    border-radius:5px;
}
.media-body {
    width: 10000px;
}
.media-body h6 a{
    font-size:1.25rem;	
}
.media-body h6 a:hover{
	text-decoration:underline;	
}
.pr-0 {
    padding-right: 0 !important;
}
.media-body {
    color: #333;
}
.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}
.media-heading {
    text-transform: uppercase;
    line-height: 1.1;
    font-weight: bold;
    font-size: 1.3rem;
    color: #336699;
    margin-bottom: 13px;
}
.media-heading-small {
    font-size: 1rem;
}
.media-heading-small {
    font-weight: 900;
}
h6.media-heading-small {
    font-weight: bold;
}
.mb-1 {
    margin-bottom: 1rem !important;
}
b, strong {
    font-weight: bold;
	font-family: 'SourceHans', "Arial", sans-serif;
}
.text-limit p {
    display: none;
	line-height:1.35rem;
	font-size: 0.9rem;
    color: #7e7e7e;
	font-weight:350;
}
.text-limit p:first-child {
    display: inline;
}


.bg-light-gray {
    background-color: #f8f8f8;
}
.solu h1{
	font-weight:bold;
	}
.solu h1+h3 a{
	line-height: 2.5rem;
    color: #0039cc;;
    opacity: 0.65;
    padding-left: 2px;
    font-weight: 335;
	}
.solu p{
	line-height:1.65rem;
	padding-top:20px;
	padding-bottom: 1rem;
	color:#333;
	}
.solu-block {
    /*padding: 2.5rem 0.5rem 1rem 0.5rem;
     background-color: #ededed/*#fbfbfb;     
    border-radius: 5px;*/
}
.solu-block p{
	line-height:1.75rem;
	color:#333;
}
.solu-block ul, .solu-block li{
	list-style-type: square;
    margin: 0;
    padding: 0;
	margin-left:12px;
	}
.solu-block li{
	line-height:27px;
	color:#333;
	}
.solu-right {
    /*padding-top: 0.5rem;*/
}
.solu-right video, .soluBox video {
	box-shadow: 0px 1px 16px rgba(0, 0, 0, .7058823529);
    border-radius: 10px;
    opacity: 1;
    width: 100%;
    object-fit: fill;
}
hr.solu-hr{
	background-color:#cc0000;
	min-height:1px;
	border: none;
	}
.solu-block h3{
	font-size:1.215rem;
	}
.solu-right img{
    max-width: 100%;
	height:auto;
	border-radius: 10px;
}

.solu-intro-container, .solu-intro-container-r{
    padding: 5.5% 0 5.5% 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.solu-intro-text{
	margin: 15px;
}
.solu-intro-video{
	margin: 24px;
}

.soluHead{
	display: flex;
    flex-basis: 50%;
    flex-direction: column;
    justify-content: flex-end;
    /* margin-inline-start: 50%; 
    padding-top: 19px;
	text-align: center;*/
}
.soluHead h1{
	font-size: 2.5rem;
    font-weight: 600;
}
.soluHead h1+p{
	font-size: 1.65rem;
    color: #75757588;
    margin-bottom: 1rem;
}
.soluHead p{
	font-size: 1pc;
    font-weight: 500;
	line-height: 1.65;
}
.soluHead h1+p span{
    color: #cc0000;
	font-weight: 600;
}
.soluBox{
	margin-top: 3rem;
}
.inner .content{
	display: flex;
    flex-wrap: wrap;
    flex-flow: row wrap;
    box-sizing: content-box;
    max-width: 100%;
}
.inner .content .colImg{
	max-width: 50%;
    position: relative;
	flex-basis: 50%;
}
.colImg .imgBox{
    margin-bottom: 50px;
    position: sticky;
    top: 228px;
	margin-inline-end: 30px;
}
.colImg .imgBox .colAdd{
	max-width: 100%;
    margin-top: 5rem;
    text-align: center;
}
.colImg .imgBox .colAdd p:after{    
    content: "\f055";
	display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	color: #cc0000;
}
.colImg .imgBox .colAdd p a{
	color: #cc0000;
    padding-right: 3px;
}
.colImg .imgBox .colAdd p a:hover{
	color: #cc0000;
	text-decoration:underline;
}
.colImg .imgBox img{
	cursor: pointer;
    height: auto;
    /* padding-inline-start: 10px; */
    text-align: center;
    max-width: 100%;
    box-shadow: 0px 1px 16px rgb(0 0 0 / 45%);
    border-radius: 10px;
}
.colContent{
	height: auto;
    padding-bottom: 14px;
    max-width: 50%;
	flex-basis: 50%;
}
.contentCells{
	margin-inline-start: 30px;
}
.contentCell:not(:first-child){
	margin-top:60px;
}
.contentCell h2{
	font-size: 1.3rem;
    font-weight: 600;
	margin-bottom: 0.5rem;
	border-left: 5px solid #df0523;
    padding-left: 13px;
    display: inline-block;
}
.contentCell ul{
	padding-top: 1rem;
    border-top: 1px solid #d2d2d7;
    padding-left: 1.5rem;
}
.contentCell li{
	color: #4c4c4c;
    font-size: 0.95rem;
    margin-bottom: 3px;
    font-weight: normal;
	line-height: 1.8;
}
.contentCell li:before{
	content: " ";
    border-left: 5px solid #cc0000;
    margin-right: 12px;
    display: inline-block;
    width: 0;
    height: 5px;
    vertical-align: middle;
    border-radius: 5px;
    margin-bottom: 3px;
}
.imgBox img{
	max-width: 100%;
}

.contentCell p{
	padding-top: 1rem;
    border-top: 1px solid #d2d2d7;
    padding-left: 1.2rem;
}
.contentCell a {
	color:#333;
}
.contentCell a:hover {
	color:#cc0000;
}
.contentCell .imgBox{
	margin: 2rem 0;
	text-align: center;
}
/*solutions End*/


@media only screen and (max-width: 575px){
.solu-intro-container {
	flex-direction: column-reverse !important;
}
.solu-intro-container-r {
	flex-direction: column;
}
.solu-intro-container, .solu-intro-container-r {
    padding: 0px 5px;
}
.solu-intro-video {
	 padding-top: 30px !important;
}
.grow-height{
	padding-top: 1.25rem !important;
	padding-bottom: 1.5rem !important;
	}
.contentCells {
    margin-inline-start: 0 !important;
	margin-inline-end: 0 !important;
}
.colImg .imgBox {
    margin-inline-end: 0 !important;
	margin-inline-start: 0 !important;
}
.soluHead h1 {
    font-size: 2.0rem;
}
.soluHead h1+p {
    font-size: 1.25rem;
}
.colImg .imgBox img {
    padding-inline-start: 0;
}
.contentCell li{
    font-size: 0.975rem;
}
}


@media  (max-width: 992px){
/* max-width: 992px*/
}

@media(max-width: 767px){
.media-left {
    width:100%;
	padding-bottom: 8px;
}
.media-body {
    width:100%;
}
.media-left, .media-right, .media-body {
    display: block;
	}
.media-left img{
    margin-bottom:1.5rem;
}	
main .pt-2{
	padding-top:2rem !important;
	}
.solu-block {
    /*padding: 2rem 0 0rem 0;*/
}
.solu-block ul {
    padding-bottom: 2rem;
}
.mb-1 {
    font-size:1rem;
	margin-bottom: 8px !important;
}
.text-limit p {
    font-size:0.975rem;
    line-height: 1.65rem;
}
.solu p {
	/*font-size:1.05rem;*/
}
.solu-block li {
    font-size:1.05rem;
}
.media-body h6 a {
    font-size: 1.35rem;
}
/* max-width: 767px*/
}

@media only screen and (min-width: 768px){
main{
    /*font-weight: 375;*/
}
.media {
    margin: 1.8rem 0 6rem;
}

}

@media  (min-width: 768px){


/* min-width: 768px*/
}
@media  (max-width: 768px){
.inner .content .colImg, .colContent {
    max-width: 100%;
    flex-basis: 100%;
}
.colImg .imgBox {
	margin-inline-start: 30px;
}
.contentCells {
    margin-inline-end: 30px;
}

/* max-width: 768px*/
}
@media only screen and (min-width: 992px){
.solu-intro-container, .solu-intro-container-r {
    margin: 0px -30px;
}
/*only min-width: 992px*/
}

@media (min-width: 992px){

/*min-width: 992px*/
}

@media (min-width: 1230px){
.reset-list>li {
    width: 50%;
	float:left;	
	padding-left: 25px;
	padding-right: 23px;
	padding-bottom:25px;
}
.main-box{
    margin-left: -25px;
    margin-right: -25px;
}

small, .small {
    font-size: 0.85rem;
}

.col-lg-6 {
    width: 50%;
}
.solu-right{
	/*padding: 3.5rem 12px 12px;
    border-radius: 5px;*/
	}
.mt-01{
	margin-top:25px;
	}
.mt-02{
	margin-top:35px;
	}
.mt-03{
	margin-top:45px;
	}
.mt-05{
	margin-top:56px;
	}
.mt-08{
	margin-top:88px;
	}
.media .media-left-inner img {
    margin-top: 15px;
    width: 180px;
}
.solu-block p{
	padding-right: 15px;/*20250109添加，发现项目类右边的字没有及时换行*/
}
/*min-width: 1230px*/
}