@charset "utf-8"; /* CSS Document */ body { background: #ffffff; } .subPage { width: 100%; margin: 0px auto; position: relative; background: url(../../images/gb20190802/sub_bg_02.png) no-repeat center bottom; } .sub_banner { width: 100%; position: relative; background: #f5f5f5; } .sub_banner img { display: block; margin: 0 auto; position: relative; } .sub_banner .bread img { display: inline-block; } .wrap_bread { max-width: 1200px; position: relative; padding: 15px 0 15px; border-bottom: 1px solid #e6e6e6; text-align: right; } .bread_shadowwrap { margin: 0 auto; position: relative; } .bread_shadow { width: 100%; height: 20%; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5)); left: 0px; bottom: 0px; position: absolute; } .bread { max-width: 1200px; color: #999999; } .bread a { color: #999999; font-size: 14px; } .bread a:hover { font-weight: bold; } .sub_t01 { height: 70px; line-height: 70px; padding: 0 0 0 30px; background: #126bae; } .sub_t01 h2 { color: #fff; font-size: 24px; font-size: 2.4em; font-weight: normal; } .sub_t01 h2:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; -ms-opacity: 0.8; opacity: 0.8; transition: all 1s ease 0s; } .sub_mbtn { width: 100%; height: 40px; background: url(../../images/gb20190802/sub-mbtn02.png) no-repeat 98% center; background-color: #d8d8d8; cursor: pointer; display: none; } .sub_mbtn span { height: 40px; line-height: 40px; padding: 0 0 0 10px; font-size: 16px; font-weight: bold; color: #126bae; } .open { background: url(../../images/gb20190802/sub-mbtn02_close.png) no-repeat 98% center; background-color: #d8d8d8; } .sub_navm { width: 100%; overflow: hidden; display: none; } .sub_navm h2 { width: 100%; height: 48px; line-height: 48px; background-color: #003c7f; } .sub_navm h2 a { padding-left: 13px; font-size: 20px; font-family: Tahoma; display: block; color: #fff; } .sub_navm ul { border: 1px solid #dddddd; } .sub_navm li { position: relative; } .sub_navm li a { font-size: 14px; color: #282828; padding-left: 13px; font-family: Helvetica; height: 40px; line-height: 40px; border-top: 1px solid #d3d3d3; display: block; } .sub_navm li:first-child a { border-top: 0px; } .sub_navm li a:hover { color: #005f8f; } .sub_navm li.sub_has span { margin-left: 10px; } .sub_navm li.on a { color: #005f8f; display: block; width: 100%; } .sub_navm dl { display: none; background-color: #fff; padding: 0px 0px 5px; } .sub_navm dl dd { padding-left: 30px; height: 30px; line-height: 30px; border-bottom: 1px dotted #ddd; } .sub_navm li.on dl dd a { font-size: 12px; color: #005f8f; font-weight: normal; display: inline; border: none; padding: 0px; height: 30px; line-height: 30px; } .sub_navm li dl dd a { font-size: 14px; color: #282828; font-weight: normal; display: inline; border: none; padding: 0px; } .sub_navm li dl dd a:hover { color: #005f8f } .sub_navm li strong.phone_arrow { width: 40px; height: 40px; line-height: 40px; text-align: center; font-weight: bold; font-size: 18px; display: block; position: absolute; right: 0; top: 0; z-index: 999; color: #005f8f; cursor: pointer; } .subPage_con { max-width: 1200px; margin: 0 auto; min-height: 470px; } .sbu_leftWrap { width: 223px; float: left; margin: -70px 0 0 0; } /*.f_left_con { *border-right: 1px solid #ffffff; border-right: 1px solid #ffffff\9\0; } */ /*左侧边栏*/ .sub_left { overflow: hidden; z-index: 99999; } .sub_left h2 { width: auto; padding-left: 17px; height: 48px; line-height: 48px; font-weight: bold; font-family: Helvetica; background-color: #003c7f; border-bottom: 1px solid #d3d3d3; } .sub_left h2 a { color: #fff; font-size: 20px; } .sub_left ul { border: 1px solid #cccccc; border-top: 0px; } .sub_left li { position: relative; border-top: 1px solid #cccccc; } .sub_left li:first-child { border-top: 0px; } .sub_left li a { z-index: 1; padding: 15px 0px 15px 30px; font-size: 16px; color: #333333; text-align: left; display: block; } .sub_left li:first-child a { border-top: 0px; } .sub_left li a:hover, .sub_left li a.active { color: #fff; padding: 15px 0px 15px 30px; color: #fff; font-weight: bold; background: #76b2e0; } .sub_left li a:hover, .sub_left li a.on { color: #fff; font-weight: bold; background: #76b2e0; } .sub_left li strong.arrow { display: block; height: 50px; line-height: 50px; width: 46px; text-align: center; font-size: 20px; position: absolute; right: 0; top: 0; color: #e5e5e5; z-index: 33; cursor: pointer; transition: all 0.3s ease-in-out } .sub_left li strong.arrow:hover { color: #005f8f; } .sub_left li.on strong.arrow { color: #005f8f; } .twoJ_menu { display: none; } .sub_left .twoJ_menu dd a { ; padding: 8px 22px 8px 5px; font-size: 14px; font-size: 1.4em; } /*右侧*/ .sub_right { margin: 0 0 30px 300px; } .sub_right01 { margin: 0 0 30px 0; padding: 0 20px; } .articleTitle { height: 40px; line-height: 40px; margin: 10px 0 20px 0; } .articleTitle h2 { font-size: 20px; color: #333333; width: auto; float: left; height: 48px; border-bottom: 3px solid #126bae; } .articleTitle01 h2 { border-bottom: 0px; } .page { text-align: center; margin: 20px auto 55px; /*! width: 484px; */ overflow: hidden; } .page01 { margin: 45px auto 55px; } .page_left { /*! border:1px solid #82b6dd; */ border-radius: 5px; width: auto; /*! float: left; */ font-size: 0px; /*! border-bottom: none; */ /*! border-top: none; */ } .page a { text-align: center; padding: 0 12px; border-left: 1px solid #82b6dd; height: 35px; line-height: 35px; font-size: 14px; display: inline-block; border-top: 1px solid #82b6db; border-bottom: 1px solid #82b6db; } .page a:first-child { /*! border:0px; */ } .page a:last-child { border-right: 1px solid #82b6dd; } .page a:hover { background: #82b6dd; color: #ffffff; } .page .on_pages { background: #82b6dd; color: #ffffff; } .page select { width: 70px; height: 35px; border: 1px solid #82b6dd; float: left; } .page span { width: 51px; height: 35px; line-height: 35px; color: #fff; font-size: 14px; background: #126bae; display: inline-block; float: right } .page_right { width: 121px; float: right; } .minpage { display: none; margin: 30px 0; overflow: hidden; } .minpage a { height: 30px; line-height: 30px; border-radius: 20px; width: 100px; font-size: 14px; text-align: center; color: #126bae; background: #ededed; } .minpage a:hover { background: #126bae; color: #ffffff; } .mp_left { float: left; } .mp_right { float: right; } .Center_Introduction { font-size: 15px; color: #666666; background: #f5f5f5; line-height: 28px; text-indent: 2em; padding: 20px 30px 60px; } .Center_Introduction img { max-width: 600px; display: block; margin: 20px auto; } .subInfo01 { margin-top: 30px; overflow: hidden; } .subInfo01_title { height: 50px; background: #f9f9f9; line-height: 50px; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; } .subInfo01_title h3 { padding-left: 20px; font-size: 18px; font-weight: normal; } .subInfo01_title1 h3 { padding-left: 40px; margin-left: 30px; } .subInfo01_title1 h3.t_icon1 { background: url(../../images/gb20190802/t_icon1.png) no-repeat center left; } .subInfo01_title1 h3.t_icon2 { background: url(../../images/gb20190802/t_icon2.png) no-repeat center left; } .subInfo01_title1 h3.t_icon3 { background: url(../../images/gb20190802/t_icon3.png) no-repeat center left; } .subInfo01_title1 h3.t_icon4 { background: url(../../images/gb20190802/t_icon4.png) no-repeat center left; } .subInfo01_title1 h3.t_icon5 { background: url(../../images/gb20190802/t_icon5.png) no-repeat center left; } .subInfo01_title1 h3.t_icon6 { background: url(../../images/gb20190802/t_icon6.png) no-repeat center left; } .subInfo01_title1 h3.t_icon7 { background: url(../../images/gb20190802/t_icon2.png) no-repeat center left; } .subInfo01_title1 h3.t_icon8 { background: url(../../images/gb20190802/t_icon2.png) no-repeat center left; } /*教师个人主页*/ .subPersonHome { overflow: hidden; background: #f2f2f2; padding: 20px; } .subPersonHome_img { float: left; width: 114px; } .subPersonHome_img p { height: 0; overflow: hidden; padding-bottom: 132%; background: #afafaf; } .subPersonHome_img p img { display: block; width: 100%; } .subPersonHome_info { margin-left: 140px; margin-right: 10px; margin-top: 10px; } .subPersonHome_info h3 { font-size: 20px; margin-bottom: 10px; font-weight: normal; } .subPersonHome_intro { overflow: hidden; } .subPersonHome_intro p { float: left; width: 35%; font-size: 16px; margin-bottom: 8px; word-break: break-all; } .subPersonHome_intro p.last { width: 65%; } .subPersonHome_intro p strong { color: #666; /* display: inline-block; */ } .subPersonHome_intro p span { color: #999; /* display: inline-block; */ } .subPersonHome_contact { margin-top: 5px; } .subPersonHome_contact span { display: inline-block; padding-left: 0px; color: #999999; font-size: 16px; margin-bottom: 7px; margin-right: 30px; } .subPersonHome_contact .addr { background: url(../../images/gb20190802/addr.png) no-repeat center left; } .subPersonHome_contact .phone { /*background: url(../../images/gb20190802/phone.png) no-repeat left 1px;*/ } .subPersonHome_contact .mail { /*background: url(../../images/gb20190802/mail.png) no-repeat left 1px;*/ word-break: break-all; } .subInfo01_title1 h3 { padding-left: 40px; margin-left: 30px; } .subInfo01_title1 h3.t_icon1 { background: url(../../images/gb20190802/t_icon1.png) no-repeat center left; } .subInfo01_title1 h3.t_icon2 { background: url(../../images/gb20190802/t_icon2.png) no-repeat center left; } .subInfo01_title1 h3.t_icon3 { background: url(../../images/gb20190802/t_icon3.png) no-repeat center left; } .subInfo01_title1 h3.t_icon4 { background: url(../../images/gb20190802/t_icon4.png) no-repeat center left; } .subInfo01_title1 h3.t_icon5 { background: url(../../images/gb20190802/t_icon5.png) no-repeat center left; } .subInfo01_title1 h3.t_icon6 { background: url(../../images/gb20190802/t_icon6.png) no-repeat center left; } .subInfo01_title1 h3.t_icon7 { background: url(../../images/gb20190802/t_icon2.png) no-repeat center left; } .subInfo01_title1 h3.t_icon8 { background: url(../../images/gb20190802/t_icon2.png) no-repeat center left; } .subInfo01_Con1 { overflow: hidden; } .subInfo01_Con1 p { overflow: hidden; margin-bottom: 20px; line-height: 33px; font-size: 14px; } .subInfo01_Con1 p span { color: #666; font-size: 16px; float: left; line-height: 26px; } .subInfo01_Con1 p span.span1 { width: 23.19%; margin-right: 10px; } .subInfo01_Con1 p span.span2 { width: 44.28%; } .subInfo01_Con1 p span.span3 { width: 21.86%; float: right; } .subInfo01_list { overflow: hidden; } .subInfo01_list li { margin-bottom: 10px; } .subInfo01_list li span { padding-left: 15px; background: url(../../images/gb20190802/title_bg1.png) no-repeat left 8px; color: #666; font-size: 16px; line-height: 25px; word-break: break-all } .paper dl dd { line-height: 45px; border-bottom: 1px dashed #d9d9d9; overflow: hidden; padding: 7px 0 0 0; } .paper dl p { height: 45px; line-height: 45px; overflow: hidden; padding: 0 0 0 22px; background: url(../../images/gb20190802/cir_03.png) no-repeat 6px center; } .paper dl span { float: right; margin: 0 0 0 20px; font-size: 12px; color: #757575; } .paper dl a { font-size: 15px; color: #444; } .paper dl a:hover { color: #196634; } .wrap_share { overflow: hidden; padding-top: 30px; } .share { overflow: hidden; float: right; width: 305px; } .share span { float: left; font-size: 16px; color: #333333; margin: 8px 0 0 0; } .share .sub_share .bshare-weixin { width: 32px; height: 32px; background: url(../../images/gb20190802/share01_03.png) no-repeat; padding: 0px; margin: 0 0 0 20px; } .share .sub_share .bshare-qzone { width: 32px; height: 32px; background: url(../../images/gb20190802/share02_03.png) no-repeat; padding: 0px; margin: 0 0 0 20px; } .share .sub_share .bshare-sinaminiblog { width: 32px; height: 32px; background: url(../../images/gb20190802/share03_03.png) no-repeat; padding: 0px; margin: 0 0 0 20px; } .share .bshare-custom .bshare-more.more-style-addthis { width: 32px; height: 32px; background: url(../../images/gb20190802/share04_03.png) no-repeat; padding: 0px; margin: 0 0 0 20px; } .sub_news ul li { overflow: hidden; margin: 0 0 25px 0; padding: 15px; background: #f2f5f7; } .s_lft { width: 114px; float: left; } .sub_news ul li span { padding: 0 0 132% 0; display: block; height: 0px; overflow: hidden; } .sub_news ul li img { width: 100%; height: auto; } .s_news_r { margin: 0 0 0 138px; height: 151px; position: relative; } .s_news_r p { position: absolute; right: 0px; bottom: 0px; margin: 15px 0 0 0; text-align: right; } .s_news_r p a { font-size: 14px; color: #126bae; text-decoration: underline; } .s_news_r p a:hover { font-weight: bold; } .s_news_r h3 a { font-size: 18px; color: #333333; display: block; height: 22px; overflow: hidden; } .s_news_r h3 a:hover { color: #163a1d; } .s_news_r h3 { padding: 8px 0 12px 0; display: block; height: 19px; overflow: hidden; } .s_n_con { font-size: 15px; color: #999999; line-height: 25px; height: 75px; overflow: hidden; } .news_art .fujian h3 { color: #333333; font-size: 16px; text-align: left; } .fujian { margin: 45px 0 20px 0; padding: 15px 20px; background: #f5f5f5; overflow: hidden; } .fujian h3 { float: left; } .fujian h3 a { color: #333333; font-size: 18px; } .fujian h3 a:hover { color: #005f8f; } .fujian ul { float: left; } .fujian ul li {} .fujian ul li a { font-size: 14px; color: #333333; } .fujian ul li a:hover { color: #163a1d; } .news_art h3 { font-size: 20px; text-align: center; } .news_art h3 a { font-size: 20px; color: #333; } .author { margin: 15px auto; text-align: center; padding: 30px 0 15px 0; border-bottom: 1px dashed #cccccc; } .author span { font-size: 14px; color: #999999; padding: 0 20px 0 22px; background: url(../../images/gb20190802/author_03.png) no-repeat left center; } .author span:first-child { background: none; } .news_art_con { font-size: 15px; color: #666; line-height: 26px; } .news_art_con img { display: block; margin: 30px auto; width: auto; } .sub_Organizational ul { margin: 0 -25px; } .sub_Organizational ul li { height: 80px; line-height: 80px; width: 33.3%; float: left; margin: 0 0 30px 0; text-align: center; } .sub_Organizational ul li a { font-size: 16px; color: #666666; height: 78px; line-height: 78px; display: block; border-bottom: 2px solid #126bae; background: #f2f2f2; margin: 0 25px; } .sub_Organizational ul li a:hover { color: #126bae; } .news_art { padding: 35px 0 0 0; } .school_leader ul li { padding: 25px 0 15px 0; border-bottom: 1px dashed #d9d9d9; overflow: hidden; } .s_leader_left { width: 120px; float: left; padding: 0 35px 0 20px; } .s_leader_right { margin: 0 0 0 205px; } .s_leader_left h3 { margin: 0 0 20px 0; } .s_leader_left h3 a { font-size: 18px; color: #333333; } .s_leader_left p { font-size: 15px; color: #333333; } .s_leader_right dl dd { line-height: 26px; color: #666666; font-size: 14px; } .alumni ul { overflow: hidden; margin: 0 -19px; } .alumni ul li { width: 33.3%; float: left; margin: 0 0 30px 0; } .alumni ul li a { display: block; margin: 0 5px; border: 1px solid #cccccc; overflow: hidden; } .alumni_left { width: 100px; float: left; } .alumni_left span { width: 100%; height: 0px; padding: 0 0 130%; display: block; overflow: hidden; } .alumni_left span img { width: 100%; } .alumni_right { margin: 0 0 0 110px; padding: 0 20px 0 0; background: url(../../images/gb20190802/alumni_bg_03.jpg) no-repeat right top; } .alumni_right h3 { padding: 10px 0 20px 0; font-size: 16px; color: #333333; } .alumni_right p { font-size: 14px; color: #666666; line-height: 24px; height: 70px; overflow: hidden; } .dWrap_title02 { background: #f2f2f2; overflow: hidden; padding: 8px 14px; } .dWrap_title02 span { font-size: 16px; color: #666666; float: left; height: 31px; line-height: 31px; } .dTitle_list02 { overflow: hidden; float: left; } .dTitle_list02 dd { width: 24px; height: 31px; margin-right: 6px; line-height: 31px; text-align: center; color: #666666; float: left; font-size: 16px; cursor: pointer; font-family: "微软雅黑", Helvetica, sans-serif; } .dTitle_list02 dd:hover, .dTitle_list02 dd.active { background: #126bae; color: #fff; } .dList02 { width: auto; overflow: hidden; margin: 15px 0 0 0; } .dList_info { overflow: hidden; margin: 0 -20px; } .dList_info li { position: relative; width: 14.2%; float: left; margin: 0 0 8px 0; } .dList_info li .dTitle { display: block; border-bottom: 1px dashed #cccccc; height: 41px; line-height: 41px; background: url(../../images/gb20190802/gray_03.png) no-repeat right center; margin: 0 20px; } .dList_info li.highLight .dTitle { border-bottom: 1px dashed #cccccc; background: url(../../images/gb20190802/gblue_03.png) no-repeat right center; } .dList_info li:hover .dTitle { border-bottom: 1px dashed #cccccc; background: url(../../images/gb20190802/gblue_03.png) no-repeat right center; } .dTitle a { color: #666666; font-size: 15px; } .dList_info li:hover span a, .dList_info li.highLight span a { color: #126bae; } .person_tab ol { overflow: hidden; border-bottom: 1px solid #126bae; } .person_tab ol li { float: left; padding: 0 25px; height: 46px; line-height: 46px; background: #f2f2f2; margin: 0 1px; } .person_tab ol li a { font-size: 16px; color: #666666; } .person_tab ol li.current { background: #126bae; } .person_tab ol li.current a { color: #fff; } .person_tab ul { margin: 18px 0 0 0; } .person_tab ul li { padding: 15px 20px; background: #f5f5f5; margin: 0 0 10px 0; overflow: hidden; } .person_tab ul li a { font-size: 15px; } .sub_news .f_subTeacherList { overflow: hidden; margin-right: -110px; } .sub_news .f_subTeacherList li { float: left; width: 33.3%; margin-bottom: 30px; background: none; margin-right: 0; padding: 0; } .sub_news .f_subTeacherList li a { display: block; margin-right: 110px; background: #f2f5f7; text-align: center; padding-bottom: 10px; } .sub_news .f_subTeacherList li .imgResponsive {} .sub_news .f_subTeacherList li a h3 { font-size: 16px; margin-bottom: 2px; height: 24px; line-height: 24px; overflow: hidden; margin-top: 5px; } .sub_news .f_subTeacherList li a p { font-size: 14px; height: 40px; line-height: 20px; overflow: hidden; padding: 0 10px; } .sub_news .f_subTeacherList li a:hover h3 { color: #126bae; } .sub_rightT { margin-left: 0; } @media screen and (max-width:1386px) { .subPage_con { max-width: 1000px; } .sub_news .f_subTeacherList li { /*! width: 24.9%; */ } } @media screen and (max-width:1200px) { .subPage { width: 94%; } .bread { padding: 0 20px 0 0; } .subPersonHome_intro p { width: 100%; float: none; } } @media screen and (max-width:1023px) { .subPage { background: none; } .tn_right { margin: 10px 0 0 0; } } @media screen and (max-width:950px) { .sbu_leftWrap { display: none; } .sub_mbtn { display: block; margin: 20px 0 0 0; } .sub_right { margin: 20px 0 30px 0; } .sub_Organizational ul li { width: 50%; } } @media screen and (max-width:800px) { .sub_mbtn { display: block; } .sub_left { display: none; } .tn_right dl dd { width: 100%; float: none; } .alumni ul li { width: 50%; } .dList_info li { width: 25%; } .news_art_con img { width: auto !important; height: auto !important; } .sub_news .f_subTeacherList li { width: 33.3%; } .sub_news .f_subTeacherList li a { margin-right: 50px } .sub_news .f_subTeacherList { margin-right: -50px } } @media screen and (max-width:640px) { .Center_Introduction img { width: 100%; } .aca_article_con img { width: 100%; } .sub_Organizational ul li { width: 100%; float: none; } .alumni ul li { width: 100%; float: none; } .alumni ul { margin: 0px; } .alumni ul li a { margin: 0px; } .page { display: none; } .minpage { display: block; } .dList_info li { width: 50%; } .subInfo01_Con1 p { border-bottom: 1px dashed #ccc; padding-bottom: 10px; } .subInfo01_Con1 p span { margin-bottom: 5px; } .subInfo01_Con1 p span.span1 { float: none; display: block; width: 100%; margin-right: 0; } .subInfo01_Con1 p span.span2 { float: none; display: block; width: 100%; } .subInfo01_Con1 p span.span3 { float: none; display: block; width: 100%; } .sub_news .f_subTeacherList li a h3 { font-size: 15px; } .sub_news .f_subTeacherList li a p { font-size: 13px; } } @media screen and (max-width:599px) { .sub_news ul li img { float: none; } .s_news_r { margin: 0px 0 0 0; float: none; height: auto; } .s_n_con { height: auto; } .s_news_r p { position: static; } .s_lft { float: none; } } @media screen and (max-width:480px) { .page { display: none; } .minpage { display: block; } .s_leader_left { float: none; padding: 0px; } .s_leader_right { margin: 20px 0 0 0; } .subPersonHome_img { float: none; width: 100%; } .subPersonHome_info { margin-left: 0 } .sub_news .f_subTeacherList li { width: 50% } } @media screen and (max-width:360px) { .sub_news .f_subTeacherList li { width: 100% } .sub_news .f_subTeacherList { margin-right: 0; } .sub_news .f_subTeacherList li a { margin-right: 0; } .sub_news .f_subTeacherList li a p { height: auto; } } .tab16 .gpTabListBox { /* display: none; */ } .tab16 .tabMenu1{/* border-bottom: 1px solid #e6e6e6; */padding: 10px 0 0;box-sizing: border-box;} .tab16 .tabMenu1 li { vertical-align: baseline; display: inline-block; } .tab16 .tabMenu1 li h2 { line-height: 1.5; font-weight: normal; font-size: 1.8em; } .tab16 .tabMenu1 li h2 a { font-weight: normal; padding: 0 6px; position: relative; } .tab16 .tabMenu1 li:first-child h2 a { padding-left: 0 !important; } .tab16 .tabMenu1 li.on h2 { font-size: 2.4em; font-weight: bold; } .tab16 .tabMenu1 li.on h2 a { color: #126bae; box-sizing: border-box; padding: 0 15px; margin-right: 10px; font-weight: bold; } .tab16 .tabMore1 { position: absolute; right: 0; top: 17px; z-index: 10; } .tab16 .tabMore1 a { /* display: none; */ color: #126bae; position: relative; box-sizing: border-box; padding: 0 15px; } .tab16 .tabMore1 a::before { content: ""; display: block; width: 5px; height: 5px; border: 1px solid #126bae; border-radius: 50%; position: absolute; right: 0; top: calc(50% - 2.5px); margin-top: 0; } .tab16 { position: relative; } .tab16 .tabMore1 a::after { content: ""; display: block; width: 5px; height: 5px; border: 1px solid #126bae; border-radius: 50%; position: absolute; left: 0; top: calc(50% - 2.5px); margin-top: 0; } .fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @-webkit-keyframes fadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } @media screen and (max-width:479px){ .tab16 .tabMenu1 li.on h2 { font-size: 16px; } .tab16 .tabMenu1 li h2,.articleTitle h2{ font-size: 14px; } .articleTitle h2{ height: auto; } .tab16 .tabMenu1 li.on h2 a{ margin-right: 0; } .tab16 .tabMore1 { top: 15px; } .articleTitle { height: 24px; line-height: 24px; margin: 10px 0 10px 0; } .dList_info li .dTitle { height: 31px; line-height: 31px; } .dTitle a{ font-size: 14px; } }