.wraq_content { width: 100%; overflow: hidden; } .wraq_con01 { width: 100%; } /*学院新闻开始*/ .ellipsis_p{ font-size: 12px; } .ellipsis_p2{ padding-left: 5px; } .ellipsis_h4{ font-size:15px; font-weight: bold; } .con01a { margin: 0 auto; overflow: hidden; } .til_con01a { height: 50px; /*line-height:50px;*/ padding: 12px 30px 15px; margin-top:-20px; } .til_con01aship { height: 50px; /*line-height:50px;*/ padding: 12px 10px 15px; margin-top:10px; } .til_con01aship h2 { margin-top: 2px; color: #1f2188; font-size: 18px; font-weight: bolder; padding-left:30px; padding-top: 4px; background: url(/uploads/image/tgimg/in_titicon2.jpg) no-repeat left center; height: 26px; } .til_con01a h2 { margin-top: 2px; color: #1f2188; font-size: 18px; font-weight: bolder; padding-left: 50px; padding-top: 4px; background: url(/uploads/image/tgimg/in_titicon2.jpg) no-repeat left center; height: 26px; } .more { display: block; font-size: 12px; transform: scale(.7); color: #020202; padding: 0 5px; position: absolute; right: 0; } .more i { display: inline-block; font-size: 14px; color: #ff943e; margin-right: 0; vertical-align: 1px } .box_con01a { padding: 0 10px; overflow: hidden; margin-top: 10px; } .box_con01a>div { float: left; height: 308px; } .box_lf01a_trsfrn { display: block; height: 308px; } .lf01a { width: 50%; } .rt01a { width: 50%; } .box_lf01a, .box_ct01a { /*margin-right: 30px;*/ height: 100%; overflow: hidden; } .wz_lf01a { width: 100%; height:34px; position: absolute; left: 0; bottom: 1px; background-color: #000000; background-color: rgba(0,0,0,0.5); text-align: center; overflow: hidden; } .wz_lf01a a { font-size: 14px; line-height: 20px; color: #fff; font-weight: bolder; padding: 8px 20px 0px; display: block; } .wz_lf01a a:hover { color: #c81622; } .articlelist_rt01a li { margin-bottom: 9px; line-height: 20px; font-size: 14px; overflow: hidden; } .articlelist_rt01a li a { font-size: 14px; } .articlelist_rt01a li a:hover { color: #e50012; font-weight: bolder; } .date { font-size: 12px; color: #9b9b9b; } /*学院新闻结束*/ .wraq_con02 { width: 100%; margin-top: 10px; } .wraq_con02_tit { line-height: 15px; margin: 0px auto; } .wraq_con02_tit h2 { color: #1f2188; font-size: 18px; font-weight: bolder; padding-left: 30px; background: no-repeat left center; } .wraq_con02_box { background-color: #fff; height: 250px; padding: 32px 0px; width: 100%; } .wraq_con02_box ul { width: 100%; pading: 0px 10px; margin-left: -20px; } .wraq_con02_box ul li { width: 25%; width: 24.9%; float: left; border: 1px solid #eeeeee; } .box_con02 { background-color: #fff; padding: 20px; margin: 0px 15px; height: 190px; overflow: hidden; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .box_con02:hover { transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -moz-box-shadow: 5px 5px 0px #d9d9d9; -webkit-box-shadow: 5px 5px 0px #d9d9d9; box-shadow: 5px 5px 0px #d9d9d9; } .box_con02 .box_con02_tp { height: 40px; margin-bottom: 20px; } .box_con02 .box_con02_more { float: right; background: url(/uploads/image/tgimg/more2.jpg) no-repeat right center; padding-right: 15px; } .box_con02 .box_con02_more a:hover { color: #1f2188; font-weight: bolder; } .box_con02 .box_con02_date .date1 { display: block; float: left; width: 100%; height: 47px; line-height: 47px; background-color: #1f2188; color: #fff; font-size: 20px; text-align: center; font-family: impact, arial, helvetica, 微软雅黑; margin-right: 10px; } .box_con02 .box_con02_date .date2 { color: #0d107f; font-size: 18px; display: block; line-height: 26px; } .box_con02 .box_con02_date .date3 { color: #0d107f; font-size: 14px; } .box_con02_bt {} .box_con02_bt h2 a { color: #333333; font-size: 14px; font-weight: bolder; } .box_con02_bt h2 a:hover { color: #1f2188; } .box_con02_bt h2 { margin-bottom: 10px; line-height: 22px; } .box_con02_bt p { color: #333333; font-size: 14px; line-height: 22px; } .box_con02_2 .box_con02_date .date1 { background-color: #1f8884; } .box_con02_2 .box_con02_date .date2, .box_con02_2 .box_con02_date .date3 { color: #1f8884; } .box_con02_2 .box_con02_bt h2 a:hover { color: #1f8884; } .box_con02_3 .box_con02_date .date1 { background-color: #0083ab; } .box_con02_3 .box_con02_date .date2, .box_con02_3 .box_con02_date .date3 { color: #0083ab; } .box_con02_3 .box_con02_bt h2 a:hover { color: #0083ab; } .box_con02_4 .box_con02_date .date1 { background-color:#4fad9f; } .box_con02_4 .box_con02_date .date2, .box_con02_4 .box_con02_date .date3 { color: #4fad9f; } .box_con02_4 .box_con02_bt h2 a:hover { color: #4fad9f; } .wraq_con03 { width: 100%; margin-top: 25px; overflow: hidden; } .wraq_con03_box { width: 1100px; padding: 0px 10px; margin: 0px auto; } .con03_lf { float: left; width: 100%; position: relative } .con03_lf .con03_lf_box { margin-right: 373px; position: relative } .con03_rt { width: 332px; float: right; margin-left: -332px; position: relative; z-index: 999; } /*四个体系开始*/ /* common style */ .grid{ width: 100%; } .grid figure { position: relative; float:left; overflow: hidden; margin-left:5px; margin-top:5px; width: 24%; height: auto; background: #3085a3; text-align: center; cursor: pointer; } .grid figure img { position: relative; display:inline-block; min-height: 100%; max-width: 100%; opacity: 0.8; } .grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* anchor will cover the whole item by default */ /* for some effects it will show as a button */ .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure h2 { word-spacing: -0.15em; font-weight: 300; } .grid figure h2 span { font-weight: 800; } .grid figure h2, .grid figure p { margin: 0; } .grid figure p { letter-spacing: 1px; font-size: 68.5%; } /* individual effects */ /*-----------------*/ /***** goliath *****/ /*-----------------*/ figure.effect-goliath { background: #df4e4e; } figure.effect-goliath img, figure.effect-goliath h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-goliath img { -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-goliath h2{ width: 100%; height:20%; position: absolute; left: 0; bottom: 1px; background-color: #000000; background-color: rgba(0,0,0,0.5); padding-top:5px; overflow: hidden; } figure.effect-goliath p { position: absolute; bottom:5%; left:33%;} figure.effect-goliath p { text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } figure.effect-goliath:hover img { -webkit-transform: translate3d(0,-40px,0); transform: translate3d(0,-40px,0); } figure.effect-goliath:hover h2 { -webkit-transform: translate3d(0,300px,0); transform: translate3d(0,-300px,0); } figure.effect-goliath:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* media queries */ @media screen and (max-width: 50em) { .grid { margin-left:22px; } .grid figure { display: inline-block; float: none; margin:0 auto; width: 40%; } } /*四个体系结束*/ /**tab切换1样式开始**/ .con03_rt_a { overflow: hidden; } #tabs1 {} .menu1box { position: relative; overflow: hidden; height: 60px; } .menu1 { position: absolute; height: 50px; top: 0px; left: 0px; z-index: 1 } .menu1 li { float: left; width: 110px; text-align: left; height: 60px; line-height: 60px; overflow: hidden; } .menu1 li h3 { display: inline-block; height: 56px; text-align: left; line-height: 56px; font-size: 14px; font-family: "微软雅黑"; cursor: pointer; color: #e0eafb; width: 100%; font-weight: normal; border-bottom: 2px solid #fff; color: #1f2188; padding: 0px 5px; font-size: 18px; font-weight: bolder; } .menu1 .hover h3 { color: #e50012; font-size: 18px; height: 56px; text-align: left; line-height: 56px; font-weight: bolder; border-bottom: 2px solid #e50012; } .main1box { clear: both; overflow: hidden; height: 346px; background-color: #e6e6e6; } .main1box ul { display: none; } .main1box ul.block { display: block; } .tab_list2 { padding: 16px; } .tab_list2 dl dd { height: 30px; line-height: 30px; overflow: hidden; } .tab_list2 dl dd a { color: #333; font-size: 14px; } .tab_list2 dl dd a:hover { color: #1d2087; } .tab_list2 dl dd span { color: #06097c; font-family: courier, arial, helvetica, sans-serif; font-size: 14px; margin-right: 15px; } .more3 { background: repeat-x center left; text-align: right; height: 30px; line-height: 30px; } .more3 a { background: #e6e6e6; display: block; float: right; width: 30px; } /*专题图片滚动*/ .con03_rt_b { margin: 5px 0px 0px; } /*.scroll_pic { margin-bottom: 20px; }*/ .scroll_pic_tit { height: 30px; line-height: 30px; background: url(/uploads/image/tgimg/con3_rt_btit.jpg) repeat-x left center; text-align: center; margin-bottom: 8px; } .scroll_pic_tit a { width: 120px; display: block; margin: 0px auto; background-color: #fff; color: #4fad9f; font-size: 16px; } .certificate { background-color: #f1f1f1; } /*.content_right_top .left2, .content_right_top .right2 { top: 85px; }*/ .lunbo1 ul li { float: left; position: relative; } /*.left2 { width: 16px; height: 19px; position: absolute; left: 10px; top: 30px; background: url(/uploads/image/tgimg/arrow_left_03.png) no-repeat; z-index: 999; } .right2 { width: 16px; height: 19px; position: absolute; top: 30px; z-index: 999; right: 10px; background-image: url(/uploads/image/tgimg/arrow_right_03.png); }*/ .content_right_top .zhuanti1 { width: 184px; height: 183px; overflow: hidden; } .lunbo1{ width: 100%; } .zhuanti1 { width: 280px; height: 78px; margin: 0 auto; } .zhuanti2 { width: 258px;height: 78px;} .zhuanti2 ul { width:258px;list-style:none; cursor:pointer;} .zhuanti1 ul li span { display: block; width: 280px; height: 30px; line-height: 22px; position: absolute; bottom: 0px; text-align: right; background: url(/uploads/image/tgimg/lunbo_bg.png) no-repeat bottom right; color: #fff; font-size: 18px; font-weight: bolder; padding-right:90px; } .phone_pic { display: none; } .phone_pic_tit { height: 30px; line-height: 30px; background: url(/uploads/image/tgimg/con3_rt_btit.jpg) repeat-x left center; text-align: left; margin-bottom: 15px; } .phone_pic_tit a { width: 100px; font-weight: bolder; display: block; background-color: #fff; font-size: 18px; } .phone_pic ul { overflow: hidden; margin-right:38px; } .phone_pic ul li { float: left; width: 33.3%; margin-bottom: 20px; } .phone_pic ul li span { display: block; width: 100%; height: 30px; line-height: 30px; position: absolute; bottom: 0px; text-align: right; background: url(/uploads/image/tgimg/lunbo_bg.png) no-repeat bottom right; } .phone_pic ul li .phone_pic { margin: 0px 10px; position: relative; height: 78px; overflow: hidden; } .phone_pic ul li span font { margin-right: 10px; color: #fff; font-size: 18px; font-weight: bolder; } /*专题结束*/ @media screen and (max-width:1120px) { .slide_nav.next { left: auto; margin-left: 0px; } .prev { left: 10px; margin-left: 0px; } .slide_tabs { right: 0px; left: auto; } .con01a { width: 100%; } .wraq_con02_tit { width: auto; } .wraq_con02_box ul { width: 100%; padding: 0px 0px; margin: 0 auto } .box_con02 { margin: 0px 10px; } .wraq_con03_box { width: auto; padding: 0px; } .links li span { font-size: 12px; } .con03_rt_a { margin: 0px 10px; } .phone_pic_tit { margin: 0px 10px 25px; } .con03_lf_a { margin: 0px 10px; } .con03_lf_b { margin: 0px 10px; } .con03_lf_c { margin: 0px 10px; } .links ul li.links1 a { margin-left: 0px; } .links ul li.links8 a { margin-right: 0px; } @media screen and (max-width:980px) { .rslides li { height: 350px; background-size: 1543px 350px; } .wraq_con02_box { height: auto; overflow: hidden; padding-bottom: 10px; } .wraq_con02_box ul li { width: 50%; float: left; margin-bottom: 20px; } .box_con02 { margin: 0px 10px; height: 150px; } } @media screen and (max-width:800px) { .rslides li { height: 285px; background-size: 1256px 285px; } .lf01a { width: 100%; } .ct01a { width: 50%; } .rt01a { width: 100%; float: none; } .box_con01a .rt01a { height: auto; } .box_lf01a { margin: 0px; margin-right: 16px; } .box_ct01a { margin: 0px; margin-left: 16px; } .articlelist_rt01a { margin-top: 10px; /*margin-right: 20px;*/ } .articlelist_rt01a li { height: auto; } .box_con02 { margin: 0px 10px; height: 180px; } .con03_lf { float: none; width: 100%; } .con03_lf .con03_lf_box { margin-right: 0px; } .con03_rt { width: 100%; float: none; margin-left: 0px; height: auto; } .links li span { font-size: 14px; } .main1box { height: auto; } .tab_dl1 { float: left; width: 50%; } .tab_dl2 { float: left; width: 50%; } .tab_dl1 dl { margin-right: 10px; } .tab_dl2 dl { margin-left: 10px; } .more3 { clear: both; } .scroll_pic { display: none; } .phone_pic { display: block; } } @media screen and (max-width:640px) { .rslides li { height: 254px; background-size: 1120px 254px; } } @media screen and (max-width:639px) { .links ul { width: 100%; margin-top: 20px; overflow: hidden; } .links ul li { width: 25%; } .links { height: auto; background-color: #f1f1f1; padding: 10px 0px 20px; } .links li.links1 { width: 25%; text-align: center } .links li.links8 { width: 25%; text-align: center } .links li span { font-size: 12px; } .links ul li.links1 a, .links ul li.links8 a { display: block; position: relative; overflow: hidden; height: 49px; width: 49px; overflow: hidden; margin: 0px auto; } .phone_pic ul li span { line-height: 24px; height: 24px } .phone_pic ul li span font { font-size: 14px; } .con03_rt_a { margin: 0px 10px; display: none } .con03_rt_b { margin-top: 15px; } } @media screen/*and (min-width:320px)*/ and (max-width:480px) { .rslides li { height: 145px; background-size: 640px 145px; } .lf01a { width: 100%; float: none; /*margin-bottom: 20px;*/ } .ct01a { width: 100%; float: none; } .rt01a { width: 100%; float: none; } .box_lf01a { margin: 0px; } .box_ct01a { margin: 0px; } .articlelist_rt01a { margin-top: 20px; } .articlelist_rt01a li { height: auto; } .wraq_con02_box ul li { width: 100%; float: none; margin-bottom: 20px; } .box_con02_bt { height: auto; } .box_con02 { margin: 0px 10px; height: auto; } .tab_dl1 { float: none; width: 100%; } .tab_dl2 { float: none; width: 100%; } .tab_dl1 dl { margin-right: 0px; } .tab_dl2 dl { margin-left: 0px; } .articleimagelist ul li { width: 100%; float: none; } .articleimagelistulw1, .articleimagelistulw2, .articleimagelistulw3, .articleimagelistulw4 { margin: 0px; } .articlelist_con .articlelist_conw1 { width: 100%; float: none; } .articlelist_con .articlelist_conw2 { width: 100%; float: none; } .articlelist_con .articlelist_conw1 ul { margin-right: 0px; } .articlelist_con .articlelist_conw2 ul { margin-left: 0px; } } @media screen and (max-width:480px) { .phone_pic ul li { width: 50%; } } @media screen and (max-width:320px) { .scroll_pic { display: block; margin: 0px 10px 20px 10px; } .phone_pic { display: none; } .lunbo1 { width: auto; } .left2 { left: 0px; } .right2 { right: 0px; } .zhuanti1 { left: 20px; } }