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

    html {

        font-size: 1920px ;

    }

}





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

    html {

        font-size: 13.333px;

    }

}

.father{

    width: 100%;

    height: 100vh;

    position: fixed;

    top: 0;

}

.son2{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    width: 23%;

}

.center{

    width: 19.5rem;

    margin: auto;

}

html{

    font-family: Microsoft YaHei;

}

img{

    width: 100%;

    display: block;
	height: 100%;
    object-fit: cover;

}

.news_detail_banner{

    width: 100%;

}

.detail_nav{

    width: 24rem;

    height: 1.25rem;

background: #FFFFFF;

border-bottom: 1px solid #E5E5E5;

}

.detail_nav ul{

    display: flex;

    justify-content: start;

  

}

.detail_nav ul li{

   font-size: 0.2rem;

   color: black;

    display: inline-block;

    

vertical-align: top;





line-height: 1.25rem;

/* width: 2.25rem; */

height: 1.25rem;

padding:  0 .7125rem;

text-align: center;

}

.detail_nav ul li a{

    color: black;

    font-size: .2rem;

    font-weight: 400;

}

.detail_nav ul li:hover{

    background: #4C94F8;

    color: #FFFFFF;

    transition: all 0.3s;

}

.detail_nav ul li:hover a{

    color: #FFFFFF;

    transition: all 0.3s;

}

.recommend .recommend-r{

    width: 12.975rem;

}

.detail_nav ul .active{
    background: #4C94F8;

    color: #FFFFFF;

}

.detail_nav ul .active a{

    color: #fff;

}

.title{

    font-size: .3rem;
    text-align: left;
    padding-top: .575rem;
    font-weight: bold;
    color: #000000;
	padding-bottom: .175rem;

}

.news_detail_content{

    padding-bottom: .825rem;

}



.txt ul{

    display: flex;
    justify-content: left;
    padding-top: .225rem;
    padding-bottom: 17px;

}

.txt ul li{

    font-size: .2rem;

margin-right: .2125rem;

font-weight: 400;

color: #000000;

/* line-height: .2125rem; */

}

.news_detail_content p{

    font-size: .2rem;

margin-top: .275rem;

font-weight: 400;

color: #000000;

/* line-height: .3375rem; */

}

.news_detail_content img{

    /* width: 48.2%; */

    margin: auto;

    margin-top: .3rem;

    height: auto !important;

}

.news_detail_content img{

    margin-top: .5rem;

}
.cg_img{
	width: 46%;
    position: relative;
    top: -30px;
    right: 35px;
	display:none;
}
.news_detail_content  img{

    width: auto;

    max-width: 100%;

    max-height: 100%;



}

.news_detail_content .article{

    margin-top: 1.125rem;

}

.news_detail_content .article p{

    font-size: .2rem;

margin-top: 0;

font-weight: 400;

color: #000000;

/* line-height: .3375rem; */

}

.news{

    background: #f3fbfd;

    padding-top: 1.25rem;

}

.news .recommend{

    cursor: pointer;

    padding: .3875rem 37px .475rem .525rem;

    display: flex;

    justify-content: space-between;

    background: #FFFFFF;

box-shadow: 0px 5px 8px 2px rgba(14, 14, 14, 0.03);



}

.news .recommend .img-box{

    width: 6.125rem;

    margin-right: .825rem;

}

.news .recommend h1 {

    font-size: .25rem;

    color: #4C94F8;

    font-weight: bold;
    margin-bottom: .475rem;
}

.news .recommend h2{

    font-size: .175rem;

    color: #000;

    margin-bottom: .475rem;

}

.news .recommend p{

    font-size: .175rem;

    color: #000;

    font-weight: 600;

}

.news .ordinary ul{

    padding-top: .65rem;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    padding-bottom: .35rem;

}

.news .ordinary ul li{

    cursor: pointer;

    width: 6rem;

    padding: .35rem .3rem .3rem 0.3rem;

    background: #FFFFFF;

box-shadow: 0px 5px 8px 2px rgba(14, 14, 14, 0.03);

margin-bottom: .5625rem;



}

.news .ordinary ul li:hover{

    transform: translateY(-10px) scale(1.04, 1.04);

    box-shadow: 0px 0px 40px 0px rgb(212 216 221 / 50%);

    transition: all 0.3s;

}

.news .ordinary ul li h1{

    font-size: .225rem;

    color: #4C94F8 ;

    font-weight: bold;

    margin-top: .4rem;

}

