h4{width: 60%; line-height: 2;}



.deve{width: 100%; background-color: #fff;}

.deve_bg{padding: 5rem 0; width: 100%; background: url(/skin/images/development/bg.png)center no-repeat; background-size: cover;}

.deve_bg .container{display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:center;align-items: baseline;}

.deve_tag{margin: 0 2%; width: 24%; padding: 1.1rem 2%; font-size: 1.1rem; line-height: 2; background-color: #fff; color: #333;}

.deve_t1{position: relative;margin-bottom: 2rem; font-size: 1.3rem; height:4.4rem; line-height: 4.4rem;}

.deve_reward_i::before,.deve_edu_i::before,.deve_risk_i::before{content: '';float: left; margin-right: 0.5rem; width: 1.38rem; height: 100%;background-image: url(/skin/images/development/reward_i.png);background-position: center; background-repeat: no-repeat; background-size: contain;}

.deve_edu_i::before{background-image: url(/skin/images/development/edu_i.png);}

.deve_risk_i::before{background-image: url(/skin/images/development/risk_i.png);}



.deve_tit{position: relative; width: 100%; padding: 4vw 0; font-size: 1.96rem;text-align: center;}

.deve_tit::after{content: '';position: absolute; bottom: 2.78rem; left: 50%; margin-left: -0.98rem; width: 1.96rem; border-bottom: solid 0.25rem #004bc8;}



.deve_list{padding: 0 0 3vw;}

.deve_blo{padding: 1.1rem 0; background-color: #fff;}

.deve_blo_head{position: relative; padding: 0 10% 0 0; margin: 1.1rem; width: 98%; margin: 0 auto; position: relative; line-height: 7.78rem; color:#333; box-shadow: 0 0 0.56rem rgba(0,0,0,0.2);font-size:1.67rem; background-color: #fff;display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:space-between;background-image: url(/skin/images/development/arr_i.png); background-position: 95% center; background-repeat: no-repeat; background-size: 1.67rem auto;}

.deve_blo_head div{overflow: hidden;}

.deve_t2{color: #000; font-size: 1.96rem; width: 40%; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.deve_t2::before{content: '';margin:0 5% 0 2%; border-left: solid 0.3rem #004bc8;height:36%;}

.deve_blo_head_r{width: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:space-between;}

.deve_blo_con{display: none; padding: 1.67rem 6%;font-size:1.1rem; line-height: 2;color: rgb(85, 83, 83);-webkit-transition: all 3s ease-out;transition: all 3s ease-out;}

.deve_t3{padding-top: 1.1rem;}

.deve_btn{margin-top: 2.78rem; padding: 0 1.67rem; display: inline-block; height: 3.9rem; line-height: 3.9rem; background-color: #004bc8; color: #fff; font-size: 1.1rem; border-radius: 0.56rem;}



.deve_blo_on{background-color:#eee;}

.deve_blo_on .deve_blo_con{display: block; -webkit-transition: all 3s ease-out; transition: all 3s ease-out;}

.deve_blo_on .deve_blo_head{background-image: url(/skin/images/development/arr_i_on.png);}



.deve_tag_on,.deve_tag:hover{padding: 3rem 2%; background-color: #0075c2; color: #fff; -moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

.deve_tag_on .deve_reward_i::before,.deve_tag:hover .deve_reward_i::before{background-image: url(/skin/images/development/reward_i_on.png);}

.deve_tag_on .deve_edu_i::before,.deve_tag:hover .deve_edu_i::before{background-image: url(/skin/images/development/edu_i_on.png);}

.deve_tag_on .deve_risk_i::before,.deve_tag:hover .deve_risk_i::before{background-image: url(/skin/images/development/risk_i_on.png);}

.deve_tag_on .deve_t1,.deve_tag:hover .deve_t1{margin-bottom: 3rem;}



@media screen and (min-width: 1201px) {

   }

@media screen and (max-width: 1200px) {

    .banner_word{top: 30%;}

    h4{width: 80%;}

    .deve_bg .container{flex-direction: column;align-items: center;}

    .deve_bg{padding: 3rem 0;}

    .deve_tag{margin: 0 2% 2rem; width: 90%;}

    .deve_tit::after{bottom:1.58rem;}

    .deve_tit,.deve_t2{font-size: 1.5rem;}

    .deve_blo_head{padding: 0 8% 0 0; line-height: 6rem; font-size: 1.3rem; background-position: 97% center; background-size: 1.5rem auto;}

    .deve_blo_con{font-size: 1rem;}

}

@media screen and (max-width: 1000px){

    .deve_tit::after{bottom: 1rem;}

}

@media screen and (max-width: 768px) {

    .banner{height: 30rem;}

    .banner_word{top: 20%;}

    .deve_bg{padding: 1em 0;}

    .deve_tag{padding: 0 2% 2rem;}

    .deve_blo{padding: 0.5rem 0;}

    .deve_blo_head{flex-direction: column; line-height: 3; background-position: 97% 2rem;background-size: 1.2rem auto;}

    .deve_t2{width: 100%; line-height: 3;}

    .deve_blo_head_r{margin: 0 auto; width: 90%;}

    .deve_tit::after{bottom:1rem;}

}

@media screen and (max-width: 428px) {

    .banner{height: 25rem;}    

    .banner_word{top: 30%;}

    .deve_tit::after{bottom:0.5rem;}

    .deve_blo_head{font-size: 1rem; background-size: 1rem auto;background-position: 97% 1.2rem;}

    .deve_t2{font-size: 1.2rem; line-height: 2;}

}

@media screen and (max-width: 375px) {

    .banner_word_con{width: 90%;}

}

@media screen and (max-width: 320px) {

}





<!--ºÄʱ1773316347.429Ãë-->