body{margin:0;padding:0;padding: 2rem 0;} /*common*/ #main, #main div, #main span, #main ul, #main li, #main p, #main form, #main img, #main input, #main label, #main table, #main thead, #main tbody, #main tr, #main th, #main td, #main hr, #main textarea, #main a, #main h5 { -moz-box-sizing: border-box;-wemainit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; margin:0;padding:0; } #main{ font-size: 0; font-family: "microsoft yahei"; color: #000; background-color: #023abb; line-height: 1; } #main li{list-style: none;} #main img{vertical-align: middle;} #main .btn{ margin: 0 auto;text-align: center;width: 5.5rem;height: 1.25rem;line-height: 1.25rem; font-size: 0.6rem;border-radius: 1rem;color: #fff; background: #ffd413; background: -webkit-linear-gradient(90deg, #ffd413, #f98902); background: linear-gradient(0deg, #ffd413, #f98902); box-shadow: 0 0.1rem 0 #bf5b00; } #main a.btn{display: block;text-decoration: none;} #main .showmq{font-size: 0.55rem;text-decoration: underline;} #main .showmq.btn{text-decoration: none;} #main .box-inline{text-align: center;} #main .box-inline .btn{display: inline-block;} #main .fl{float: left;} #main .fr{float: right;} #main .tr{text-align: right;} #main .clearfloat:after{content:"";display:block;clear:both;height:0} /*form*/ #main .myform .form-item{ position: relative; margin: 0 auto 0.45rem; height: 1.5rem; width: 12.5rem; } #main .myform input, #main .myform select{ border: 0; resize:none; outline: none; -webkit-appearance: none; background-color: #f2f2f2; color: #333; padding-left: 2.4rem; border-radius: 1rem; font-size: 0.6rem; border: 0; width: 100%; height: 100%; } #main .myform .form-item .icon{ position: absolute; height: 0.75rem; left: 0.55rem; top: 0.25rem; width: 1.2rem; height: 1rem; border-right: 1px solid #d9d9d9; padding-top: 0.15rem; } #main .myform .form-item img{height: 0.75rem;} #main .myform .select-parent i{ position: absolute; right: 0.5rem; top: 0.6rem; width: 0; height: 0; border-style: solid; border-width: 0.3rem 0.3rem 0; border-color: #023abb transparent transparent; } #main .myform select, #main .myform option, #main .myform input::-webkit-input-placeholder{color: #999;} #main .header img{width: 100%;} #main .section{ background-repeat: no-repeat; background-size: 100%; background-position: center bottom; margin: 0 auto; /*width: 16rem;*/ padding-top: 0.6rem; } #main .section2, #main .section6{padding-top: 1rem;} #main .section .headline{ text-align: center; font-weight: bold; font-size: 1rem; color: #fff; position: relative; margin: 0 auto; } #main .section .headline span{ display: inline-block; position: relative; } #main .section .headline span:before,#main .section .headline span:after{ content: ""; position: absolute; top: 0rem; width: 1.65rem; height: 0.95rem; background: url(/uploads/image/zenimages/icon_01.png); -webkit-background-size: 100%; background-size: 100%; } #main .section .headline2 span:before,#main .section .headline2 span:after{background-image: url(/uploads/image/zenimages/icon_02.png);} #main .section .headline span:before{left: -2.1rem;} #main .section .headline span:after{right: -2rem;transform: rotatey(180deg);-webkit-transform: rotatey(180deg);} #main .section .container{ margin: 0.75rem auto 0; } /*section1*/ #main .section1{ margin: -0.3rem 0 0; padding-bottom: 1.85rem; background-image: url(/uploads/image/zenimages/bg_01.jpg); } #main .section1 .headline{color: #023abb;} #main .section1 li{ width: 14rem; margin: 0 auto 0.35rem; font-size: 0.6rem; border-radius: 2px; overflow: hidden; } #main .section1 .tab{ color: #023abb; background-color: #e1ebff; height: 1.5rem; line-height: 1.5rem; position: relative; padding-left: 0.65rem; font-weight: bold; } #main .section1 .tab:after{ content: ""; position: absolute; right: 0.9rem; top: 0.6rem; width: 0; height: 0; border-style: solid; border-width: 0.25rem 0.2rem 0; border-color: #023abb transparent transparent; -webkit-transition: all .5s; transition: all .5s; } #main .section1 li.active .tab{ color: #fff; background-color: #023abb; } #main .section1 li.active .tab:after{ transform: rotate(-180deg); -webkit-transform: rotate(-180deg); border-top-color: #fff; } #main .section1 .content{ display: none; background-color: #fff5d5; line-height: 0.9rem; padding: 0.35rem 0.65rem; } /*section2*/ #main .section2,#main .section4{ padding-bottom:1.95rem; background-image: url(/uploads/image/zenimages/bg_02.jpg); } #main .section2 .school-box{ position: relative; overflow: hidden; height: 4.5rem; margin-left: 0.5rem; } #main .section2 ul{ position: absolute; left: 0; width: 100rem; } #main .section2 li{ width: 4.5rem; height: 4.5rem; float: left; margin-right: 0.375rem; } #main .section2 img{width: 100%;} #main .section2 .content{ width: 15.5rem; height: 6.25rem; background-color: #fff; border-radius: 0.25rem; margin: 0.9rem auto 0.8rem; padding: 0.6rem 1rem 0; position: relative; } #main .section2 .content:before{ content: ""; position: absolute; top: -0.55rem; left: 1.95rem; width: 0;height: 0; border-style: solid; border-width: 0 0.55rem 0.55rem; border-color: transparent transparent #fff; } #main .section2 h6{ font-size: 0.7rem; color: #023abb; text-align: center; padding-bottom: 0.5rem; border-bottom: 1px dashed #ccc; } #main .section2 p{margin: 0.45rem 0 0;} #main .section2 .label{ font-size: .6rem; float: left; width: 3.25rem; height: 1.125rem; line-height: 1.125rem; background-color: #ffdc72; text-align: center; border-radius: 0.6rem; margin-right: 0.55rem; } #main .section2 .text{ display: inline-block; width: 9.7rem; font-size: 0.55rem; line-height: 0.75rem; padding-top: 0.2rem; } #main .section2 span.j_showmq{ font-size: 0.55rem; line-height: 1.125rem; color: #ff0000; text-decoration: underline; } #main .section2 .btn{ width: 7.5rem; margin-bottom: 0.3rem; } /*section3*/ #main .section3,#main .section5{ background-color: #015ad9; background-image: url(/uploads/image/zenimages/bg_03.jpg); padding-bottom: 2.2rem; } #main .section3 .container{ height: 13.9rem; background: url(/uploads/image/zenimages/bg_04.jpg); -webkit-background-size: 100%; background-size: 100%; padding: 0.2rem 0 0 1.95rem; } #main .section3 li{ display: table; width: 10.5rem; height: 3.75rem; padding-right: 0.25rem; margin-bottom: -0.75rem; } #main .section3 li.ml{margin-left: 1.7rem;} #main .section3 p{ display: table-cell; vertical-align: middle; font-size: 0.6rem; line-height: 0.75rem; color: #023abb; font-weight: bold; width: 3.25rem; text-align: center; } #main .section3 .btn{ width: 6.25rem; margin: 0 0.25rem; } /*section4*/ #main .section4 .container{width: 14.5rem;} #main .section4 .container .form-bg{ height: 10.95rem; background-color: #fff; border-radius: 0.25rem; padding-top: 0.75rem; } #main .section4 .j_submit{ margin-top: 0.8rem; } /*section5*/ #main .section5 .container{margin-left: 0.375rem;} #main .section5 li{ float: left; width: 7.5rem; height: 6rem; background-color: #fff; border-radius: 0.25rem; margin: 0 0.25rem 0.25rem 0; position: relative; } #main .section5 img{width: 100%;} #main .section5 h5{ position: absolute; left: 0; top: 0.4rem; width: 2.05rem; height: 1.125rem; font-size: 0.6rem; line-height: 1.125rem; border-radius: 0 0.6rem 0.6rem 0; background-color: #0d0c51; color: #fff; padding-left: 0.3rem; } #main .section5 p{ font-size: 0.6rem; line-height: 0.9rem; padding: 0.6rem 0 0 0.9rem; color: #1a1a1a; } #main .section5 .btn{ width: 7.5rem; margin-top: 0.6rem; } /*section6*/ #main .section6{padding-bottom: 1.5rem;} #main .section6 .container{ margin-left: 1.375rem; height: 20.5rem; border-left: 1px dashed #fff; padding: 0.15rem 0 0 0.7rem; } #main .section6 h4{ font-size: 1.1rem; color: #015ad9; font-family: "arial"; margin-bottom: 0.2rem; position: relative; } #main .section6 h4:before{ content: ""; position: absolute; left: -0.9rem; top: 50%; margin-top: -0.2rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; background-color: #ffdc72; } #main .section6 p{ background-color: #015ad9; height: 2.5rem; width: 12.5rem; border-radius: 0.3rem 1.1rem 0.3rem 0.3rem; padding-left: 1.75rem; font-size: 0.6rem; color: #fff; line-height: 0.9rem; display: table; margin-bottom: 0.4rem; } #main .section6 span{ display: table-cell; vertical-align: middle; } #main .section6 .btn{ margin-top: 0.9rem; }