#articleStyle27 h2{padding-bottom: 20px;width: 85%;margin: 0 auto 10px;letter-spacing: 1px;font-weight: bold;text-align: center;font-size: 28px;}
#articleStyle27 img{width:100%}
#articleStyle27 .classtxttype .smalldes{margin:30px 0;text-align: center;}
#articleStyle27 .classtxttype .smalldes h2{text-align: center;font-size: 25px;position: relative;padding-bottom: 40px;}
#articleStyle27 .classtxttype .smalldes h2:before {content: "";position: absolute;bottom: 20px;width: 40px;height: 3px;background-color: #c91d1d;left: 50%;transform: translateX(-50%);}
#articleStyle27 .classtxttype .smalldes span{font-size:1rem}
#articleStyle27 .classtxttype .smalldes h3{font-weight:normal;color:#75b39a;line-height:120%;font-size:1.5rem;margin:10px 0 20px}
#articleStyle27 .classtxttype .smalldes p{font-size: 18px;line-height:180%;text-align: center;width: 100%;margin: auto;font-weight: 500;letter-spacing: 0.5px;}
#articleStyle27 .classtxttype .form-box{padding: 40px 70px;border-radius: 50px;margin-bottom: 50px;background-image: url(/images/39/ct-bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: 50% 0%;background-color: #f3ece6;}
#articleStyle27 .classtxttype .form-box h2{
    color: #fff;
    padding-bottom: 60px;
    width: 100%;
}
#articleStyle27 .classtxttype .form-box ul{list-style:none;display: flex;flex-direction: row;flex-wrap: wrap;}
#articleStyle27 .classtxttype .form-box ul li{overflow:hidden;border-bottom: 1px solid #dadada;padding: 20px 0;display: flex;flex-direction: column;width: calc((100% / 2) - 40px);margin: 10px 20px;}
#articleStyle27 .classtxttype .form-box ul li:last-child{border:0}
#articleStyle27 .classtxttype .form-box ul li h4{font-size: 23px;font-weight: 600;-webkit-background-clip: text;color: #e37752;display: inline-block;margin-bottom: 20px;}
#articleStyle27 .classtxttype .form-box ul li .contentBox{padding: 0px 0px 0 30px;width: calc(100% - 30px);border-left: 1px solid #dadada;}
#articleStyle27 .classtxttype .form-box ul li h4 b{display:inline-block;width:7px;height:7px;background:#69a77f;border-radius:50%;margin-right:5px}
#articleStyle27 .classtxttype .form-box ul li p{font-size:16px;letter-spacing: 0.2px;font-weight: 600;font-family: sans-serif;margin: 0;line-height: 190%;}
#articleStyle27 .classtxttype .form-box ul li span{vertical-align:baseline;font-size:0.8rem;margin-right:5px}
#articleStyle27 .classtxttype .form-box >p{font-size:0.9rem}


.tit ul {overflow: hidden;position: relative;padding: 40px 90px;z-index: 1;display: flex;}
.tit ul li {animation-name: fadeInUp;-webkit-animation-name: fadeInUp;width: calc(100% / 3 );clip-path: polygon(10% -10%, 160% 0%, 100% 170%, 0% 80%);}
.tit ul li .item {display: flex;align-items: center;background-color: rgba(241, 167, 16, 0.78);justify-content: flex-start;}
.tit ul li:nth-child(4) .item {padding: 20px 0px;}
.tit ul li .item .circle {position: relative;width: 100px;height: 70px;box-sizing: border-box;text-align: center;font-size: 35px;}
.tit ul li .item p{color: #fff;}
.tit ul li .item:hover .circle {animation: flipInX 1.5s both;-webkit-animation: flipInX 1.5s both;animation-duration: 1s;-webkit-animation-duration: 1s;	}
.tit ul li .item .circle i{color: white;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;background-color: rgb(197 139 20 / 78%);clip-path: polygon(30% -10%, 180% 50%, 70% 100%, 0% 80%);}
.tit ul li:nth-child(2) .item .circle i {background-color: #5ea044;}
.tit ul li:nth-child(2) .item{background-color: #72bc55;}
.tit ul li:nth-child(3) .item .circle i {background-color: #3379e5;}
.tit ul li:nth-child(3) .item{background-color: #005bea;}
.tit ul li .item p {text-align: center;font-size: 18px;}
.tit ul li .item article p{font-size: 15px;}

@media screen and (max-width:1024px){
	.tit ul{padding: 40px 0;}
	.tit ul{display: flex;flex-direction: column;}
	.tit ul li{width: calc(100% / 1 );}
	#articleStyle27 .classtxttype{width:100%;margin: 0px 0 20px;float:none}
	#articleStyle27 .classtxttype .smalldes{margin:30px 0}
	#articleStyle27 .classtxttype .form-box{padding:30px 50px;background-size: auto;}
	#articleStyle27 .classtxttype .form-box{padding: 15px 20px;}
	#articleStyle27 .classtxttype .smalldes p{font-size: 17px;width: 100%;}
	#articleStyle27 .classtxttype .smalldes h2{font-size: 20px;}
	#articleStyle27 .classtxttype .form-box ul li{
    display: flex;
    flex-direction: column;
    width: calc((100% / 1) - 40px);
 }
	#articleStyle27 h2{
 padding-bottom: 0;
 margin: 20px auto 0px;
 }
	#articleStyle27 .classtxttype .form-box h2{
    padding-top: 10px;
}
}