.news .ordinary ul li h2{

    font-size: .225rem;

    color: #000;

    margin-top: .4rem;



}

.news .ordinary ul li p{

    font-size: 14px;

    line-height: 22px;

    color: #000;

    font-weight: bold;

    margin-top: .375rem;

 

}

.news .ordinary ul li .img-box{

    overflow: hidden;
	aspect-ratio: 3/2;

}

.news .ordinary ul li:hover .img-box img{

    transform: scale(1.2);

    transition: all 0.5s;

}

/* about.html */



/* about */



.about_us{

    background: url(../images/About\ us.png) no-repeat;

    background-size: 100%;

    margin-bottom: 1.3125rem;

}

.about{

    padding-top: 1.3rem;

    display: flex;

    justify-content: space-between;

   

}

.about .img-box{

    width: 9.375rem;

}

.about .word{

    width: 9.025rem;

}

.about .word h1{

    font-size: .525rem;



font-weight: bold;

color: #000000;



}

.about .word .img-box{

    width: 5.125rem;

    margin-top: .3rem;

}

.about .word p{

    font-size: .225rem;

  margin-top: .425rem;

    font-weight: 400;

    color: #000000;

  

}

/* data */

.line{

    width: 100%;

   

}

.data ul{

    display: flex;

    justify-content: space-around;

}

.data ul li{

    text-align: center;

    padding-top: .425rem;

    padding-bottom: .625rem;

}

.data li h2 span{

    font-size: .75rem;

    color: #0b5cb7;

}

.data li h2{

    font-size: .3rem /* 24/80 */;

}

.data li p{

    margin-top: .25rem;

    font-size: .225rem;

}



/* Culture */

.culture{

    background: url(../images/culture.png) no-repeat;

   

    margin-top: 1.2rem;

    padding-bottom: 2.8125rem;

}

.culture .title h1{

    font-size: .525rem;

    color: #FFFFFF;

    font-weight: bold;

}

.culture .title p{

    font-size: .3rem;

    color: #FFFFFF;

    font-family: MicrosoftYaHei-Bold;

    /* font-weight: bold; */

    margin-top: .175rem;

}

.culture .title{

    padding-top: .875rem;

    border: 0;

}

.culture ul{

    display: flex;

    justify-content: space-between;

}

.culture ul li{

    width: 4.0625rem;

   padding-bottom: 1rem;

    border: 2px solid #FFFFFF;

}

.culture ul li:hover .img-box{

    transform: rotateY(180deg);

    transition: all 1s;

}

.culture ul li .img-box{

    width: .75rem;

    height: .75rem;

    margin: .5rem auto;

    margin-bottom: .425rem;

}

.culture ul li h1{

    font-size: .3rem;

    text-align: center;

    color: #FFFFFF;

    font-weight: bold;

    margin-bottom: .05rem;

}

.culture ul li h2{

    font-size: .225rem;

    text-align: center;

    color: #FFFFFF;

    /* font-weight: bold; */

    margin-bottom: .425rem;

}

.culture ul li p{

    font-size: .2rem;

    text-align: center;

    color: #FFFFFF;

    width: 3rem /* 240/80 */;

    margin: auto;

    /* font-weight: bold; */

}

.culture ul li:nth-child(even) p{

   

    width: 3.175rem /* 254/80 */;

  

}

/* product */

.product{

    background: url(../images/product.png) no-repeat;

    background-size: 100%;

    height: 11.3125rem;

    padding-top: .75rem;

}

.product h1{

    font-size: .525rem /* 42/80 */;

text-align: center;



font-weight: bold;

color: #000000;



}

.product p{

    text-align: center;

    font-size: .3rem;

    margin-top: .175rem;

}

.product ul{

    background: pink;

    position: relative;

}

.product ul li{

    position: absolute;

    background: url(../images/yuan.png) no-repeat;

    background-size: 100%;

    width: 1.6625rem;

    height: 1.6625rem;

    display: flex;

    align-items: center;

    top: .3rem;

}

.product ul li .word{

    /* width: .9rem; */

    vertical-align: middle;

    margin: auto;

}

.product ul li .word p{

    font-size: 16px;

    margin: 0;

}

.product ul li:first-child{

    left: 50%;

    transform: translateX(-50%);

}

.product ul li:nth-child(2){

    top: 2.025rem;

    left: 8rem;

}

.product ul li:nth-child(3){

    top: 2.025rem;

    right: 7.875rem;

}

.product ul li:nth-child(4){

    top: 5.175rem;

    left: 8.6rem;

}

