@charset 'utf-8'; /* footer */ #footer{padding-bottom:10px;width:100%;background:#eee;color:#999;font-size:12px} #footer .footer_all{margin:0 auto;width:1200px} #footer .footer_main{padding-top:20px} #footer .footer_text{float:left;padding:20px 0;padding-right:20px;width:400px} #footer .footer_text h2{color:#333;font-size:18px;line-height:26px} #footer .footer_text p{color:#666;font-size:14px;line-height:22px} #footer .footer_menu{float:left;margin-left:120px;padding:20px;width:340px;border-right:1px dotted #ccc;border-left:1px dotted #ccc} #footer .footer_menu ul li{float:left;margin:0 16px;text-align:center} #footer .footer_weixin{float:left;padding-left:100px;width:130px;text-alignc:enter} #footer .footer_logo{height:90px;border-top:1px dotted #ccc;background:url("/style/images/footer_logo.png") center no-repeat} #footer .footer_img{float:left;margin-top:14px;margin-left:450px;width:153px;height:47px} #footer .footer_copyright{border-top:1px dotted #ccc} #footer .footer_copyright p{text-align:center;line-height:40px} #footer .ft_4{height:30px;border-top:1px dotted #ccc} #footer .ft_4 li{float:left;margin-right:10px;list-style:none;line-height:30px} .footer_weixin p{line-height:2} .footer_menu{line-height:24px} .footer_menu a{color:#333;text-decoration:none} .footer_menu a:hover{color:#6eb92b} .foot_top{height:30px} .pull_left { float: left; } .pull_right { float: right; } .hide { display: none; } .icon { display: inline-block; vertical-align: middle; margin-top: -2px; } .strong { /* font-weight: bold; */ } input { outline: none; border: none; } p { line-height: 1; } .row { margin: 0 auto; width: 1200px; } .fixed { background: #d2d2d2; } .fixed_con { height: 40px; background: #d2d2d2; font-size: 12px; color: #999; line-height: 40px; } .tel_icon { height: 11px; width: 14px; background: url("/style/images/tel_icon.png") center no-repeat; } .fixed_con a { margin: 0 14px; color: #999; } .fixed_con span.pull_left { padding-left: 12px; } .header_con { padding: 13px 0 8px; } .logo_box h1 { padding: 0px 0 0 72px; margin: 0 80px 0 0; width: 171px; border-right: 1px solid #ddd; } .logo_box h1 img { display: block; width: 108px; height: 102px; } .txt_img { display: block; margin: 30px 0 0 0; } .search { margin: 24px 0 0 0; width: 578px; font-size: 13px; color: #999; } .search_opts a { color: #999; margin: 0 10px 0 0; } .search_box { position: relative; margin: 6px 0 0 0; padding: 9px 46px 9px 8px; border: 1px solid #df4754; } .search_box input { width: 100%; height: 16px; line-height: 16px; } .search_btn { position: absolute; right: 0; top: 0; height: 34px; width: 46px; background: #df4754 url("/style/images/search_icon.png") center no-repeat; } .nav { background: #df4754; } .nav_con { background: #df4754; height: 50px; color: #FFF; line-height: 50px; position: relative; } .guid_btn { position: relative; width: 244px; height: 50px; text-align: center; font-size: 20px; background: #c32b26; line-height: 54px; } .menu_icon { position: absolute; top: 18px; left: 30px; margin: 0; height: 18px; width: 22px; background: url("/style/images/menu_icon.png") center no-repeat; } .nav_list li { margin-left: 2px; } .nav_list li { float: left; } .nav_list li a { display: block; width: 116px; height: 50px; text-align: center; color: #FFF; font-size: 14px; -webkit-transition: all 200ms linear; -ms-transition: all 200ms linear; -moz-transition: all 200ms linear; transition: all 200ms linear; } .nav_list li a:hover { background: #cc3333; } .menu_list { padding-top: 28px; width: 242px; height: 413px; background: #eeeeee; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .menu_list_hover { background: #FFF; } .menu_list_hover:before { content: ''; position: absolute; top: 0; left: -4px; width: 4px; height: 100%; background: #df4754; } .menu_list li { position: relative; padding: 0 14px; } .menu_item { /*padding: 10px 12px 10px 60px;*/ padding: 10px 4px 10px 60px; border-top: 1px dotted #ddd; font-size: 12px; color: #999; } .menu_item a { margin: 0 2px; color: #999999; font-size: 12px; } .menu_item a:hover { color: #df4754; text-decoration: underline; } .menu_item p.strong { margin-bottom: 12px; font-size: 14px; color: #333; } .item_one { background: url("/style/images/menu_icon1.png") 10px center no-repeat; } .item_two { background: url("/style/images/menu_icon2.png") 10px center no-repeat; } .item_three { background: url("/style/images/menu_icon3.png") 10px center no-repeat; } .item_four { background: url("/style/images/menu_icon4.png") 10px center no-repeat; } .item_five { background: url("/style/images/menu_icon5.png") 10px center no-repeat; } .item_six { border-bottom: 1px dotted #ddd; background: url("/style/images/menu_icon6.png") 10px center no-repeat; } .online_zx { display: block; margin: 9px auto; height: 36px; width: 120px; text-align: center; color: #fFF; line-height: 36px; background: #df4754; border-radius: 4px; } .btn_btns { background: #ff742c; } .btn_btns:nth-child(2) { background: #0b8381; } .zx_icon { margin-right: 4px; height: 24px; width: 24px; background: url("/style/images/qq_icon.png") center no-repeat; } .main { width: 954px; } .banner { position: relative; } .banner_page { position: absolute; bottom: 16px; left: 50%; margin: 0 0 0 -45px; } .banner_page li { float: left; margin: 0 8px; width: 14px; height: 14px; background: #FFF; border-radius: 50%; cursor: hand; cursor: pointer; } .banner_page li.banner_current { background: #df4754; } .banner_img { display: none; } .banner_img_show { display: block; } .banner_img img { display: block; width: 954px; height: 442px; } .adverts { margin-left: -12px; margin-top: 24px; } .advert_item { float: left; margin-left: 12px; height: 140px; width: 310px; overflow: hidden; } .advert_item img { display: block; width: 100%; height: 100%; transition: all 300ms linear; } .advert_item img.hover_img { transform: scale(1.1); transition: all 300ms linear; } .activity_item { float: left; height: 440px; } .yx_item { position: relative; width: 310px; } .yx_list { display: none; position: relative; } .yx_list_show { display: block; } .yx_page { position: absolute; bottom: 16px; right: 16px; z-index: 9; } .yx_page li { float: left; margin: 0 4px; height: 14px; width: 14px; background: #FFF; border-radius: 50%; cursor: hand; cursor: pointer; } .yx_page li.yx_current { background: #df4754; } .yx_list img { display: block; width: 100%; /*height: 100%;*/ height: 440px; } .yx_txt { position: absolute; bottom: 80px; left: 0; width: 266px; padding: 14px 22px; color: #FFF; font-size: 18px; background: rgba(0, 0, 0, 0.5); } .yx_txt p:nth-child(2) { margin-top: 8px; font-size: 14px; } div.activity { margin-top: 24px; } .zx_item { margin-left: 12px; width: 350px; } .zx_item .zx_body { height: 224px; } .zx_item .last_zx_body { height: 106px; } .zx_test .zx_one { display: none; } .zx_test .zx_one_show { display: block; } .zx_one dt, .zx_one dd { float: left; } .zx_one dt { width: 124px; height: 82px; } .zx_one dt img { display: block; width: 100%; height: 100%; } .zx_one dl { padding: 10px 0; } .zx_one dd { margin: 0 0 0 10px; width: 192px; font-size: 12px; color: #999; height: 82px; line-height: 16px; } .zx_one dd p { line-height: 16px; } .zx_one dd p a { padding-left: 10px; color:#df4754; } .student_one .pull_right p:nth-child(2) { line-height: 16px; } .zx_one dd p.strong { margin-bottom: 14px; color: #545454; font-size: 14px; } .zx_one ul { padding: 10px 0; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; } .zx_one ul li { height: 20px; line-height: 20px; } .zx_one ul li a { color: #999; font-size: 13px; } .zx_one ul li a:hover { color: #df4754; } .zx_head { position: relative; height: 35px; background: #eee; line-height: 35px; } .zx_head span { float: left; width: 100px; height: 35px; text-align: center; font-size: 14px; color: #df4754; cursor: hand; cursor: pointer; } .zx_head span.zx_select { background: #df4754; color: #FFF; } .student_pages { position: absolute; top: 15px; right: 16px; } .student_pages li { float: left; margin: 0 2px; width: 8px; height: 8px; background: #999999; border-radius: 50%; cursor: hand; cursor: pointer; } .student_pages li.student_current { background: #df4754; } .zx_body { padding: 10px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .last_zx_body { border-bottom: 1px solid #ddd; } .student_item .last_zx_body { height: 163px; } .student_item { margin-left: 12px; width: 270px; } .zx_head em { display: none; float: left; margin: 0 0 0 10px; font-size: 14px; color: #999; font-style: normal; } .zx_head .em_show { display: block; } .student_one { display: none; padding: 17px 4px 4px; height: 138px; background: url("/style/images/student_icon.png") 10px 20px no-repeat; } .student_one_show { display: block; } .student_one .pull_left img { margin: 45px 0 0 30px; width: 90px; height: 90px; border: 2px solid #df4754; border-radius: 50%; } .student_one .pull_right { width: 100px; font-size: 12px; } .student_one .gy { margin: 0 0 10px; padding: 0 4px; height: 20px; line-height: 20px; background: #df4754; color: #FFF; width: 3em; } .btn_box { /*height: 86px;*/ height: 59px; margin-left: -20px; } .btn_box .btn_btns { float: left; /*margin: 21px 0 21px 20px;*/ margin: 7px 0 0 20px; width: 125px; height: 44px; line-height: 44px; border-radius: 0; } .zxbm_icon { height: 22px; width: 25px; background: url("/style/images/user_icon.png") center no-repeat; } .zxyy_icon { height: 22px; width: 14px; background: url("/style/images/zx_icon.png") center no-repeat; } .video_box video { width: 270px; height: 162px; } .video_box { /*height: 135px;*/ height: 162px; background: #000; } .teach_head span.pull_left { font-size: 18px; color: #000; border-bottom: 2px solid #DC9595; } .teach_head { height: 50px; line-height: 50px; border-bottom: 2px solid #CCC; } .teach_head ul { margin-left: 36px; } .teach_head li { position: relative; float: left; width: 80px; font-size: 14px; text-align: center; cursor: hand; cursor: pointer; border-bottom: 2px solid transparent; -webkit-transition: all 100ms linear; -ms-transition: all 100ms linear; -moz-transition: all 100ms linear; transition: all 100ms linear; } .teach_head li.teach_select { border-bottom: 2px solid #df4754; } .teachers_boxs_show li { float: left; width: 230px; margin-right: 11px; } .teach_head li.teach_select:before { content: ''; position: absolute; bottom: 0; left: 36px; height: 6px; width: 7px; background: url("/style/images/arrow_top_icon.png") center no-repeat; } .more_teach { font-size: 14px; } .teach_body { overflow: hidden; margin-top: 12px; /*margin-left: -11px;*/ height: 320px; } .teach_item { float: left; margin-right: 11px; padding-bottom: 20px; width: 230px; -webkit-transition: all .6s cubic-bezier(.215,.61,.355,1); -ms-transition: all .6s cubic-bezier(.215,.61,.355,1); -moz-transition: all .6s cubic-bezier(.215,.61,.355,1); transition: all .6s cubic-bezier(.215,.61,.355,1); } .teach_item_hover .teach_item_opt { border-bottom: 6px solid #df4754; -webkit-transition: all .6s cubic-bezier(.215,.61,.355,1); -ms-transition: all .6s cubic-bezier(.215,.61,.355,1); -moz-transition: all .6s cubic-bezier(.215,.61,.355,1); transition: all .6s cubic-bezier(.215,.61,.355,1); box-shadow: 0 5px 10px rgba(0,0,0,.2); } .teach_item_hover .teach_txt { /*height: 80px;*/ height: 100px; -webkit-transition: all .6s cubic-bezier(.215,.61,.355,1); -ms-transition: all .6s cubic-bezier(.215,.61,.355,1); -moz-transition: all .6s cubic-bezier(.215,.61,.355,1); transition: all .6s cubic-bezier(.215,.61,.355,1); } .teach_item img { display: block; width: 100%; height: 139px; } .teach_item_opt { padding: 14px; /*height: 24px;*/ font-size: 14px; color: #999; /*height: 120px;*/ border-bottom: 2px solid transparent; -webkit-transition: all .6s cubic-bezier(.215,.61,.355,1); -ms-transition: all .6s cubic-bezier(.215,.61,.355,1); -moz-transition: all .6s cubic-bezier(.215,.61,.355,1); transition: all .6s cubic-bezier(.215,.61,.355,1); } .opts { padding-bottom: 14px; height: 24px; line-height: 24px; } .teach_item_opt .teach_name { margin-right: 14px; font-size: 18px; color: #000; } .teachers_boxs { display: none; float: left; /*transition: all 300ms linear;*/ } .teachers_boxs_show { display: block; /*transition: all 300ms linear;*/ } .teach_into { /*display: none;*/ opacity: 0; height: 24px; width: 24px; background: url("/style/images/arrow_red_icon.png") center no-repeat; background-size: 24px; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); } .teach_item_hover .teach_into { opacity: 1; -webkit-transition: all .6s cubic-bezier(.215,.61,.355,1); -ms-transition: all .6s cubic-bezier(.215,.61,.355,1); -moz-transition: all .6s cubic-bezier(.215,.61,.355,1); transition: all .6s cubic-bezier(.215,.61,.355,1); -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .teach_txt { overflow: hidden; height: 80px; font-size: 13px; line-height: 20px; -webkit-transition: all .6s cubic-bezier(.215,.61,.355,1); -ms-transition: all .6s cubic-bezier(.215,.61,.355,1); -moz-transition: all .6s cubic-bezier(.215,.61,.355,1); transition: all .6s cubic-bezier(.215,.61,.355,1); } .teach_txt p { line-height: 26px; } .under_border span.strong { border-bottom: 2px solid #df4754; } .course_boxs { margin-left: -24px; } .course_items { float: left; margin: 0 0 0 24px; width: 302px; text-align: center; font-size: 14px; color: #999; cursor: hand; cursor: pointer; } .course_items_pics { /*padding: 4px;*/ /*border: 1px solid #ddd;*/ overflow: hidden; } .course_items img { display: block; width: 100%; -webkit-transition: all ease-out .3s; -ms-transition: all ease-out .3s; -moz-transition: all ease-out .3s; transition: all ease-out .3s; } .course_items_hover img { transform: scale(1.1); -webkit-transition: all ease-out .3s; -ms-transition: all ease-out .3s; -moz-transition: all ease-out .3s; transition: all ease-out .3s; } .course_txts { margin: 10px 0; height: 36px; } .course_txts p { font-size: 13px; line-height: 18px; -webkit-transition: all ease-out .3s; -ms-transition: all ease-out .3s; -moz-transition: all ease-out .3s; transition: all ease-out .3s; } .course_txts p:nth-child(1) { font-size: 16px; color: #333; } .course_items_hover .course_txts p:nth-child(1) { transform: translateY(10px); -webkit-transition: all ease-out .3s; -ms-transition: all ease-out .3s; -moz-transition: all ease-out .3s; transition: all ease-out .3s; } .course_items_hover .course_txts p:nth-child(2) { transform: translateY(-10px); opacity: 0; -webkit-transition: all ease-out .3s; -ms-transition: all ease-out .3s; -moz-transition: all ease-out .3s; transition: all ease-out .3s; } .course_items_hover .course_items_pics { /*border: 1px solid #5fbb56;*/ -webkit-transition: all 100ms linear; -ms-transition: all 100ms linear; -moz-transition: all 100ms linear; transition: all 100ms linear; } .course_items_hover .course_txts p { color: #df4754; -webkit-transition: all 100ms linear; -ms-transition: all 100ms linear; -moz-transition: all 100ms linear; transition: all 100ms linear; } .st_boxs, .course_boxs { position: relative; margin-top: 24px; } .left_btns, .right_btns { display: none; position: absolute; top: 30px; z-index: 8; height: 36px; width: 36px; } .st_main { overflow: hidden; } .left_btns { left: 14px; background: url("/style/images/right_arrow_icon.png") no-repeat; } .right_btns { right: 14px; background: url("/style/images/left_arrow_icon.png") no-repeat; } .st_item { float: left; margin-left: 14px; width: 228px; -webkit-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .st_item img { display: block; width: 100%; } .st_item_box { margin-left: -14px; padding-top: 14px; } .teachers { margin-top: 20px; } .st_opts { position: relative; padding-bottom: 10px; border-bottom: 1px dotted #ddd; } .st_item_con { padding: 14px 10px; border: 1px solid #ddd; } .st_opts p:nth-child(1) { color: #000; font-size: 15px; } .st_opts p { font-size: 12px; color: #999; height: 18px; line-height: 18px; } .st_opts .teach_into { position: absolute; top: 6px; right: 6px; } .st_txt { padding-top: 10px; } .st_txt p { font-size: 12px; color:#999; line-height: 18px; } .st_item_hover { background: #f6f6f6; -webkit-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); -moz-transform: translateY(-12px); transform: translateY(-12px); box-shadow: 0px 3px 8px rgba(125, 125, 125, 0.5); } .pic_start { position: relative; } .pics_start_mask { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; cursor: hand; cursor: pointer; background: url("/style/images/video_icon.png") center no-repeat; } .college_zx { padding: 16px 0; color: #999; font-size: 12px; } .college_zx_box { display: none; } .college_zx_box_show { display: block; } .college_zx a { margin: 0 8px; color: #999; font-size: 13px; } .college_zx a:hover, .college_list a:hover,{ color: #df4754; } .college_box { width: 952px; border: 1px solid #ddd; } .college_box_item { display: none; } .college_box_item_show { display: block; } .left_college , .right_college { padding: 14px; float: left; width: 448px; } .left_college { width: 447px; border-right: 1px solid #ddd; } .left_college dt { float: left; width: 214px; height: 130px; } .left_college dt img { display: block; width: 100%; height: 130px } .left_college dd { float: right; width: 214px; height: 130px; font-size: 14px; color: #999; position: relative; border-bottom: 1px solid #ddd; } .left_college .zx_tit { padding: 10px 0; margin-bottom: 10px; font-size: 14px; color: #000; border-bottom: 1px dotted #ddd; } .left_college p { font-size: 12px; line-height: 18px; } .college_list { padding-top: 20px; } .college_list a { font-size: 13px; color: #999; height: 24px; line-height: 24px; border-bottom: 1px dotted #ddd; } .right_college { border-right: 0; } .detail_zx { position: absolute; bottom: 10px; right: 0; color: #df4754; font-size: 12px; } .left_part { float: left; width: 215px; } .left_part img { display: block; margin: 0 auto; } .mid_top a { float: left; margin: 0 8px; height: 26px; width: 70px; border: 2px solid #df9247; color: #FFF; text-align: center; line-height: 28px; font-size: 12px; border-radius: 4px; } .mid_top { margin-bottom: 8px; } .mid_bot p { font-size: 12px; color: #FFF; line-height: 24px; } .mid_part, .right_part { float: left; } .right_part img { display: block; margin: 10px 40px; width: 86px; height: 86px; } .sub_list { position: relative; } .sub_menu { display: none; position: absolute; top: 50px; left: 0; z-index: 8; /*width: 270px;*/ width: 242px; padding: 10px; background: #cc3333; font-size: 12px; line-height: 1; } .sub_menu span { float: left; line-height: 22px; } .nav_list li .sub_menu a { /*display: inline;*/ float: left; margin: 0 8px; width: auto; height: auto; font-size: 12px; line-height: 22px; } .nav_list li .sub_menu a:hover { text-decoration: underline; } .sub_nav { display: none; position: absolute; top: 0; left: 242px; z-index: 999; background: #FFF; padding: 22px 30px; width: 260px; font-size: 12px; color: #385960; } .sub_item p.strong { margin-bottom: 16px; } .sub_item { margin: 16px 0; padding: 0 0 0 14px; background: url("/style/images/abc_icon.png") 0px top no-repeat; } .sub_item p a { margin: 0 2px; } .arrow_down, .arrow_down_white { margin: 0 0 0 4px; height: 6px; width: 7px; background: url("/style/images/arrow_icon_red.png") no-repeat; } .arrow_down_white { background: url("/style/images/arrow_down_white.png") no-repeat; } /* team */ .team_banner { width: 100%; background: url("/style/images/team_banner.jpg") center no-repeat; } .team_banner_con { /*height: 184px;*/ height: 278px; /*width: 100%;*/ background: url("/style/images/team_banner.jpg") center no-repeat; /*background-size: cover;*/ } .teams_tit { text-align: center; margin-top: 80px; } .teams_tit a { display: inline-block; margin: 0 5px; font-size: 14px; color: #444; width: 108px; text-align: center; height: 32px; line-height: 32px; border: 1px solid #efefef; } .teams_tit a.teams_all { background: #df4754; color: #FFF; } .teams_tit a.thisclass,.teams_tit a:hover { background: #adadad; color: #FFF; } .teams_opts { text-align: center; color: #999; font-size: 12px; } .teams_opts h2 { margin-bottom: 4px; font-size: 30px; color: #444; } .teams_boxs_con { display: none; padding-bottom: 100px; margin-left: -21px; } .teams_boxs_con_show { display: block; } .teams_item { float: left; margin-left: 21px; margin-top: 32px; width: 284px; } .teams_item img { display: block; margin: 0 0 30px; width: 100%; height: 296px; } .teams_txt p:nth-child(3) { line-height: 18px; } .teams_txt .strong { font-size: 16px; color: #000; } .teams_txt .classes { margin: 12px 0 16px; } .teams_txt { text-align: center; font-size: 12px; color: #949494; } .top { display: none; position: fixed; bottom: 20px; right: 0; width: 72px; background: #FFF; } .top a { display: block; margin-top: -1px; width: 70px; height: 60px; border: 1px solid #ddd; } .top_btn { background: url("/style/images/top_icon.png") center no-repeat; } .qq_btn { background: url("/style/images/qq_icon_2.png") center no-repeat; } .wb_btn { background: url("/style/images/wb_icon.png") center no-repeat; } .code_btn { background: url("/style/images/code_icon_2.png") center no-repeat; } .bd_btn { background: url("/style/images/bd_icon.png") center no-repeat; } .teams_teach { margin-top: 60px; margin-left: -30px; } .teams .teach_body { display: none; margin: 0 auto; width: 1200px; height: auto; } .teams .teach_body .teach_item { margin-left: 30px; margin-right: 0; height: 400px; width: 370px; } .teams .teach_body .teach_item img { display: block; width: 100%; height: 224px; border-radius: 4px 4px 0 0; } .teams .teach_body_show { display: block; } .teams_pages { float: right; } .teams_pages li { float: left; margin: 0 4px; /* height: 34px; */ width: 50px; text-align: center; line-height: 36px; font-size: 12px; color: #666; border: 1px solid #eee; cursor: hand; cursor: pointer; } /*.next { font-size: 12px; color: #666; padding: 0 16px; height: 34px; line-height: 34px; border: 1px solid #eee; } .teams_pages li.thisclass { background: #f94d4d; } .teams_pages li.thisclass a { color: #fff; } .teams_pages li a { display: block; }*/ .team_guid { position: relative; z-index: 999; } .team_guid .menu_list { display: none; position: absolute; top: 50px; left: 0; width: 100%; text-align: left; } .team_guid .menu_list { width: 242px; } .index_top { position: fixed; top: 50px; z-index: 999; } .index_guid { position: fixed; top: 0; z-index: 999; /*left: 0;*/ } .fixed .nav_list { padding-left: 246px; } /* news */ .news_nav { width: 242px; background: #ddd; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; /*border-bottom: 1px solid #dddddd;*/ } .news_nav_item { margin-bottom: 1px; /* height: 37px; overflow: hidden;*/ transition: all 200ms linear; } .news_nav_tit { padding: 0 0 0 14px; font-size: 14px; color: #444; height: 37px; background: #f4f4f4 url("/style/images/news_arrow_down.png") 216px 17px no-repeat; line-height: 37px; cursor: hand; cursor: pointer; } .news_nav_tit_hover { background: #f4f4f4 url("/style/images/news_arrow_up.png") 216px 17px no-repeat; } .last_nav_item { background: #f4f4f4; border-bottom: 1px solid #ddd; } .last_nav_item .news_nav_tit { background: #f4f4f4; } .news_sub { display: none; overflow: hidden; /*transition: all 200ms linear;*/ } .news_nav_item_curren .news_sub { display: block; /*transition: all 200ms linear;*/ } .bread_nav { margin: 40px auto 24px; height: 14px; font-size: 12px; color: #444444; line-height: 14px; } .news_sub { /*padding: 0 12px;*/ background: #FFF; } .news_sub a { display: block; text-align: center; font-size: 14px; color: #34353a; height: 34px; line-height: 34px; border-bottom: 1px dotted #DDD; } .news_sub a:hover { background: #df4754; color: #FFF; } .news_sub a.last_item { border: none; } .news_advert img { margin: 20px 0 0 0; width: 100%; display: block; } .news_con { width: 937px; } .news_items { position: relative; margin-bottom: 20px; background: #f9f9f9; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; } .news_items dt a img { display: block; width: 223px; height: 135px; border-top: 13px solid #f9f9f9; border-bottom: 13px solid #f9f9f9; border-left: 17px solid #f9f9f9; border-right: 17px solid #f9f9f9; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; } .news_items dt, .news_items dd { float: left; } .news_items dd { padding: 26px 0 0 46px; width: 445px; transition: all .3s ease-out 0s; } .news_items dd a { font-size: 12px; color: #999999; } .news_items dd p { line-height: 20px; } .news_items dd a p:nth-child(1) { margin-bottom: 20px; font-size: 16px; /*color: #333;*/ transition: all .3s ease-out 0s; } .news_items_hover dl { box-shadow: 0 0 6px rgba(230, 230, 230, 0.8); } .pages li { float: left; margin: 0 8px 0 0; width: 50px; height: 34px; font-size: 12px; color: #444; text-align: center; line-height: 34px; border: 1px solid #ddd; cursor: pointer; } .pages { margin: 15px 0 0 0; } .pages li.thisclass,.teams_pages li.thisclass{ color: #FFF; background: #f84c4c; border: 1px solid #f84c4c; } .pages li:hover, .teams_pages li:hover{ background: #adadad; border: 1px solid #adadad; } .pages li a:hover ,.teams_pages li a:hover{ color: #FFF; } .pages li.thisclass a,.teams_pages li.thisclass a{ color: #FFF; } .pages li a,.teams_pages li a { display: block; width: 52px; height: 36px; } .news_date { position: absolute; top: 48px; right: 76px; font-size: 16px; color: #999999; transition: all .3s ease-out 0s; } .news_date strong { font-size: 24px; font-weight: normal; } .news_into { position: absolute; bottom: 12px; right: 90px; height: 43px; width: 43px; background: url("/style/images/news_into.png") no-repeat; border-radius: 50%; transition: all .3s ease-out 0s; } .news_items_hover { box-shadow: 4px 6px 5px rgba(230, 230, 230, 0.8); } .news_items_hover dt a img { border-top: 13px solid #df4754; border-bottom: 13px solid #df4754; border-left: 17px solid #df4754; border-right: 17px solid #df4754; } .news_items_hover dd { padding-left: 67px; } .news_items_hover .news_date { right: 96px; } .news_items_hover .news_into { right: 56px; background: url("/style/images/red_into_icon.png") no-repeat; } .news_items_hover dd a p:nth-child(1) { color: #333; }