@charset "utf-8"; /* css document */ /*初始化*/ /* body{ background: #f4f4f4;} */ body,h1,h2,h3,p,ul,form,input,textarea,th,td,select{margin:0;padding:0;} li{list-style:none;} a{text-decoration:none;} img{border:none;vertical-align:top;height: 100%;width: 100%;border-radius: 3px;} table{border-collapse:collapse;} input,textarea{outline:none;} textarea{resize:none;overflow:auto;} body{font-size:14px;font-family:"微软雅黑";} body{ position:relative;} #logo_hover{ display:inline-block; position:absolute; right:0px; bottom:-76px; } #logo_hover img{ width:62px; height:80px; } /*小标签*/ @font-face { font-family: 'fontello'; src: ; src: format('embedded-opentype'), format('woff'), format('truetype'), format('svg'); font-weight: normal; font-style: normal; } .demo-icon { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; --margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 2em; --margin-left: .2em; color:#eb8a33; font-size:20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .nav_right form label .demo-icon.demo-glass{color:#ababab;} .nav_right form label .demo-icon.demo-glass:hover{color:#444444;} /*小标签结束*/ .clear:after { content:""; display:block; clear:both; } .fl { float:left; } .fr { float:right; } /*县停*/ #contact_way_wra{position:fixed; right:100px; top:300px;} .contact_way_hover,.sidebox,.sidebox .icon_i,.hover{ width:48px; height:48px;} .contact_way_wra { width:48px; height:100%; z-index:30;} .contact_way_hover,.sidebox .icon_i {border:1px solid #e5e5e5;} .contact_way_hover { background:#ffffff; margin-top:-1px; text-align:center; line-height:48px;} .contact_way_wra a { width:40px; height:40px; display:inline-block;} .sidebox { position:absolute;} .sidebox .icon_i { display:inline-block; position:absolute; right:0; overflow:hidden; border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; background:#ffffff;-webkit-transition:1s; margin-top:-1px; margin-right:-1px;} .side_red:hover { color:#eb2100; cursor:pointer; } .hover{ line-height:48px;} .sidebox .icon_i:hover{--width:120px;} .sidebox .icon_i:hover .hover{ color:#eb2100;} .contact_way_wra a{width:70px;} .side_content{ font-size:14px; color:#686868; line-height:48px; text-align:center; } /*县停弹窗结束*/ /*common*/ #head_wrap,#nav_wrap,.main_wrap,.main_wrap,.news { width:100%;} #header,.nav,.main-parent,#main_part { width:1140px; margin:0px auto; position:relative;} /* #header,.main_wrap,.main_wrap,.news { height:100%; } */ #header { position:relative;} #logo_text { position:absolute; top:32px; left:73px;} .logo_title{ font-size:22px; color:#ffffff; } .logo_h3 { font-size:12px; color:#ffffff; } .friendly_link {position:relative; margin-top: 20px;} .nav_left,#nav_wrap,.nav { height:60px;} .nav_right input,.main_notice,#ad li,.news_left,.news_right,.news_cen,.legal_left,.contact_way_hover,.landing { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #e5e5e5; } .submit,.sub_wrap { position:absolute; left:170px; top:0; background:#898989;} #main_video,#nav_wrap,.main_notice {background:#ffffff;} .main_notice { padding:0 17px; } #main_part { margin-bottom:17px; position:relative;} /*公用样式*/ .title { font-size:16px; color:#444444; height:52px; border-bottom:1px solid #d3d3d3; line-height:52px; text-align:left; font-weight:bolder; } .list,.list_text { font-size:14px; color:#898989; } .list_text { text-indent:13px; display:inline-block;} /*#head_wrap { height:250px; background:; background-size:100% 100%;}*/ #head_wrap { width: 100%; min-width: 1400px; height: 250px; background: url(/uploads/image/rcwqcimg/banner.jpg) no-repeat center; } /*#head_wrap { width: 100%; height: 250px; background: -moz-linear-gradient(top, #da282a 0%, #ef6131 100%); background: -webkit-linear-gradient(top, #da282a 0%, #ef6131 100%); background: -webkit-linear-gradient(top, #da282a 0%, #ef6131 100%); background: -o-linear-gradient(top, #da282a 0%, #ef6131 100%); background: -ms-linear-gradient(top, #da282a 0%, #ef6131 100%); background: linear-gradient(top, #da282a 0%, #ef6131 100%); }*/ /*退出*/ .landing{ width:106px; height:32px; background:#ffffff; position:absolute; right:0px; top:17px; text-align:center;} .lan_text{ color:#898989; letter-spacing:2px; display:inline-block;} .landing .lan_text span{ float:right; display:inline-block; width:20px; height:28px; background: no-repeat 2px 10px; cursor:pointer;} .lan_exit,.lan_text{ width:106px; height:30px; line-height:28px; text-align:center;font-size:14px;} .lan_exit{ display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#898989; color:#fff; display:inline-block; margin-top:3px; position:relative;} /*登陆*/ .register {margin-top: 10px; width:158px; height:36px; background:#fff; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border:1px solid #e5e5e5; text-align:center; position:absolute; right:10px;z-index: 9999999999; } .register a{ display:inline-block; line-height:36px; font-size:14px; color:#898989; } .register span{ display:inline-block; margin:0 5px; position:relative; padding:0px 12px;} .register a:hover{ color:#eb2100;} #nav_wrap { border-bottom :1px solid #e5e5e5; } .nav a { display:inline-block; width:90px; height:58px; text-align:center; line-height:58px; color:#686868; font-size:14px; font-weight:bold;} /* .nav_left a:hover { background-color:#eb2100; color:#fff;} */ .main_wrap { background:#f4f4f4; } .nav_right { padding-top:11px;} .sub_wrap a:hover{color:#444444;} .nav_right { padding-top:8px;} /*.nav_right input { width:197px; height:38px; font-size:14px; color:#888888; padding-left:11px; background:#f2f2f2;} */ .nav_right input { width:197px; height:38px; font-size:14px; color:#e57c1f; padding-left:11px; background:#f7c69a;} .nav_submit { position:relative;} .sub_wrap { background:#f4f4f4; display:inline-block; width:38px; height:38px; z-index:3;} .main_wrap { background:#f4f4f4; } /*轮播图开始*/ #main_video { width:565px; height:318px; --overflow:hidden; position:relative;} /* .direction{ width:543px; height:50px; padding: 0 10px; position:absolute; left:0px; top:140px; z-index:20; } */ #pic_dir_left,#pic_dir_right { position:absolute; display:inline-block; width:50px; height:50px; float:left; background: no-repeat ; z-index:10;} #pic_dir_left:hover{ background: no-repeat; cursor:pointer; background-position: 0px 5px; } #pic_dir_right:hover{ background: no-repeat; cursor:pointer; background-position: -112px 5px;} #pic_dir_left{ background-position: 0px 5px; left:5px; top:120px;} #pic_dir_right{ background-position: -112px 5px; left:510px; top:120px; } .pic_alist { position:absolute; left:0px; top:284px; width:100%; height:30px; z-index:40;} #main_video #pic_on_span span{ display:inline-block; width:10px; height:10px; border-radius:50%; float:right; background:#898989; margin-right:10px; cursor:pointer;} #main_video #pic_on_span span.f{ background:#eb2100; } /* #main_video #pic_on_span span:hover, #main_video #pic_on_span span:active, #main_video #pic_on_span span:visited, #main_video #pic_on_span span:link { background:#eb2100;cursor:pointer;} */ .vi_ul { position:absolute; left:0; width:565px;} .imgcon { height:100%; } .vi_ul li{ float:left; position:absolute; left:0; top:0; display:none;} .vi_ul .vi_pic { display:inline-block; height:318px;} .vi_left,.vi_right { width:565px; height:318px; display:inline-block; } .video_text { width:565px; height:57px; position:absolute; top:260px; z-index:2; } .video_content { font-size:16px; color:#ffffff; line-height:57px; padding-left:20px;} .opacity{ background:black; width:100%; height:57px; position:absolute; top:260px; --filter:alpha('opacity=50'); opacity:0.5; *filter: progid:dximagetransform.microsoft.alpha(opacity=50); } /*轮播图结束*/ .main_notice { width:523px; height:318px; } .list { padding-top:12px; } .main_notice .list .list_text.main_a{ width:500px;} .list .list_text { line-height:26px; width:524px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background: no-repeat 0 8px;} .list .list_text span { line-height:32px; } .english ul .list_text,.production ul .list_text,.news .list .list_text.news_a{width:310px; } .story ul .list_text {width:270px;} .pic_o_text{ display:inline-block; width:143px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #ad { width:100%; margin-bottom:20px; position:relative;} #ad li { width:275px; height:148px; background:#fff; } .ad_li{ margin-right:8px; } .ad_title { font-size:16px; color:#444444; display:inline-block; text-align:center; width:100%; height:100%; line-height:14;} .ad_title:hover{ box-shadow:3px 3px 4px #d3d3d3; } .ad_news { background: no-repeat 103px 26px;} .ad_tpgj { background: no-repeat 87px 26px;} .ad_compos { background: no-repeat 103px 26px;} .ad_class{ background: no-repeat 103px 26px;} .ad_game { background: no-repeat 103px 26px;} .news{ margin-bottom:18px;} .news_left,.news_right,.news_cen{ width:326px; height:100%; padding:0 18px; background:#ffffff; } .more{ font-size:12px; color:#898989; display:inline-block; float:right;} .more:hover{ color:#444444; cursor:pointer;} .list .list_text:hover { color:#eb2100; background: no-repeat 0 8px; } .news_left,.news_cen{ margin-right:18px;} #ad li img { position: absolute; left:224px; top:0px; width:51px; height:40px; } .ad_safe{background: no-repeat 103px 26px;} .ad_video{background: no-repeat 103px 26px;} .ad_zsds{background: no-repeat 103px 26px;} .ad_xfds{background: no-repeat 103px 26px;} .ad_huodong{background: no-repeat 103px 26px;} .law_match { display:inline-block; width:100%; height:82px; margin-bottom:18px; position:relative; border-radius:5px; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px;} .match_on { display:inline-block; width:100%; height:82px; margin-bottom:18px; position:relative; border-radius:5px; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px;} .law_match { width:1130px; } .learning_nav { width:1135px; height:42px; background:#eb2100; color:#ffffff; font-size:16px; text-align:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; line-height:42px; text-indent:20px;} .more_colr { color:#f59080; padding-right:23px;} .story,.production,.english { width:326px; padding:0 18px; background:#ffffff; margin-top:10px; position:relative; border-radius:5px; -webkit-border-radius:5px; border:1px solid #e5e5e5;} .story,.production { margin-right:20px; display:inline-block;} .story_video { width:100%; height:183px; background:gray; margin-top:20px; position:relative;} .student .title_o { font-size:16px; color:#898989;line-height:36px; text-align:left; font-weight:bolder; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .student .student_list { padding:0; } .student_wrap { margin-bottom:20px; position:relative;} .look_law { margin-top:0; height:90%; padding-bottom:10px;} .look_law ul .look_study{ width:100%; height:168px; } .look_studyser {width:143px; padding:15px 10px 0px 10px;} .look_pic { width:143px; height:102px; display:inline-block; margin-bottom:5px; position:relative;} .look_content {font-size:14px; line-height:20px; color:#898989; } .look_content:hover{ color:#eb2100;} .legal_common {width:100%; height:100%; padding-top:20px;} .legal_common .news-left{ margin-right:20px;} .student_foot { margin:20px 0 20px 0;} .ad_pic_left,.ad_pic_right { display:inline-block; height:82px; position:relative; background:#898989; border-radius:5px; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px;} .student_foot .ad_pic_left { width:749px; margin-right:15px; position:relative;} .student_foot .ad_pic_right { width:366px;} .teacher { margin-bottom:20px; position:relative;} .resource,.lec_room{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; border:1px solid #e5e5e5; } .resource{ background:#ffffff; } .teacher .resource { padding:0 20px 20px 20px; width:710px; height:100%; margin-right:22px; position:relative; } .teacher .lec_room { width:364px; } .teacher .teach_title{ margin-bottom:10px; position:relative; } .teacher .student_list{padding-top:0;} .lec_ad {width:366px; height:275px; background:#898989; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-top:20px;} .teacher .look_law{ height:100%; padding-bottom:10px; } .tag { display:inline-block; width:58px; height:28px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:14px; line-height:28px; text-align:center; background-color:#9bce00; color:#ffffff; margin-top:20px; margin-left:20px; position:relative;} .teach_wrap { width:712px;height:220px; border-bottom:1px solid #d3d3d3;} .friendly{ width:1140px; height:100%; padding-top:5px; } .friendly a{ display:inline-block; font-size:14px; color:#898989; line-height:30px; text-align: left; padding-right:20px; width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .friendly a:hover{ color:#eb2100; } .footer{ width:100%; background:#dddddd; text-align:center; padding-top:18px;} .contact_information{ } .footer a{ font-size:12px; line-height:24px; color:#898989;} .footer span{ color:#898989; } /*后添加的内容*/ /*悬停调整 尺寸 */ #icon_i_a:hover{ width:200px;} #icon_i_b:hover{ width:160px;} #icon_i_c:hover{ width:175px;} #icon_i_e:hover{ width:120px;} .contact_way_er { display: none; position: absolute; left: -58px; top: 430px; width: 120px; height: 120px; } /*使页面对齐后加样式*/ .sp { display:inline-block; width:143px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /*调整头部后添加的样式*/ #head_wrap .head-cen-pic { height: 100%; } /*.head-pic-img { width: 880px; height: 239px; padding: 11px 0px 0px 0px; }*/ .head-pic-img { width: 1140px; } .activex { color: #4596e5; border-bottom: 2px solid #4596e5; } #cer-look { color: #eb2100; border-bottom:0px; background: no-repeat 63px 3px; } #help-c { background: no-repeat 63px 3px; } .seach-new { height: 106px; padding-top: 72px; } .seach-new .hot-word{ font-size: 14px; line-height: 20px; color: #807b6a; } .hot-fa,.hot-jiang,.hot-qu{ font-size: 14px; line-height: 20px; color: #807b6a; padding: 0px 5px; } .hot-fa:hover,.hot-jiang:hover,.hot-qu:hover{ color: #003876; cursor: pointer; } .hot-word { padding-top: 10px; } .person-cen-wrap { position: relative; width: 120px; height: 60px; } .person-cir { width: 30px; height: 30px; background: #ffffff; border: 1px solid #898989; border-radius: 50%; } .wrap-i { height: 30px; padding-top: 15px; } #person-r .percer-exit { display: inline-block; border-radius:5px; -webkit-border-radius: 5px; width: 50px; height: 30px; background: #4596e5; } #new-nav a:hover { color:#4596e5; border-bottom:2px solid #4596e5;} #cer-look a:hover { color: #eb2100; border-bottom: none; } #person-r #tuichu{ display:inline-block; width:55px; background: no-repeat; border-radius:5px; line-height:38px; color:#fff; position:absolute; left:76px; top:39px; text-align:center; display:none; } #person-r #person-center { width: 77px; height: 40px; font-size: 14px; color: #898989; line-height: 30px; background: no-repeat 67px 13px; cursor: pointer; padding-left: 5px; text-align:left; } .toxfr { position: absolute; top: 70px; right: 88px; width: 30px; height: 30px; background: no-repeat center; } #head_wrap a:hover{ background: no-repeat center; } .bannerp { position: relative; padding-top: 71px; width: 100%; } .bannerp{ width: 100%; color: #eb2100; text-align: right; padding-right: 124px; box-sizing: border-box; } .bannerp h5{ margin:0px 0px; font-size: 24px; } .bannerp p{ font-size: 18px; } /* 后加样式 */ .teacher_otitle { position: relative; } .teacher_otitle .addonload { position: absolute; top: 0px; right: -230px; border-left: 1px solid #fff; border-right: 1px solid #fff; width: 160px; height: 100%; text-align: center; line-height: 60px; background: no-repeat 37px 20px; background-color: #d69c51; text-indent: 26px; color: #fff; cursor: pointer; }