.product ul li:nth-child(5){

    top: 5.175rem;

    right: 8.625rem;

}

.product ul li:hover{

    background: url(../images/ac.png) no-repeat;

    background-size: 100%;

    width: 1.9125rem;

    height: 1.9125rem;

    transition: all 0.3s;

}

.product ul li:hover .word p{

    font-size: 16px;

    color: #FFFFFF;

    font-weight: bold;

    transition: all 0.3s;

}



.product ul li .txt{

    position: absolute;

    background: url(../images/txt2.png) no-repeat;

    background-size: 100%;

    width: 3.1875rem;

    height: 2.05rem;

    /* line-height: 1rem; */

    left: 2.375rem;

    padding: .5rem;

    padding-left: .7125rem;

    text-align: center;

    display: none;

}

.product ul li:first-child .txt,.product ul li:last-child .txt{

    position: absolute;

    background: url(../images/txt1.png) no-repeat;

    background-size: 100%;

    width: 3rem;

    height: 1rem;

    line-height: 1rem;

    left: 2.375rem;

    padding: 0;

}

.product ul li:nth-child(even) .txt{

    position: absolute;

    background: url(../images/txt3.png) no-repeat;

    background-size: 100%;

    width: 3.1875rem;

    height: 2.05rem;

    padding: .4375rem  .7125rem .5rem .5rem;

    left: -3.625rem;

}

.product ul li:hover .txt{

    display: inline-block;

    transition: all 0.3s;

}

.product ul li .txt p{

    font-size: .175rem;

    margin-top: 0;

}

/* honner */

.honor{

    width: 24rem;

    height: 11.375rem;

    background: url(../images/hb.jpg) no-repeat center;

    background-size: 100%;

    padding-top: .95rem /* 76/80 */;

    

}

.honor h1{

    font-size: .525rem;

    font-weight: bold;

    color: #FFFFFF;

    text-align: center;



}

.honor p{margin-top: .125rem;

    font-size: .375rem;

    font-family: MicrosoftYaHei-Bold;

    color: #FFFFFF;

    text-align: center;



}

/* //swiper  */

.swiper1{margin-top: 1.25rem;

    position: relative;

}.swiper1

.swiper-slide:hover{

transform: scale(1.1);

transition: all 0.3s;

}

.swiper-button-next {

    top: 2rem

         !important;

    right: 1.1875rem

         !important;

    color: rgba(0, 0, 0, 0);

    width: .625rem

    !important;

height: .7125rem

   /* 88/75 */

    !important;

         transform: rotate(180deg);

    background-image: url(../images/jt.png);

    background-size: 100%;



    background-position: 50% 50%;

    background-repeat: no-repeat;



    z-index: 999 !important;

}



.swiper-button-prev {

    top: 2rem

         !important;

    left: 1.1875rem

         !important;

    color: rgba(0, 0, 0, 0);

    width: .625rem

         !important;

    height: .7125rem

        /* 88/75 */

         !important;

    background-image: url(../images/jt.png) ;

    background-size: 100%;

    background-position: 50% 50%;

    background-repeat: no-repeat;



    z-index: 999 !important;

}

/* investment.HTML */

/* investment */

.investment{

    width: 24rem;

    background: url(../images/background_i.jpg) ;

    background-size: cover;

    /* height: 11.375rem; */

    padding-bottom: 1.25rem;

    padding-top: .8rem;

}

.investment h1{

    font-size: .525rem;

text-align: center;

font-weight: bold;

color: #000000;



}

.investment h2{

    font-size: .3rem;

    line-height: .6rem;

text-align: center;



color: #000000;



}

.investment .img-box{

    width: 17.25rem;

    margin: 0 auto;

    margin-bottom: 1rem;

}

.investment p{

    width: 19.375rem;

    font-size: .25rem /* 16/80 */;

    line-height: .6rem;

    margin: auto;

    margin-bottom: .05rem;

}

/* choice */

.choice{

    padding-top: .625rem;

    width: 24rem;

    height: 11.375rem;

    background: url(../images/choice.jpg) no-repeat;

    background-size: 100%;

    position: relative;

}

.choice h1{

  text-align: center;

font-size: .525rem;

font-weight: bold;

color: #FFFFFF;
padding-right: 90px;

}

.choice ul li{

    position: absolute;

    width: 1.875rem;

    height: 1.875rem;

}

.choice ul .choice_top{

    top: 2.125rem;

    left: 3.025rem;

     transition: all 0.5s;

     cursor: pointer;



}

