.title{font-weight: 700;font-size: .52rem;color: #000000;}
.title_1{font-weight: 600;font-size: .42rem;text-align: center;color: #000000;margin-bottom: .12rem;}
.title_3{font-weight: 600;font-size: .3rem;color: #000000;margin-bottom: .3rem;}
.title_4{font-weight: 600;font-size: .2rem;line-height: .6rem;color: #000000; margin-bottom: .12rem;}
.text_content{font-weight: 400;font-size: .18rem;color: #333333;}
.text_content_1{font-weight: 400;font-size: .16rem;color: #666666;}
.text_content_2{font-weight: 400;font-size: .16rem;color: #333333;}
.note{font-size: 16px;text-align: center;color: #333333;}



/* banner */
.banner {width: 100%;padding: 1rem 0 1.16rem 0;background: #FBFCFF;}
.banner_images {position: absolute;right: 0;top: -80px;}
.banner_text {max-width: 577px;}
.banner_text span {font-size: .16rem;color: #666666;}
.banner_desc {margin: 0.3rem 0 0.3rem 0;font-size: .18rem;color: #000;}
.banner_btn {font-size: .16rem;text-align: left;}
.banner_btn .dft_btn {min-width: 160px;display: inline-block;padding: 0.14rem 0.4rem;font-size: .24rem;font-weight: 600;margin-bottom: 0.2rem;}
.banner_text h1,.banner_text p{margin-bottom: .4rem;}
/* banner */

/* content1 */
.content1{padding: 1rem 0 .5rem;}
.content1_text p{max-width: 970px; margin: 0 auto;text-align: center;}
.content1_imgs{margin-top: .8rem;}

.content1 ul{margin-top: .86rem;}
.content1 li {width: 25%;float: left;margin-bottom: 0.5rem;text-align: center;}
.content1 li:nth-child(n+5){margin-bottom: 0;}
.content1 li div{max-width: 290px;min-height: 240px; box-sizing: border-box; display: inline-block;vertical-align: bottom;text-align: left;}
.content1 li img{width: 1.1rem;}
.content1 li h3{font-weight: 600;font-size: .24rem;line-height: 1.5;color: #000000;}
.content1 li p{font-size: .16rem;line-height: 1.5;color: #666666;}
/* content1 */

/* content2 */
.content2{background: #FAFAFA;padding: .8rem 0 .73rem;}
.content2_text p{max-width: 950px;margin: 0 auto; text-align: center;}

.content2 .plate1{background: #FFFFFF;border-radius: .16rem;margin: .8rem auto .55rem;}
.content2 .plate1 .plate1_text{float: right;padding: 1.78rem 1.35rem 1.91rem}
.content2 .plate1 .plate1_imgs{position: absolute;top: 54%;left: .4rem;transform: translateY(-50%);}
.content2 .plate1 .text_content_2{max-width: 490px;}


.content2 .plate2{padding: 1.53rem 0 1.2rem 1.35rem;}
.content2 .plate2 .plate2_text{max-width: 5rem;}
.content2 .plate2 .plate2_imgs{position: absolute;top: 50%;right: .4rem;transform: translateY(-50%);}
/* content2 */

/* content3 */
.content3{padding: .8rem 0 .63rem;}
.content3_text p{max-width: 880px; margin: 0 auto;text-align: center;}
.content3 .plate1{margin-top: .8rem;}

.content3 .plate1 .plate1_imgs{position: absolute;top: 50%; transform: translateY(-55%);}
.content3 .plate1 .plate1_text{max-width: 6.4rem;float: right;}
.content3 .plate1 .plate1_text div{margin-bottom: .65rem; max-width: 3rem; display: inline-block; vertical-align: text-top;}
.content3 .plate1 .plate1_text div:nth-child(2n) { margin-left: .3rem; }
.title_4 img{display: inline-block; margin-right: .1rem; vertical-align: middle;}
/* content3 */

/* content4 */
.content4{background: #FAFAFA;padding: .85rem 0;}
.content4_text p{max-width: 950px; margin: 0 auto;text-align: center;}


.content4 .plate1{padding: 1.43rem 0 1.2rem .9rem;background: #FFFFFF;
border-radius: .2rem; margin: .8rem auto .47rem;}
.content4 .plate1 .plate1_text{max-width: 5rem;}
.content4 .plate1 .plate1_imgs{position: absolute;top: 50%;right: .4rem;transform: translateY(-50%);}

.content4 .plate2{text-align: center;}
.content4 .plate2 div{width: 4.46rem;display: inline-block; background: #FFFFFF;border-radius: .2rem;text-align: center;padding: .4rem 0; vertical-align: text-top;}
.content4 .plate2 div p{max-width: 417px;min-height:72px;margin:0 auto;}
.content4 .plate2 div img{display: block;margin: 0 auto;}
.content4 .plate2 div .title_3{margin: .2rem auto;}
.content4 .plate2 div:nth-child(1){position: absolute;left:0;}
.content4 .plate2 div:nth-child(2){margin: 0 auto;}
.content4 .plate2 div:nth-child(3){position: absolute;right:0;}
/* content4 */


/* content5 */
.content5 {padding: 1rem 0 0; text-align: center;}
.content5 img {display: block;margin: 0 auto;}
.content5 h1 {width: 100%;max-width: 1010px;font-weight: 700;font-size: .4rem;text-align: center;margin: 0.4rem auto 0.35rem auto;}
.content5 .dft_btn{min-width: 160px;display: inline-block;padding: 0.14rem 0.4rem;font-size: .24rem;font-weight: 600;margin-bottom: 0.2rem;}
.content5 p {margin-top: 0.2rem;font-size: .16rem;color: #666;}
/* content5 */



/* 1400px */
@media screen and (max-width: 1400px){
    .banner_images{width: 50%;top: 50%;transform: translateY(-50%);}
    .content2 .plate1 .plate1_imgs,.content2 .plate2 .plate2_imgs,.content3 .plate1 .plate1_imgs,.content4 .plate1 .plate1_imgs{width: 40%}
    .content4 .plate2 div{width: 32%;vertical-align: text-top;}
    .content4 .plate2 div p{min-height: .72rem;}
}
/* 1400px */

/* 1250px */
@media screen and (max-width: 1200px){
    .text_content_2{font-size: 15px;}
    .banner_text h1,.banner_text p,.title_1,.content1_text p,.content2_text p,.content3_text p,.content4_text p,.content4 .plate2 div p{max-width: 96%;margin: .2rem auto;}
    .banner_images{position: inherit;width: 90%; margin: 0 auto; top:-17px;transform: translateY(0);text-align: center; }
    .banner_text{max-width: 100%;text-align: center;}
    .banner_btn{text-align: center;}
    .content2 .plate1,.content2 .plate2,.content3 .plate1 ,.content4 .plate1{padding: .3rem;}
    .content2 .plate1 .plate1_imgs,.content2 .plate2 .plate2_imgs,.content3 .plate1 .plate1_imgs,.content4 .plate1 .plate1_imgs{width: 90%; position: inherit;top: 0;left: 0;transform: translateY(0);margin: auto;text-align: center;}
    .content2 .plate1 .plate1_text,.content2 .plate2 .plate2_text,.content3 .plate1 .plate1_text,.content4 .plate1 .plate1_text{padding: 0;float: none;max-width: 96%;margin: .2rem auto;text-align: center;}
    .content2 .plate1 .text_content_2{max-width: none;}
    .content3 .plate1 .plate1_text{text-align: left;}
    .plate2{text-align: center;}
    .content4 .plate2 div{max-width: none;width: 100%; margin: 0 auto; }
    .content4 .plate2 div:nth-child(2){margin: .2rem auto;}
    .title_4 img{width: 44px;}
    .content5 img{max-width: 55%;}
    .text_content,.title_4{font-size: 16px;}
    .content2 .plate1 .text_content_2,.text_content_1,.content4{font-size: 15px;}
    .content4 .plate2 div .title_3{margin: .2rem auto;}
    .content4 .plate2 div:nth-child(1),.content4 .plate2 div:nth-child(3){position: relative;left:0;}
    .banner_desc{font-size: 16px;}
    .banner_text span,.content5 p{font-size: 14px;}

    .content3 .plate1 .plate1_text div { max-width: 48%; }
    .content3 .plate1 .plate1_text div:nth-child(3),.content3 .plate1 .plate1_text div:nth-child(4) { margin-bottom: 0; }
    .content3 .plate1 .plate1_text div:nth-child(2n) { margin-left: 2%; }

    .content1 li { width: 33%; }
    .content1 li:nth-child(4) { margin-bottom: 0; }
}
/* 1250px */
/* 980px */ 
@media screen and (max-width: 980px){
    .content1 li { margin-bottom: 0; width: 50%; }
    .content1 li div { max-width: 94%; }
    .content1 li:nth-child(7),.content1 li:nth-child(8) { margin-bottom: 0; }
}

/* 750px */
@media screen and (max-width: 750px){
    /* .content1 li {width: 50%; margin-bottom: .5rem;} */
    .content1 li:nth-child(1), .content1 li:nth-child(2){margin-bottom: 0.5rem;}
    .content1 li div{min-height: 180px;}
    .content3 .plate1 .plate1_text div:nth-child(3) { margin-bottom: 0.65rem; }
    .content3 .plate1 .plate1_text div:nth-child(2n) { margin-left: 0; }
    .content3 .plate1 .plate1_text div { max-width: 100%; }
}
/* 750px */