.panel-title{    margin-bottom: 35px; margin-top:5vh}
.panel-title .title-line{
    width: 50px;
    height: 1px;
    background: #333;
    opacity: .5;
}
.panel-title span{
    color: #ff7420;
}
.panel-title .title-text {
    font-size: 32px; font-weight: bolder;
    margin: 0 16px;
}
.panel-title .title-p {
	font-size: 18px;
	color: #999;
	padding: 0px 30px;
	line-height: 1.50;
    margin-top: 20px;     max-width: 60%;
    text-align: center;
}

.findmoney {
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    position: relative;
    background-image: url(../images/case.jpg);background-position: bottom;
    background-color: #1a2b3c;
}
.findmoney2{ background-image:none; background: none;}

.findmoney:before {
    background-image: -moz-linear-gradient(178deg, rgb(47, 50, 212) 0%, rgb(37 88 171 / 53%) 100%);
    background-image: -webkit-linear-gradient(178deg, rgb(47, 50, 212) 0%,rgb(37 88 171 / 53%) 100%);
    background-image: -ms-linear-gradient(178deg, rgb(47, 50, 212) 0%, rgb(37 88 171 / 53%) 100%);
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.851;
}
.findmoney2:before{ background-image:none; }
.findmoney .list {
    display: inline-block;
    margin-top: 20px;
}

.findmoney .list ul li {
    /* width: 49%; */ width: 100%;
    background: #fff;
    float: left;
    /* margin-right: 1% */
}
.findmoney .list ul li:nth-child(2n) {
    /*margin-right: 0;*/
}

.findmoney .list ul li  {
    /*display: block;*/ 
    display:flex;
    margin-top: 25px;
    padding-bottom: 25px;  
    border-bottom: 1px solid #cecece
}
.findmoney .list ul li a.img { padding-right:15px;  display:flex;  width: 30%;}
.findmoney .list ul li a.img img{max-width: 100%;
    max-height: 190px;
    width: 100%;
    object-fit: cover;}
.findmoney .list ul li a .cat {
    color: #888;
    font-size: 14px;
    margin-bottom: 10px
}

.findmoney .list ul li a .cat i {
    margin: 0 10px
}
.findmoney .list ul li  dl {display:flex; flex-direction: column; flex:1}
.findmoney .list ul li  dl dt {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-bottom: 15px;
    overflow: hidden; 
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -ms-line-clamp: 1;
    -webkit-box-orient: vertical
}