.choice ul .choice_on{

    width: 2.625rem;

    height: 2.625rem;

    top: 4.825rem;

    left: 2.25rem;

    transition: all 0.5s;

}

.choice ul .choice_bottom{

    top: 8.4rem;

    left: 3.8125rem;

    transition: all 0.5s;

    cursor: pointer;



}

.choice .txt h1{

    font-size: .45rem;

    color: #FFFFFF;

    margin-bottom: .125rem;

    text-align-last: left;
	
	opacity: 0;

}

.choice .txt p{
    color: #fff;
    line-height: .625rem;
    font-size: .23rem;
    position: relative;
    top: -125px;
    right: 24px;
    text-indent: .6rem;
}

.choice .txt{

    position: absolute;

    width: 6.05rem;

    top: 4.0625rem;

    left: 5.8rem;

}

/* .choice ul{

    transform: rotate(30deg);

} */

/* advantage */

.advantage{

    padding-bottom: 2rem;
    padding-top: 2rem;

}

.advantage ul{

    display: flex;

    align-items: center;

    justify-content: center;

}

.advantage ul li{

    width: 6.1875rem;

    border: 3px solid #3367DD;

    border-top: 6px solid #3367DD;

    padding-bottom: 1.25rem;

   

}
.cg_img{
	width: 46%;
    position: relative;
    top: -30px;
    right: 35px;
	display:none;
}
.advantage ul li:nth-child(1){

    border-right: 0;

}

.advantage ul li:nth-child(3){

    border-left: 0;

}

.advantage ul li .img-box{

    width: 1.5625rem;

    margin: .625rem auto;

}

.advantage ul li h1{

   margin-top: .975rem;

 text-align: center;

font-size: .3rem;



font-weight: bold;

color: #000000;



}

.advantage ul li:nth-child(2) h1{

    margin-top: .85rem;

}

.advantage ul li:nth-child(2) .img-box{

    margin: .5625rem auto;

}

.advantage ul li p{

    width: 4.375rem;

    text-align: center;

    font-size: .2rem;

    margin: auto;

    font-weight: 400;

    color: #000000;

   

}

.advantage ul li:nth-child(2){

    width: 7.2rem;

    background: url(../images/bgli.png) no-repeat center;

    background-size: cover;

    border: 0;

padding-bottom: 2.5rem;

}

.advantage ul li:nth-child(2) h1,.advantage ul li:nth-child(2) p{

    color: #fff;

}

.advantage h1{

    margin-top: .7375rem;

    margin-bottom: .125rem;

    font-weight: bold;

    font-size: .525rem /* 42/80 */;

    text-align: center;

}

.advantage h2{

    font-size: .3rem;

    text-align: center;

    margin-bottom: .625rem;

}

.get{

    background: url(../images/get.jpg) no-repeat;

    background-size: 100%;

    padding-top: .875rem;

    padding-bottom: 1.225rem;

}

.get h1{

   font-weight: bold;

    margin-bottom: .125rem;

    font-size: .525rem /* 42/80 */;

    text-align: center;

    color: #fff;

}

.get h2{

    font-size: .3rem;

    text-align: center;

    margin-bottom: .625rem;

    color: #fff;

}

.get .content{

    position: relative;

    background: url(../images/get_c.png) no-repeat;

    background-size: 100%;

    width: 14.8125rem;

    height: 7.3rem;

    margin: .1rem auto;

}

.get .content ul li:nth-child(1){

    position: absolute;

    top: .5rem;

    left: 2.3125rem;

}

.get .content ul li:nth-child(2){

    position: absolute;

    top: .525rem;

    right:  1.5625rem;

}

.get .content ul li:nth-child(3){

    position: absolute;

    top: 2.3625rem;

    right: .9125rem;

}

.get .content ul li:nth-child(4){

    position: absolute;

    top: 3.175rem;

    left: 1.1rem;

}

.get .content ul li:nth-child(5){

    position: absolute;

    top: 4.5125rem;

    right: 1.0375rem;;

}

.get .content ul li:nth-child(6){

    position: absolute;

   

    left: 2.35rem;

    bottom: .5rem;

}

.get .content ul li:nth-child(7){

    position: absolute;

   right: 1.4rem;

    bottom: .5rem;

}

.get ul li p{

font-size: .225rem;

color: #FFFFFF;

}

.get .content h2{

    position: absolute;

    top: 3.4625rem;

    left: 6.125rem;

font-size: .45rem;

font-weight: bold;

color: #1289FF;

}

/* agent */

