.banner-box{
    width: 100%;
    height: 10rem;
    background-image: url('https://oss.xhsqy.com/web/image/all/202408/70c03a1ac6b84e0880a03543eebc4d13.png');
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: 2.5rem;
    display: flex;
    align-items: center
}
.banner-info{
    width: 100%;
    margin-top: -1rem;
}
.cl-img{
    width: 35%;
    margin: auto;
}
.cl-img img{
    width: 100%;
    vertical-align: middle;
}
.banner-text{
    width: 95%;
    line-height: 2rem;
    margin: auto;
    font-size: .6rem;
    color: #fff;
    text-align: center;
}
.cl-question{
    width: 100%;
    height: auto;
    background: #F5F5F5;
}
.cl-question .title-box{
    padding: 2rem 0 1.2rem;
}
.title-box{
	width: 90%;
	padding: 2rem 0;
	text-align: center;
    margin: auto;
}
.title-box span{
	font-size: .875rem;
	font-weight: bold;
	color: #333;
	letter-spacing: 1px;
	position: relative;
}
.title-box span::before{
	content: '';
	width: 1.5rem;
	height: .12rem;
	background: #C7000A;
	position: absolute;
	bottom: -.3rem;
	left: 49%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.cl-question-box{
    width: 90%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .5rem;
    padding-bottom: 1rem;
}
.cl-question-text{
    height: 1.3rem;
    line-height: 1.3rem;
    font-size: .6rem;
    color: #333;
    text-align: center;
    border: 1px solid #969696;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.cl-question-text span{
    position: relative;
    padding-left: .8rem;
    box-sizing: border-box;
}
.cl-question-text span::before{
    content: '';
    width: .6rem;
    height: .6rem;
    background-image: url(../img/cl-icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 57%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.cl-system{
    width: 90%;
    line-height: .9rem;
    margin: auto;
    font-size: .6rem;
    color: #333;
    letter-spacing: 1px;
}
.cl-more-model{
    width: 100%;
    height: auto;
    /* background-image: url('https://oss.xhsqy.com/web/image/all/202408/7ee531647c3f41b98b50f1b485c9edb1.png'); */
    background-image: url(../img/cl-model-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 0;
}
.cl-right-box{
    width: auto;
    height: auto;
    background-color: rgba(255, 255, 255, .3);
    border: 1px solid #fff;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: .5rem .2rem;
    padding: .5rem .2rem .5rem .5rem;
    box-sizing: border-box;
    /* margin-right: .5rem; */
}
.cl-icon{
    width: 2.5rem;
    margin: auto;
}
.cl-icon img{
    width: 100%;
    vertical-align: middle;
}
.cl-right-text{
    width: 100%;
    font-size: .55rem;
    font-weight: 600;
    color: #333;
    text-align: center;
}
.cl-core-box{
    width: 100%;
    display: flex;
    margin-bottom: 1.5rem;
}
.cl-core-left{
    width: 25%;
    height: auto;
    border: 1px solid #bbb;
    border-bottom: 0;
    border-right: 0;
    position: relative;
}
.cl-core-arrow{

}
.arrow-right {
    position: absolute;
    width: 0;
    height: 0 !important;
    border-left: .3rem solid transparent;
    border-right: .3rem solid transparent;
    border-top: .4rem solid #fff;
    transform: rotate(267deg);
    right: -11%;
}
   
/* .arrow-right:after {
    content: '';
    position: absolute;
    left: -50px;
    top: -100px;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 98px solid white; 
} */
.cl-core-left .cl-core-nav{
    width: 100%;
    height: 3.7rem;
    font-size: .6rem;
    font-weight: 600;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #BBBBBB;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.cl-core-right{
    width: 75%;
    height: auto;
}
.cl-core-01,.cl-core-02,.cl-core-03,.cl-core-04,.cl-core-05{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.cl-core-03{
    background-image: url('https://oss.xhsqy.com/web/image/all/202408/1aaaed7403464161aa462f7d84ed820f.png');
}
.cl-core-04{
    background-image: url('https://oss.xhsqy.com/web/image/all/202408/93a7266b5c3f4a6db079d6bc0396da0a.png');
}
.cl-core-05{
    background-image: url('https://oss.xhsqy.com/web/image/all/202408/ac8d469d738a4e22ab5e0ee3e8fa2ace.png');
}
.cl-core-01{
    background-image: url('https://oss.xhsqy.com/web/image/all/202408/d297b7fa375e4fb1b313bf7f793b163e.png');
    padding: .2rem 0 0 .7rem;
    box-sizing: border-box;
}
.cl-core-01-img{
    width: 98%;
    margin: auto;
    padding-left: .2rem;
    box-sizing: border-box;
}
.cl-core-01-img img{
    width: 100%;
    vertical-align: middle;
}
.cl-core-01-title,.cl-core-01-content{
    padding-left: .75rem;
    box-sizing: border-box;
}
.cl-core-01-title{
    font-size: .58rem;
    font-weight: bold;
    color: #333;
    position: relative;
}
.cl-core-01-title::before{
    content: '';
    width: .55rem;
    height: .55rem;
    background-image: url(../img/cl-icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 55%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.cl-core-01-content{
    line-height: .8rem;
    font-size: .53rem;
    color: rgba(51, 51, 51, .85);
    margin: .1rem 0 .3rem;
    padding-right: .4rem;
    box-sizing: border-box;
}
.mt-5rem{
    margin-top: -.5rem;
}
.mt5{
    margin-top: .5rem;
}
.active{
    color: #C7000A !important;
}
.cl-core-02{
    background-image: url('https://oss.xhsqy.com/web/image/all/202408/11bfc2dcdca942b7964a55c226613501.png');
    display: flex;
    align-items: center;
}
.cl-core-02-right,.cl-core-02-left{
    width: 55%;
    background: rgba(255, 255, 255, .7);
    box-shadow: -2px 1.5px 5px 0px rgba(124, 171, 203, .76);
    padding: .3rem .4rem .5rem 0;
    box-sizing: border-box;
    border-radius: .2rem;
    opacity: 0.9;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem;
}
.cl-core-02-left{
    margin-left: 1rem;
}
.cl-core-02-title{
    font-size: .6rem;
    font-weight: bold;
    color: #333;
    position: relative;
    margin-bottom: .2rem;
}
.cl-core-02-title::before{
    content: '';
    width: .4rem;
    height: .4rem;
    background: #D21A24;
    position: absolute;
    left: 0;
    top: .24rem;
    /* transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%); */
}
.cl-core-02-title,.cl-core-02-content{
    padding-left: .6rem;
    box-sizing: border-box;
}
.cl-core-02-content{
    line-height: .75rem;
    font-size: .53rem;
    color: #333;
    opacity: .85;
}
.cl-core-02-right{
    float: right;
    margin: 1rem 1rem 0 0;
}
.cl-core-03{
    display: flex;
    align-items: center;
    padding: 0 .5rem 0 1rem;
    box-sizing: border-box;
}
.cl-core-03-up{
    width: 100%;
    display: flex;
}
.cl-core-03-left,.cl-core-03-right{
    flex: 1;
}
.cl-core-03-left{
    /* padding-right: .35rem;
    box-sizing: border-box; */
}
.cl-core-03-right{
    padding-left: .35rem;
    box-sizing: border-box;
}
.cl-core-03-big-title{
    width: 100%;
    height: 1rem;
    line-height: 1.1rem;
    background-color: rgba(255,255,255,.86);
    font-size: .57rem;
    font-weight: 600;
    color: #333;
    text-align: center;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    margin-left: -.2rem;
}
.cl-core-03-big-title span{
    position: relative;
    padding-left: .4rem;
    box-sizing: border-box;
}
.cl-core-03-big-title span::before{
    content: '';
    width: .55rem;
    height: .56rem;
    background-image: url(../img/cl-icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: -.2rem;
    top: 51%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.cl-core-03-small-title{
    line-height: .8rem;
    font-size: .55rem;
    color: #fff;
    margin: .3rem 0 .2rem;
}
.cl-core-03-content{
    line-height: .8rem;
    font-size: .52rem;
    color: #fff;
    opacity: 0.85;
}
.cl-core-03-down{
    width: 100%;
    margin-top: .5rem;
}
.cl-core-03-down img{
    width: 100%;
    vertical-align: middle;
}
.cl-core-04-up{
    width: 100%;
    padding: 1rem .7rem 1rem 1rem;
    box-sizing: border-box;
}
.cl-core-04-box{
    background: rgba(255, 255, 255, .7);
    box-shadow: -2px 1.5px 5px 0px rgba(124, 171, 203, .76);
    padding: .3rem .4rem .5rem 0;
    box-sizing: border-box;
    border-radius: .2rem;
    opacity: 0.9;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem;
    float: left;
}
.cl-core-04-left{
    width: 50%;
}
.cl-core-04-right{
    width: 42%;
    margin-left: 8%;
    margin-top: 2.7rem;
}
.clear{
    clear: both;
}
.cl-core-04-up .cl-core-02-content{

}
.cl-core-04-down{
    width: 70%;
    background: rgba(255, 255, 255, .7);
    box-shadow: -2px 1.5px 5px 0px rgba(124, 171, 203, .76);
    padding: .3rem .4rem .5rem 0;
    box-sizing: border-box;
    border-radius: .2rem;
    opacity: 0.9;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem;
    margin: 2rem auto 0;
}
.cl-core-05{
    padding: 1rem;
    box-sizing: border-box;
}
.cl-core-05-info{
    width: 100%;
    height: auto;
    margin: auto;
    background: rgb(255, 255, 255,.75);
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem;
    padding: .8rem .5rem .4rem;
    box-sizing: border-box;
    border: 1px solid #fff;
}
.pt5pb5{
    padding: .5rem 0;
}