/*util*/ * { margin: 0; padding: 0; } html, body { width: 100%; overflow-x: hidden; } a, a:active, a:hover, a:focus, a:visited { text-decoration: none; } ul, li { list-style: none; } .text-center { text-align: center; } .pull-left { float: left; } .pull-right { float: right; } .hide { display: none; } .clearfix:after { content: ''; display: block; visibility: visible; overflow: hidden; clear: both; } /*head nav*/ /*缁熶竴澶撮儴鏍峰紡*/ .fixed_top_menu { position: fixed; left: 0; right: 0; top: 0; z-index: 100; height: 2rem; background: linear-gradient(#fff, #ededed); border-bottom: 1px solid #535353; } .igo_logo { width: 100%; float: left; background: url(/uploads/image/zapimages/logo.jpg) no-repeat center center; background-size: 4.5rem; height: 2rem; } .go_back { float: left; margin-left: -100%; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; color: #535353; display: block; font-size: 0.65rem; -webkit-transform: scaley(2); transform: scaley(2); } .phone_pic { float: left; margin-left: -2rem; width: 2rem; height: 2rem; display: block; background: url(/uploads/image/zapimages/phone.png) no-repeat center center; background-size: 0.8rem; } /*start*/ body { background-image: url(/uploads/image/zapimages/background-img.jpg); font-family: 'microsoft yahei'; } .boundary { margin-left: 0.65rem; margin-right: 0.65rem; } .header { padding-top: 2rem; position: relative; } .header h2 { font-size: 0.7rem; color: #12124b; position: absolute; bottom: 0.8rem; right: 1.5rem; } .abtn { display: block; background-color: #323266; height: 1rem; padding: 0 0.8rem; line-height: 1rem; color: #fff; font-size: 0.6rem; border-radius: 0.5rem; } .abtn:before { content: ''; border: 0.1rem solid #fff; position: absolute; border-radius: 50%; margin-top: 0.4rem; margin-left: -0.4rem; } .abtn:after { content: ''; border: 0.1rem solid #fff; position: absolute; border-radius: 50%; margin-top: 0.4rem; margin-left: 0.24rem; } .leadtext { margin-top: 0.5rem; height: 2.4rem; } .leadtext div { float: left; } .leadtext .text1 { font-size: 0.75rem; width: 0.7rem; margin-left: 1.125rem; line-height: 1.16rem; } .leadtext .text2 { font-size: 1.15rem; margin: 0 0.375rem; line-height: 2.4rem; height: 1.6rem; border-right: 1px dashed #000; margin-top: 0.4rem; } .leadtext .text3 { font-size: 0.6rem; line-height: 1.2rem; } .panel .title { margin: 1.25rem 0 0.75rem 0; } .panel .panel1 .panel1-box { position: relative; } .panel .panel1 .panel1-box h2 { font-size: 0.7rem; color: #000; position: absolute; top: 0.9rem; left: 3rem; } .panel .panel1 .panel1-box ul { position: absolute; top: 2.2rem; left: 2.6rem; } .panel .panel1 .panel1-box ul li { font-size: 0.6rem; line-height: 1rem; } .panel .panel1 .panel1-box ul li:before { content: ''; position: absolute; border: 0.16rem solid #323266; border-radius: 50%; margin-left: -0.7rem; margin-top: 0.34rem; } .panel .panel1 .panel1-box a { position: absolute; bottom: 0.5rem; right: 2rem; } .panel .panel2 .panel2-nav { margin: 0.3rem 0.6rem; } .panel .panel2 .panel2-nav li { width: 25%; float: left; text-align: center; position: relative; } .panel .panel2 .panel2-nav li .circular1 { width: 2.05rem; height: 2.05rem; background-color: #8abcff; border-radius: 50%; text-align: center; vertical-align: middle; display: table-cell; margin: auto; border: 2px solid #323266; font-size: 0.6rem; color: #12124b; font-weight: bold; position: relative; left: 34%; } .panel .panel2 .panel2-nav li div.nav-active { color: #fff; background-color: #323266; } .panel .panel2 .panel2-nav li .circular2 { position: absolute; width: 1.25rem; height: 1.25rem; border: 2px solid #323266; border-radius: 50%; background-color: #fff; bottom: 0; right: 0.4rem; z-index: -1; } .panel .panel2 .location { height: 1.2rem; border-radius: 1.2rem; padding-top: 0.2rem; } .panel .panel2 .panel2-box { position: relative; } .panel .panel2 .panel2-box .text-box1 { position: absolute; top: 1.15rem; left: 2.4rem; margin-right: 2.6rem; } .panel .panel2 .panel2-box .text-box2 { position: absolute; top: 5.92rem; left: 2.4rem; margin-right: 3rem; } .panel .panel2 .panel2-box h2 { font-size: 0.65rem; font-weight: bold; color: #000; } .panel .panel2 .panel2-box p { font-size: 0.6rem; color: #000; margin-top: 0.15rem; line-height: 1rem; } .panel .panel2 .panel2-box a { position: absolute; left: 35%; bottom: 2.4rem; } .panel .panel3 { position: relative; } .panel .panel3 .text-box { position: absolute; width: 24%; } .panel .panel3 .location1 { top: 2.4rem; left: 1.1rem; } .panel .panel3 .location2 { top: 2.4rem; left: 6.1rem; } .panel .panel3 .location3 { top: 2.4rem; left: 11.2rem; } .panel .panel3 h2 { font-size: 0.6rem; font-weight: bold; text-align: center; } .panel .panel3 p { font-size: 0.6rem; margin-top: 0.6rem; line-height: 1rem; } .panel .panel4 { position: relative; } .panel .panel4 ul { position: absolute; top: 0.88rem; left: 8.4rem; line-height: 1.4rem; } .panel .panel4 ul li { font-size: 0.6rem; font-weight: bold; color: #323266; } .pop_form { position: fixed; left: 0; right: 0; bottom: 2.5rem; background-color: #93b7ff; color: #fff; height: 1.6rem; line-height: 1.6rem; text-align: center; font-size: 0.65rem; font-weight: 700; border-top: 2px solid #323266; z-index: 990; }