body{margin:0;padding:0;padding: 2rem 0 2.5rem;} /*common*/ #main{ font-size: 0; font-family: pingfangsc-regular, sans-serif; color: #333; background: #005bb9; } .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: #fafafa; color: #333; font-size: 0.6rem; width: 9.5rem; height: 100%; border-radius: 0.75rem; text-indent: 0.62rem; } .myform .form-item{ position: relative; margin: 0 auto; height: 1.5rem; line-height: 1.5rem; border-radius: 0.75rem; } .myform .icons{ width: 2.3rem; height: 1.5rem; line-height: 1.5rem; float: left; font-size: 0.55rem; font-weight: bold; color: #ffffff; margin-right: 0.4rem; text-align: right; } .form-item i,.myform .select-parent i{ position: absolute; width: 0.6rem; height: 0.3rem; right: 0.7rem; top: 0.65rem; background-image: url(/uploads/image/znimages/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{ height: 1.875rem; line-height: 1.875rem; font-size: 0.6rem; color: #2b1201; text-align: center; margin:0.55rem auto 0; width: 6.5rem; } /*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; padding: 0rem 0.75rem 0; } #main .pop-form .pop-close{ position: absolute; right: 0.5rem; top: 0.5rem; width: 1.375rem; height: 1.375rem; background: url(/uploads/image/znimages/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 .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: #ffff00; font-weight: bold; margin: 2.5rem auto 0; margin-left: 3rem; text-align: left; text-shadow: -2px 0 #000000, 0 2px #000000, 2px 0 #000000, 0 -2px #000000; } .top_bt1 span{ font-size: 0.75rem; letter-spacing:0.35rem; display: block; } .top_bt2{ font-size: 0.6rem; line-height: 2rem; color: #ffffff; } /* 图 */ .header{ background: url(/uploads/image/znimages/bam_02.jpg) no-repeat; background-size:100% 100%; height: 14.75rem; position: relative; } /* 四大优势 */ .main_sdys{ overflow: hidden; margin: 0.9rem 0 0.7rem 0; position: relative; } .manual_1{ width: 14.7rem; margin:0rem auto 0rem; overflow: hidden; padding-bottom: 1.5rem; } .manual_1 .item_1{ width:7rem; height: 8rem; overflow: hidden; color: #000000; } .manual_1 .item_1 img{ width: 3.25rem; height: 3.25rem; display: block; margin:0.5rem auto 0; } .manual_1 .item_1 h3{ font-size: 0.6rem; font-weight: bold; text-align: center; margin-top: 0.35rem; } .manual_1 .item_1 p{ padding: 0 0.7rem; font-size: 0.55rem; line-height: 0.875rem; margin-top: 0.2rem; } .ys_bj1{ background: url(/uploads/image/znimages/ys_01.png) no-repeat; background-size: 100% 100%; } .ys_bj2{ background: url(/uploads/image/znimages/ys_02.png) no-repeat; background-size: 100% 100%; } .img_1{ position: absolute; bottom: 0px; left: 0px; width: 2.85rem; height: 9.475rem; } .img_2{ position: absolute; bottom: 5.5rem; right: 0px; width: 0.825rem; height: 4.175rem; } /* 申请条件 */ .main_sqtj{ overflow: hidden; position: relative; } .sqtj{ overflow: hidden; width: 14rem; height: 9.125rem; margin:0.8rem auto; position: relative; } .sqtj p{ overflow: hidden; width: 5.875rem; height: 3.875rem; line-height: 3.875rem; text-align: center; font-size: 0.6rem; font-weight: bold; color: #ffffff; position: absolute; z-index: 9; border-radius:2rem; } .sqtj_q1{ top: 0rem; left: 0rem; background: url(/uploads/image/znimages/sqtj_01.png) no-repeat; background-size: 100% 100%; } .sqtj_q2{ top: 0rem; right: 0rem; background: url(/uploads/image/znimages/sqtj_02.png) no-repeat; background-size: 100% 100%; } .sqtj_q3{ bottom: 0rem; left: 0rem; background: url(/uploads/image/znimages/sqtj_03.png) no-repeat; background-size: 100% 100%; } .sqtj_q4{ bottom: 0rem; right: 0rem; background: url(/uploads/image/znimages/sqtj_04.png) no-repeat; background-size: 100% 100%; } .sqtj_nr{ width: 9.625rem; height: 6.35rem; position: absolute; top: 1.4rem; left: 2.175rem; background: url(/uploads/image/znimages/sqtj1.png) no-repeat; background-size: 100% 100%; z-index: 1; font-size: 0.55rem; } .sqtj_nr h5{ text-align: center; line-height: 0.75rem; color: #333333; margin-top: 2.15rem; } .sqtj_nr span{ text-align: center; color: #ff0000; margin-top: 0.15rem; font-weight: bold; text-decoration: underline; display: block; z-index: 11; } .funt1{ background: url(/uploads/image/znimages/sqtj.png) no-repeat!important; background-size: 100% 100%!important; } /* 申请方案 */ .sqfa_ul,.main_sqfa{ overflow: hidden; } .sqfa{ overflow: hidden; width: 15.25rem; margin:0 auto 1rem; font-size: 0.55rem; } .sqfa_ul li{ width:6rem; height: 2rem; color: #ffffff; border-radius: 1rem 0 0 1rem; background: #f58400; margin-bottom: 0.5rem; overflow: hidden; } .sqfa_ul p{ margin-left: 0.6rem; line-height: 0.75rem; font-weight: bold; margin-top: 0.25rem; } .funt2{ background: #ffffff!important; color: #f58400!important; } .sqfa_nr{ float: right; width: 9.25rem; background: #ffffff; height: 13rem; border-radius: 0 1rem 0 1rem; } .sqfa_nr p{ padding: 0.35rem 0.5rem; } .sqfa_nr p strong{ display: block; margin-bottom: 0.2rem; } .sqfa_nr p span{ color: #ff0000; text-decoration: underline; } /* 推荐专利 */ .mian_tjzl{ overflow: hidden; } .tjzl{ width: 13.8rem; height: 13.65rem; margin:0 auto 1rem; overflow: hidden; position: relative; } .tjzl_1,.tjzl_2,.tjzl_3{ top: 0px; left: 0px; position: absolute; } .tjzl_1{ background: url(/uploads/image/znimages/tjzy.png) no-repeat; background-size: 100% 100%; width: 13.8rem; height: 13.65rem; z-index: 1; } .tjzl_2{ width: 13.8rem; height: 13.65rem; z-index: 2; } .tjzl_2 p{ position: absolute; width: 3.1rem; text-align: center; font-size: 0.6rem; font-weight: bold; color: #333333; } .tjzl_2 .p1{ top: 1.1rem; left: 3.35rem; transform:rotate(-22deg); -ms-transform:rotate(-22deg); -moz-transform:rotate(-22deg); -webkit-transform:rotate(-22deg); -o-transform:rotate(-22deg); } .tjzl_2 .p2{ top: 1.1rem; right: 3.35rem; transform:rotate(20deg); -ms-transform:rotate(20deg); -moz-transform:rotate(20deg); -webkit-transform:rotate(20deg); -o-transform:rotate(20deg); } .tjzl_2 .p3{ top: 3.6rem; right: 0.4rem; transform:rotate(60deg); -ms-transform:rotate(60deg); -moz-transform:rotate(60deg); -webkit-transform:rotate(60deg); -o-transform:rotate(60deg); } .tjzl_2 .p4{ top: 6.6rem; right: 1rem; transform:rotate(9deg); -ms-transform:rotate(9deg); -moz-transform:rotate(9deg); -webkit-transform:rotate(9deg); -o-transform:rotate(9deg); width: 0.6rem; height: 2.5rem; } .tjzl_2 .p5{ top: 10.4rem; right: 1.7rem; transform:rotate(-40deg); -ms-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -webkit-transform:rotate(-40deg); -o-transform:rotate(-40deg); } .tjzl_2 .p6{ bottom: 0.35rem; right: 5.35rem; } .tjzl_2 .p7{ top: 10.7rem; left: 1.7rem; transform:rotate(40deg); -ms-transform:rotate(40deg); -moz-transform:rotate(40deg); -webkit-transform:rotate(40deg); -o-transform:rotate(40deg); } .tjzl_2 .p8{ top: 6.2rem; left: 1rem; transform:rotate(-9deg); -ms-transform:rotate(-9deg); -moz-transform:rotate(-9deg); -webkit-transform:rotate(-9deg); -o-transform:rotate(-9deg); width: 0.6rem; line-height: 0.65rem; } .tjzl_2 .p9{ top: 3.6rem; left: 0.4rem; transform:rotate(-60deg); -ms-transform:rotate(-60deg); -moz-transform:rotate(-60deg); -webkit-transform:rotate(-60deg); -o-transform:rotate(-60deg);; } .ppg1{ transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); } .ppg2{ transform:rotate(40deg); -ms-transform:rotate(40deg); -moz-transform:rotate(40deg); -webkit-transform:rotate(40deg); -o-transform:rotate(40deg); } .ppg3{ transform:rotate(80deg); -ms-transform:rotate(80deg); -moz-transform:rotate(80deg); -webkit-transform:rotate(80deg); -o-transform:rotate(80deg); } .ppg4{ transform:rotate(120deg); -ms-transform:rotate(120deg); -moz-transform:rotate(120deg); -webkit-transform:rotate(120deg); -o-transform:rotate(120deg); } .ppg5{ transform:rotate(160deg); -ms-transform:rotate(160deg); -moz-transform:rotate(160deg); -webkit-transform:rotate(160deg); -o-transform:rotate(160deg); } .ppg6{ transform:rotate(200deg); -ms-transform:rotate(200deg); -moz-transform:rotate(200deg); -webkit-transform:rotate(200deg); -o-transform:rotate(200deg); } .ppg7{ transform:rotate(240deg); -ms-transform:rotate(240deg); -moz-transform:rotate(240deg); -webkit-transform:rotate(240deg); -o-transform:rotate(240deg); } .ppg8{ transform:rotate(280deg); -ms-transform:rotate(280deg); -moz-transform:rotate(280deg); -webkit-transform:rotate(280deg); -o-transform:rotate(280deg); } .ppg9{ transform:rotate(320deg); -ms-transform:rotate(320deg); -moz-transform:rotate(320deg); -webkit-transform:rotate(320deg); -o-transform:rotate(320deg); } .funt3{ color: #ffffff!important; } .tjzl_3{ width: 8.8rem; height: 8.8rem; z-index: 3; top: 2.4rem; left: 2.45rem; border-radius:50%; overflow: hidden; background: url(/uploads/image/znimages/tjzy_1.png) no-repeat; background-size: 100% 100%; } .tjzl_nr{ width: 6.6rem; overflow: hidden; margin:2rem auto 0; } .tjzl_nr p{ font-size: 0.5rem; color: #333333; line-height: 0.75rem; margin-bottom:0.25rem; } .tjzl_nr p strong{ color: #004487; } .tjzl_nr span{ display: block; font-size: 0.55rem; text-decoration: underline; color: #fe0000; text-align: center; font-weight: bold; margin-top: 0.3rem; } /* 成功案例 */ .zypd{ overflow: hidden; } .manual{ width: 15.25rem; margin:0.75rem auto 1rem; overflow: hidden; height: 11.5rem; } .manual .item_1{ width:7.5rem; height: 10rem; background:url(/uploads/image/znimages/albj.png) no-repeat; background-size: 100% 100%; border-radius: 0.2rem; font-size: 0.55rem; } .manual .item_1 h3{ color: #ffffff; font-weight: bold; text-align: center; width: 7.5rem; height: 3rem; overflow: hidden; margin-bottom: 0.5rem; } .manual .item_1 h3 span{ margin-top: 0.75rem; display: block; } .manual .item_1 p{ padding: 0 0.55rem; color: #010101; line-height: 0.9rem; word-wrap:break-word } .spn1{ font-weight: bold; display: block; line-height: 1.5rem; text-align: center; color: #ff0000; text-decoration: underline; border-top: 1px solid #d5e2ff; width: 6.25rem; margin:0.4rem auto 0; } .manual .item_1 p span{ color: #ff5612; text-decoration: underline; } .h3_1{ background:url(/uploads/image/znimages/al_tb_01.png) no-repeat; background-size: 100% 100%; } .h3_2{ background:url(/uploads/image/znimages/al_tb_02.png) no-repeat; background-size: 100% 100%; } /* 注册 */ .main_zc{ overflow: hidden; background:url(/uploads/image/znimages/bj1.jpg) no-repeat; background-size: 100% 100%; height: 18.75rem; padding-top: 2.8rem; } .zc{ overflow: hidden; width: 14.5rem; margin: auto; background: #ffffff; border-radius: 0.2rem; padding-top: 1rem; } .zc_p{ font-size: 0.55rem; line-height: 2.05rem; text-align: center; color: #000000; } .ts{ font-size: 0.5rem; color: #727272; line-height: 1.5rem; text-align: center; margin-left: 0.5rem; width: 11.45rem; } .myform_1{ width: 12.5rem; margin:0rem auto 0rem; } .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.5rem; background: #fafafa; border-radius: 0.75rem; overflow: hidden; } .myform_1 .form-item select,.myform_1 .form-item input{ width: 10.5rem; height: 1.5rem; text-indent: 0.35rem; padding-left: 0rem; float:right; } .main_zc .bt{ margin-bottom: 0px; } .main_zc .bt .pp1{ color: #ffffff; } .main_zc .bt_1{ line-height: 1rem; text-align: center; font-size: 0.6rem; color: #ffffff; margin-bottom: 0.5rem; } .icons_1{ width: 1rem; height: 0.9rem; margin: 0.3rem 0 0 0.6rem; float: left; } .icons_1 img{ width: 100%; } /* 标题 */ .bt{ overflow: hidden; height: 2rem; background: url(/uploads/image/znimages/bt_bj.png) no-repeat; background-size: 100% 100%; margin-bottom: 1rem; } .bt p{ font-size: 1rem; color: #10fafd; text-align: center; height: 1rem; line-height: 1rem; font-weight: bold; margin-top: 0.9rem; } .bt img{ width:1.825rem; height: 0.625rem; margin-top: 0.25rem; } .dyno{display: none;} .an{ width: 6.5rem; height: 1.25rem; background: #ff8a00; box-shadow: 0rem 0.15rem 0rem #d67400; border-radius: 0.625rem; margin:0.6rem auto 0; font-size: 0.6rem; color: #ffffff; line-height: 1.25rem; text-align: center; } .an_1{ width: 13.95rem; height: 1.375rem; margin:0 auto 1rem; overflow: hidden; } .btn_1,.an_1 span{ width: 6.5rem; height: 1.375rem; border-radius: 0.687rem; font-size: 0.55rem; color: #000000; line-height: 1.375rem; text-align: center; font-weight: bold; margin: auto; } .btn_1{ background: url(/uploads/image/znimages/a_bj1.jpg); } .an_1 span{ background: url(/uploads/image/znimages/a_bj.jpg); } .swiper-pagination-bullet-active { opacity: 1; background: #10fafd; } .swiper-pagination-bullet{ height:0.4rem; width: 0.4rem; } /* 弹窗 */ .box_1{ background: url(/uploads/image/znimages/tcbj.png) no-repeat; background-size: 100% 100%; overflow: hidden; height: 14.875rem; } .box_2{ background: url(/uploads/image/znimages/tcbj1.png) no-repeat; background-size: 100% 100%; overflow: hidden; height: 16.625rem; } .bj1{ background: url(/uploads/image/znimages/an.png) no-repeat; background-size: 100% 100%; margin: 0.75rem auto 0!important; }