/*<!--新增响应式的样式：首页区域的-->*/
#saybox .text .textbox .textdome .right { width: 100%; }
#saybox .text .textbox { padding: 24px; }
#saybox .text .textbox .textdome.active { padding: 4px; }
#saybox .text .textbox .textdome .right img { width: 100%; height: auto; border-radius: 12px; box-shadow: 0px 0px 4px #afafaf; }
#serive .ulfure { max-width: 1200px; margin: 0 auto; }
#serive .ulfure ul { display: flex; justify-content: center; }
#serive .ulfure li { width:36%; }
/*产品功能模块*/
#newgnmk { padding: 80px 0 0 0; max-width: 1300px; display: block; overflow: hidden; }
#newgnmk .newgnmkul { padding-top: 40px; margin: 0px -15px 20px -15px; display: block; overflow: hidden; }
#newgnmk .newgnmkul li { padding: 0 15px; width: 20%; float: left; margin: 0 0 30px 0; }
#newgnmk .newgnmkul li a { display: block; background: #FFFFFF; padding: 16px 0; border: 1px #ebebeb solid; transition: all 0.3s; position: relative; top: 0; }
#newgnmk .newgnmkul li a img { height: 50px; }
#newgnmk .newgnmkul li a div { display: flex; justify-content: center; align-items: center; }
#newgnmk .newgnmkul li a div p { font-size: 17px; margin: 0 0 0 8px; }
#newgnmk .newgnmkul li a:hover { top: -10px; border: 1px #e7e7e7 solid; }
#newgnmk .morebtn { margin: 0 auto; display: block; text-align: center; z-index: 100; background: #FFAA00; width: 180px; height: 50px; border-radius: 40px; font-size: 16px; font-weight: 400; color: #FFFEFE; line-height: 50px; }
#newgnmk .morebtn span { margin: 0 0 0 2px; }
/*轮播图区域*/
.swiperBox { padding: 20px; border-radius: 20px; background: #FFFFFF; }
.swiperBox img { width: 100%; }
.swiperBox .swiper-button-prev, .swiperBox .swiper-button-next { position: absolute; width: 81px; height: 82px; background: rgba(77, 127, 227, 0.88); top: 50%; z-index: 9999; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%);  transition: all .3s;
}
.swiperBox .swiper-button-prev:before, .swiperBox .swiper-button-next:before { content: ""; position: absolute; top: 50%; left: 50%; width: 17px; height: 30px; background: #fff; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background: url(../images/pres.png) no-repeat center; background-size: 100%; }
.swiperBox .swiper-button-next:before { background: url(../images/nexts.png) no-repeat center; }
.swiperBox .swiper-button-prev:hover, .swiperBox .swiper-button-next:hover { background: rgba(77, 127, 227, 1); }
 @media screen and (max-width: 1500px) {
 #saybox {
 padding: 60px 0 60px 0;
}
}
 @media screen and (max-width: 1440px) {
 #saybox .titleinfo .title-comtitle {
 margin-left: 0;
 margin-right: 0;
}
 #saybox .text .textul {
 margin-left: 0;
 margin-right: 0;
}
 #checkbgk .ulsix ul {
 margin-left: 0;
 margin-right: 0;
}
 #safe {
 margin-top: 100px;
}
 #safe .right em {
 top: 0;
}
 #saybox .titleinfo .title-comtitle h5 {
 font-size: 70px;
 line-height: 70px;
 margin: 40px 0 0 20px;
}
 #saybox .titleinfo .title-comtitle {
 padding: 0 10px;
}
 #saybox .titleinfo a.btnsay {
 font-size: 20px;
 line-height: 55px;
 width: 200px;
 height: 55px;
 right: 22px;
 border-radius: 55px;
}
 #saybox .text .textul li {
 width: 14.6666%;
 height: auto;
 border-radius: 14px;
 margin: 0 1% 0px 1%;
}
 #saybox .text {
 padding: 0 20px;
 margin-top: 20px;
}
 #saybox .text .textul {
 margin-bottom: 14px;
}
 #saybox .text .textul li a {
 padding: 20px 0;
}
 #saybox .text .textul li a p {
 font-size: 17px;
 margin: 4px 0;
}
 #saybox .text .textbox {
 padding: 18px;
}
 #checkbgk {
 margin-top: 100px;
}
}
 @media screen and (max-width: 1400px) {
 .containerbig {
 padding: 0 10px;
}
 #goodbox {
 margin-top: -80px;
 padding: 0 20px 20px 20px;
}
 #goodbox .containerbig {
 height: 330px;
 border-radius: 20px;
 padding: 50px 2% 50px 22%;
 border: 1px #dfdfdf solid;
}
 #goodbox .containerbig ul li:nth-child(1),  #goodbox .containerbig ul li:nth-child(2),  #goodbox .containerbig ul li:nth-child(3) {
 margin: 0 0 20px 0;
}
 #goodbox .containerbig ul li h3 {
 font-size: 17px;
 line-height: 30px;
}
 #goodbox .containerbig ul li .icon {
 height: 40px;
}
 #goodbox .containerbig ul li .icon img {
 height: 90%;
}
 #goodbox .containerbig ul li p {
 font-size: 13px;
 line-height: 26px;
}
 #threeinstallbox {
 margin: 50px 0 0 0;
 padding: 0 0 70px 0;
}
 #safe {
 margin-top: 100px;
}
 #safe .left {
 width: 30%;
 margin-top: 0;
}
 #safe .left .title-comtitle h5 {
 font-size: 50px;
 line-height: 120px;
 top: 60%;
 margin: 0;
 color: #ebebebe0;
}
 #safe .right em {
 font-size: 120px;
 top: 0;
}
 #safe .right .goodvs h3,  #safe .right h3 {
 font-size: 24px;
 line-height: 26px;
 margin-bottom: 10px;
}
 #safe .right p {
 font-size: 14px;
 line-height: 24px;
 padding: 8px 0;
}
 #safe .right .badvs {
 padding: 50px 20px 50px 70px;
 top: 0;
}
 #safe .right .goodvs {
 border-radius: 16px;
 padding: 70px 40px 50px 41px;
}
 #safe .right {
 width: 70%;
}
 #saybox .titleinfo .title-comtitle h5 {
 font-size: 60px;
 line-height: 60px;
 margin: 0px 0 0 20px;
}
 #saybox {
 padding: 40px 0 50px 0;
 background: url(../images/indeximgbg0mobile.jpg) no-repeat 0 0px;
 background-size: 100% 100%;
}
 #saybox .titleinfo a.btnsay {
 font-size: 18px;
 line-height: 50px;
 width: 180px;
 height: 50px;
 border-radius: 50px;
}
 #serive .title-comtitle {
 margin-bottom: 20px;
}
 #serive .ulfure {
 padding: 40px 0 26px 0;
 border-radius: 16px;
}
 #checkbgk {
 margin-top: 80px;
}
 #checkbgk .title-comtitle {
 margin-bottom: 20px;
}
 #checkbgk .ulsix ul {
 padding: 0 10px;
}
 #checkbgk .ulsix li {
 padding: 0 10px;
 margin: 0 0 20px 0;
}
 #checkbgk .ulsix li div h3 {
 font-size: 18px;
 line-height: 30px;
}
 #checkbgk .ulsix li div p {
 font-size: 15px;
 line-height: 20px;
 margin: 4px 0 4px 20px;
 height: 60px;
 overflow: hidden;
}
 #friend {
 margin: 20px 0 0 0;
 padding: 0px 0 30px 0;
}
 #new {
 margin-top: 80px;
}
 #new .containersmall li {
 padding: 0 10px;
 margin-bottom: 20px;
}
 #new .containersmall li:nth-child(1) .title-comtitle {
 margin: 0;
}
}
@media screen and (max-width: 1300px) {
 .swiperBox {
 display: block;
 margin: 0 auto;
 width: calc(100% - 40px);
 padding: 14px;
 border-radius: 14px;
}
 .swiperBox .swiper-button-prev,  .swiperBox .swiper-button-next {
 width: 60px;
 height: 60px;
}
 .swiperBox .swiper-button-prev:before,  .swiperBox .swiper-button-next:before {
 width: 16px;
 height: 24px;
}
 #newgnmk .newgnmkul {
 padding-top: 40px;
 margin: 0px -0px 20px 0;
}
 #newgnmk .newgnmkul li {
 padding: 0 10px;
 width: 33.33%;
 margin: 0 0 20px 0;
}
 #newgnmk .newgnmkul li a img {
 height: 46px;
}
 #threeinstallbox {
 margin: 40px 0 0 0;
 padding: 0 0 60px 0;
}
 #threeinstallbox .leftimg {
 display: none;
}
 #threeinstallbox .containersmall ul {
 margin: 30px 0 0 0;
 padding: 0 0 30px 0;
}
 #threeinstallbox .containersmall ul li a {
 border-radius: 14px;
 padding: 40px 20px;
 background: #FFFFFF;
 box-shadow: 0px 12px 24px 0px rgba(0, 86, 255, 0.1);
 border: 1px solid #E2ECFF;
}
 #threeinstallbox .containersmall ul li a h4 {
 font-size: 17px;
 line-height: 22px;
 margin: 10px 0;
}
 #threeinstallbox .containersmall ul li a .info p {
 font-size: 14px;
 line-height: 20px;
 height: 60px;
 overflow: hidden;
}
 #safe {
 margin-top: 60px;
}
 #safe .right .badvs {
 padding: 50px 20px 50px 120px;
}
 #threeinstallbox {
 padding: 0 0 40px 0;
}
 #serive .ulfure li h3 {
 font-size: 18px;
}
 #checkbgk {
 margin-top: 60px;
}
 #friend .ulfriend ul {
 margin: 0 0px;
}
 #friend .ulfriend li {
 width: 16.66%;
 padding: 0 10px;
 margin: 0 0 14px 0;
}
}
@media screen and (max-width: 1200px) {
 #goodbox {
 margin-top: 24px;
 padding: 0 10px 20px 10px;
}
 #goodbox .containerbig ul li h3 {
 font-size: 16px;
 line-height: 28px;
}
 #bannerPC .swiper-slide span.allbtn {
 border-radius: 24px;
 top: 59%;
 left: 6%;
}
 #bannerPC .swiper-slide span.allbtn a {
 width: 110px;
 height: 40px;
 border-radius: 24px;
 font-size: 17px;
 line-height: 38px;
}
 #bannerPC .swiper-slide span.allbtn.allbtnchecktwo i {
 left: 110px;
}
 #bannerPC .swiper-slide span.allbtn i {
 width: 120px;
 height: 40px;
 border-radius: 24px;
 top: 6px;
}
 #safe {
 margin-top: 40px;
}
 #safe .left .title-comtitle {
 text-align: center;
}
 #safe .left .title-comtitle p {
 line-height: 22px;
 padding: 0 0 0 28px;
 margin: 10px 0;
}
 #safe .left .vstitle {
 width: 340px;
 display: block;
 margin: 24px auto;
 height: 45px;
}
 #safe .right,  #safe .left {
 width: 100%;
}
 #safe .left .vstitle span {
 font-size: 17px;
 line-height: 40px;
}
 #safe .left .vstitle em {
 top: -24px;
 font-size: 38px;
 line-height: 28px;
}
 #safe .right .goodvs {
 width: 50%;
 padding: 50px 20px;
}
 #safe .right .badvs {
 width: 50%;
 padding: 50px 20px;
 top: 0;
 position: relative;
 float: right;
}
 #serive .ulfure {
 width: 90%;
 border-radius: 14px;
}
 #checkbgk {
 margin-top: 40px;
}
 #new {
 margin-top: 60px;
}
 #new .containersmall li a .onebox p {
 padding: 0 12px;
 height: 40px;
 font-size: 14px;
 line-height: 40px;
}
 #new .containersmall li a .twobox h3 {
 font-size: 16px;
 line-height: 24px;
 margin-bottom: 6px;
}
}
@media screen and (max-width: 1000px) {
 #newgnmk .newgnmkul {
 padding-top: 20px;
 margin: 0px -0px 20px 0;
 display: block;
 overflow: hidden;
}
 #newgnmk {
 padding: 40px 0 0 0;
}
 #newgnmk .newgnmkul li {
 padding: 0 8px;
 margin: 0 0 16px 0;
}
 #newgnmk .newgnmkul li a {
 padding: 10px 0;
}
 #newgnmk .newgnmkul li a div p {
 font-size: 16px;
 margin: 0 0 0 4px;
}
 #newgnmk .newgnmkul li a img {
 height: 40px;
}
 #goodbox .containerbig {
 background:none;
 height: auto;
 border-radius: 8px;
 padding: 0px 2% 50px 2%;
 border: 1px #dfdfdf solid;
 display: block;
 overflow: hidden;
 position: relative;
}
 #goodbox .containerbig:before {
 width:110%;
 height: 140px;
 display: block;
 overflow: hidden;
 margin: 0 -2%;
        /*position: absolute;*/
        /*top: 0;*/
        /*left:0;*/
        content: ' ';
 background: url(../images/indeximg2mobiule.png) no-repeat 0 0 #FFFFFF;
 background-size: 100%;
}
 #goodbox .containerbig .borderbg {
 display: none;
}
 #goodbox .containerbig ul li {
 padding: 0 8px;
}
 #goodbox .containerbig ul {
 overflow: hidden;
 margin: 30px 0 0 0;
}
 #saybox .text .textul li a {
 padding: 14px 0;
}
 #saybox .text .textul li a i {
 width: 40px;
 height: 40px;
}
 #saybox .text {
 padding: 0 16px;
}
 #saybox .text .textul li a p {
 font-size: 16px;
 margin: 2px 0;
}
}
@media screen and (max-width: 768px) {
 #goodbox {
 margin-top: 15px;
}
 #goodbox .containerbig:before {
 margin: 0 0;
 height: 130px;
 background: url(../images/indeximg2mobiule.png) no-repeat center #FFFFFF;
 background-size: 100% 100%;
}
 #goodbox .containerbig {
 padding: 0px 0px;
}
 #goodbox .containerbig ul {
 overflow: hidden;
 margin: 10px 0 0 0;
 padding: 14px;
}
 #goodbox .containerbig ul li {
 width: 50%;
 margin-bottom: 10px !important;
}
 #goodbox .containerbig ul li h3 {
 font-size: 15px;
 line-height: 25px;
}
 #goodbox .containerbig ul li p {
 font-size: 12px;
 line-height: 18px;
 height: 36px;
 overflow: hidden;
}
 #threeinstallbox .containersmall ul {
 margin: 20px 0 0 0;
 padding: 0 0 20px 0;
}
 #threeinstallbox .containersmall ul li {
        /*width: 100%;*/
        margin-bottom: 12px;
 padding: 0 12px;
 width: 50%;
}
 #threeinstallbox .containersmall ul li:nth-child(3) {
 width: 100%;
}
 #threeinstallbox .containersmall ul li a {
 border-radius: 12px;
 padding: 14px;
}
 #safe {
 margin-top: 0px;
}
 #safe .right .goodvs {
 width: 50%;
 padding:16px;
}
 #safe .right .goodvs h3, #safe .right h3 {
 font-size: 17px;
 line-height: 22px;
 margin-bottom: 4px;
}
 #safe .right .goodvs h3 {
 margin: 0;
 font-size: 17px;
 line-height: 22px;
}
 #safe .right p {
 font-size: 13px;
 line-height: 20px;
 padding: 4px 0;
}
 #safe .right .badvs {
 width: 50%;
 padding:16px;
}
 #threeinstallbox {
 padding: 0 0 20px 0;
 margin-top: 20px;
}
 #safe .right em {
 display: none;
}
 #safe .left .vstitle {
 margin: 24px auto 10px auto;
}
 #saybox {
 padding:30px 0 20px 0;
}
 #saybox .text {
 padding: 0 10px;
}
 #saybox .titleinfo .title-comtitle h5 {
 font-size: 34px;
 line-height: 34px;
}
 #saybox .titleinfo .title-comtitle p {
 line-height: 20px;
 padding: 0 0 0 22px;
 margin: 6px 0 6px 0;
}
 #saybox .text .textul li {
 width: 31.3333%;
 margin: 0 1% 10px 1%;
}
 #saybox .text .textul li a {
 padding: 10px 0;
}
 #saybox .text .textul li a i {
 width: 34px;
 height: 34px;
}
 #saybox .text .textul {
 margin-bottom: 0;
}
 #saybox .text .textul li a p {
 font-size: 14px;
 margin: 2px 0;
}
 #saybox .text .textbox {
 padding: 10px;
 font-size: 0;
}
 #serive .ulfure li h3 {
 font-size: 16px;
}
 #serive .ulfure {
 padding: 40px 0 6px 0;
 background: #5d93ff;
}
 #serive .ulfure li {
 width: 50%;
 padding: 0 10px;
}
 #serive .ulfure li p span {
 font-size: 28px;
 margin: 0 2px;
}
 #serive .ulfure li .box,  #serive .ulfure li.active .box,  #serive .ulfure li:hover .box {
 top: -10px;
}
 #serive .ulfure li .btn img {
 display: none;
}
 #serive .ulfure li .btn a {
 display: inline-block;
 height: 40px;
}
 #serive .ulfure ul {
 display: block;
}
 #serive .ulfure ul li {
 width: 100%;
 margin: 0 0 10px 0;
}
 #serive .ulfure li .btn {
 margin: 10px 0;
}
 #serive .ulfure li p.smtitle,  #serive .ulfure li h3 {
 color: #ffffff;
}
 #serive .ulfure li p {
 color: #ffaa00;
 margin: 4px 0 6px 0;
}
 #checkbgk .ulsix li {
 width: 50%;
 padding: 0 6px;
 margin: 0 0 12px 0;
}
 #checkbgk .ulsix li div {
 border-radius: 14px;
 padding: 16px 18px;
}
 #friend {
 margin: 0;
 padding: 30px 0;
 background: url(../images/indeximgbg0mobile.jpg) no-repeat 0 0px;
 background-size: 100% 100%;
}
 #friend .title-comtitle p,  #friend .title-comtitle h3 {
 color: #ffffff;
}
 #friend .title-comtitle {
 margin-bottom: 20px;
}
 #friend .ulfriend ul {
 padding: 0 10px;
}
 #friend .ulfriend li {
 width: 25%;
 padding: 0 6px;
 margin: 0 0 6px 0;
}
 #new .containersmall li:nth-child(1) .title-comtitle p {
 line-height: 24px;
 padding: 0 0 0 0;
 margin: 14px 0;
}
 #new .containersmall li {
 padding: 0 8px;
 margin-bottom: 16px;
 width: 33.33%;
}
 #new .containersmall li:nth-child(n+7) {
 display: none;
}
 .swiperBox {
 width: calc(100% - 30px);
 padding: 10px;
 border-radius: 10px;
}
 .swiperBox .swiper-button-prev,  .swiperBox .swiper-button-next {
 width: 30px;
 height: 50px;
 top: 50%;
 transform: translate(0, -20%);
}
 .swiperBox .swiper-button-prev:before,  .swiperBox .swiper-button-next:before {
 width: 14px;
 height: 18px;
}
 #newgnmk .morebtn {
 width: 120px;
 height: 36px;
 font-size: 14px;
 line-height: 36px;
 margin-top: 10px;
 margin-bottom: 20px;
}
}
 @media screen and (max-width: 600px) {
 #goodbox .containerbig:before {
 background-size: auto 100%;
}
 #safe .left .title-comtitle p {
 padding: 0 0 0 0;
 margin: 4px 0;
}
 #checkbgk .ulsix li {
 width: 100%;
 padding: 0 0px;
 margin: 0 0 10px 0;
}
 #checkbgk .ulsix li div h3 {
 font-size: 15px;
 line-height: 24px;
}
 #checkbgk .ulsix li div h3 span {
 font-size: 14px;
}
 #checkbgk .ulsix li div p {
 font-size: 13px;
 line-height: 18px;
 margin: 4px 0 4px 20px;
 height: auto;
}
 #friend .ulfriend li {
 width: 33.333%;
 padding: 0 6px;
 margin: 0 0 6px 0;
}
 #friend .ulfriend {
 padding-bottom: 0;
}
 #new {
 margin-top: 30px;
}
 #new .containersmall ul {
 padding: 0 8px;
}
 #new .containersmall li:nth-child(1) a.btnsay {
 width: 100%;
 height: 35px;
 border-radius: 20px;
 font-size: 14px;
 line-height: 35px;
}
 #new .containersmall li {
 width: 50%;
 padding: 0 5px;
 margin-bottom: 8px;
}
 #new .containersmall li:nth-child(1) .title-comtitle p {
 line-height: 20px;
 padding: 0 0 0 0;
 height: 40px;
 overflow: hidden;
 margin: 10px 0;
}
 #new .containersmall li a {
 border-radius: 10px;
}
 #new .containersmall li a .onebox .img {
 height: 200px;
}
 #new .containersmall li a .twobox {
 display: none;
}
 #newgnmk {
 padding: 20px 0 0 0;
}
 #newgnmk .newgnmkul {
 margin-bottom: 0;
}
 #newgnmk .newgnmkul li {
 width: 50%;
 padding: 0 5px;
 margin: 0 0 10px 0;
}
 #newgnmk .newgnmkul li a {
 padding: 6px 0;
}
 #newgnmk .newgnmkul li a img {
 height: 36px;
}
 #newgnmk .newgnmkul li a div p {
 font-size: 14px;
}
}
@media screen and (max-width: 500px) {
 #safe .right .badvs {
 width: 100%;
 margin-top: 10px;
}
 #safe .right .goodvs {
 width: 100%;
}
 #safe .right em {
 display: none;
}
 #safe .left .vstitle span {
 font-size: 16px;
}
 #safe .left .vstitle {
 width: 100%;
 padding: 0 5px;
}
 #threeinstallbox .containersmall ul li {
 width: 100%;
}
}
 @media screen and (max-width: 350px) {
 #goodbox .containerbig ul {
 padding: 10px;
}
 #saybox .text .textbox {
 padding: 6px;
}
}