.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; }body{ overflow-x:hidden; font-family:"微软雅黑" !important; } .c_nav_main-12001002{ position:absolute; width:400px; height: 46px; overflow:hidden; } .c_nav_main-12001002{ position:absolute; width:1920px; height: 46px; } .c_nav_main-12001002 .fix { } .fixed{ } .c_nav_main-12001002 .fix::before, .fix::after { clear: both; content: ""; display: table; } .c_nav_main-12001002 .oh { overflow: hidden; } .c_nav_main-12001002 .pa { position: fixed; } .c_nav_main-12001002 .pr { position: relative; width: 1200px!important; } .c_nav_main-12001002 .l { float: left; } .c_nav_main-12001002 .r { float: right; } .c_nav_main-12001002 .c { margin-bottom: -9999px; padding-bottom: 9999px; } .c_nav_main-12001002 .wrap { margin-left: auto; margin-right: auto; width: 1920px; } .c_nav_main-12001002 a { color: #fff; } #c_nav_main-15451994032437663 a { color: #000000; } .c_nav_main-12001002 a:hover { color: #fff; } .c_nav_main-12001002 a { outline: 0 none; text-decoration: none; transition: all 0.3s ease 0s; } .nav .nav_li>a{ position: relative; } .nav .nav_li>a:after { position: absolute; left: 0; width: 0%; bottom: 0px; height: 4px; background-color: #fff; content: ''; transition: all 0.5s; } .nav .nav_li>a:hover:after{ width: 100%; } .nav{ width: 100%; margin-top:0px; *width:1200px; } .nav .nav_li{ float:left; padding: 0 1.8%; height: 67px; background:url(../images/paste1535683126512.png) center right no-repeat; } .nav .nav_li .nav_a{ font-size: 17px; display:block; padding-bottom: 0px; height: 70px; line-height: 46px; font-weight: bolder; } .nav .nav_li .setNav{ width: auto; left:0; right:0; background: rgba(255, 255, 255, 0.88); border-top: 1px #eee solid; } .nav .nav_li .setNav .set-img{ width:27%; padding-top:0px; height: 175px; } .nav .nav_li .setNav .set-img img{ height:175px; width:310px; } .nav .nav_li .setNav .setCon .tit{ font-size:24px; color:#272727; margin-bottom: 10px; } .nav .nav_li .setNav .setMenu{ width:64%; } .nav .nav_li .setNav .setMenu li{ float: left; width: 28%; margin-right: 2%; margin-bottom: -1px; } .nav .nav_li .setNav .setMenu li a{ display: block; height: 54px; line-height: 54px; padding: 0 6%; color: #242424; font-size: 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .nav .nav_li .setNav .setMenu li a:hover{ background:#333333; color:#fff; } .nav .nav_li .setNav .setCon{ width: 100%; padding: 50px 0px 20px 0px; border-right: none; } .nav .nav_li .setNav .setCon .p{ color: #2b2b2b; line-height: 28px; height: auto; overflow: hidden; text-align: justify; letter-spacing: 0.5px; font-size:13px; } .nav .nav_li .setNav .setbottom{ height:50px; clear:both; } .nav .nav_li .setNav .set_close{ display:block; width:21px; height:21px; background:url(../images/rbqbhfmf2zaecntxaaaaahivhaw641.png) 0 0 no-repeat; right: 0; bottom:7%; } .nav .line { position: absolute; bottom: 0px; width: 0px; height: 0px; font-size: 3px; background-color: #00a0e9; display: none; } .nav .nav_li .setNav .tech-menuItems{ border:none; } .c_nav_main-12001002 .nav .nav1 .setNav{ display:none !important; } .c_nav_main-12001002 .nav .nav3 .setNav{ } #btn-menu span{ background-color: #fff; display: block; width: 30px; height: 3px; margin: 3px; transition: 0.3s ease; } #btn-menu{ width:40px; height:40px; position:fixed; right:30px; top:70px; z-index:99999} #btn-menu span:nth-of-type(1){ transform: translateY(4px) rotate(45deg); } #btn-menu span:nth-of-type(2){ transform: scale(0); } #btn-menu span:nth-of-type(3){ transform: translateY(-8px) rotate(-45deg); } #btn-menu p{ color:#fff} #btn-menu.close span:nth-of-type(1),#btn-menu.close span:nth-of-type(2),#btn-menu.close span:nth-of-type(3){ transform: translateY(0) rotate(0); transform: scale(1); } #menu .fixed{ transition:all 1s; opacity: 1; width: 1200px; margin: auto; float: left; background:url(../images/paste1535683126512.png) center left no-repeat; } #menu .fixed.close{ opacity:0; right: 20px; } .c_nav_main-12001002 #btn-menu span{ background-color:#000; } .c_nav_main-12001002 #btn-menu p{ color:#000; } .c_nav_main-12001002 .nav .nav_li .setNav .setMenu li a:hover{ background:#20AAF0; color: #fff!important; } a.fugaishouye{ width: 54px; height: 40px; display: block; position: absolute; z-index: 9; display:none; } .c_nav_main-12001002 .p_MatteIcon .iconfont:before{ content:'\e602'; }.c_search_total-02001001{ width: 890px; height: auto; font-size: 0; position: absolute; top: 20px; left: 50px; } .c_search_total-02001001 .p_contentBox{ width: auto; height: auto; overflow: visible; white-space: nowrap; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_search_total-02001001 .p_searchBox{ width: auto; height: auto; display: inline-block; vertical-align: middle; overflow: visible; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_search_total-02001001 .p_searchBox .p_input{ width: 220px; display: inline-block; height: 30px; vertical-align: middle; color: inherit; position: relative; font-size: 14px; } .c_search_total-02001001 .p_searchBox .p_input .last{ display: none; } .c_search_total-02001001 .p_searchBox .p_input .forward{ display: none; } .c_search_total-02001001 .p_searchBox .p_input .forward:before{ content: "\e6d5"; color: #797979; } .c_search_total-02001001 .p_searchBtn{ width: auto; height: 30px; display: inline-block; vertical-align: middle; font-size: 14px; color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: #21A9F0; text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: inherit; margin: 0; padding: 0 10px; cursor: pointer; font-family: inherit; font-weight: inherit; text-decoration: none; background-size: 100% 100%; border-radius: 0px 40px 0px 40px; } .c_search_total-02001001 .p_searchBtn .iconfont{ margin-right: 5px; } .c_search_total-02001001 .p_searchBtn .font{ display: table-cell; vertical-align: middle; bottom: 0; height: inherit; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; text-decoration: none; position: relative; text-align: center; } .c_search_total-02001001 .p_searchBtn .iconfont:before{ content: "\e661"; } .c_search_total-02001001 .p_input input, .c_search_total-01001 .p_input .InputText { display: inline-block; height: 100%; width: inherit; line-height: inherit; border-width: 1px; border-style: solid; border-color: #00AFEC; padding-left: 5px; padding-right: 5px; border-radius: 10px 10px 10px 10px; } .c_search_total-02001001 .p_select{ height: auto; position: relative; font-size: 0; display: inline-block; width: auto; vertical-align: middle; margin-left: -1px; } .c_search_total-02001001 .p_select input{ width: 75px; height: 30px; border: 1px solid rgba(240, 240, 240, 1); line-height: 30px; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; padding-left: 5px } .c_search_total-02001001 .p_select input:hover{ background-color: rgb(240, 248, 250); color: rgb(100, 190, 186); } .c_search_total-02001001 .p_select input:hover + .shape{ background-color: rgb(240, 248, 250); } .c_search_total-02001001 .p_select .shape { display: inline-block; width: 30px; height: 30px; position: absolute; right: 0; line-height: 30px; background-color: #fafafa; text-align: center; border: 1px solid rgba(240, 240, 240, 1); border-left: none; font-size: 12px; color: rgba(200, 200, 200, 1); } .c_search_total-02001001 .p_select .shape:before { content: "\e6c9"; } .c_search_total-02001001 .p_select .shape:hover { color: #65beba; } .c_search_total-02001001 .p_select .itembox { height: auto; width: 100%; position: absolute; top: 30px; left: 0px; border: 1px solid rgba(240, 240, 240, 1); border-top: 0; overflow-y: auto; z-index: 99; background-color: #fff; font-size: 12px; max-height: 180px; } .c_search_total-02001001 .p_select li { width: auto; height: 30px; line-height: 30px; display: block; text-align: center; } .c_search_total-02001001 .p_select li:hover{ background-color: rgb(240, 248, 250); color: rgb(100, 190, 186); } .c_search_total-02001001 .p_select li i img{ display: none; } .c_search_total-02001001 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_search_total-02001001 >div{ animation-fill-mode:both; } .c_search_total-02001001 .p_product .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_search_total-02001001 .p_info .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; } }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_bbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_bbox-001 .p_wbox { margin-top: 20px; }.w_bbox-001{ position:absolute; width:100%; height:120px; }.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; }#c_nav_main-15579257967362196 .p_MatteIcon .iconfont:before{ content:'\e602'; }#c_nav_main-15579257967362196{ position:absolute; top:22px; left:722px; z-index:102; width:911px; height:46px; } #c_public_htmlCode-15585754156730365 .box{ position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; z-index:999; }#c_public_htmlCode-15585754156730365 .weix, .pho, .qqq, .tp{ width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative; }#c_public_htmlCode-15585754156730365 .qq{ display:block; background:#6da9de url(../images/rbqbhfvffw6eoki_aaaaadluzss878.png) no-repeat center; }#c_public_htmlCode-15585754156730365 .qq:hover{ background-color:#488bc7; }#c_public_htmlCode-15585754156730365 .weixin{ background:url(../images/rbqbhvvffy-ebtn2aaaaakfhtlq402.png) no-repeat center; background-color:#78c340; }#c_public_htmlCode-15585754156730365 .weixin:hover{ background-color:#58a81c; }#c_public_htmlCode-15585754156730365 .weixin:hover .ewm{ display:block; }#c_public_htmlCode-15585754156730365 .phone{ background:#fbb01f url(../images/rbqbhvvff0ieu1cwaaaaaepkc2s188.png) no-repeat center; }#c_public_htmlCode-15585754156730365 .phone:hover{ background-color:#ff811b; }#c_public_htmlCode-15585754156730365 .phone:hover .tel{ display:block; }#c_public_htmlCode-15585754156730365 .top{ background:url(../images/rbqbg1vff1meeyw_aaaaai8pz3e434.png) 0px 0px no-repeat; background-color:#666666; }#c_public_htmlCode-15585754156730365 .top:hover{ background-color:#444; }#c_public_htmlCode-15585754156730365 .ewm{ position:absolute; left:-160px; top:0px; width:160px; height:160px; display:none; }#c_public_htmlCode-15585754156730365 .tel{ background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none; } #c_public_htmlCode-15585754156730365{ position:absolute; top:0px; left:0px; z-index:1; width:191px; height:167px; } #c_search_total-15598090087078015 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_search_total-15598090087078015 >div{ animation-fill-mode:both; } #c_search_total-15598090087078015 .p_product .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_search_total-15598090087078015 .p_info .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_search_total-15598090087078015{ position:absolute; top:97px; left:1268px; z-index:103; width:288px; height:32px; } #w_wbox-1557925796541 .p_wbox{ background-color:rgba(59, 157, 248, 0); box-shadow:0 0 20px rgba(0,0,0,0.6); background-image:url(../images/654a6s5g4sga.png); background-image-part-image:url(../images/654a6s5g4sga.png); background-size:100% 100%; } #w_wbox-1557925796541 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1557925796541 >div{ animation-name:slideInLeft; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_bbox-1557926279008 .p_wbox{ background-color:rgba(17, 17, 17, 1); } #w_bbox-1557926279008 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_bbox-1557926279008 >div{ animation-fill-mode:both; } #w_img-1557925796558 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1557925796558 >div{ animation-fill-mode:both; } #w_wbox-1557925796541{ position:absolute; top:0px; left:-356px; z-index:103; width:1912px; height:129px; } #w_rbox-1558575415563{ position:absolute; top:403.75px; left:1319px; z-index:106; width:241px; height:178px; } #w_bbox-1557926279008{ position:absolute; top:1793px; left:-356px; z-index:105; width:1912px; height:65px; } #w_img-1557925796558{ position:absolute; top:0px; left:332px; z-index:101; width:284px; height:90px; } #w_common_text-1558446150253{ position:absolute; top:25px; left:361px; z-index:1; width:1200px; height:24px; }