.e_ContentMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }   .e_ContentMajorStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; height: inherit; display: table; padding:0 15px; border-width: 0px; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_ContentMajorStyleBox-001 .title_icon::before{ content: ""; } .e_ContentMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_ContentMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_ContentMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; padding-right: 22px; vertical-align: top; } .e_ContentMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color:#f0f0f0; width: 100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; }  .e_IndexOrdinaryStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; } .e_IndexOrdinaryStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size:medium; } .e_IndexOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_IndexOrdinaryStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_IndexOrdinaryStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .stylebox_link{ float: right; vertical-align: middle; margin-right: 15px; } .e_IndexOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_IndexOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_IndexOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint:%; } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_SideMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_wbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; }.c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ font-size: 0; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .font{ display: inline-block; font-size: 14px; color: #666; height: 30px; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb{ font-size: 14px; color: #65beba; } .c_breadcrumb_nav-02001 .p_breadcrumb{ display: none; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumb>a>.font{ display: inline-block; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumb>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumb>a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumb .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover .after:before{ content: "\e69c"; } .e_title.c_breadcrumb_nav-02001 .p_sortLink{ display:inline-block; padding:0; color:rgba(101, 190, 186,1); font-size:14px; text-align:left; } .e_title.c_breadcrumb_nav-02001 .p_sortLink{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:active{ color:rgba(69, 165, 161,1); font-weight:400; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:active{ text-decoration:none; margin-top:0; } .e_title.c_breadcrumb_nav-02001 .p_sortLink .iconfont:before{ display: inline-block; content:""; } .c_breadcrumb_nav-02001 .p_content{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond{ font-size: 14px; color: #65beba; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond>a>.font{ display: inline-block; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond>a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover .after:before{ content: "\e69c"; } .c_breadcrumb_nav-02001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color:rgba(51,51,51,1); font-size:14px; font-weight:400; } .c_breadcrumb_nav-02001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height: 14px; } .c_breadcrumb_nav-02001 .p_end .iconfont:before{display: inline-block;content:"";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst{ font-size: 16px; color: #21A9F0; font-weight: bolder; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst>a>.font{ display: inline-block; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst>a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover .after:before{ content: "\e69c"; } .c_breadcrumb_nav-02001 .p_breadcrumbList{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_breadcrumb_nav-02001{position:absolute; width:1180px; height:30px; overflow: visible;font-size: 0;} .c_breadcrumb_nav-02001 .p_breadcrumbList{ width: auto; height: auto; overflow: visible; background-color: transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbList>a{ display: inline-block; } .c_breadcrumb_nav-02001 .p_CurrentBox{ color: #666; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .before:before{ content: "\e68a"; } .c_breadcrumb_nav-02001 .p_content{ width: 240px; position: absolute; border: 1px solid #65beba; padding: 9px 7px 9px 7px; font-size: 0; display: none; height: auto; background: #fff; } .c_breadcrumb_nav-02001 .contentBox:hover .p_content{ display: block; } .c_breadcrumb_nav-02001 .p_sortLink{ color: #65beba; display: inline-block; margin: 9px 7px 9px 7px; cursor: pointer; font-size: 14px; } .c_breadcrumb_nav-02001 .p_sortLink .font{ line-height: 14px; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink:hover{ text-decoration: underline; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink.current{ color: #bcbcbc; } .c_breadcrumb_nav-02001 .p_sortLink.current:hover{ text-decoration: none; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink.current .font{ text-decoration: none; font-weight: normal; cursor: default; } .c_breadcrumb_nav-02001 .p_end{ margin-right: 6px; margin-left: 6px; vertical-align: middle; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ }.c_breadcrumb_nav-02001 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_breadcrumb_nav-02001 >div{animation-fill-mode:both; }.c_breadcrumb_nav-02001 .p_breadcrumbFirst .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_public_htmlCode-01001{ position:absolute; width:300px; height:390px; } .scroll-icon{ display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:2em; width:1.2em; font-size:22px; color:rgba(0, 0, 0, 0.5); border-radius:2em; border:solid 2px; -webkit-transition:.4s; transition:.4s; } .scroll-icon::after{ content:''; width:5px; height:5px; background-color:#000; border-radius:50%; -webkit-animation:scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1); animation:scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1); } .loading { text-transform: uppercase; font-family: 'Cabin Condensed', sans-serif; font-weight: bold; font-size: 100pt; text-align: center; height: 120px; line-height: 110px; vertical-align: bottom; position: absolute; left: 0; right: 0; top: 100px; bottom: 0; display: block; } @keyframes wave-animation { 0% { background-position: 0 bottom; } 100% { background-position: 200px bottom; } } @keyframes loading-animation { 0% { background-size: 200px 0px; } 100% { background-size: 200px 200px; } } .wave { background-image: url("../images/rbqbg1xkwoaepxzuaaaaaeqf_sm713.png"); -moz-background-clip: text; -o-background-clip: text; -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0px 0px rgba(255, 255, 255, 0.06); animation: wave-animation 1s infinite linear, loading-animation 10s infinite linear alternate; background-size: 200px 100px; background-repeat: repeat-x; opacity: 1; } ol,ul{ list-style:none} table{ border-collapse:collapse; border-spacing:0} body{ height:100%; font:12px/18px "\5b8b\4f53", sans-serif; color:#51555C; background:#fff} img{ border:none} #main{ width:1200px; min-height:600px; margin:30px auto 0 auto; background:none; -moz-border-radius:12px; -khtml-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px; } h2.top_title{ margin:4px 20px; padding-top:15px; padding-left:20px; padding-bottom:10px; border-bottom:1px solid #d3d3d3; font-size:18px; color:#a84c10; background:url(../images/arrl.gif) no-repeat 2px 14px} body{ padding: 0; margin: 0; } ul{ list-style: none} .page4{ background-color:transparent; color:#81c6ef; } .map{ width: 544.284px !important; left: 310px !important; } .page4 .title{ position:absolute; float:none; top:0px; left:0px; z-index:10; } .page4 .change{ width:400px; position:absolute; float:none; z-index:11; top:10%; right:8%; bottom:10%; } .page4 .change .tab{ width:100%; font-size:16px; font-weight:bold; } .page4 .change .tab,.page4 .change .tab a{ color:#5899c4; margin: 10px 0; display: block; } .page4 .change .tab a:hover,.page4 .change .tab a.active{ color:#81c6ef; } .page4 .change .ipt{ width:240px; height:22px; line-height:22px; padding:3px 10px; background-color:#2d7eb4; border:1px #2d7eb4 solid; color:#81c6ef; margin-top:10px; display:inline; font-size:14px; } .page4 .change .ipt.schoolChange{ z-index:10; } .page4 .change div.ipt{ cursor:pointer; } .page4 .change .ipt i{ width:19px; height:19px; position:absolute; float:none; top:5px; right:5px; z-index:2; } .page4 .change .ipt i.i01{ background:url(../images/ab.png) no-repeat center center; } .page4 .change .ipt i.i02{ background:url(../images/search.png) no-repeat center center; } .page4 .change .ipt input{ width:90%; height:22px; line-height:22px; background-color:#2d7eb4; border:none; color:#81c6ef; font-size:14px; } .page4 .change select{ position:absolute; float:none; top:0px; left:0px; width:100%; height:30px; z-index:4; filter:alpha(opacity=1); -moz-opacity:0.01; -khtml-opacity:0.01; opacity:0.01; } .page4 .change .box{ width:100%; position:absolute; float:none; top:30px; right:0px; bottom:0px; left:0px; } .page4 .change .box.first .viewport{ top:110px; } .page4 .change .box.last .viewport{ top:160px; } .page4 .change .viewport .textArea ul,.page4 .change .viewport .textArea li,.page4 .change .viewport .textArea li h3,.page4 .change .viewport .textArea li h4{ width:100%; padding:0px; margin:0px; float:left; list-style-type:none; } .page4 .change .viewport .textArea li{ padding:8px 0; line-height:24px; border-bottom:1px #3981b2 solid; position:relative; } .page4 .change .viewport .textArea li a.absolute{ z-index:5; position:absolute; float:none; } .page4 .change .viewport .textArea li h3{ font-size:14px; } .page4 .change .viewport .textArea img{ width:100%; } .page4 .change .viewport .textArea p{ margin:10px 0 0 0; line-height:20px; } .page4 .change .box.last .viewport .textArea .w-100{ position:relative; float:left; padding-bottom:20px; } .page4 .numBox{ width:100%; height:290px; position:absolute; float:none; left:0px; bottom:-350px; z-index:200; background-color:#13558b; background-color:rgba(19,85,139,0.9); } .page4 .numBox.show{ display:block; bottom:0px; } .page4 .numBox .arrow{ width:80px; height:40px; line-height:80px; overflow:hidden; position:absolute; float:none; top:-40px; left:50%; margin-left:-40px; text-align:center; color:#13558b; font-size:80px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; } .page4 .numBox .cm{ max-width:1345px; } .page4 .numBox .item{ width:33%; text-align:center; padding-top:50px; } .page4 .numBox .item h3,.page4 .numBox .item h4,.page4 .numBox .item h5{ width:100%; } .page4 .numBox .item h3{ color:#fff; font-size:16px; } .page4 .numBox .item h4,.page4 .numBox .item h5{ color:#7bd7f5; } .page4 .numBox .item h4{ font-size:100px; letter-spacing:-4px; } .page4 .numBox .item h4 font{ font-family:'ASHBL'; } .page4 .numBox .item h4 em{ font-style:normal; font-size:48px; margin-left:20px; position:relative; } .page4 .numBox .item h4 b{ font-size:32px; position:absolute; float:none; top:-40px; left:-10px; font-weight:normal; } .page4 .numBox .item h5{ filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; } .page4 .map{ position:absolute; float:none; top:10%; bottom:10%; left:220px; } .page4 .map .item img{ width:100%; visibility:hidden; } .page4 .map .item,.page4 .map .item .area,.page4 .map .info,.page4 .map .round{ position:absolute; float:none; } .page4 .map .item .area{ width:100%; height:100%; top:0px; left:0px; z-index:2; background-repeat:no-repeat; background-position:left top; -webkit-background-size:contain; background-size:contain; } .page4 .map .item:hover .area,.page4 .map .item .area.current{ filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .page4 .map .item:hover .area.current{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; } .page4 .map .info{ color:#105281; z-index:3; } .page4 .map .info .box{ width:100px; height:35px; padding:0 30px 0 0; border-radius:5px; overflow:hidden; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85; box-shadow:0 0 8px rgba(0,0,0,0.2); z-index:2; } .page4 .map .info .left{ width:90px; padding:3px 10px; } .page4 .map .info h3,.page4 .map .info h4,.page4 .map .info h5{ width:100%; } .page4 .map .info h3{ font-size:14px; line-height:30px; } .page4 .map .info h4{ font-size:30px; height:50px; line-height:50px; font-family:'ASHBL'; letter-spacing:-4px; margin: 0; } .page4 .map .info h5{ line-height:30px; margin: 0; padding: 0; font-size: 12px; } .page4 .map .info i{ width:30px; height:100%; position:absolute; top:0px; right:0px; background:url(../images/math.png) no-repeat center 10px; } .page4 .map .item:hover .info .box{ height:144px; } .page4 .map .round{ filter:alpha(opacity=85); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75; border-radius:200px; } .page4 .map .info .box,.page4 .map .item .area,.page4 .map .round{ -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -ms-transition:all 0.8s ease; -o-transition:all 0.8s ease; transition:all 0.8s ease; } .page4 .map .loc{ width:130px; height:30px; line-height:30px; bottom:16%; left:50%; padding-left:30px; position:absolute; float:none; background:url(../images/loc.png) no-repeat; color:#66cbff; font-size:16px; text-shadow:rgba(0,0,0,0.8) 0 2px 2px; z-index:2; } .scaleIn{ -webkit-animation-name:scaleIn; animation-name:scaleIn; } .page4 .map .item:hover .round{ -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .scaleIn{ -webkit-animation-duration:0.8s; animation-duration:0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes scaleIn{ 0%{ -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100%{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } keyframes scaleIn{ 0%{ -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100%{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .page4 .map .item.xb{ width:66.1%; top:12%; left:0px; } .page4 .map .item.xb .area{ background-image:url(../images/xb.png); } .page4 .map .item.xb .area.current{ background-image:url(../images/xb_hover.png); } .page4 .map .item.xb .info{ top:40%; left:40%; } .page4 .map .item.xb .info .left,.page4 .map .item.xb .round{ background-color:#ffcc33; } .page4 .map .item.xb .info i{ background-color:#e8ba2e; } .page4 .map .item.xb .round.r1{ width:50px; height:50px; top:0px; left:-30px; } .page4 .map .item.xb .round.r2{ width:40px; height:40px; top:-50px; left:-30px; } .page4 .map .item.xb .round.r3{ width:56px; height:56px; top:60px; right:10px; } .page4 .map .item.xn{ width:60.3%; bottom:7.7%; left:4.5%; } .page4 .map .item.xn .area{ background-image:url(../images/xn.png); } .page4 .map .item.xn .area.current{ background-image:url(../images/xn_hover.png); } .page4 .map .item.xn .info{ top:50%; right:10%; } .page4 .map .item.xn .info .left,.page4 .map .item.xn .round{ background-color:#cfff62; } .page4 .map .item.xn .info i{ background-color:#bce859; } .page4 .map .item.xn .round.r1{ width:60px; height:60px; top:-60px; left:-50px; } .page4 .map .item.xn .round.r2{ width:95px; height:95px; top:-20px; left:20px; } .page4 .map .item.xn .round.r3{ width:56px; height:56px; top:-40px; left:-90px; } .page4 .map .item.hb{ width:43.8%; top:1.1%; right:14.2%; } .page4 .map .item.hb .area{ background-image:url(../images/hb.png); } .page4 .map .item.hb .area.current{ background-image:url(../images/hb_hover.png); } .page4 .map .item.hb .info{ top:65%; right:22%; } .page4 .map .item.hb .info .left{ background-color:#96ea95; } .page4 .map .item.hb .info i{ background-color:#88d588; } .page4 .map .item.hb .round{ background-color:#7be879; } .page4 .map .item.hb .round.r1{ width:70px; height:70px; top:-70px; left:30px; } .page4 .map .item.hb .round.r2{ width:95px; height:95px; top:-110px; right:-60px; } .page4 .map .item.hb .round.r3{ width:56px; height:56px; top:-20px; left:-20px; } .page4 .map .item.db{ width:22.1%; top:0%; right:0%; } .page4 .map .item.db .area{ background-image:url(../images/db.png); } .page4 .map .item.db .area.current{ background-image:url(../images/db_hover.png); } .page4 .map .item.db .info{ top:35%; right:5%; } .page4 .map .item.db .info .left,.page4 .map .item.db .round{ background-color:#66cbff; } .page4 .map .item.db .info i{ background-color:#5db9e8; } .page4 .map .item.db .round.r1{ width:60px; height:60px; top:-60px; left:0px; } .page4 .map .item.db .round.r2{ width:55px; height:55px; top:30px; left:20px; } .page4 .map .item.hz:hover{ z-index:5; } .page4 .map .item.hz{ width:15%; top:49.5%; left:61.8%; } .page4 .map .item.hz .area{ background-image:url(../images/hz.png); } .page4 .map .item.hz .area.current{ background-image:url(../images/hz_hover.png); } .page4 .map .item.hz .info{ top:45%; right:5%; } .page4 .map .item.hz .info .left,.page4 .map .item.hz .round{ background-color:#ff7e7d; } .page4 .map .item.hz .info i{ background-color:#e87372; } .page4 .map .item.hz .round.r2{ width:60px; height:60px; top:-40px; left:40px; } .page4 .map .item.hz .round.r3{ width:56px; height:56px; top:40px; left:50px; } .page4 .map .item.hn{ width:26.7%; bottom:0%; right:19.3%; } .page4 .map .item.hn .area{ background-image:url(../images/hn.png); } .page4 .map .item.hn .area.current{ background-image:url(../images/hn_hover.png); } .page4 .map .item.hn .info{ top:35%; right:5%; } .page4 .map .item.hn .info .left,.page4 .map .item.hn .round{ background-color:#a89bff; } .page4 .map .item.hn .info i{ background-color:#998de8; } .page4 .map .item.hn .round.r2{ width:95px; height:95px; top:-40px; left:0px; } .page4 .map .item.hn .round.r3{ width:56px; height:56px; top:-25px; left:-40px; } .page4 .map .item.hd{ width:17.4%; bottom:12.4%; right:10.1%; } .page4 .map .item.hd .area{ background-image:url(../images/hd.png); } .page4 .map .item.hd .area.current{ background-image:url(../images/hd_hover.png); } .page4 .map .item.hd .info{ top:35%; right:-30%; } .page4 .map .item.hd .info .left,.page4 .map .item.hd .round{ background-color:#7db1ff; } .page4 .map .item.hd .info i{ background-color:#72a1e8; } .page4 .map .item.hd .round.r1{ width:70px; height:70px; top:-20px; left:-10px; } .page4 .map .item.hd .round.r2{ width:65px; height:65px; top:-60px; left:0; } .page4 .map .item.hd .round.r3{ width:46px; height:46px; top:90px; left:0; } .page4 .fromBox{ position:absolute; float:none; top:0px; right:0px; width:150%; } .page4 .schoolChange .select{ left:auto; top:30px; right:0px; border:none; background-color:#2d7eb4; overflow:hidden; } .page4 .schoolChange .select dt{ color:#5899c4; } .page4 .schoolChange .select dl.line{ background-color:#2973a4; } .page4 .schoolChange .select .up{ border-color:#2973a4; } .page4 .schoolChange .select dd:hover,.page4 .schoolChange .select .up:hover{ background-color:#23638d; } .page4 .schoolChange .select dd.active{ background-color:#ffa300; } .page4 .world{ width:233px; height:155px; position:absolute; float:none; left:0px; bottom:0px; border:1px #1c6aa2 solid; background:#2277ae url(../images/world.png) no-repeat center center; } .page4 .world .dot{ width:4px; height:4px; border-radius:10px; background-color:#fff; position:absolute; float:none; bottom:88px; right:63px; z-index:10; -webkit-animation:star 2s infinite linear; animation:star 2s infinite linear; border:6px #fff solid; cursor:pointer; overflow:hidden; } .page4 .world .dot em{ font-style:normal; position:absolute; float:none; left:16px; top:-8px; line-height:16px; white-space:nowrap; padding:2px 10px; background-color:#13558b; color:#81c6ef; border-radius:20px; overflow:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .page4 .world .dot:hover{ z-index:10; overflow:inherit; } .page4 .world .dot:hover em{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; } @-webkit-keyframes star{ 0%{ border-color:#fff; } 50%{ border-color:#66cbff; } 60%{ border-color:#66cbff; } 100%{ border-color:#fff; } } @keyframes star{ 0%{ border-color:#fff; } 50%{ border-color:#66cbff; } 60%{ border-color:#66cbff; } 100%{ border-color:#fff; } }.w_hline-001 .p_HLine{ border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); } .w_hline-001{ position:absolute; width:300px; height:1px; left:100px; top:20px; } .w_hline-001 .w_hline{ width:100%; height:inherit; }.c_xintro_category-02001001{position:absolute;width:400px;height:200px;overflow:hidden}.c_xintro_category-02001001 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_xintro_category-02001001 >div{ animation-fill-mode:both; } .c_xintro_category-02001001 .stylebox_top_line{ height:0px; } .c_xintro_category-02001001 .stylebox_bottom_line{ height:0px; } .c_xintro_category-02001001 .stylebox_content{ border:none; } .c_xintro_category-02001001 .fl_box{ width:100%; overflow:visible; } .c_xintro_category-02001001 .yj_box{ display:block; float:left; width:150px; overflow:visible; background:#E4214E; margin-left:30px; border-radius:20px; } .c_xintro_category-02001001 .link{ display:block; position:relative; width:150px; text-align:center; font-size:16px; font-weight:400; } .c_xintro_category-02001001 .yj_link{ height:40px; line-height:40px; border:0px solid #ccc; } .c_xintro_category-02001001 .ej_link{ height:45px; line-height:45px; border:1px solid #ccc; border-top:none; } .c_xintro_category-02001001 .ej_box:not(:last-child) .ej_link{ border-bottom:none; } .c_xintro_category-02001001 .sj_link{ height:45px; line-height:45px; } .c_xintro_category-02001001 .ej_body{ width:100%; display:none; } .c_xintro_category-02001001 .ej_box{ position:relative; } .c_xintro_category-02001001 .sj_body{ position:absolute; left:100%; top:-1px; width:100%; overflow:hidden; display:none; border:1px solid #ccc; } .c_xintro_category-02001001 .yj_box:hover .ej_body{ display:block; } .c_xintro_category-02001001 .yj_box:hover .yj_link{ background-color:#ED403B; color:#fff; border-radius:20px; } .c_xintro_category-02001001 .yj_box:hover .yj_a{ color:#fff; } .c_xintro_category-02001001 .ej_box:hover .sj_body{ display:block; } .c_xintro_category-02001001 .ej_box:hover .ej_link{ background-color:#dd2829; color:#fff; } .c_xintro_category-02001001 .ej_box:hover .ej_a{ color:#fff; } .c_xintro_category-02001001 .sj_box:hover .sj_link{ background-color:#dd2829; color:#fff; } .c_xintro_category-02001001 .sj_box:hover .sj_a{ color:#fff; } .c_xintro_category-02001001 .a_color{ color:#fff; } .c_xintro_category-02001001 .h_bgc{ background-color:#dd2829; } .c_xintro_category-02001001 .css{ background-color:#dd2829; color:#fff; border-radius: 20px; } .c_xintro_category-02001001 a{ color:#fff; text-decoration:none; }.w_rbox-001{ position:absolute; width:300px; height:300px; } .w_rbox-001 .p_stylebox{ width: 100%;  }@keyframes scroll-icon{0% { -webkit-transform:translateY(-15px); transform: translateY(-15px); opacity: 1; } 50% { -webkit-transform:translateY(15px); transform: translateY(15px); opacity: 1; } 100% { -webkit-transform: translateY(-15px); transform: translateY(-15px); opacity: 1; }; } .w_img-002 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_img-002 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-002 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-002 .p_title:active{ color:rgba(69,165,161,1); } .w_img-002 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_dimage{ padding:0; border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-002 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-002 .p_dimage:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .e_title.w_img-002 .p_link002{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-002 .p_link002{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link002:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link002:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link002:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link002 .iconfont:before{ display: inline-block; content:""; } .e_title.w_img-002 .p_link001{display:inline-block;padding:0;color:#707070;font-size:14px;text-align:left;height:calc(100%); } .e_title.w_img-002 .p_link001{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link001:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link001:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link001:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link001 .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_box{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .w_img-002{position:absolute; width:300px; height:249px; } .w_img-002 .animated{ width:100%; height:100%; } .w_img-002 .font { white-space: nowrap; } .w_img-002 .p_link001{ width:100%; height:calc(100%); } .w_img-002 .p_link002{ width:100%; height:30px; } .w_img-002 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-002 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-002 .e_image:hover:after { background: transparent; }.w_img-002 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_img-002 >div{animation-fill-mode:both; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; }.pagebox,#-remove--flag{width:1200px;margin:0px auto;}body,#-remove--flag{} #c_breadcrumb_nav-1558464732426{ position:absolute; top:392px; left:0px; z-index:103; width:1200px; height:30px; } #c_xintro_category-1558464732431 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xintro_category-1558464732431 >div{ animation-fill-mode:both; } #c_xintro_category-1558464732431{ position:absolute; top:438px; left:315.5px; z-index:110; width:568px; height:45px; } #c_public_htmlCode-15584940591148728{ position:absolute; top:513px; left:600px; z-index:114; width:600px; height:775px; } #w_wbox-1558464732391 .p_wbox{ background-image:url(../images/casebg.jpg); background-image-part-image:url(../images/casebg.jpg); } #w_wbox-1558464732391 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1558464732391 >div{ animation-name:fadeInRight; animation-duration:1.5s; animation-delay:0.5s; animation-fill-mode:both; } #w_rbox-1558493785195 div.w_rbox>.p_rbox{ background-color:rgba(245, 183, 80, 1); } #w_rbox-1558493785195 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1558493785195 >div{ animation-fill-mode:both; } #w_rbox-1558464732401 .w_rbox{ margin:0; padding:0; width:100%; height:100%; opacity:0.3; } #w_img-1558464732411 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1558464732411 >div{ animation-name:fadeInRight; animation-duration:1.5s; animation-delay:0s; animation-fill-mode:both; } #w_img-1558493785249 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1558493785249 >div{ animation-fill-mode:both; } #w_hline-1558493785271 .p_HLine{ border-top-color:rgba(255, 255, 255, 1); border-top-style:solid; border-top-width:1px; } #w_hline-1558493785271 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1558493785271 >div{ animation-fill-mode:both; } #w_img-1558493933711 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1558493933711 >div{ animation-fill-mode:both; } #w_img-1558493968849 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1558493968849 >div{ animation-fill-mode:both; } #w_wbox-1558464732391{ position:absolute; top:92px; left:-356px; z-index:100; width:1912px; height:300px; } #w_rbox-1558493785195{ position:absolute; top:513px; left:0px; z-index:112; width:600px; height:725px; } #w_rbox-1558464732401{ position:absolute; top:102px; left:371px; z-index:100; width:300px; height:115px; } #w_common_text-1558464732421{ position:absolute; top:36px; left:39px; z-index:1; width:383px; height:104px; } #w_img-1558464732411{ position:absolute; top:108px; left:351px; z-index:101; width:220px; height:61px; } #w_img-1558493785249{ position:absolute; top:12px; left:35px; z-index:2; width:360px; height:199px; } #w_common_text-1558493785261{ position:absolute; top:217px; left:35px; z-index:3; width:193px; height:34px; } #w_hline-1558493785271{ position:absolute; top:268px; left:35px; z-index:4; width:51px; height:14px; } #w_common_text-1558493785277{ position:absolute; top:274px; left:35px; z-index:5; width:529px; height:224px; } #w_img-1558493933711{ position:absolute; top:503px; left:35px; z-index:7; width:139px; height:139px; } #w_img-1558493968849{ position:absolute; top:503px; left:362.5px; z-index:8; width:139px; height:139px; } #w_common_text-1558494003984{ position:absolute; top:648.5px; left:35px; z-index:9; width:139px; height:29px; } #w_common_text-1558494037380{ position:absolute; top:648.5px; left:362.5px; z-index:10; width:139px; height:29px; }