html{ font-size:16px;}
ul{ padding:0}
@media screen and (min-width:769px){


.w{width:90%; max-width:1335px; margin:0 auto;}
.pc_fl{float:left;}
.pc_fr{float:right;}
.pc_dn{display:none;}

.yiti_3 .txt a:hover{background: none;color: #0774ff;}
.yiti_3 .txt a:hover:after{background-image: url("../img/07.png");}
.dingzhi_c ul li:hover{box-shadow:0 0 10px rgba(7, 116, 255, .5);border-color: #0774ff;}
.dingzhi_c ul li a:hover{background: #ff8707;color: #FFFFFF;}

}

.banner{width: 100%;}
.banner .w{padding-top: 122px;position: relative;}
.banner .txt{position: relative;margin-top: 6.875rem;z-index: 2;}
.banner .txt h3{font-weight: normal;color: #2d3c58;line-height: 1;font-size: 3.125rem;}
.banner .txt h4{font-weight: normal;color: #0774ff;line-height: 1;font-size: 2.875rem;margin-top: 1.25rem;}
.banner .txt p{display: block;color: #4c5671;font-size: 1.25rem;line-height: 2.5rem;width: 17rem;margin-top: 1.875rem;}
.banner .img{width: 58.125rem;position: absolute;top: 0.75rem;right: 0;z-index: 1;}
.banner .img img{display: block;width: 100%;margin-top: 0.75rem;}

.shuzi{margin-top: 11.25rem;border-radius: 1rem;position: relative;}
.shuzi:after{content: "";display: block;position: absolute;width: 100%;height: 100%;border-radius: 1rem;top: 0;left: 0;background: linear-gradient(#0774ff,#ffffff);z-index: 1;}
.shuzi:before{content: "";display: block;position: absolute;width: calc(100% - 2px);height: calc(100% - 2px);border-radius: 1rem;top: 1px;left: 1px;background: linear-gradient(#c8e0fe,#f6f6f6);z-index: 2;}
.shuzi ul{position: relative;z-index: 3;display:flex;flex-wrap: wrap;justify-content: space-between;padding: 3.125rem 2.5rem 3.75rem;}
.shuzi ul li{width: 15.625rem;}
.shuzi ul li h3{line-height: 1;color: #0774ff;font-size: 3.75rem;}
.shuzi ul li p{font-size: 1.125rem;line-height: 1.875rem;margin-top: 0.75rem;color: #4c5671;}

.yiti{margin-top: 6.875rem;}
.yiti .tit{margin-bottom: 3.125rem;}
.tit h3{text-align: center;line-height: 1;color: #2d3c58;font-size: 2.875rem;}
.tit p{text-align: center;color: #4c5671;font-size: 1.5rem;margin-top: 0.75rem;}
.yiti .items{background: #f4f6fe;border: 1px solid #e9edff;border-radius: 1rem;}
.yiti_1{height: 36rem;padding: 2rem 1.875rem 0;width: 32%;}
.yiti_2{height: 13.25rem;margin-left: 2%;padding: 2rem 1.5rem 0;width: 32%;}
.yiti_4{height: 13.25rem;margin-left: 2%;padding: 2rem 1.5rem 0;width: 32%;}
.yiti .items h4{color: #2d3c58;font-size: 1.875rem;line-height: 2.75rem;}
.yiti .items h4 img{display: block;float: left;width: 2.75rem;margin-right: 0.875rem;}
.yiti .items p{color: #4c5671;font-size: 1.125rem;line-height: 1.875rem;margin-top: 1rem;}
.yiti .items h3{line-height: 1;color: #2d3c58;font-size: 2.5rem;margin-top: 2rem;font-weight: normal;}
.yiti_3{background: #f4f6fe;border: 1px solid #e9edff;border-radius: 1rem;width: 66%;margin-left: 2%;height: 21.625rem;margin-top: 1.125rem;position: relative;padding: 2.375rem 0 0 1.625rem;}
.yiti_3 .txt{width: 65%;position: relative;z-index: 2;}
.yiti_3 .txt h3{font-size: 1.875rem;line-height: 1;color: #2d3c58;}
.yiti_3 .txt p{color: #4c5671;font-size: 1.125rem;line-height: 1.875rem;margin-top: 1.125rem;}
.yiti_3 .txt a{display: block;text-align: center;color: #FFFFFF;font-size: 1.125rem;width: 12.5rem;line-height: 3.25rem;border: 1px solid #0774ff;background: #0774ff;border-radius: 1.75rem;margin-top: 3.125rem;}
.yiti_3 .txt a:after{content: "";display: inline-block;width: 0.5rem;height: 0.875rem;background-image: url("../img/06.png");background-size: 100% 100%;margin-left: 1rem;transition: all .3s;}
.yiti_3 .img{position: absolute;width: 45%;right: 1rem;top:50%;transform:translate(0,-50%);z-index: 1;}
.yiti_3 .img img{display: block;width: 100%;}

.dingzhi{margin-top: 11.25rem;background-image: url("../img/08.png");background-position: center bottom;background-repeat: no-repeat;background-size: 80%;padding-bottom: 22.5rem;}
.dingzhi_c ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.dingzhi_c ul li{width: 32%;border-radius: 1rem;border: 1px solid #e9edff;background: #f4f6fe;margin-top: 3.125rem;padding: 3.75rem 2.5rem 3.125rem;text-align: center;transition: all .3s;}
.dingzhi_c ul li h3{line-height: 1;color: #2d3c58;font-size: 2.5rem;}
.dingzhi_c ul li p{color: #4c5671;font-size: 1.375rem;margin-top: 0.75rem;}
.price{margin-top: 1.25rem;}
.price span{color: #999999;text-decoration: line-through;font-size: 1.5rem;}
.price i{display: inline-block;background: #0774ff;color: #FFFFFF;width: 9.625rem;line-height: 2.625rem;border-radius: 1.375rem;font-size: 1.125rem;vertical-align: middle;margin-left: 0.75rem;}
.dingzhi_c ul li h2{color: #2d3c58;line-height: 1;font-size: 4.75rem;margin-top: 2rem;}
.dingzhi_c ul li a{display: block;width: 100%;color: #333333;background: #ffc107;font-size: 1.625rem;line-height: 4rem;border-radius: 2rem;margin-top: 2.5rem;}
.dingzhi_c ul li h4{line-height: 1;color: #2d3c58;text-align: left;font-size: 1.375rem;margin-top: 1.625rem;margin-bottom: 0.625rem;}
.dingzhi_c ul li dd{float: left;width: 50%;margin: 0;color: #2d3c58;text-align: left;font-size: 1rem;line-height: 2.25rem;}
.dingzhi_c ul li dd img{display: block;float: left;width: 1rem;margin: 0.625rem 0.375rem 0 0;}

.jiagou{margin-top: 2.875rem;}
.jiagou img{display: block;width: 100%;}

@media screen and (max-width: 768px) {
.ww{width:93.75%; margin:0 auto;}
.sj_fl{float:left;}
.sj_fr{float:right;}
.sj_clear{clear:both;}
.sj_dn{display:none;}

.banner .w{padding-top: 120px;}
.banner .txt{margin-top: 1.5rem;}
.banner .txt h3{font-size: 1.5rem;}
.banner .txt h4{font-size: 1.35rem;margin-top: 0.75rem;}
.banner .txt p{font-size: 0.75rem;line-height: 1.2rem;width: auto;margin-top: 0.9rem;}
.banner .img{width: 18.75rem;top: 6rem;}

.shuzi{margin-top: 2.625rem;}
.shuzi ul{padding: 0.375rem 0.75rem 1.125rem;}
.shuzi ul li{width: 9.375rem;margin-top: 0.75rem;}
.shuzi ul li h3{font-size: 1.875rem;}
.shuzi ul li p{font-size: 0.75rem;line-height: 1.2rem;margin-top: 0.45rem;}

.yiti{margin-top: 2.625rem;}
.yiti .tit{margin-bottom: 1.875rem;}
.tit h3{font-size: 1.8rem;}
.tit p{font-size: 0.9rem;}
.yiti_1{height: auto;padding: 0.9rem 1.125rem;width: 100%;}
.yiti_2{height: auto;margin-left: 0;padding: 0.9rem 0.9rem 0.9rem;width: 49%;margin-top: 0.75rem;}
.yiti_4{height: auto;margin-left: 2%;padding: 0.9rem 0.9rem 0.9rem;width: 49%;margin-top: 0.75rem;}
.yiti .items h4{font-size: 1.125rem;line-height: 1.5rem;}
.yiti .items h4 img{width: 1.5rem;margin-right: 0.5rem;}
.yiti .items p{font-size: 0.75rem;line-height: 1.2rem;margin-top: 0.6rem;}
.yiti .items h3{font-size: 1.5rem;margin-top: 1rem;}
.yiti_3{width: 100%;margin-left: 0%;height: auto;margin-top: 0.75rem;padding: 1.125rem 0 0.9rem 0.975rem;}
.yiti_3 .txt{width: 65%;}
.yiti_3 .txt h3{font-size: 1.125rem;}
.yiti_3 .txt p{font-size: 0.75rem;line-height: 1.2rem;margin-top: 0.6rem;}
.yiti_3 .txt a{font-size: 0.75rem;width: 7.5rem;line-height: 2rem;border-radius: 1rem;margin-top: 0.75rem;}
.yiti_3 .txt a:after{width: 0.3rem;height: 0.5rem;margin-left: 0.6rem;}
.yiti_3 .img{width: 40%;right: 0.5rem;}

.dingzhi{margin-top: 2.625rem;background-size: 100%;padding-bottom: 6rem;}
.dingzhi_c ul li{width: 100%;margin-top: 1.125rem;padding: 1.5rem 2.25rem;}
.dingzhi_c ul li h3{font-size: 1.5rem;}
.dingzhi_c ul li p{font-size: 0.9rem;margin-top: 0.45rem;}
.price{margin-top: 0.75rem;}
.price span{font-size: 0.9rem;}
.price i{width: 5.5rem;line-height: 1.6rem;border-radius: 0.8rem;font-size: 0.7rem;margin-left: 0.45rem;}
.dingzhi_c ul li h2{font-size: 2.5rem;margin-top: 1rem;}
.dingzhi_c ul li a{font-size: 1rem;line-height: 2.4rem;border-radius: 1.2rem;margin-top: 1.2rem;}
.dingzhi_c ul li h4{font-size: 0.9rem;margin-top: 1rem;margin-bottom: 0.4rem;}
.dingzhi_c ul li dd{font-size: 0.75rem;line-height: 1.5rem;}
.dingzhi_c ul li dd img{width: 0.7rem;margin: 0.3rem 0.2rem 0 0;}
}