/* 初始化 */ .m1000{width: 1000px;margin: auto;position: relative;height: 100%;} .swiper-container {width: 100%;height: 100%;} .pcnone{display: none !important;} .pcblock{display: block !important;} .pcinline{display: inline-block !important;} .pcinlinenone{display: inline-block !important;} .fixed{position: fixed;left: 0;top: 0;z-index: 999;width: 100%;right: auto;bottom: auto;} select::-ms-expand { display: none; } .br{margin: 0 !important;line-height: 0 !important;font-size: 0 !important;height: 0 !important;} span.br{height: 0px;} @media(max-width:1000px){ .pcblock{display: none !important;} .pcnone{display: block !important;} .pcinline{display: none !important;} .pcinlinenone{display: block !important;height: 0;} body{padding-bottom: 0 !important;} } /* 结束 */ .header_banner{height:495px;background: url('../images/banner_02.jpg') no-repeat center top;} .header_banner .logo{display: block;margin: auto;} .header_banner .btn{width: 337px;height: 54px;line-height: 54px;display: table; text-align: center;font-size: 23px;color: #010d7f;background: #fff;cursor: pointer;} .header_banner .firl{position: absolute;left:40px;top:375px;} .header_banner .firr{position: absolute;left:418px;top:375px;} .header_banner .btn:hover{font-weight: bold;} .header_banner .btn .div{display: table-cell;vertical-align: middle;} /* 表单 */ .inputPC{height: 111PX;background: url('../images/bai_02.png') repeat-y center top;} .inputPC .leftbox{width: 352px;height: 100%;display: table;} .inputPC .leftbox .div{height: 100%;display: table-cell;vertical-align: middle;} .inputPC .leftbox .div p{font-size: 23px;line-height: 36px;color: #013181;text-align: center;} .inputPC form{position: absolute;left: 355px;top: 14px;} .inputPC .name{width: 386px;height: 33px;border:1px solid #3d2cbe;box-sizing: border-box;box-shadow: 0 1px 1px #f2f1fb;margin-bottom: 3px;padding-left: 28px;box-sizing: border-box; background: url('../images/icon1.png') no-repeat;background-position: 9px center;font-size: 12px;} .inputPC .phone{width: 386px;height: 33px;border:1px solid #3d2cbe;box-sizing: border-box;box-shadow: 0 1px 1px #f2f1fb;padding-left: 28px;box-sizing: border-box; background: url('../images/icon2.png') no-repeat;background-position: 7px center;font-size: 12px;} .inputPC .name input,.phone input{height: 100%;width: 100%;} .inputPC .tiaokuan{font-size: 10px;text-align: left;} .inputPC .xdf_formbtn{position: absolute;right: -200px;top: 0px;width: 150px;height: 71px;background: #013284;color:#fff;font-size: 24px;line-height: 71px;cursor: pointer; text-align: center;} .inputPC .xdf_formbtn:hover{font-weight: bold;} /* nav */ .zaiNav{height: 78px;} #nav{height:78px;background:url('../images/ll_02.png') repeat-y center top;} #nav .disFlex{display: flex;justify-content: space-between;height: 100%;} #nav .disFlex li{width: 16.66%;height: 100%;display: table;cursor: pointer;background: url('../images/lir.png') no-repeat right center; position: relative;} #nav .disFlex li .div{width: 100%;height: 100%;display: table-cell;vertical-align: middle;} #nav .disFlex li .div span{display: block;text-align: center;font-size: 17px;line-height: 23px;} #nav .disFlex li:nth-child(7){background: none;} #nav .disFlex li a{color: #fff;} /* #nav .disFlex li:hover{background: #fff;margin-top: -4px;} */ /* #nav .disFlex li a:hover{color: #013790;} */ #nav .disFlex li.menuOver{background: #fff;margin-top: -4px;} #nav .disFlex li.menuOver a{color: #013790;} .isStuck{width: 100%;height: 78px;z-index: 999;} .fixed .disFlex li.menuOver{margin-top: 0 !important;} /* .isStuck .disFlex li:hover{background: #fff;margin-top: 0px !important;} */ /* tit */ .titT{text-align: center;} .titT img.l{position: absolute;left: -71px;top: -37px;} .titT img.r{position: absolute;right: -65px;top: 10px;} .titT div{font-size: 43px;display: inline-block;position: relative; } /* part1 */ #page1{background: url('../images/page1_02.png') no-repeat center top;} #page1 .m1000{padding-top: 86px;box-sizing: border-box;} #page1 .titT{margin-bottom: 46px;} #page1 .disFlex{display: flex;justify-content: space-between;padding-bottom: 38px;} #page1 .disFlex .slide{width: 245px;height: 255px;padding-top: 82px;box-sizing: border-box;} #page1 .disFlex .slide .p1{font-size: 17px;color: #fff;text-align: center;line-height: 1;margin-bottom: 40px;} #page1 .disFlex .slide .p2{font-size: 15px;color: #333;line-height: 23px;padding: 0 17px;box-sizing: border-box;text-align: justify;} #page1 .disFlex .slide1{background:#fff url('../images/slide1_03.png') no-repeat center top;} #page1 .disFlex .slide2{background:#fff url('../images/slide2_03.png') no-repeat center top;} #page1 .disFlex .slide3{background:#fff url('../images/slide3_03.png') no-repeat center top;} #page1 .disFlex .slide4{background:#fff url('../images/slide4_03.png') no-repeat center top;} #page1 .buttonFlex{width: 882px;padding-bottom: 41px;display: flex;justify-content: space-between;margin: auto;} #page1 .buttonFlex .btn{ height: 64px; line-height: 64px; width: 400px; font-size: 22px; color: #013790; text-align: center; background: url('../images/btn_03.png') repeat-x; cursor: pointer; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; -ms-transition:0.6s; -o-transition:0.6s; } #page1 .buttonFlex .active{background: #013790;color: #fff;} /* page2 */ #page2{background: url('../images/page2_02.png') no-repeat center top;height: 213px;} #page2 form{width:504px;float: right;padding-top: 20px;box-sizing: border-box;} #page2 form .name{width: 100%;height: 40px;background:#fff url('../images/icon2.png') no-repeat;background-position: 24px center ; padding-left: 46px;box-sizing: border-box;font-size: 14px;margin-bottom: 13px;} #page2 form .phone{width: 100%;height: 40px;background:#fff url('../images/icon1.png') no-repeat;background-position: 24px center ; padding-left: 46px;box-sizing: border-box;font-size: 14px;margin-bottom: 10px;} #page2 form .name input,#page2 form .phone input{width: 100%;height: 100%;} #page2 .tiaokuan{font-size: 10px;text-align: left;padding-top: 6px;line-height: 1;padding-bottom: 6px;} #page2 .xdf_formbtn{height: 48px;width: 100%;font-size: 20px;color: #013790;font-weight: bold;background: url('../images/b1_05.jpg') repeat-x; line-height: 48px;cursor: pointer;} /* page3 */ #page3 {height: 890px;background: url('../images/page3_03.png') no-repeat center top;} #page3 .m1000{padding-top: 96px;box-sizing: border-box;} #page3 .titT{margin-bottom: 44px;} #page3 .disFlex{display: flex;justify-content: space-between;padding-bottom: 45px;} #page3 .slide{width: 490px;} #page3 .blue{background: #013080;height: 530px;width: 100%;box-shadow: 0 0 7px #889bbf;margin-bottom: 46px;} #page3 .btn{ height: 64px; line-height: 64px; width: 372px; font-size: 22px; color: #013790; text-align: center; background: url('../images/btn_03.png') repeat-x; cursor: pointer;margin: auto; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; -ms-transition:0.6s; -o-transition:0.6s;} #page3 .top{width: 100%;height: 114px;display: table;} #page3 .top .div{width: 100%;height: 100%;display: table-cell;vertical-align: middle;} #page3 .top .div .p1{font-size: 29px;text-align: center;line-height: 1;color: #fff;margin-bottom: 10px;} #page3 .top .div .p1 span{font-size: 23px;} #page3 .top .div .p2{font-size: 17px;text-align: center;line-height: 1;color: #fff;} #page3 .center{background: #fef6f0;height: 333px;padding-top: 37px;box-sizing: border-box;} #page3 .center .leftTit{ background:#013790;width: 435px;height: 37px;line-height: 37px;margin:0 auto 24px; font-size:18px;color: #fff;font-weight: bold;padding-left: 19px;box-sizing: border-box;} #page3 .zier{margin-left: 35px;padding-right: 48px;height: 85px;box-sizing: border-box;vertical-align: top;} #page3 .zier .shil{font-size: 15px;color: #363636;line-height: 29px;} #page3 .zier .shil span{vertical-align: top;} #page3 .two{width: 330px;float: right;} #page3 .bottom{height: 85px;position: relative;width: 100%;padding: 24px 0 0 197px;box-sizing: border-box;} #page3 .buttonA{font-size: 17px;color: #3d2cbe;width: 91px;height: 37px;line-height: 37px; background: #fff;text-align: center;position: absolute;left: 60px;top: 24px;} #page3 .pp{font-size: 15px;color: #fff;line-height: 1;margin-bottom: 6px;} #page3 .active{background: #013790;color: #fff;} /* page4 */ #page4 .m1000{padding-bottom: 84px;padding-top: 70px;} #page4 .titT{margin-bottom: 48px;} #page4 .bg{width: 100%;display: block;margin:0 auto 44px;} #page4 .btn{ height: 64px; line-height: 64px; width: 400px; font-size: 22px; color: #013790; text-align: center; background: url('../images/btn_03.png') repeat-x; cursor: pointer;margin: auto; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; -ms-transition:0.6s; -o-transition:0.6s;} #page4 .btn:hover{background: #013790;color: #fff;} #page4 .tata{position: absolute;left: -461px;bottom: -203px;} /* page5 */ #page5{background: #fef4ec url('../images/page5_02.png') no-repeat center bottom;} #page5 .m1000{padding-top: 81px;} #page5 .titT{margin-bottom: 47px;} #page5 .topbox{margin-bottom: 20px;box-sizing: border-box;background: url('../images/page5top_03.png') no-repeat center top; width: 100%;height: 111px;} #page5 .topbox .p1{font-size: 22px;color: #fff;font-weight: bold;text-align: center;line-height: 1;margin-bottom: 17px;} #page5 .topbox .p2{font-size: 15px;line-height: 111px;text-align: center;color: #fff;} #page5 .classtop{width: 100%;height: 809px;background: url('../images/top_03.png') no-repeat center top;margin-bottom: 84px;} #page5 .classtop2{width: 100%;height: 182px;background: url('../images/top2_06.png') no-repeat center top;margin-bottom: 58px;} #page5 .buttonFlex{width: 882px;padding-bottom: 84px;display: flex;justify-content: space-between;margin: auto;} #page5 .buttonFlex .btn{ height: 64px; line-height: 64px; width: 400px; font-size: 22px; color: #013790; text-align: center; background: url('../images/btn_03.png') repeat-x; cursor: pointer; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; -ms-transition:0.6s; -o-transition:0.6s; } #page5 .buttonFlex .active{background: #013790;color: #fff;} /* page6 */ #page6{} #page6 .m1000{padding-top: 120px;padding-bottom: 86px;box-sizing: border-box;} #page6 .titT{margin-bottom: 35px;} #page6 .sixBox{width: 100%;height: 371px;background: url('../images/ren.png') no-repeat center top;display: flex;justify-content: space-between;} #page6 .sixBox .slide{width: 363px;height: 100%;} #page6 .sixBox .slide .div{width: 100%;height:67px;background: url('../images/61.png') no-repeat left top;display: table;margin-bottom: 39px;} #page6 .sixBox .slide .div div{padding:0 20px 0 12px;box-sizing: border-box;display: table-cell;vertical-align: middle;} #page6 .sixBox .slide .div p{font-size: 15px;line-height: 24px;color: #333;} #page6 .sixBox .rr .div{width: 100%;height:67px;background: url('../images/62.png') no-repeat left top;display: table;margin-bottom: 39px;} #page6 .sixBox .rr .div div{padding:0 0px 0 29px;box-sizing: border-box;display: table-cell;vertical-align: middle;} #page6 .btn{ height: 64px; line-height: 64px; width: 400px; font-size: 22px; color: #013790; text-align: center; background: url('../images/btn_03.png') repeat-x; cursor: pointer;margin: auto; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; -ms-transition:0.6s; -o-transition:0.6s;} #page6 .btn:hover{background: #013790;color: #fff;} #page6 .tata{position: absolute;left: -461px;bottom: -203px;} /* page7 */ #page7{background: url('../images/page7_02.png') repeat-y center top;} #page7 .m1000{padding-top: 100px;box-sizing: border-box;} #page7 .titT{margin-bottom: 40px;} #page7 .boxFseven{width: 997px;height: 377px;background: url('../images/7.png') no-repeat;margin:0 auto 51px;position: relative;} #page7 .boxFseven .slide1{position: absolute;left:10px;top: 42px;} #page7 .boxFseven .slide2{position: absolute;left:340px;top: 42px;} #page7 .boxFseven .slide3{position: absolute;left:672px;top: 42px;} #page7 .p1{font-size: 20px;font-weight: bold;color: #fff;line-height: 1;margin-bottom: 20px;margin-left: 6px;} #page7 .p2{font-size: 15px; color: #013791;line-height: 23px; margin-left: 18px;width: 280px;text-align: justify;} #page7 .buttonFlex{width: 882px;padding-bottom: 74px;display: flex;justify-content: space-between;margin: auto;} #page7 .buttonFlex .btn{ height: 64px; line-height: 64px; width: 400px; font-size: 22px; color: #013790; text-align: center; background: url('../images/btn_03.png') repeat-x; cursor: pointer; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; -ms-transition:0.6s; -o-transition:0.6s; } #page7 .buttonFlex .active{background: #013790;color: #fff;} /* page8 */ #page8{} #page8 .m1000{padding-top: 92px;padding-bottom: 70px;} #page8 .titT{margin-bottom: 55px;} #page8 .flex{display: flex;justify-content: space-between;margin-bottom: 56px;background: url('../images/88_03.png') no-repeat;height: 278px;} #page8 .flex .slide{width: 25%;height: 100%;padding-top: 140px;box-sizing: border-box;} #page8 .flex .slide p{font-size: 16px;color: #fff;line-height: 24px;text-align: center;} #page8 .btn{ height: 64px; line-height: 64px; width: 400px; font-size: 22px; color: #013790; text-align: center; background: url('../images/btn_03.png') repeat-x; cursor: pointer;margin: auto; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; -ms-transition:0.6s; -o-transition:0.6s;} #page8 .btn:hover{background: #013790;color: #fff;} @media (max-width:1000px){ .m1000{width: 100%;} .inputPC{display: none;} #page2{display: none;} /* header */ .header_banner{width: 7.5rem;margin: auto;height:6.35rem;background: url('../images/images/banner_02.jpg') no-repeat;background-size: 100% 100%;} .header_banner .logo{width: 100%;} .header_banner .btn{width: 3.23rem;height:0.9rem;font-size: 0.28rem;line-height: 0.36rem;} .header_banner .btn:hover{font-weight: normal;} .header_banner .firl{top: 4.92rem;left: 0.31rem;} .header_banner .firr{top: 4.92rem;right: 0.31rem;left: auto;} /* nav */ .zaiNav{height: 1.57rem;width: 7.5rem;margin: auto;} #nav{width: 100%;margin: auto;height: 1.57rem;position: relative !important; background: #537dea url('../images/images/gg.png') no-repeat center center;background-size: 100% 0.01rem;} #nav .disFlex{flex-wrap: wrap;padding: 0 0.2rem;box-sizing: border-box;width: 7.5rem;margin: auto;justify-content: flex-start;} #nav .disFlex li{width: 25%;height: 50%;background-size: 1px 0.74rem;} #nav .disFlex li.menuOver{margin-top: 0;} #nav .disFlex li:nth-child(4){background: none;} #nav .disFlex li.menuOver:nth-child(4){background: #fff;} #nav .disFlex li .div span{font-size: 0.24rem;line-height: 1;} #nav .disFlex li .div span:nth-child(1){display: none;} #nav .disFlex li:nth-child(6) .div span:nth-child(1){display: block;} #nav .disFlex li:nth-child(6) .div span{line-height: 0.3rem;} #nav .disFlex li:nth-child(7) .div span:nth-child(1){display: block;} #nav .disFlex li:nth-child(7) .div span{line-height: 0.3rem;} #nav .disFlex li:nth-child(7){background: url(../images/lir.png) no-repeat right center;background-size: 1px 0.74rem;} #nav .disFlex li.menuOver a{color: #3d2cbe;} /* mInputBox */ .mInputBox{width: 7.5rem;margin: auto;padding-top: 0.63rem;box-sizing: border-box;height:4.04rem;background: url('../images/images/minout_02.png') no-repeat; background-size: 100% 100%;} .mInputBox form{width: 6.02rem;margin: auto;} .mInputBox form .name{width: 100%;height: 0.77rem;border: 0.01rem solid #ddd;box-sizing: border-box;padding-left: 0.48rem; margin-bottom: 0.2rem;background: url('../images/images/icon1.png') no-repeat 0.16rem center;background-size:0.17rem 0.22rem;} .mInputBox form .phone{width: 100%;height: 0.77rem;border: 0.01rem solid #ddd;box-sizing: border-box;padding-left: 0.48rem; margin-bottom: 0.1rem;background: url('../images/images/icon2.png') no-repeat 0.13rem center;background-size:0.23rem 0.23rem;} .mInputBox form input{font-size: 0.21rem;width: 100%;height: 100%;} .mInputBox .tiaokuan{font-size: 0.1rem;line-height: 0.15rem;text-align: left;margin-bottom: 0.1rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .mInputBox .xdf_formbtn{height: 0.82rem;line-height: 0.82rem;width: 100%;font-size: 0.29rem;color: #01368f;font-weight: bold; background: url('../images/images/tj_03.png') repeat-x;} /* tit */ .titT div{font-size: 0.44rem;} .titT img.l{width: 1.2rem;top: -0.41rem;left: -0.57rem;} .titT img.r{width: 0.58rem;top: 0.17rem;right: -0.65rem;} /* page1 */ #page1{width: 7.5rem;margin: auto;overflow: hidden;background: #fff;} #page1 .m1000{padding-top: 1.1rem;} #page1 .titT{margin-bottom: 0.7rem;} #page1 .disFlex{width: 7.13rem;margin: auto;padding-bottom: 0.39rem;flex-wrap: wrap;} #page1 .disFlex .slide{width: 3.4rem;height: 3.8rem;border: 0.01rem solid #d3bdbd;border-top: 0px solid #fff;margin-bottom: 0.14rem; box-shadow: 0 0.01rem 0.01rem #ebe1e1;padding-top: 1.15rem;} #page1 .disFlex .slide1{background: url('../images/images/slide1_03.png') no-repeat center top; background-size: 100% auto;} #page1 .disFlex .slide2{background: url('../images/images/slide2_03.png') no-repeat center top; background-size: 100% auto;} #page1 .disFlex .slide3{background: url('../images/images/slide3_03.png') no-repeat center top; background-size: 100% auto;} #page1 .disFlex .slide4{background: url('../images/images/slide4_03.png') no-repeat center top; background-size: 100% auto;} #page1 .disFlex .slide .p1{font-size: 0.28rem;margin-bottom: 0.54rem;} #page1 .disFlex .slide .p2{font-size: 0.22rem;line-height: 0.37rem;padding: 0 0.19rem;} #page1 .buttonFlex{width: 4.6rem;padding-bottom: 0.4rem;} #page1 .buttonFlex .btn:nth-child(1){display: none;} #page1 .buttonFlex .btn{width: 100%;height: 0.9rem;line-height: 0.9rem;font-size: 0.24rem;background: url(../images/btn_03.png) no-repeat; background-size: 100% 100%;} #page1 .buttonFlex .active{color: #013790;} /* page3 */ #page3{width: 7.5rem;margin: auto;height: auto;} #page3 .m1000{padding-top: 0.65rem;} #page3 .titT{margin-bottom: 0.47rem;} #page3 .titT div{line-height: 0.55rem;} #page3 .titT img.r{top: auto;bottom:-0.11rem;} #page3 .disFlex{width: 7.10rem;margin: auto;flex-wrap: wrap;padding-bottom: 0;} #page3 .slide{width: 100%;padding-bottom: 0.7rem;} #page3 .blue{width: 100%;height: 6.48rem;margin-bottom: 0.3rem;background: #fff;} #page3 .top{width:100%;height: 1.34rem;background: url('../images/images/page3_03.png') no-repeat;background-size: 100% 100%;} #page3 .top .div .p1{font-size: 0.42rem;margin-bottom: 0.15rem;} #page3 .top .div .p1 span{font-size: 0.42rem;} #page3 .top .div .p2{font-size: 0.24rem;} #page3 .center{height: 4.13rem;padding-top: 0.2rem;box-sizing: border-box;} #page3 .center .leftTit{width: 6.56rem;height: 0.59rem;line-height: 0.59rem;font-size:0.25rem;padding-left: 0.18rem;box-sizing: border-box; margin: 0 auto 0.4rem;} #page3 .zier{margin-left: 0.47rem;height: 1.38rem;padding-right: 0.27rem;box-sizing: border-box;} #page3 .zier .shil{font-size: 0.22rem;line-height: 0.3rem;} #page3 .zier .shil span.two{float: none;display: block;width: 100%;} #page3 .bottom{height: 1.01rem;background: #013790;padding-top: 0.22rem;padding-left: 2.7rem;box-sizing: border-box;} #page3 .pp{font-size: 0.23rem;margin-bottom: 0.07rem;} #page3 .buttonA{width: 1.4rem;height: 0.56rem;line-height: 0.56rem;font-size: 0.26rem;left: 0.88rem;top: 0.21rem;} #page3 .btn{width: 4.62rem;height: 0.9rem;line-height: 0.9rem; font-size: 0.24rem; background: url(../images/btn_03.png) no-repeat; background-size: 100% 100%; } #page3 .active{color: #013790;} /* page4 */ #page4{width: 7.5rem;margin: auto;} #page4 .m1000{padding-top: 0.62rem;padding-bottom: 0.63rem;} #page4 .titT{margin-bottom: 0.47rem;} #page4 .titT div{line-height: 0.55rem;} #page4 .titT img.r{top: auto;bottom:-0.11rem;} #page4 .bg{width: 7.1rem;margin:0 auto 0.35rem;} #page4 .btn{width: 4.62rem;height: 0.9rem;line-height: 0.9rem; font-size: 0.24rem; background: url(../images/btn_03.png) no-repeat; background-size: 100% 100%; } #page4 .btn:hover{background: url(../images/btn_03.png) no-repeat; background-size: 100% 100%;color: #013790;} /* page5 */ #page5{width: 7.5rem;margin: auto;background:#fff;} #page5 .m1000{padding-top: 0.6rem;} #page5 .titT img.r{right: -0.65rem;} #page5 .titT{margin-bottom: 0.8rem;} #page5 .topbox{padding: 0.71rem 0.34rem 0;box-sizing: border-box;width: 7.1rem;height: 1.86rem;background: url('../images/images/51_07.png') no-repeat; background-size: 100% 100%;margin:0 auto 0.26rem;} #page5 .topbox .p1{font-size: 0.24rem;margin-bottom: 0.18rem;} #page5 .topbox .p2{font-size: 0.17rem;line-height: 0.24rem;text-align: left;} #page5 .classtop{margin: 0 auto 0.31rem;width:7.07rem;height: 13.85rem;background: url('../images/images/511_07.png') no-repeat; background-size: 100% 100%;} #page5 .buttonFlex{width: 4.62rem;height: 0.9rem;padding-bottom:0.55rem;} #page5 .buttonFlex .btn:nth-child(1){display: none;} #page5 .buttonFlex .btn{width: 4.62rem;height: 0.9rem;line-height: 0.9rem; font-size: 0.24rem; background: url(../images/btn_03.png) no-repeat; background-size: 100% 100%; } #page5 .buttonFlex .active{color:#013790;} #page5 .topbox2{padding-top: 0.19rem;height:1.21rem;} #page5 .topbox2 .p1{margin-bottom: 0.08rem;} #page5 .classtop2{width: 7.07rem;height: 2.05rem; background:url('../images/images/533_07.png') no-repeat;background-size: 100% 100%; margin: 0 auto 0.37rem;} /* page6 */ #page6{width:7.5rem;margin: auto;} #page6 .m1000{padding-top: 0.7rem;padding-bottom: 0.58rem;} #page6 .titT{margin-bottom: 0.34rem;} #page6 .titT div{line-height: 0.55rem;} #page6 .titT img.r{top: auto;bottom:-0.11rem;} #page6 .sixBox{width:100%;height: 6.04rem;background: url('../images/images/r1_06.png') no-repeat;background-size: 100% 100%; display: block;position: relative;} #page6 .sixBox .slide{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent;} #page6 .sixBox .slide .div{left: 0.27rem;margin-bottom: 0;position: absolute;} #page6 .sixBox .slide .div div{padding: 0 0 0 0.1rem;} #page6 .sixBox .slide .ger1{top: 0rem;background: url('../images/images/1.png') no-repeat;background-size: 100% 100%;width: 6.08rem;height: 0.73rem;} #page6 .sixBox .slide .ger2{top: 0.95rem;background: url('../images/images/2.png') no-repeat;background-size: 100% 100%;width: 3.67rem;height: 0.73rem;} #page6 .sixBox .slide .ger3{top: 1.84rem;background: url('../images/images/3.png') no-repeat;background-size: 100% 100%;width: 4.6rem;height: 0.74rem;} #page6 .sixBox .slide .ger4{top: 2.75rem;background: url('../images/images/4.png') no-repeat;background-size: 100% 100%;width: 3.73rem;height: 0.74rem;} #page6 .sixBox .slide .ger5{top: 3.62rem;background: url('../images/images/5.png') no-repeat;background-size: 100% 100%;width: 4.45rem;height: 0.74rem;} #page6 .sixBox .slide .ger6{top: 4.5rem;background: url('../images/images/6.png') no-repeat;background-size: 100% 100%;width: 4.45rem;height: 0.74rem;} #page6 .sixBox .slide .div p{font-size: 0.2rem;line-height: 1;} #page6 .btn{width: 4.62rem;height: 0.9rem;line-height: 0.9rem; font-size: 0.24rem; background: url(../images/btn_03.png) no-repeat; background-size: 100% 100%; } #page6 .btn:hover{background: url(../images/btn_03.png) no-repeat; background-size: 100% 100%;color: #013790;} /* page7 */ #page7{width: 7.5rem;margin: auto;background: #fff;} #page7 .m1000{padding-top: 0.72rem;} #page7 .titT{margin-bottom: 0.62rem;} #page7 .titT img.r{right: -0.64rem;} #page7 .boxFseven{ width: 7.1rem;margin: 0 auto 0.54rem;padding: 0.31rem 0 0.1rem; height: auto; background:#013790; border-radius:0.2rem ; -webkit-border-radius:0.2rem ; -moz-border-radius:0.2rem ; -ms-border-radius:0.2rem ; -o-border-radius:0.2rem ; } #page7 .boxFseven .slide1,#page7 .boxFseven .slide2,#page7 .boxFseven .slide3{width: 6.65rem;margin: auto; height: auto;padding-bottom: 0.41rem;position:relative;left:auto;top: auto;} #page7 .p1{font-size: 0.29rem;margin-left: 0.11rem;margin-bottom: 0.15rem;} #page7 .p2{margin-left: 0;padding: 0 2.49rem 0 0.28rem;box-sizing: border-box;width: 100%; font-size: 0.18rem;line-height: 0.36rem;display: table;color: #333;} #page7 .p2 div{display: table-cell;vertical-align: middle;} #page7 .boxFseven .slide1 .p2{width: 6.65rem;height: 1.86rem;background: url('../images/images/71.png') no-repeat;background-size: 100% 100%;} #page7 .boxFseven .slide2 .p2{width: 6.65rem;height: 1.91rem;background: url('../images/images/72.png') no-repeat;background-size: 100% 100%;} #page7 .boxFseven .slide3 .p2{width: 6.65rem;height: 2.61rem;background: url('../images/images/73.png') no-repeat;background-size: 100% 100%;} /* #page7 .boxFseven .slide2 .p2{height: 1.88rem;} */ /* #page7 .boxFseven .slide3 .p2{height: 2.91rem;} */ #page7 .boxFseven .slide3 .p1{margin-bottom: 0.17rem;} #page7 .buttonFlex{width: 4.62rem;height: 0.9rem;padding-bottom:0.55rem;} #page7 .buttonFlex .btn:nth-child(1){display: none;} #page7 .buttonFlex .btn{width: 4.62rem;height: 0.9rem;line-height: 0.9rem; font-size: 0.24rem; background: url(../images/btn_03.png) no-repeat; background-size: 100% 100%; } #page7 .buttonFlex .active{color:#013790;} /* page8 */ #page8{width: 7.5rem;margin: auto;} #page8 .m1000{padding-bottom: 0.8rem;padding-top: 0.36rem;} #page8 .flex{width:7.01rem;height: 7.8rem;background: url('../images/images/88_03.png') no-repeat;background-size: 100% 100%; margin: 0 auto 0.65rem;flex-wrap: wrap;} #page8 .flex .slide{width: 50%;height: 3.9rem;padding-top: 2.05rem;} #page8 .flex .slide p{font-size: 0.23rem;line-height: 0.34rem;} #page8 .btn{width: 4.62rem;height: 0.9rem;line-height: 0.9rem; font-size: 0.24rem; background: url(../images/btn_03.png) no-repeat; background-size: 100% 100%; } #page8 .btn:hover{background: url(../images/btn_03.png) no-repeat; background-size: 100% 100%;color: #013790;} body{padding-bottom: 1rem;} } /* 加城市 */ .inputPC .city{width: 386px;height: 23px;border:1px solid #3d2cbe;box-sizing: border-box;box-shadow: 0 1px 1px #f2f1fb;padding-left: 28px;box-sizing: border-box; background: url('../images/cc1.png') no-repeat;background-position: 5px center;font-size: 12px;vertical-align: top;} .inputPC .city select{ width: 100%; height: 100%; vertical-align: top; transform:translateX(-4px) ; -webkit-transform:translateX(-4px) ; -moz-transform:translateX(-4px) ; -ms-transform:translateX(-4px) ; -o-transform:translateX(-4px) ; } .inputPC .name{height: 23px;vertical-align: top;} .inputPC .phone{height: 23px;margin-bottom: 3px;vertical-align: top;} .inputPC form{top: 10px;} .inputPC .name input, .phone input{vertical-align: top;} .inputPC .name{background-size:11px 14px;} .inputPC .phone{background-size:14px 14px;} .inputPC .city{background-size:20px 20px;} #page2 form .city{width: 100%;height: 35px;background:#fff url('../images/cc1.png') no-repeat;background-position: 20px center ; padding-left: 46px;box-sizing: border-box;font-size: 14px;margin-bottom: 4px;} #page2 form .city select{ width: 100%; height: 100%; transform:translateX(-4px) ; -webkit-transform:translateX(-4px) ; -moz-transform:translateX(-4px) ; -ms-transform:translateX(-4px) ; -o-transform:translateX(-4px) ; } #page2 form .name,#page2 form .phone{height: 35px;margin-bottom: 4px;} #page2 form{padding-top: 15px;} #page2 .tiaokuan{padding-top: 0;} @media (max-width:1000px){ .mInputBox form .city{width: 100%;height: 0.5rem;border: 0.01rem solid #ddd;box-sizing: border-box;padding-left: 0.48rem; margin-bottom: 0.1rem;background: url('../images/cc1.png') no-repeat 0.14rem center;background-size:0.27rem 0.27rem;vertical-align: top;} .mInputBox form .city select{ width: 100%; height: 100%; font-size: 0.21rem; vertical-align: top; transform: translateX(-0.04rem); -webkit-transform: translateX(-0.04rem); -moz-transform: translateX(-0.04rem); -ms-transform: translateX(-0.04rem); -o-transform: translateX(-0.04rem); } .mInputBox form .name,.mInputBox form .phone{height: 0.5rem;margin-bottom: 0.1rem;} }