html,body{width: 100%;overflow-x: hidden;height: 100%;} #main{width: 100%;background: #e5efff;} /*澶撮儴 begin*/ .head{width: 100%;height: 2.125rem;background: linear-gradient(to top,#ebebeb,#fff);border-bottom: 0.025rem solid #535353;position: fixed;top: 0;left: 0;z-index: 3;} .head .back{display: block;width: 1.25rem;height: 100%;position: absolute;top: 0;left: 0;} .head .back img{width: 0.25rem;height: 0.45rem;margin: 0.825rem 0 0 0.5rem;vertical-align: top;} .head .title{width: 4.25rem;height: 100%;margin: 0 auto;} .head .title img{width: 100%;height: 1.377rem;margin-top: 0.3615rem;} .head .tel{display: block;width: 2.375rem;height: 100%;position: absolute;top: 0;right: 0;} .head .tel img{width: 0.9rem;height: 0.8rem;margin: 0.65rem 0 0 0.7375rem;} /*澶撮儴 end*/ /*鍓嶈█ begin*/ .foreword{width: 100%;height: 7.375rem;background: url(/uploads/image/zkrimg/toututitle.png) no-repeat;background-size: 100% 100%;margin-top: 2.125rem;text-align: center;font-size: 0;} .foreword .tel{display: inline-block;width: 10.5rem;height: 1.375rem;background: #ffe400;border-radius: 0.125rem;margin-top: 6.675rem;font-size: 0.625rem;color: #40547d;line-height: 1.375rem;} /*鍓嶈█ end*/ /*妯″潡閮ㄥ垎 begin*/ .detail1,.detail2,.detail3,.detail4{width: 100%;} .detitle{margin-top: 2rem;text-align: center;} .detail1 .detitle{margin-top: 2.1rem;} .detitle h2{display: inline-block;font-size: 1rem;color: #30549e;line-height: 1.3rem;} /*妯″潡1*/ .detail1 .detitle h2{background: url(/uploads/image/zkrimg/minbg_1.png) no-repeat 92% 100%;background-size: 2.2rem 0.35rem;} .detail1 .detail1ul{overflow-x: scroll;margin-top: 0.85rem;overflow-y: hidden;} .detail1 .detail1ul ul{width: 26.9rem; /* height: 7.55rem; */ font-size: 0;padding-left: 0.5rem;} .detail1 .detail1ul ul li{display: inline-block;width: 6.1rem;height: 100%;background: #fafcff;margin-right: 0.5rem;text-align: center;} .detail1 .detail1ul ul li .pic{height: 2.85rem;text-align: center;} .detail1 .detail1ul ul li .pic img{margin-top: 0.45rem;} .detail1 .detail1ul ul li .remen{width: 2.375rem;height: 1.95rem;} .detail1 .detail1ul ul li .feiyong{width: 1.8rem;height: 1.95rem;} .detail1 .detail1ul ul li .qianjing{width: 2.2rem;height: 1.825rem;} .detail1 .detail1ul ul li .shenqing{width: 1.55rem;height: 1.875rem;} .detail1 .detail1ul ul li h4{font-size: 0.65rem;color: #40547d;line-height: 1.25rem;} .detail1 .detail1ul ul li p{font-size: 0.6rem;color: #4c5c69;width: 4.875rem;margin: 0 auto;text-align: left;line-height: 0.9rem;} .detail1 .detail1ul ul li a{font-size: 0.6rem;color: #30549e;line-height: 1.75rem;} /*妯″潡2*/ .detail2 .detitle h2{background: url(/uploads/image/zkrimg/minbg_2.png) no-repeat 78% 100%;background-size: 2.025rem 0.35rem;} .detail2 .mintitle h3{height: 1.75rem;line-height: 1.75rem;text-align: center;font-size: 0.75rem;color: #30549e;} .detail2 .detail21 .mintitle h3{background: url(/uploads/image/zkrimg/number_01.png) no-repeat center top;background-size: 2.575rem 1.75rem;margin-top: 0.5rem;} .detail2 .detail22 .mintitle h3{background: url(/uploads/image/zkrimg/number_02.png) no-repeat center top;background-size: 2.575rem 1.75rem;margin-top: 1.15rem;} .detail2 .detail21 .touch{height: 15.6rem;background: url(/uploads/image/zkrimg/majorbg.png) no-repeat center 100%;background-size: 16rem 11.125rem;margin-top: 0.7rem;position: relative;} .detail2 .detail21 .touch .top{font-size: 0;width: 28rem;height: 4.175rem;position: absolute;left: -5.5rem;} .detail2 .detail21 .touch .top li{display: inline-block;width: 3rem;height: 100%;margin-right: 1rem;vertical-align: top;position: relative;} .detail2 .detail21 .touch .top li .pic{background: #f9fbff;width: 3rem;height: 3rem;border-radius: 50%;position: relative;} .detail2 .detail21 .touch .top li .pic img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .detail2 .detail21 .touch .top li .pic .yanchu{width: 2.15rem;height: 1.725rem;} .detail2 .detail21 .touch .top li .pic .meirong{width: 1.6rem;height: 1.75rem;} .detail2 .detail21 .touch .top li .pic .wudao{width: 1.85rem;height: 1.725rem;} .detail2 .detail21 .touch .top li .pic .sheji{width: 1.6rem;height: 1.75rem;} .detail2 .detail21 .touch .top li .pic .zaoxing{width: 1.4rem;height: 1.725rem;} .detail2 .detail21 .touch .top li .pic .gangqin{width: 1.425rem;height: 1.625rem;} .detail2 .detail21 .touch .top li .pic .chuanmei{width: 1.6rem;height: 1.725rem;} .detail2 .detail21 .touch .top li .name{position: absolute;width: 240%;text-align: center;font-size: 0.7rem;color: #30549e;left: 50%;top: 3.45rem;-webkit-transform: translatex(-50%);-ms-transform: translatex(-50%);transform: translatex(-50%);display: none;} .detail2 .detail21 .touch .top li:nth-child(4) .name{display: block;} .detail2 .detail21 .touch .bottom{display: inline-block;width: 14rem;height: 8.7rem;margin: 6.05rem 0 0 1rem;position: relative;overflow: hidden;} .detail2 .detail21 .touch .bottom ul{width: 112rem;height: 100%;font-size: 0;position: absolute;top: 0;left: -42rem;} .detail2 .detail21 .touch .bottom ul li{display: inline-block;vertical-align: top;width: 14rem;height: 100%;background: #fcfdff;border-radius: 0.2rem;position: relative;} .detail2 .detail21 .touch .bottom ul li .explain,.detail2 .detail21 .touch .bottom ul li .recommend{width: 9.6rem;font-size: 0.625rem;color: #54636f;line-height: 0.9rem;position: absolute;left: 0.8rem;} .detail2 .detail21 .touch .bottom ul li .explain{top: 1.15rem;} .detail2 .detail21 .touch .bottom ul li .recommend{top: 4.85rem;} .detail2 .detail21 .touch .bottom ul li .line{width: 12.4rem;border: 0.05rem dashed #7496d0;position: absolute;top: 3.9rem;left: 0.8rem;} .detail2 .detail21 .touch .bottom ul li .btn1,.detail2 .detail21 .touch .bottom li .btn2{display: block;width: 1.95rem;height: 1.95rem;background: #ffe400;border-radius: 0.125rem;box-shadow: 0.125rem 0.125rem 0.125rem #abaaac; font-size: 0.6rem;color: #40547d;line-height: 0.7rem;position: absolute;right: 0.7rem;padding: 0.3rem 0 0 0.35rem;} .detail2 .detail21 .touch .bottom ul li .btn1{top: 0.95rem;} .detail2 .detail21 .touch .bottom ul li .btn2{top: 5rem;} .detail2 .detail22{width: 100%;} .detail2 .detail22 ul{font-size: 0;text-align: center;margin-top: 0.675rem;} .detail2 .detail22 ul li{display: inline-block;vertical-align: top;width: 7.25rem;height: 3.25rem;background: #f9fbff;margin: 0 0.3rem 0.3rem 0;text-align: left;position: relative;} .detail2 .detail22 ul li:nth-child(2n){margin-right: 0;} .detail2 .detail22 ul li:nth-child(3),.detail2 .detail22 ul li:nth-child(4){margin-bottom: 0;} .detail2 .detail22 ul li .pic{display: inherit;width: 2.275rem;height: 2.275rem;border-radius: 50%;overflow: hidden;margin: 0.5rem 0 0 0.9rem;} .detail2 .detail22 ul li .pic img{width: 100%;height: 100%;} .detail2 .detail22 ul li .majorname{font-size: 0.625rem;color: #4c5c69;line-height: 0.825rem;width: 2.7rem;position: absolute;top: 50%;-webkit-transform: translate(3.5rem,-50%);-ms-transform: translate(3.5rem,-50%);transform: translate(3.5rem,-50%);} .detail2 .detail22 ul li .add{width: 0.9rem;height: 0.9rem;background: #30549e;border-radius: 50%;text-align: center;line-height: 0.9rem;font-size: 0.6rem;color: #f9fbff;margin: 0.65rem auto 0.25rem;} .detail2 .detail22 ul li .more{display: block;width: 3.9rem;top: 0;left: 0;font-size: 0.625rem;color: #4c5c69;margin: 0 auto;} .detail2 .detail22 ul li .popuptext{display: none;} .detail2 .detail22 .bottom{text-align: center;font-size: 0.625rem;color: #4c5c69;margin-top: 0.8rem;} /*妯″潡3*/ .detail3{height: 9.9rem;} .detail3 .detitle h2{background: url(/uploads/image/zkrimg/minbg_3.png) no-repeat 100% 100%;background-size: 1.95rem 0.425rem;} .detail3 .schoolbg{width: 10.4rem;height: 7.675rem;background: #f9fbff;margin-top: 0.9rem;-webkit-transform: translatex(4.7rem);-ms-transform: translatex(4.7rem);transform: translatex(4.7rem);font-size: 0;text-align: center;} .detail3 .schoolbg a{display: inline-block;width: 6.95rem;height: 1.25rem;background: #ffe400;border-radius: 0.125rem;font-size: 0.6rem;color: #40547d;line-height: 1.25rem;margin-top: 5.575rem;box-shadow: 0.15rem 0.15rem 0.15rem #a6a5a9;} .detail3 dl{position: relative;top: -7.675rem;left: 0.8rem;} .detail3 dl dt{width: 3.9rem;height: 1.175rem;background: #cdd0d5;font-size: 0.6rem;color: #073151;text-align: center;line-height: 1.175rem;margin-bottom: 0.125rem;} .detail3 dl dt:first-child{background: #30549e;color: white;} .detail3 dl dd{position: absolute;top: 1.3rem;left: 4.425rem;} .detail3 dl dd img{width: 2.8rem;height: 2.8rem;opacity: 0;} .detail3 dl dd ul{width: 5.7rem;position: absolute;top: -0.25rem;left: 3.65rem;opacity: 0;} .detail3 dl dd:nth-child(2) img{opacity: 1;} .detail3 dl dd:nth-child(2) ul{opacity: 1;} .detail3 dl dd ul li{font-size: 0.6rem;color: #7a858e;line-height: 0.75rem;list-style: disc;margin-bottom: 0.125rem;} /*妯″潡4*/ .detail4 .detitle h2{background: url(/uploads/image/zkrimg/minbg_4.png) no-repeat 64% 100%;background-size: 3.675rem 0.425rem;} .detail4 ul{width: 100%;text-align: center;font-size: 0;margin-top: 1.2rem;margin-bottom: 4.3rem;display: inline-block;} .detail4 ul li{display: inherit;vertical-align: top;width: 3.75rem;margin-right: 1.2rem;} .detail4 ul li:last-child{margin-right: 0;} .detail4 ul li .pic{width: 3.05rem;height: 3.05rem;background: #f9fbff;border-radius: 50%;position: relative;margin: 0 auto 0.4rem;} .detail4 ul li .pic img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .detail4 ul li:first-child .pic img{width: 1.525rem;height: 1.55rem;} .detail4 ul li:nth-child(2) .pic img{width: 1.125rem;height: 1.575rem;} .detail4 ul li:nth-child(3) .pic img{width: 1.25rem;height: 1.525rem;} .detail4 ul li p{font-size: 0.6rem;line-height: 0.75rem;color: #4c5c69;} /*妯″潡閮ㄥ垎 end*/ /*椤佃剼 begin*/ .footer{width: 100%;height: 1.75rem;background: #ffe400;position: fixed;left: 0;bottom: 2.4rem;z-index: 2;text-align: center;font-size: 0;} .footer p{display: inline-block;height: 100%;font-size: 0.6rem;color: #40547d;line-height: 1.75rem;} /*椤佃剼 end*/ /*寮圭獥 begin*/ .popupwindow{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10;display: none;} .popupwindow .bigbg{width: 100%;height: 100%;background: black;opacity: 0.7;} .popupwindow .detailpage{width: 14.8rem;background: #e5efff;position: absolute;top: 31%;left: 0.575rem;text-align: center;font-size: 0;} .popupwindow .detailpage .close{width: 1.85rem;height: 1.85rem;font-size: 1.25rem;color: #40547d;line-height: 1.85rem;position: absolute;top: 0;right: 0;font-weight: bold;} .popupwindow .detailpage h3{font-size: 0.875rem;color: #06497c;display: inline-block;width: 100%;height: 3rem;line-height: 3rem;} .popupwindow .detailpage .explain,.popupwindow .detailpage .recommend{display: inline-block;width: 12.8rem;background: #f8fbff;} .popupwindow .detailpage .textdiv{display: inherit;width: 12rem;margin: 0.6rem 0;text-align: left;position: relative;} .popupwindow .detailpage .textdiv p{display: inherit;font-size: 0.6rem;line-height: 0.9rem;color: #4c5c69;width: 7.9rem;} .popupwindow .detailpage .textdiv a{display: inherit;width: 3.575rem;height: 2.175rem;background: #ffe400;border-radius: 0.125rem;box-shadow: 0.125rem 0.125rem 0.125rem #a6a5a9; position: absolute;right: 0;top: 50%;-webkit-transform: translatey(-50%);-ms-transform: translatey(-50%);transform: translatey(-50%); font-size: 0.65rem;line-height: 0.8rem;color: #40547d;padding: 0.285rem 0.45rem;} .popupwindow .detailpage .line{width: 12.8rem;border: 0.025rem dashed #30549e;display: inline-block;margin: 0.625rem 0 0.75rem;} .popupwindow .detailpage .recommend{margin-bottom: 1.2rem;} .popupwindow .informationpage{position: absolute;width: 14.8rem;height: 18rem;background: #e5efff;top: 10%;left: 0.575rem;text-align: center;font-size: 0;} .popupwindow .informationpage .close{width: 1.85rem;height: 1.85rem;font-size: 1.25rem;color: #40547d;line-height: 1.85rem;position: absolute;top: 0;right: 0;font-weight: bold;} .popupwindow .informationpage h3{display: inline-block;font-size: 1rem;color: #30549e;line-height: 1.3rem;background: url(/uploads/image/zkrimg/formbg.png) no-repeat 100% 100%;background-size: 6.925rem 0.425rem;margin: 2.1rem 0 0.55rem;} .popupwindow .informationpage p{display: inline-block;font-size: 0.75rem;color: #023860;} .popupwindow .informationpage form{display: block;width: 12.5rem;margin: 1.15rem auto 0;font-size: 0} .popupwindow .informationpage form div{width: 100%;height: 1.3rem;margin-bottom: 0.86rem;} .popupwindow .informationpage form div:last-child{margin-bottom: 1.35rem;} .popupwindow .informationpage form .name label,.popupwindow .informationpage form .telephone label,.popupwindow .informationpage form .city label{letter-spacing: 2em;} .popupwindow .informationpage form .education label{margin-right: 2em;} .popupwindow .informationpage form div label{font-size: 0.7rem;color: #4c5c69;line-height: 1.3rem;height: 1.3rem;margin-right: 0;} .popupwindow .informationpage form div input{width: 7.85rem;height: 100%;border: none;font-size: 0.7rem;padding: 0 0.3rem;vertical-align: top;} .popupwindow .informationpage form div select{width: 7.85rem;height: 100%;border: none;font-size: 0.7rem;color: #4c5c69;padding: 0 0.3rem;vertical-align: top;} .popupwindow .informationpage form .button{display: inline-block;width: 6.675rem;height: 1.55rem;line-height: 1.55rem;background: #ffe400;font-size: 0.7rem;color: #40547d;border: none;border-radius: 0.125rem;box-shadow: 0.125rem 0.125rem 0.125rem #999da9;} /*寮圭獥 end*/ .sec_pop_form{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; -webkit-transform:scale(0); transform:scale(0); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .sec_pop_form.active{ opacity: 1; -webkit-transform:scale(1); transform:scale(1); } .close_box{ position: absolute; right: 1.25rem; top: -2rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; line-height: 1rem; z-index: 99999; text-align: center; background: url(/uploads/image/zkrimg/close_a_btn.png) no-repeat center center; background-size: 0.55rem .5rem; border: 1px solid #fff; } .close_box:after{ content: ''; position: absolute; top: 1.25rem; left: 50%; width: 1px; height: .75rem; background-color: #fff; display: block; } .sec_pop_mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7) } .sec_pop_content{ position: absolute; left: 50%; top: 50%; width: 12rem; padding: 1rem; background-color: #fff; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); -o-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .sec_tit{ position: relative; margin-bottom: 1.2rem; font-size: .9rem; color: #30549e; text-align: center; } .sec_tit:after{ content: ''; position: absolute; left: 50%; top: 1.5rem; width: 2.5rem; height: 1px; -webkit-transform: translate3d(-50%,0,0); -moz-transform: translate3d(-50%,0,0); -ms-transform: translate3d(-50%,0,0); -o-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0); background-color: #243e4c; } .value_item{ width: 10rem; height: 1.6rem; line-height: 1.6rem; margin: 0.6rem auto; color: #606060; position: relative; } .value_item span{ float: left; display: block; width: 2.7rem; font-size: .65rem; text-align: center; color: #606060; } .value_box{ border:1px solid #e1e1e1; border-radius: 5px; padding: 3px 5px; height: 1.5rem; -webkit-box-sizing:border-box; box-sizing:border-box; background: transparent; width: 7rem; font-size: .65rem; color: #777; } .sec_button_form{ width: 8rem; height: 1.6rem; display: block; margin: 1.2rem auto 0; background-color: #ffe400; color: #40547d; line-height: 1.6rem; text-align: center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; font-size: .7rem; letter-spacing: 3px; text-decoration: none; } .sec_button_form:link,.sec_button_form:visited,.sec_button_form:active{color: #40547d};