body{margin:0;padding:0;padding: 2rem 0 2.5rem;} /*common*/ #main{ font-size: 0; font-family: pingfangsc-regular, sans-serif; color: #333; background: #005cb9; } .section li{list-style: none;} .section img{vertical-align: middle;} .section a{color: inherit;} .section i{font-style: normal;} .section a.btn{display: block;text-decoration: none;} .section .showmq{font-size: 0.55rem;text-decoration: underline;} .section .showmq.btn{text-decoration: none;} .section .box-inline{text-align: center;} .section .box-inline .btn{display: inline-block;} .section .fl{float: left;} .section .fr{float: right;} .section .tr{text-align: right;} .section .clearfloat:after{content:"";display:block;clear:both;height:0} .fl{float: left;} .fr{float: right;} /*form*/ .myform{margin: 0 auto;} .myform input, .myform select{ border: 0; resize:none; outline: none; -webkit-appearance: none; background-color: #fff; color: #333; padding-left: 2.2rem; font-size: 0.6rem; width: 100%; height: 100%; border-radius: 0; } .myform .form-item{ position: relative; margin: 0 auto; height: 1.75rem; line-height: 1.75rem; border:1px solid #d9d9d9; } .myform .icons{ position: absolute; top: 0.375rem; left: 0.375rem; width: 1.125rem; height: 1rem; border-right: 1px solid #e6e6e6; } .myform .icons_1{ background: url(/uploads/image/zhimages/icons_tc_01.jpg) no-repeat; background-size: 100% 100%; } .myform .icons_2{ background: url(/uploads/image/zhimages/icons_tc_02.jpg) no-repeat; background-size: 100% 100%; } .myform .icons_3{ background: url(/uploads/image/zhimages/icons_tc_03.jpg) no-repeat; background-size: 100% 100%; } .myform .icons_4{ background: url(/uploads/image/zhimages/icons_tc_04.jpg) no-repeat; background-size: 100% 100%; } .myform .select-parent i{ position: absolute; width: 0.6rem; height: 0.3rem; right: 0.7rem; top: 0.75rem; background-image: url(/uploads/image/zhimages/xjt.jpg); background-repeat: no-repeat; background-size:100% 100%; } .myform select{color: #848c97;} .myform input::-webkit-input-placeholder{color: #848c97;} /*section5*/ .section5 { width: 15rem; height: 28.325rem; background-image: ; padding-top: 1.65rem; } .section5 .top{color: #fff;text-align: center;margin-bottom: 0.55rem;} .section5 h2{font-size: 1.25rem;} .section5 p{font-size: 0.625rem;margin: 0.9rem 0 0.4rem;} .section5 p i{color: #ffe400;} .section5 p b{font-family: "arial";font-size: 0.8rem;} .section5 span{font-size: 0.6rem;} .section5 .myform{width: 13.75rem;} .section5 .myform .form-item, .section5 .pop-form .form-item{margin: 0.25rem 0;} .section5 .myform span{ display: block; font-size: 0.55rem; color: #fff; } .section5 .btn,#main .pop-form .btn{ background: url(/uploads/image/zhimages/an.png) no-repeat; background-size: 100% 100%; width: 5.5rem; height: 1.25rem; line-height: 1.1rem; font-size: 0.6rem; color: #0032b2; text-align: center; margin:0.55rem auto 0; } /*pop*/ #main .section-pop{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.7); z-index: 9999; -webkit-transform: scale(0);transform: scale(0); -webkit-transition: all 0.5s; transition: all 0.5s; } #main .section-pop.active {-webkit-transform: scale(1);transform: scale(1);} #main .pop-box{ position: absolute; left: 50%; top: 50%; border-radius: 0.4rem; background-repeat: no-repeat; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 13.7rem; height: 14rem; padding: 0rem 0.75rem 0; background-image: url(/uploads/image/zhimages/tcbj.png); background-size:100% 100%; } #main .pop-form .pop-close{ position: absolute; right: 0.5rem; top: 0.5rem; width: 0.5rem; height: 0.5rem; background: url(/uploads/image/zhimages/pop-close.png) no-repeat; background-size: 100%; } #main .pop-form .pop-top{ height: 4.5rem; text-align: center; } #main .pop-form .pop-top img{height: 1rem;} #main .pop-form .pop-top p{ font-size: 0.5rem; line-height: 0.85rem; color: #fff; margin-top: 0.4rem; } #main .pop-form .pop-top i{color: #ffd600;} #main .pop-form .pop-top b{font-size: 0.6rem;font-family: "arial";} #main .pop-form .myform{width: 11.25rem;} #main .pop-form .form-item{margin-bottom: 0.25rem;} #main .pop-form input,#main .pop-form select{font-size: 0.55rem;} #main .pop-form select{background-position-x: 10.5rem;} .top_bt{ font-size: 0.75rem; line-height: 0.9rem; color: #ffffff; margin-top: 0.5rem; } .top_bt1{ font-size: 0.9rem; line-height: 1.1rem; color: #fff000; font-weight: bold; margin: 0.8rem auto; } .top_bt2{ font-size: 0.6rem; line-height: 1.6rem; color: #002a57; } /* 图 */ .header{ background: url(/uploads/image/zhimages/bam_02.jpg) no-repeat; background-size:100% 100%; height: 9.425rem; position: relative; } /* 四大优势 */ .main_sdys{ background: url(/uploads/image/zhimages/bj_01.jpg) no-repeat; background-size:100% 100%; height: 10.75rem; overflow: hidden; } .sdys_ul{ width: 14.5rem; margin:1.1rem auto 0; overflow: hidden; } .sdys_ul li{ width: 6.85rem; height: 1.675rem; overflow: hidden; float: left; background: url(/uploads/image/zhimages/ysbj.png) no-repeat; background-size:100% 100%; margin-bottom: 0.6rem; } .sdys_ul li img{ width:1rem; float: left; margin: 0.35rem 0.4rem 0 0.25rem; } .sdys_ul li p{ width: 5.2rem; float: left; font-size: 0.6rem; color: #010101; text-align: center; line-height: 1.5rem; margin-top: 0.15rem; } .rig1{margin-right: 0.8rem;} .bott1{ margin-bottom: 0px!important; } /* 时间规划 */ .main_sjgh{ background: url(/uploads/image/zhimages/bj_02.jpg) no-repeat; background-size:100% 100%; overflow: hidden; height: 13.9rem; } .sjgh{ overflow: hidden; overflow-x: scroll; width: 16rem; height: 8.5rem; margin:1rem 0 0; } .sjgh_ul{ width: 37.7rem; height: 8.5rem; overflow: hidden; background: url(/uploads/image/zhimages/sjgh_03.png) no-repeat; background-size:36.7rem; margin-left: 0.875rem; } .sjgh_ul li{ width: 5.65rem; float: left; margin-right: 0.3rem; overflow: hidden; margin-left: 0.2rem; } .sjgh_ul li h3{ font-size: 0.6rem; color: #f6da12; width: 5.65rem; text-align: center; } .li1{ background: url(/uploads/image/zhimages/sjgh.png) no-repeat; background-size:100% 100%; overflow: hidden; position: relative; margin-top: 0.8rem; z-index: 0; } .li1 p{ padding: 0.7rem 0.4rem; font-size: 0.6rem; color: #013873; line-height: 0.875rem; } .h1{ margin-top: 0.6rem; } .h2{ margin-top: 1.3rem; } .h3{ margin-top: 0.5rem; } .h4{ margin-top: 0.8rem; } .h5{ margin-top: 0rem; } .h6{ margin-top: 0.8rem; } .an_2{ margin:0.5rem auto!important; } .li1 span{ font-size: 2rem; color: #e6eaef; font-family: arial, helvetica, sans-serif; position: absolute; bottom: 0.5rem; right: 0.5rem; display: block; z-index: -1; } /* 专业盘点 */ .zypd{ background: url(/uploads/image/zhimages/bj_04.jpg) no-repeat; background-size:100% 100%; height: 17.5rem; overflow: hidden; } .manual{ width: 14.5rem; margin:0.75rem auto 0rem; overflow: hidden; height: 14rem; } .item_1{ overflow: hidden; background: url(/uploads/image/zhimages/an_bj.png) no-repeat; background-size:100% 100%; height: 12.65rem; float: left; width: 7.05rem; } .item_1 .top{ width: 7.075rem; line-height: 0.875rem; overflow: hidden; font-size: 0.6rem; font-weight: bold; color: #0b3562; text-align: center; margin:0.6rem auto; } .bottom{ overflow: hidden; width: 6rem; margin: auto; color: #ffffff; } .item_1 span{ font-size: 0.6rem; display: block; margin: 0.4rem 0; color: #ff9600; text-align: center; text-decoration: underline; } .bottom p{ font-size: 0.6rem; line-height: 0.875rem; width: 6rem; color: #0b3562; margin:0.2rem auto; } .bottom p strong{ display: block; } .rig2{ margin-right: 0.375rem; } .bottom hr{ border-top: 0px; border-bottom:1px dashed #b5b5b5; } .an_mq{ width: 7rem; line-height:1.375rem; text-align: center; font-size: 0.55rem; margin: auto; background: #fcb431; font-weight: bold; border-radius: 0.65rem; } /* 申请条件 */ .main_sqtj{ background: url(/uploads/image/zhimages/bj_03.jpg) no-repeat; background-size:100% 100%; overflow: hidden; } .sqtj{ width: 14.5rem; margin:auto; } .sqtj_ul{ overflow: hidden; margin-top:1rem ; } .rig{margin-right: 0px!important;} .sqtj_ul li{ float: left; width: 3.35rem; text-align: center; height: 1.9rem; background: #94b6dc; font-size: 0.6rem; color: #0b3562; margin-bottom:0.4rem; border-radius:0.3rem; margin-right: 0.365rem; } .sqtj_ul li span{ display: block; line-height: 0.8rem; margin-top: 0.2rem; } .sqtj_ul li .sp1{ margin-top: 0.55rem; } .funt1{ background: url(/uploads/image/zhimages/jd_qh.png)!important; background-size: 100% 100%!important; font-weight: bold; } .rig3{margin-right: 0.375rem;} .sqtj_nr{ width: 14.5rem; background: #ffffff; border: 0.1rem solid #f6da12; border-radius: 0.2rem; } .sqtj_nr h3{ font-size: 0.65rem; line-height: 1.75rem; text-align: center; color: #0b625d; margin-bottom: 0.2rem; margin-top: 0.2rem; background: url(/uploads/image/zhimages/jd_bt.jpg) no-repeat; background-size:100% 100%; font-style: italic; } .sqtj_nr p{ font-size: 0.6rem; line-height: 0.9rem; padding:0.3rem 0.25rem; color: #0b3562; } .sqtj_nr span{ font-size: 0.6rem; color: #ff9600; text-decoration: underline; display: block; text-align: center; width: 100%; margin-bottom: 0.65rem; } .an_mq_1{ width: 8rem!important; margin:0.8rem auto 0; } .sqtj_nr hr{ border-top: 1px dashed #b5b5b5; border-bottom:0px; width: 13.5rem; margin: auto; } .widt1{ width: 6rem!important; } /* 注册 */ .main_zc{ overflow: hidden; background: url(/uploads/image/zhimages/bj_05.jpg) no-repeat; background-size: 100% 100%; height: 16.95rem; } .zc_p{ font-size: 0.55rem; line-height: 0.875rem; color: #ffffff; width: 13rem; margin:0.8rem auto 0; } .zc_p span{ color: #aabfd6; } .myform_1{ width: 13rem; margin:0.6rem auto 0; } .myform_1 .form-item .icons{ width: 0.9rem; border: 0px; } .myform_1 .form-item .icons img{ width: 100%; } .myform_1 .form-item{ border: 0px; margin-bottom: 0.4rem; } .myform_1 .form-item input{ width: 11.45rem; height: 1.75rem; text-indent: 0.55rem; padding-left: 0rem; float:right; border-radius: 0.2rem; } .btn_1{ background: url(/uploads/image/zhimages/an_1.png) no-repeat; background-size: 100% 100%; width: 4.6rem; height: 1.25rem; line-height: 1.1rem; font-size: 0.6rem; color: #0032b2; text-align: center; margin:0.55rem auto 0; } /* 查询工具 */ .main_cxgj{overflow: hidden; background: #005cb9;} .cxgj{overflow: hidden;margin: 1.15rem auto;width: 15rem;background: #ffffff;border-radius:0.5rem;} .cxgj_ul{overflow: hidden;margin: 1rem 1rem 0 1rem;} .cxgj_ul li{float: left;width: 6.5rem;height: 1.65rem;margin-bottom: 0.8rem;} .cxgj_ul li a{overflow: hidden;} .cxgj_ul li a img{float: left;width:1.275rem;height: 1.125rem;} .cxgj_ul li a p{float: left;margin-left: 0.5rem;} .cxgj_ul li a p strong{font-size: 0.6rem;color: #333333;font-weight: 100;display: block;margin-bottom: 0.2rem;} .cxgj_ul li a p span{font-size: 0.55rem;color: #a9a9a9;display: block;} /* 标题 */ .bt{ overflow: hidden; margin-top: 1.15rem; } .bt img{ width: 100%; } .dyno{display: none;} .an_1{ width: 12.5rem; height: 1.25rem; margin:1rem auto; overflow: hidden; } .an_1 span{ width: 5.3rem; height: 1.25rem; background:url(/uploads/image/zhimages/an.png); background-size:100% 100%; font-size: 0.6rem; color: #0032b2; line-height: 1.1rem; text-align: center; } .swiper-pagination-bullet{ border: 1px solid #fcde02; }