.agent{

    width: 24rem;

padding-bottom: 2.375rem;

background: #F3FBFD;

padding-top: 2.5rem;

}

.about_join{
	width: 19.375rem;
	font-size: .25rem /* 16/80 */;
	line-height: .6rem;
	margin: auto;
	margin-bottom: .06rem;
	margin-top: .7rem;
	text-indent: 2em;
}

.agent h1{

text-align: center;

font-size: .525rem;

font-weight: bold;

color: #000000;

}

.agent ul{

    display: flex;

    justify-content: center;

    margin-top: 2rem;

}

.agent ul li {

    width: 4rem;

    margin-right: 1.325rem;

}

.agent ul li:first-child{

    width: 3.5rem;

}

.agent ul li:last-child{

    margin-right: 0;

}

.agent ul li p{

    margin-top: .975rem;

text-align: center; 

font-size: .3rem;

font-family: SourceHanSansCN;

font-weight: 500;

color: #4E91FA;

}

/* success.html */

.success{

    background: #F3FBFD;

    padding-top: .825rem;

}

.success h1{

    text-align: center;

font-size: .525rem;

font-weight: bold;

color: #000000;

}

.success p{

    margin-top: .325rem;

    text-align: center;

    font-size: .3rem;

    font-weight: bold;

    color: #000000;

    }

    .success .nav ul{

        display: flex;

        justify-content: center;

        margin-top: .65rem;

    }

    .success .nav ul li{

        cursor: pointer;

font-size: .25rem;

font-weight: 400;

border-bottom: 5px solid transparent;

margin-right: .3125rem;

padding-bottom: .125rem;

    }

    .success .nav ul li a{

        cursor: pointer;

font-size: .25rem;

font-weight: 400;



color: #000;

    }

    .success .nav ul li:last-child{

        margin-right: 0;

    }

    .success .nav ul li:hover,.success .nav ul .active{

        color: #4C94F8;

        border-bottom: 5px solid #4C94F8;

        transition: all 0.3s;

    }

    .success .content ul{

        padding-top: .625rem;

        display: flex;

        justify-content: center;

        flex-wrap: wrap;

        padding-bottom: .55rem;

    }

    .success .content ul li{

        cursor: pointer;

        position: relative;

        width: 6.0625rem;

        margin-right: .65rem;

        background: #fff;

        overflow: hidden;

        margin-bottom: .675rem;

    }

    .success .content ul li:nth-child(3n){

        margin-right: 0;



    }

    .success .content h1{

       

font-size: .375rem;

font-weight: bold;

color: #000000;

text-align: left;

    }

 .success .content p{

font-size: .225rem;

font-weight: bold;

 color: #000000;

margin-top: 0;

text-align: left;

}

.success .content ul li:hover h1{

    color: #1289FF;

}

.success .txt{

 padding: .7125rem .6375rem;

}

.success .mask{

    width: 100%;

    top: 0;

    position: absolute;

    left: -110%;

    transition: all 0.5s;

}



.success .content ul li:hover{

    transform: translateY(-10px) scale(1.04, 1.04);

    box-shadow: 0px 0px 40px 0px rgb(212 216 221 / 50%);

    transition: all 0.3s;

}

.de .success{

    background: #fff;

    padding-top: 0;

}

.de .title{

    padding-top: 0.4rem;

}



/* @media screen and (min-width:1500px){

} */
.news .center .recommend-r h1{
    color: black;
    font-size: .225rem;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2; 
    overflow: hidden; 
    font-size: 22px;
    line-height: 30px;
}
.news .center a:hover .recommend-r h1{
    color: #4C94F8;
}
@media screen and (max-width:1200px){
    .news .center .recommend-r h1{
        font-size: 16px;
        line-height: normal;
    }
    .news .recommend p{
        font-size: 14px;
        line-height: normal;
    }
    .news .ordinary ul li p{
        font-size: 14px;
        line-height: normal;
    }
}
.news .recommend p{
    /* color: rgba(0, 0, 0,0.75); */
    color: #999;
    font-size: 16px;
    line-height: 30px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2; 
    overflow: hidden; 
    text-align: justify;
    font-weight: inherit;


}
.news .ordinary ul li p{
    /* color: rgba(0, 0, 0,0.75); */
    color: #999;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2; 
    overflow: hidden; 
    text-align: justify;
    font-size: 16px;
    line-height: 30px;
    font-weight: inherit;

}

@media screen and (max-width: 1200px) {
    .buss-box-l .ww{
        min-height: 7.8rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}