/****** reset 基本样式重置 strat ******/ /* 清除内外边距 ---------- */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0;} /* 各种字体矫正 --------- */ body, button, input, select, textarea { font: 14px/1 Microsoft YaHei, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; } button, input, select, textarea { font-size: 100%; outline: none;} address, cite, dfn, em, var { font-style: normal; } code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } small { font-size: 12px; } /* 重置列表元素 --------- */ ul, ol { list-style: none; } /* 重置文本格式元素 ----- */ a { color: #666; } i { font-style: normal;} a:hover { color: #2d86e0; } a, a:hover { text-decoration: none; } a:focus { outline: none; } abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help;} q:before, q:after { content: ''; } /* 重置表单元素 ------- */ legend { color: #000; } fieldset, img { border: none; } /* 重置表格元素 ------ */ /*table { border-collapse: collapse; border-spacing: 0; text-align: left; } table th { font-weight: normal; }*/ /* 重置 hr --------- */ hr { border: none; height: 1px;} /****** reset 基本样式重置 end ******/ /****** 复用性样式设置 strat ******/ .clearfix:after { content: "\200B"; display: block; height: 0; clear: both;} .clearfix { *zoom:1;} .clear{ display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; content:".";} .fl { float: left; } .fr { float: right; } .m0 { margin: 0; } .mt10 { margin-top: 10px; } .mb10 { margin-bottom: 10px; } .ml10 { margin-left: 10px; } .mr10 { margin-right: 10px; } .mt20 { margin-top: 20px; } .mb20 { margin-bottom: 20px; } .ml20 { margin-left: 20px; } .mr20 { margin-right: 20px; } .mb30 { margin-bottom: 30px; } .mt30 { margin-top: 30px; } .pd10 { padding: 10px; } .pt10 { padding-top: 10px; } .pb10 { padding-bottom: 10px; } .pl10 { padding-left: 10px; } .pr10 { padding-right: 10px; } .pt20 { padding-top: 20px; } .pb20 { padding-bottom: 20px; } .pl20 { padding-left: 20px; } .pr20 { padding-right: 20px; } .pd30 { padding: 30px; } .pt30 { padding-top: 30px; } .pt0 { padding-top: 0; } .pb0 { padding-bottom: 0; } h1, h2, h3, h4, h5 { font-weight: normal; } .fz20 { font-size: 20px; } .fz18 { font-size: 18px; } .fz16 { font-size: 16px; } .bold { font-weight: 800; } /****** 复用性样式设置 end ******/ html{ height: 100%;} body,.wrapper{ min-width: 1280px; min-height: 100%; position: relative;} .container{ width: 1180px; margin: 0 auto; position: relative;} .header{ width: 100%; height: 64px; background: #fff;} .logo{ margin-top: 20px; width: 251px;} .nav_list{ padding-left: 251px; padding-right: 214px;} .nav_list li{ float: left; text-align: center;} .nav_list li a{display: block; text-align: center; font: 16px/64px "微软雅黑"; color: #666666;} .hotline{ margin-top: 8px;} .phone{ font: 14px/24px "微软雅黑"; color: #989898;} .online{ display: block; padding-left: 23px; font: 12px/18px "微软雅黑"; color: #1881f7; background: url("/wwwzhongxi-educom/Resource/Template/3/images/zx.png") left center no-repeat;} .online:hover{ text-decoration: underline;} .nav_list li { position: relative;} .nav_list li i{ display: none; position: absolute; bottom: 5px; left: 50%; margin-left: -4.5px; color: #2871d5;} .nav_list>li:hover>a,.nav_list>.active>a{ color: #2871d5;} .nav_list .active i{ display: block;} .banner{ width: 100%; height: 500px;background-color: #4690f5;} .banner .container .banner_img{ margin-left: -187px;} .info_blcok{ width: 200px; padding: 20px; position: absolute; bottom: 40px; right: 60px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/shade.png");} .ewm { width: 120px; margin: 0 auto; margin-top: 0;padding: 4px; background: #FFFFFF;} .ewm img{width: 100%;} .info_blcok p{ margin-top:6px; display: block; font: 14px/18px "微软雅黑"; color: #FFFFFF; text-align: center;} .content_left{ width: 880px; float: left; margin-top: 102px;} .content_right{ width: 285px; float: right; margin-top: 73px;} .cont_block{ padding: 0 40px; position: relative; border-left: 1px solid #cccccc;} .cont_block .title{ height: 50px;} .cont_block .title p{width: 165px; height: 50px; padding-left: 27px; font: 24px/50px "微软雅黑"; color: #2871d5; background: url("/wwwzhongxi-educom/Resource/Template/3/images/titbg01.png") no-repeat left center; text-align: center; position: absolute; left: -5px; top: -25px;} .cont_block .text_list{ margin-left: 5px; margin-bottom: 80px;} .cont_block .text_list li{ margin-bottom: 24px;} .cont_block .text_list h3{ font: 28px/40px "微软雅黑"; font-weight: bold; color: #445e8d; font-weight: bold; margin-bottom: 6px;} .cont_block .text_list p{ font: 14px/24px "微软雅黑"; color: #666666; text-align: justify;} .right_nav li{ margin-bottom: 20px;} .right_nav li a{display: block; width: 284px; position: relative;} .right_nav .img_shade{ width: 284px; height: 240px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/imgshade.png") no-repeat center bottom; position: absolute; left: 0; top: 0;} .right_nav .title_p{ width: 176px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/underline.png") bottom center no-repeat; padding-bottom: 10px; position: absolute; bottom: 50px;} .right_nav .title_p p{ font: 18px/20px "微软雅黑"; font-weight: bold; color: #fafafa;} .p_left{ left: 20px; text-align: left;} .p_right{ right: 20px; text-align: right;} .a_hover{display: none; width: 284px; height: 240px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/a_hover_bg.png") no-repeat center; position: absolute; left: 0; top: 0;} .right_nav li a:hover .a_hover{ display: block;} .a_hover div{ width: 200px; margin: 80px auto 0; text-align: center; } .a_hover p{ font: 18px/24px "微软雅黑"; color: #FFFFFF;} .a_hover span{display: block; width: 200px; height: 32px; font: 12px/32px "微软雅黑"; color: #ec4b4b; background: url("/wwwzhongxi-educom/Resource/Template/3/images/titbg02.png") no-repeat center; margin-top: 10px;} .footer_fixer{ height: 140px; margin-top: 34px;} .footer{ width: 100%; position: relative; left: 0; bottom: 0; margin-top: -140px; background: #333333;} .footer_logo{ margin-top: 52px; width: 165px; float: left;} .footer_logo img{ width: 100%;} .footer .address{ float:left; padding-left:112px; margin-top: 32px;} .footer .address p{ line-height:180%; color:#b0b0b0; font-size:14px;font-family:"微软雅黑";} .footer .address .copyright{ color:#666; font-size:12px; padding-top:12px;} .foot-link{ float:left; padding-left:30px; margin-top: 32px; } .foot-link li{ float:left; margin:0 13px; } .foot-link li a{ position:relative; } .foot-link li a i.ico{ display:inline-block; width:27px; height:21px; background:url("/wwwzhongxi-educom/Resource/Template/3/images/foot-ico.png") no-repeat; } .foot-link li a i.ico1{ background-position:0px 0px; height: 23px;} .foot-link li a i.ico2{height:23px;background-position:0px -30px;} .foot-link li a i.ico3{ background-position:0px -60px;} .foot-link li a i.ico4{ background-position:0px -90px;} .foot-link li a:hover i.ico1{ background-position:-30px 0px;} .foot-link li a:hover i.ico2{ background-position:-30px -30px;} .foot-link li a:hover i.ico3{ background-position:-30px -60px;} .foot-link li a:hover i.ico4{ background-position:-30px -90px;} .foot-link .code-box{ display:none; position:absolute; width:112px; height:130px; left:-55px; bottom:20px; z-index:2; padding:10px 10px 0 10px; background:url("/wwwzhongxi-educom/Resource/Template/3/images/code-box.png") no-repeat; } .foot-link li a i.ico3:hover +.code-box{ display: block;} .foot-link .code-box img{ width:110px; height:110px; } /*VR百校行*/ .container .bxx_text{ margin-top: 150px;} .container .text_box{ width: 457px; height: 73px; padding: 10px; border: 1px solid #FFFFFF; margin-top: 15px; font: 16px/18px "微软雅黑"; color: #FFFFFF;} .news_content{ margin-top: 73px;} .news_list .news_img{ width: 240px; height: 157px;} .list_box{ position: relative;} .news_list li{ width: 845px; height: 183px; padding: 18px 37px 30px;} .news_list li a{display: block; width: 845px;height: 157px; padding: 14px 0 12px;} .news_list li:hover { background: url("/wwwzhongxi-educom/Resource/Template/3/images/li_hover_bg.png") no-repeat center;} .news_img{ float: left;} .news_text{ width: 580px; float: right; color: #666666;} .news_text .news_title{ font: 16px/30px "微软雅黑"; font-weight: bold;} .news_text .news_p{display: block; width: 100%; height: 80px; font: 14px/20px "微软雅黑"; text-align: justify;} .news_text .infobar{ font: 14px/20px "微软雅黑"; color: #999999; margin-top: 26px;} .news_text .infobar span{ margin-right: 50px;} .news_text .infobar i{ display: block; float: left; width: 19px; height: 12px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/eye.png") no-repeat center; margin-top: 4px; margin-right: 6px;} .page{ width: 530px; height: 35px; margin: 0 auto; margin-top: 30px;} .page span{ cursor: pointer; background-repeat: no-repeat; background-position: center;} .page .prev{margin-right: 5px; background-image: url("/wwwzhongxi-educom/Resource/Template/3/images/prev_ico.png");} .page .prev.disab,.page .prev.disab:hover{background-image: url("/wwwzhongxi-educom/Resource/Template/3/images/prev_ico_disab.png");} .page .prev:hover{background-image: url("/wwwzhongxi-educom/Resource/Template/3/images/prev_ico_hover.png");} .page .next{margin-left: 5px; background-image: url("/wwwzhongxi-educom/Resource/Template/3/images/next_ico.png");} .page .next.disab,.page .next.disab:hover{background-image: url("/wwwzhongxi-educom/Resource/Template/3/images/next_ico_disab.png");} .page .next:hover{background-image: url("/wwwzhongxi-educom/Resource/Template/3/images/next_ico_hover.png");} .page .disab{ width: 35px; height: 35px; border: none; background-color: #f2f2f2;} .page .page_list li{ float: left; margin: 0 5px;} .page_list li a,.page span{ display: block; width: 33px; height: 33px; border: 1px solid #999999; text-align: center; font: 16px/33px "微软雅黑"; color: #666666;} .page_list li a:hover,.page span:hover,.page_list li.active a{ color: #2871d5; border-color: #2871d5;} .img_list li{ float: left; margin:0 6px; margin-bottom: 20px;padding-bottom:20px;max-height:238px;} .img_box{ width: 280px;} .img_box img{ height: 185px;width: 283px;} .img_box .news_img_tit {display:inline-block;width:280px;height:76px;overflow:hidden;text-overflow:ellipsis;} .news_img_tit{ font: 14px/38px "微软雅黑"; color: #666666; text-align: center;} .news_img_tit i{ display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 21px; height: 17px; margin-right: 15px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/img_ico.png") no-repeat center;} .img_list li:hover .news_img_tit{ background: #FFFFFF; color: #2871d5;} .img_list li:hover .news_img_tit i{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/img_ico_hover.png") no-repeat center;} .img_list li:hover{ box-shadow: 0 5px 25px #CCCCCC;} .sign{ width: 400px; height: 388px; padding: 25px 0; background: #FFFFFF; position: absolute; right: 0; top: 31px;} .sign b{ border-left: 10px solid #2871D5; padding-left: 30px; font: 18px/21px "微软雅黑"; font-weight: bold; color: #2871D5;} .sign_box{ padding: 0 40px; margin-top: 20px;} .sign_row{ margin-bottom: 8px;} .sign_row input{ padding: 0 10px; height: 33px; margin-left: 10px; font: 14px/33px "微软雅黑"; color: #666666; border: 1px solid #CCCCCC;} .sign_row p{ font: 14px/30px "微软雅黑"; font-weight: bold; color: #666666;} .sign_row p i{ display: block; float: left; width: 10px; color: #ff0000;} .slt_box{ width: 143px; height: 33px; margin-left: 10px; font: 14px/33px "微软雅黑"; color: #666666; border: 1px solid #CCCCCC; position: relative; cursor: pointer; float: left;} .slt_box label{ cursor: pointer;} .slt_box .dh{display: block; margin: 0 10px; height: 33px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/aw01.png") no-repeat right center;} .sign_btn{ margin: 0 auto;} .sign_btn a{display: block; width: 300px; height: 50px; margin: 0 auto; margin-top: 14px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/sign_btn.png") no-repeat center; font: 14px/50px "微软雅黑"; color: #FFFFFF; text-align: center;} .sign_btn a:hover{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/sign_btn_hover.png") no-repeat center;} .option_box{position: absolute; display: none; width: 100%; max-height: 150px;overflow: auto; top: 33px; left: -1px; border: 1px solid #CCCCCC; background: #FFFFFF; z-index: 1;} .option_box .option_list li{ padding: 0 10px;} .option_list li:hover{ background: #2871D5; color: #FFFFFF;} .news_content b.title_b{ font: 28px/40px "微软雅黑"; font-weight: bold; color: #445e8d;} .cont_box{ margin-bottom: 30px;} .cont_box .news_p{ padding-right: 60px; font: 14px/22px "微软雅黑"; color: #666666;} .cont_box_border{ border-bottom: 1px solid #CCCCCC; padding-bottom: 40px;} .cont_box_border p.title{ font: 36px/120px "微软雅黑"; color: #666666; text-align: center;} .cont_box_border .map_box{ position: relative;} .cont_box_border .map_box img{ display: block; margin-left: 167px;} .map_box .tip_dot{position: absolute; width: 21px; height: 30px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/dot_ico.png") no-repeat center; cursor: pointer;} .tip01{ right:313px; top: 140px;} .tip02{ right:343px; top: 183px;} .tip03{ right:353px; top: 200px;} .tip04{ right:333px; top: 163px;} .tip05{ right:333px; top: 185px;} .tip06{ right:358px; top: 187px;} .tip07{ right:373px; top: 183px;} .tip08{ right:340px; top: 198px;} .tip09{ right:366px; top: 330px;} .tip10{ right:290px; top: 230px;} .tip11{ right:430px; top: 250px;} .tip12{ right:286px; top: 138px;} .tip13{ right:319px; top: 205px;} .tip14{ right:304px; top: 243px;} .tip15{ right:403px; top: 328px;} .tip16{ right:352px; top: 230px;} .tip17{ right:334px; top: 248px;} .tip18{ right: 452px;top: 304px;} .tip19{ right: 446px;top: 233px;} .tip20{ right: 486px;top: 171px;} .tip21{ right: 543px;top: 261px;} .tip22{ right: 521px;top: 147px;} .tip23{ right: 552px;top: 119px;} .tip24{ right: 472px;top: 193px;} .tip25{ right:408px; top: 208px;} .map_box .tip_box{ position: absolute; display: none; width: 290px; font: 14px/20px "微软雅黑"; color: #FFFFFF; top: 34px; right: 10px; z-index: 1;} .map_box .tip_box .tip_p{height: 40px; padding: 20px 25px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/tip_bg.png") no-repeat center;} .map_box .tip_dot:hover .tip_box{display: block;} .map_box .tip_dot:hover{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/dot_ico_hover.png") no-repeat center; z-index: 1;} .map_box .other_tips{ position: absolute; right: 335px; top: 166px;} .cont_box_border .news_list{ margin-left: -20px;} .cont_box_border .more_btn{display: block; width: 200px; height: 50px; margin: 20px auto 0; background: url("/wwwzhongxi-educom/Resource/Template/3/images/more.png") no-repeat center} .cont_box_border .more_btn:hover{background: url("/wwwzhongxi-educom/Resource/Template/3/images/more_hover.png") no-repeat center} .video_list .img_box p i{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/video_ico.png") no-repeat center;} .video_list li:hover .img_box p i{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/video_ico_hover.png") no-repeat center;} .video_list .img_box{ position: relative;} .video_list .video_shade{position: absolute; left: 0; top: 0; width: 280px; height: 186px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/videoshade.png") no-repeat center;} .video_list .video_shade i{display: block; width: 55px; height: 55px; position: absolute; left: 50%; top: 50%; margin-left: -27.5px; margin-top: -27.5px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/video_play.png") no-repeat center;} .video_shade:hover i{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/video_play_hover.png") no-repeat center;} .big_btn{ margin-top: 30px; display: block; width: 898px; height: 103px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/big_btn.png") no-repeat center; margin-left: -10px; text-align: center; line-height: 94px; font-size: 18px; color: #FFFFFF;} .big_btn:hover{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/big_btn_hover.png") no-repeat center; color: #FFFFFF;} .mous_out{ background: none; transition: all .6s ease;} .mous_out li a,.mous_out p,.mous_out a,.mous_out li.active a,.mous_out li i{color: #FFFFFF;} .mous_out .online{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/zx_w.png") left center no-repeat;} .block_nav{ height: 140px; padding: 30px 0; background: #f6f6f6; border-bottom: 1px solid #e7e5e5;} .block_nav .block_nav_list{ position: absolute; height: 140px;} .block_nav_list{ width: 1200px; height: 140px;} .block_nav_list li{position: relative; float: left; margin-right: 15px;} .block_nav_list .block_nav_a{ display: block; position: relative; width: 285px; height: 140px;} .block_nav_list .block_nav_a .block_nav_tit{ position: absolute; left: 10px; bottom: 10px; color: #FFFFFF; font-size: 16px;} .block_nav_shade{ display: none; position: absolute; left: 0; top: 0; width: 285px; height: 140px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/block_nav_shade.png") no-repeat center; z-index: 1;} .block_nav_shade p{ font: 22px/30px "微软雅黑"; color: #FFFFFF; text-align: center; margin-top: 40px; margin-bottom: 10px;} .block_nav_shade span{ display: block; margin: 0 auto; width: 200px; height: 32px; line-height: 32px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/titbg02.png") no-repeat center; text-align: center; font-size: 12px; color: #ec4b4b;} .block_nav_list li:hover .block_nav_shade{ display: block;} .block_nav_list li:hover .block_nav_tit{ display: none;} .yuyue{ display: block; position: absolute; right: 0; top: 0; padding-left: 6px; width: 38px; height: 24px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/yybg.png") no-repeat left center; text-align: center; font: 14px/24px "微软雅黑"; color: #FFFFFF;z-index: 2;} .yuyue:hover{ color:#fff;} .main_content .title{ font: 30px/40px "微软雅黑"; color: #333333; text-align: center; padding-top: 90px;} .main_content .title .line{display: block; width: 50px; height: 2px; background: #168deb; margin: 8px auto 30px;} .main_content .title.white{ color: #FFFFFF;} .title.white .line{ background: #FFFFFF;} .main_content .main_text{ padding: 0 30px; text-align: center; font: 18px/30px "微软雅黑"; color:#666;} .main_content .video_box{ width: 870px; height: 496px; margin: 0 auto; margin-bottom: 40px; margin-top: 20px;} .difficulty{ background: #e9eef4; padding-bottom: 100px;} .difficulty_list a{ position: relative; display: block; width: 285px; float: left; margin-right: 13px;} .difficulty_list a p{ font: 20px/30px "微软雅黑"; color: #666666; text-align: center;} .difficulty_list .advantage_box{ display:none; position: absolute; left: 0; top: 0; width: 285px; height: 326px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/a_hover_bg.png"); } .difficulty .advantage_box p{ color: #FFFFFF; line-height: 326px;} .difficulty_list a:hover .advantage_box{ display: block;} .dzxt{ height: 644px; background-color:#012140 ; background-image: url("/wwwzhongxi-educom/Resource/Template/3/images/dzxt2.jpg"); background-position:center ; background-repeat:no-repeat ;} .yjgc{ height: 882px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/yjgc.jpg") no-repeat center; position: relative; background-color: #c7c3ba;} .rjxt{ height: 306px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/rjxt.png") no-repeat top center;} .yjgc .dots{ display: block; width: 31px; height: 31px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/dotbg.png") no-repeat center; position: absolute; cursor: pointer;} .yjgc .dots span{position: absolute; display: none; background: #FFFFFF; padding: 5px 10px; border-radius: 5px; font: 14px/20px "微软雅黑"; color: #666666;z-index: 3;} .yjgc .dots span p{ display: block; width: 140px; float: left;} .yjgc .dots span b{display: block;} .yjgc .dots:hover span{ display: block;} .yjgc .dots:hover{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/dotbg_hover.png") no-repeat center;} .yjgc .dot01{ left: 272px; top: 394px;} .yjgc .dot01 span,.yjgc .dot02 span,.yjgc .dot04 span{ left: 15px; top: 35px;} .yjgc .dot02{ left: 31px; top: 404px;} .yjgc .dot03{ left: 52px; top: 404px;} .yjgc .dot03 span{ bottom: 26px; left: 26px;} .yjgc .dot04{ left: 72px; top: 338px;} .yjgc .dot05{ left: 391px; top: 344px;} .yjgc .dot05 span{ top: 26px; right: 26px;} .yjgc .dot06{ left: 479px; top: 368px;} .yjgc .dot06 span{ bottom: 26px; right: 26px;} .yjgc .dot07{ left: 675px; top: 717px;} .yjgc .dot07 span{ top: 26px; right: 26px;} .yjgc .dot08{ left: 788px; top: 727px;} .yjgc .dot08 span{ bottom: 26px; left: 26px;} .yjgc .dot09{ left: 800px; top: 752px;} .yjgc .dot09 span{ bottom: 26px; left: 26px;} .yjgc .dot10{ left: 1111px; top: 569px;} .yjgc .dot10 span{ bottom: 26px; right: 26px;} .rj_list{ width: 1200px;} .rj_list li{ position: relative; float: left; margin-right: 20px; margin-bottom: 44px; cursor: pointer;} .rj_list li p{display: block; width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; font: 16px/40px "微软雅黑"; color: #FFFFFF;z-index: 1;} .rj_list li .bottmo_shade{display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 62px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/bottombg.png") no-repeat left;} .rj_list li .box_shade{position: absolute; display: none; left: 0; top: 0; width: 100%; height: 290px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/a_hover_bg.png");z-index: 2;} .rj_list li:hover .box_shade{ display: block;} .glpt { height: 704px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/glpt.jpg") no-repeat top center; background-color:#f2f9ff; } .gtays{ height: 878px;background: url("/wwwzhongxi-educom/Resource/Template/3/images/gtays.png") no-repeat top center;} .user{ height: 630px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/userbg.png") no-repeat bottom center;} .user_list li{ float: left; border: 1px solid #d7d7d7; border-width: 0 1px 1px 0;} .user_list .last{ border-right: none;} .user_list .no_btbd{ border-bottom: none;} .user_list li a{ display: block; width: 224px; height: 163px; cursor: default;} .user01 a{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg01.png") no-repeat center;} .user02 a{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg02.png") no-repeat center;} .user03 a{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg03.png") no-repeat center;} .user04 a{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg04.png") no-repeat center;} .user05 a{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg05.png") no-repeat center;} .user06 a{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg06.png") no-repeat center;} .user07 a{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg07.png") no-repeat center;} .user08 a{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg08.png") no-repeat center;} .user09 a{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg09.png") no-repeat center;} .user10 a{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg10.png") no-repeat center;} .user01 a:hover{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg01_hover.png") no-repeat center;} .user02 a:hover{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg02_hover.png") no-repeat center;} .user03 a:hover{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg03_hover.png") no-repeat center;} .user04 a:hover{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg04_hover.png") no-repeat center;} .user05 a:hover{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg05_hover.png") no-repeat center;} .user06 a:hover{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg06_hover.png") no-repeat center;} .user07 a:hover{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg07_hover.png") no-repeat center;} .user08 a:hover{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg08_hover.png") no-repeat center;} .user09 a:hover{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg09_hover.png") no-repeat center;} .user10 a:hover{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/logoimg10_hover.png") no-repeat center;} .hzgy{position: relative; height: 674px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/hzgy.jpg") no-repeat top center; background-color: #4e4e4e;} .hzgy .container .text{ width: 700px; font: 24px/40px "微软雅黑"; color: #FFFFFF; position: absolute; left: 400px; top: 150px;} .hzgy .text span{ font: 18px/20px "微软雅黑"; color: #0096ff;} .index_banner{background-image: url("/wwwzhongxi-educom/Resource/Template/3/images/index.jpg"); background-repeat: no-repeat; background-position: center;} .bxx{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/bxx.jpg") no-repeat center;} .zhds{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/zhds.jpg") no-repeat center;} .sxtyg{position: relative; background: url("/wwwzhongxi-educom/Resource/Template/3/images/cxotyg.jpg") no-repeat center;} .zhsxs{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/vrsxs.jpg") no-repeat center;} .zhds_content{ padding: 40px 30px;} .zhds_content h3{ font: 30px/40px "微软雅黑"; color: #666; text-align: center; margin-bottom: 20px;} .zhds_content p{ font: 14px/24px "微软雅黑"; color: #666; text-indent: 2em; margin-bottom: 15px;} .zhds_content b{ font: 20px/40px "微软雅黑"; color: #2871d5; font-weight: bold; margin-top: 10px; display: block; margin-bottom: 15px; margin-top: 25px;} .pops{display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url("/wwwzhongxi-educom/Resource/Template/3/images/popshade.png"); z-index: 99;} .Absolute-Center { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .pop_content{display: none; width: 700px; height: 550px; background: #FFFFFF; border-radius: 5px;} .pop_content .title{ padding: 0 26px; height: 66px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/pop_line.png") no-repeat bottom center;} .pop_content .title span{float: left; font: 18px/66px "微软雅黑"; color: #4690f5;} .pop_content .title .close{display: block; float: right; margin-top: 20px; width: 26px; height: 26px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/close_ico.png") no-repeat center; cursor: pointer;} .pop_content .title .close:hover{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/close_ico_hover.png") no-repeat center;} .pop_cont{ padding: 0 26px; margin-top: 20px;} .pop_cont p{ font: 14px/20px "微软雅黑"; color: #666666; margin-bottom: 6px;} .pop_cont p b{ display: block; float: left; height: 26px; padding: 0 5px; margin-right: 7px; line-height: 26px; border: 1px solid #999;} .pop_cont p[class]{line-height: 26px;} .pop_img{ height: 180px; margin-top: 16px;} .pop_img p{ font: 14px/40px "微软雅黑"; color: #666666; text-align: center;} .pop_img_box .img{ width: 260px; height: 150px; background: #aaaaaa; overflow: hidden;} .pop_img_box img{width: 100%;} .right_link{ position: fixed; right: 0px; top: 50%; margin-top: -119px; width: 105px; height: 238px; background: #168deb; z-index: 11111;} .right_link .zx{ width: 100%; height: 97px; font: 16px/20px "微软雅黑"; color: #FFFFFF; text-align: center; cursor: pointer;} .right_link .zx i{ display: block; width: 25px; height: 22px; margin: 0 auto; padding-top: 20px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/zx_ico.png") no-repeat bottom center;} .right_link .zx p{ margin-top: 10px;} .right_link .gta_code{ width: 97px; height: 97px; padding: 3px; background: #FFFFFF; margin: 0 auto;} .right_link .gta_code img{ width: 100%;} .right_link span{display: block; width: 105px; height: 39px; background: #d6d6d6; cursor: pointer; font: 16px/38px "微软雅黑"; color: #333333; text-align: center; margin-top: 1px;} .b_style b{ font: 16px/24px "微软雅黑"; font-weight: bold;} .news_content .news_tit{ color: #2c231d;font-size: 24px;text-align: center;font-weight: normal; margin-top: 40px;} .breadcrumbs{ line-height:69px; border-bottom: 1px solid #CCCCCC; } .breadcrumbs a,.breadcrumbs span{ color:#3a2d25; font-size:16px; line-height:30px; padding:0 5px; } .breadcrumbs a:hover{ color:#2871d5; } .breadcrumbs i.ico{ display:inline-block; width:18px; height:16px; vertical-align:middle; margin-top:-4px; margin-right:5px; background:url("/wwwzhongxi-educom/Resource/Template/3/images/homeico.png") no-repeat center; } .col-main .breadcrumbs{ border-bottom:none; } .function{ padding:35px 0 10px 0; overflow:hidden; } .function .pageviews{ float:right; line-height:28px; } .function .share-box{ float:right; padding-left:34px; } .share-box span{ float:left; color:#5c5855; line-height:25px; } .share-box ul{ display:inline-block; } .share-box li{ float:left; margin-left:10px; } .share-box li .ico{ display:inline-block; width:25px; height:25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .share-box li.share1 .ico{background-position:-60px -30px;} .share-box li.share2 .ico{background-position:-90px -30px;} .share-box li.share3 .ico{background-position:-120px -30px;} .share-box li.share4 .ico{background-position:-150px -30px;} .share-box li.share1:hover .ico{background-position:-60px -60px;} .share-box li.share2:hover .ico{background-position:-90px -60px;} .share-box li.share3:hover .ico{background-position:-120px -60px;} .share-box li.share4:hover .ico{background-position:-150px -60px;} .news_content .video_img{ width: 640px; /*height: 480px;*/ margin: 20px auto;} .news_content .video_img img{ max-width: 100%;} .news_content .news_t{ width: 100%; float: none;} .news_content .news_t p{ padding: 20px 20px 0; font: 16px/28px "微软雅黑"; color: #666666; text-indent: 2em;} .keyword{ margin-top: 30px; font-size: 16px; padding: 24px 0; } .keyword span{ margin: 0 20px 0 10px; color: #2871d5; } .section-box{ width: 100%; border-top:1px solid #e6e6e6; margin:10px 0 20px 0; overflow: hidden; padding-top:30px; } .section-box h3{ font-size: 18px; color:#2c231d; font-weight:normal; padding-bottom: 15px; } .relevant-list ul li a{ display: inline-block; font-size: 16px; margin-bottom: 16px; color: #5c5855; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .relevant-list ul li a:hover{ color:#2871d5; } .relevant-list ul li span{ float: right; color:#5c5855; } .steps{ width: 700px; margin: 0 auto; margin-top: 30px;} .steps .stepbox{ width: 300px; float: left; text-align: center; position: relative; margin-left: 100px; margin-bottom: 120px;} .stepbox .step_cont span{ display: block; width: 67px; height: 28px; padding-left: 5px; font: 14px/28px "微软雅黑"; font-weight: bold; color: #ff874c; text-align: center; background: url("/wwwzhongxi-educom/Resource/Template/3/images/step/stepbg.png") no-repeat center;} .stepbox .step_cont p{font: 14px/20px "微软雅黑"; color: #666666; margin-top: 10px;} .stepbox .step_cont img{display: inline-block; margin-top: 26px;} .steps .stepbox .step_aw01{ width: 87px; height: 39px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/step/step_aw01.png") no-repeat center;} .steps .stepbox .step_aw02{ width: 38px; height: 51px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/step/step_aw02.png") no-repeat center;} .steps .stepbox .step_aw03{ width: 85px; height: 39px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/step/step_aw03.png") no-repeat center;} .steps .stepbox .step_aw04{ width: 52px; height: 43px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/step/step_aw04.png") no-repeat center;} .steps .stepbox>span{ display: block; position: absolute;} .step_aw01{ top: 230px; right: -90px;} .step_aw02{ bottom: -100px; left: 130px;} .step_aw03{ left: -100px; top: 170px;} /*页脚样式 2*/ .footer{ /*height:140px;*/ width:100%; min-width: 1200px; /*background: url("/wwwzhongxi-educom/Resource/Template/3/images/foot_b.png");*/ background:#091930; color:#c8c8c8; } .footer .container{ height:100%; width:1200px; margin:0 auto; position:relative; padding:50px 0; } .footer .container>img{ margin:50px 20px; vertical-align: top; } .f_word{ display:inline-block; height:100%; } .f_word>p:hover{ /*color:#666;*/ } .f_word>p{ height:30px; line-height:30px; font-size:14px; } .f_word>p.police_p{ margin-top:15px; } .f_word>p.police_p>a>span{ display:inline-block; *display:inline; *zoom:1; margin-left:30px; } .f_word>p.police_p>a{ color:#c8c8c8; } .f_word>p.police_p>a:hover{ /*color:#666;*/ } .f_word>p.police_p>a>span>i{ display:inline-block; *display:inline; *zoom:1; height:20px; width:25px; background:url("/wwwzhongxi-educom/Resource/Template/3/images/foot_police.png") no-repeat; position:relative; top:3px; margin-right:10px; } span.space{ display:inline-block; width:25px; } .footer .icon{ display:inline-block; *display:inline; *zoom:1; padding:0 0 0 60px; text-align: right; } .footer .icon>img{ height:35px; width:150px; margin-right:12px; } .footer .icon_box{ margin-top:30px; position:relative; } .footer .icon_box>li{ display:inline-block; width:30px; height:25px; margin-right:15px; } .icon_box>li>a{ display:inline-block; } .footer .icon_box>li>a>i{ display:inline-block; height:24px; width:28px; } /*tubiao yejiao*/ .footer .icon_box .ico{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/sprite.png") no-repeat; } .footer .icon_box .ico1{ background-position:0 -31px; } .footer .icon_box .ico2{ background-position:0 -60px; } .footer .icon_box .ico3{ background-position:0 -90px; } .footer .icon_box .ico4{ background-position:0 -120px; } /*hover*/ .footer .icon_box .ico1:hover{ background-position:-30px -31px; } .footer .icon_box .ico2:hover{ background-position:-30px -60px; } .footer .icon_box .ico3:hover{ background-position:-30px -90px; position:relative; } .footer .icon_box .ico4:hover{ background-position:-30px -120px; } .footer .code_box{ display: none; position: absolute; width: 132px; height: 140px; left: 45px; bottom:30px; } .footer .code_box>img{ width:100%; height:100%; } .footer .police_icon{ position:relative; top:15px; padding-left:35px; } .footer .police_icon>a>img{ vertical-align:text-bottom; position:absolute; top:-4px; left:0; } .footer .police_icon>a>span{ display:inline-block; margin-bottom:12px; color:#787878; } .police_icon>a:hover span{ /*color:#999;*/ }.wrapper { width:100%; min-width: 1200px; position: relative; } .header{ width: 100%; height: 80px; /*position: absolute; z-index: 1; transition: all .6s ease;*/ background: #fff; } .container { width: 1200px; margin: 0 auto; position: relative; } .logo { margin-top: 17px; width: 251px; } .nav_list .active i { display: block; } .mous_out li a, .mous_out p, .mous_out a, .mous_out li.active a, .mous_out li i { color: #FFFFFF; } .nav_list>li { float: left; width: 110px; text-align: center; position: relative; } .nav_list>li i { display: none; position: absolute; bottom: 5px; left: 50%; margin-left: -4.5px; color: #2871d5; } .nav_slide_menu{ background:none; font-size:16px; position:absolute; top:80px; left:-48px; display:none; overflow: hidden; /*padding:15px 0;*/ transition: background 1s ease; } .hdl_menu{ width:210px; } .gd_pro_menu{ /*width:100%;*/ width:210px; } .hvr_border{ position:absolute; bottom:0; left:0; width:100%; height:2px; background: #2871d5; display:none; } .nav_slide_menu>li{ padding:5px 10px; float:none; } .nav_slide_menu>li>a{ color:#666; height:36px; line-height:36px; } .nav_slide_menu>li>a:hover{ color:#2871d5; } .mous_out .nav_list li a, .mous_out .nav_list p, .mous_out .nav_list a, .mous_out .nav_list li.active a, .mous_out .nav_list li i { color: #FFFFFF; } .header .hotline { margin-top: 28px; } .phone { font: 14px/24px "微软雅黑"; color: #989898; float:left; margin-right:25px; } .mous_out .online { background: url("/wwwzhongxi-educom/Resource/Template/3/img/head/zx_w.png") left center no-repeat; } .nav_list>li:hover>a, .nav_list .active>a { color: #2871d5; } .nav_list>li>a { display: block; text-align: center; font: 16px/80px "微软雅黑"; color: #666666; } .online { display: block; padding-left: 23px; margin-top:2px; font: 12px/18px "微软雅黑"; color: #1881f7; background: url("/wwwzhongxi-educom/Resource/Template/3/images/head/zx.png") left center no-repeat; } .online:hover{ text-decoration: underline; } .mous_out { background: url(about:blank); transition: all .6s ease; } /*border_ani 特效边框 开始*/ .hide{ display:none; } .border_ani{ position:relative; width:284px; height:240px; color:#63f9ff; text-align: center; } .border_ani img{ width:100%; height:100%; } .border_ani .pro_name{ position:absolute; bottom:0; width:100%; height:40px; line-height:40px; background:url("/wwwzhongxi-educom/Resource/Template/3/images/ban/ct5_img_mdl.png") no-repeat; } /*hover 效果 */ .border_ani .pro_li_hvr{ position:absolute; top:0; left:0; width:100%; height:100%; line-height:240px; background:url("/wwwzhongxi-educom/Resource/Template/3/images/sp_img/sp_pro_img_mdl.png") no-repeat; } .border_ani .pro_li_hvr .hvr_txt{ display:none; } .border_ani{ overflow:hidden;} .border_ani a{ display:block; } .border_ani .borderl{ width:1px; height:0; position:absolute; left:10px; bottom:10px; background:#63f9ff; z-index:2} .border_ani .borderr{ width:1px; height:0; position:absolute; right:10px; top:10px; background:#63f9ff; z-index:2} .border_ani .borderc1{ width:0; height:2px; position:absolute; left:113px; bottom:0; background:#63f9ff; z-index:2; } .border_ani .borderc2{ width:0; height:2px; position:absolute; right:114px; bottom:0; background:#63f9ff; z-index:2; } .border_ani .bordert{ height:1px; width:0; position:absolute; left:10px; top:10px; background:#63f9ff; z-index:4} .border_ani .borderb{ height:1px; width:0; position:absolute; right:10px; bottom:10px; background:#63f9ff; z-index:4} /*pro_list 特效边框 结束*/