.findmoney .list ul li  dl dd {
    font-size: 16px;
    color: #727272;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -ms-line-clamp: 3;
    -webkit-box-orient: vertical;
	text-align: justify;
}
.findmoney .list ul li  dl dd a{color: #333; }

.clickmore{    display: table;
    margin: auto;
    margin-top: 15px;
    font-size: 15px;
    color: #666;
	}
.state-panel{padding-top: 20px;}
.project-panel .panel-sub-title {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-bottom: 45px;
}
.project-panel .project-content .project-item-small:nth-child(5), .project-panel .project-content .project-item:nth-child(2) {
    margin-right: 0;
}
.project-panel .project-content .project-item-small, .project-panel .project-content .project-item {
    position: relative;
    cursor: pointer;
    width: 540px;
    margin-bottom: 21px;
    height: 254px;
    overflow: hidden;
    background: #fff;
    margin-right: 20px;
    box-shadow: 0 3px 15px 0 rgba(53,53,53,.15);
}
.project-panel .project-content .project-item .project-item-img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.project-panel .project-content .project-item-small .project-item-body, .project-panel .project-content .project-item .project-item-body {
    position: relative;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(13,26,47,.8);
}
.project-panel .project-content .project-item-small .item-title, .project-panel .project-content .project-item .item-title {
    width: calc(100% - 60px);
    position: absolute;
    top: 38px;
    left: 32px;
    z-index: 106;
    color: #fff;
}
.project-panel .project-content .project-item-small p:first-child, .project-panel .project-content .project-item p:first-child {
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.project-panel .project-content .project-item p:last-child {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 32px;
}
.project-panel .project-content .project-item .project-adv-list,.project-panel .project-content .project-item-small .project-adv-list {
    width: 100%;
    height: 100%;     white-space: initial;
	padding-top:130px;
	padding-left: 32px;
	padding-right: 32px;
	padding-bottom: 10px;
	box-sizing: border-box;
    opacity: 0;
    position: absolute;
    z-index: 4;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
    z-index: 101;
    background: #0d1a2f;
    bottom: 0;
    transform: translateY(254px);
    transform-origin: bottom;
    transition: transform .5s cubic-bezier(.2,0,.2,1),opacity .3s cubic-bezier(.2,0,.2,1);
}
.project-panel .project-content .project-item-small .project-adv-list p{font-size: 12px;
    color: #fff;
    line-height: 14px;}
.project-panel .project-content .project-item:hover .project-adv-list,.project-panel .project-content .project-item-small:hover .project-adv-list { opacity: 100;transform: translateY(0px);transform-origin: bottom; }
.project-panel .project-content .project-item-small .project-adv-list ul, .project-panel .project-content .project-item .project-adv-list ul {
    margin-top: 98px;
    margin-left: 28px;
}
.project-panel .project-content .project-item-small .project-item-button, .project-panel .project-content .project-item .project-item-button {
    display: block;
    position: absolute;
    right: 14px;
    bottom: 12px;
    width: 82px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    z-index: 110;
}
.project-panel .project-content .project-item .project-item-button {
    display: block;
    position: absolute;
    right: 14px;
    bottom: 12px;
    width: 82px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    z-index: 110;
}
.project-panel .project-content .project-item-small {
    width: 356px;
    margin-right: 16px;
}
.project-panel .project-content .project-item-small .project-item-img, .project-panel .project-content .project-item .project-item-img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.project-panel .state-panel .state-item {
    width: 335px;
    /*height: 626px;*/
    padding: 18px 18px 26px;
    background: #fdfffe;
    /*margin-right: 12px;*/
    box-shadow: 0 3px 15px 0 rgba(53,53,53,.15);
}
.project-panel .state-panel .state-item .item-title {
    margin-bottom: 20px;
}
.project-panel .state-panel .state-item .item-title .title-box{
    position: relative;
    font-size: 22px;
    color: #333;
    font-weight: 500;
    line-height: 22px;
}
.icon-round-arrow {
    cursor: pointer;
    display: block;
    width: 23px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    background: url('../images/ahref_right.png');
}
.project-panel .state-panel .state-item .item-content {
    position: relative;
}
.news-panel .news-img-1 {
    width: 100%;
    height: 180px; 
    margin-bottom: 18px;    overflow: hidden; display: none;
}
.news-panel .news-img-1 img{    
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.news-panel .news-body .news-item {
    cursor: pointer;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
}
.news-panel .news-body .news-item {
    cursor: pointer;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
}
.news-panel .news-body .news-item .main-title {
    font-size: 18px;    min-height: 40px; 
    color: #333;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	-ms-line-clamp: 2;
    overflow: hidden;
}
.news-panel .news-body .news-item .news-content .news-desc {
    color: #999;
    font-size: 14px;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;display: none;
    margin-top: 14px;
}

.bt1{    color: #fff;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 25px;
}
.bt1 a,.bt2 a{color: #fff;}
.hero-btn{ display: inline-flex; }
.bt2 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 22px;
    line-height: 1.70;
}

.btn-type-3 {
    background: transparent;
    border: 2px solid #fff;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    padding: 15px 50px;
    text-transform: uppercase;
    display: inline-block;
    transition: all .3s;
    border-radius: 30px;
}
.btn-type-4 {
    background: #ffffff;
    color: #1a2b3c;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    padding: 20px 50px;
    text-transform: uppercase;
    display: inline-block;
    transition: all .3s;
    font-family: 'Poppins', sans-serif;
    border-radius: 30px;
    box-shadow: 0px 2px 4px 0px rgba(2, 3, 2, 0.35);
}
.numlist { justify-content: space-evenly; margin:4vh auto;}
.security-alert {
    background: #e74c3c;
    color: white;
    padding: 10px;
    text-align: center;
    font-size: 1.3em;
}
.single-counter {
    position: relative;
}

.single-counter .count {
    font-size: 60px;
    font-weight: 200;
    color: #e99b15;
    /* line-height: 42px;
    margin-bottom: 21px; */
    font-weight: bolder;
}

.single-counter h2 {
    color: #1a2b3c;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 7px;
}

.single-counter::before {
    width: 1px;
    height: 40px;
    position: absolute;
    content: "";
    background: #c6c7cb;
    right: -65px;
    top: 19px;
    bottom: 0;
}

.single-counter:nth-child(3)::before {
    display: none;
}

.single-counter span {
    font-size: 16px;
    color: #878991;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.single-features {
    background: #ffffff;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.14);
    padding: 45px 30px;
    position: relative;
}
.single-features h3 {
    font-size: 20px;
    font-weight: bolder;
    line-height: 1.25;
    margin: 30px 0 15px 0;
}
.wmdys{max-width: 30%;    margin-bottom: 30px;}
.wmdys:nth-child(odd) .single-features{margin-top: 40px;}
.threekeys{margin-bottom:0px}
.cta-area {
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    position: relative;
    height: 100%;
    background-image: url(../images/cta-bg.png);
    background-color: #1a2b3c;
    background-repeat: no-repeat;
	padding-top:100px;
	padding-bottom: 100px;
}

.cta-area:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(178deg, rgb(47, 50, 212) 0%, #2558ab 100%);
    background-image: -webkit-linear-gradient(178deg, rgb(47, 50, 212) 0%, #2558ab 100%);
    background-image: -ms-linear-gradient(178deg, rgb(47, 50, 212) 0%, #2558ab 100%);
    opacity: 0.851;
}
.cta-content{ position: relative;}
.cta-content h3 {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    line-height: 1.20;
    display: inline-block;
}
.cta-content p{
	padding-top: 20px;
	font-size: 16px;
    color: #fff;
    
    line-height: 1.50;
    display: inline-block;
}

.cta-content h3 i {
    color: #ff60a3;
}

.cta-btn {
    margin: 13px 0;
}
@media (min-width: 701px) and (max-width: 1200px){
	.main_visual {
		height: 420px;
	}
	.bt1{    
	font-size:23px;
    line-height: 1.5;
    margin-bottom: 10px;
	}
	p.bt2{font-size: 14px;    line-height: 1.20;}
	.btn-type-3 {
	    background: transparent;
	    border: 1px solid #fff;
	    color: #ffffff;
	    font-size: 16px;
	    font-weight: 500;
	    line-height: 1;
	    padding: 10px 20px;
	}
}
@media (min-width: 100px) and (max-width: 700px){
	.dt {
	    display: table;
	}
	.project-panel .state-panel .state-item {  width: 100%;height: auto; box-sizing: border-box; margin-bottom: 15px;   padding: 13px 16px 6px}
	.state-panel{ display: block; }
	.news-panel .news-body .news-item .main-title {font-size: 15px;    min-height: 20px;}
	.panel-title {
	    margin-bottom: 15px;
	    margin-top: 25px;
	}
	.project-panel .panel-sub-title{    margin-bottom: 15px;}
	.panel-title .title-text{   margin: 0 1px; font-size: 21px;}
	
	.project-panel .project-content .project-item-small, .project-panel .project-content .project-item { width: 48%;  height:156px;   margin:0px 1%;  margin-bottom: 10px;}
	.project-panel .project-content .project-item-small .item-title, .project-panel .project-content .project-item .item-title {  width: calc(100% - 20px);   top: 16px;   left: 10px; }
	.project-panel .project-content .project-item-small p:first-child, .project-panel .project-content .project-item p:first-child {    font-size: 15px; }
	.project-panel .project-content .project-item-small .project-adv-list p{display: none;}
	.bt1{    
	font-size:18px;
    line-height: 1.5;
    margin-bottom: 10px;
	}
	p.bt2{font-size: 14px;    line-height: 1.20;}
	.btn-type-3 {
	    background: transparent;
	    border: 2px solid #fff;
	    color: #ffffff;
	    font-size: 14px;
	    font-weight: 500;
	    line-height: 1;
	    padding: 5px 15px;
	}
	.panel-title .title-p {
	    font-size: 14px;
	    color: #999;
	    padding: 0px 20px;
	    line-height: 1.50;
	    margin-top: 10px;
	    max-width: 100%;
	    text-align: center;
	}
	.numlist{ flex-wrap: wrap;    margin: 3vh auto;}
	.wmdys{width: 84%;margin-bottom: 41px;max-width: 100%;}
	.con3 p {
	    font-size: 15px;
	    color: #787878;
	    line-height: 1.5;
	}
	.single-features {
	    background: #ffffff;
	    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.14);
	    padding: 15px 20px;
	    position: relative;
	}
	.wmdys:nth-child(odd) .single-features {
	    margin-top: 0px;
	}
	
	.single-counter .count{font-size:26px;}
	.single-counter::before{width: 0px;}
	.single-counter .count font{font-size:16px !important;}
	.single-counter span{font-size: 12px;}
	.about-content h3 {
	    font-size: 16px;
	    margin: 3px 0;
	}
	.jsys .blank40{height: 0px;}
	.cta-content .flex-column{ width: 100%;}
	.cta-content h3 {
	    font-size:18px;
	    color: #fff;
	    line-height: 1.50;
	}
	.btn-type-4 {     
		padding: 10px 30px;
		font-size: 16px;
	}
	.cta-area { padding-top: 30px;  padding-bottom: 20px; }
	.project-panel .state-panel .state-item .item-title {
	    margin-bottom: 0px;
	}
	.project-panel .state-panel .state-item .item-title .title-box {
	    font-size: 18px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	    margin: 3px;width: 8px;
		height: 8px;
	}
	.news-panel .news-body .news-item { padding: 13px 0;}
	.numlist.threelie{ margin-top: 10px !important;}
	.findmoney .list ul li {
		width: 100%;
		background: #fff;
		float: left;
		margin: 10px 0px;
		padding: 0px;
		
	}
	.findmoney .list ul li:nth-child(2n) {
		/*margin-right: 0;*/
	}
    .findmoney .list{    margin-top: 10px;}
	.findmoney .list ul li {
		display: flex
		margin: 15px 0px 0;
		padding-bottom: 15px;
		border-bottom: 1px solid #cecece
	}
	.findmoney .list ul li a.img{width:30%}
	.findmoney .list ul li a.img img {object-fit:contain}
	.findmoney .list ul li dl{display:flex; flex-direction: column; flex:1}
	.findmoney .list ul li dl dd{ font-size: 12px;}
	.findmoney .list ul li dl dt { font-size: 15px;    margin-bottom: 10px;}
	.clickmore{margin-bottom: 10px;}
	.max70{max-width:70%;}
	.ml_img video{height:60vh !important; object-fit:cover  !important}
}