@charset "utf-8"; /* CSS Document */ .banner{position: relative;z-index: 1} .banner_bg{width: 100%;height: 250px;background:url(../../images/gb20190805/banner_bg.png) repeat-x;z-index: 999;position: absolute;left:0;top:0;} /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */ .banner .flexslider .slides > li a{display: block;height: 0;padding-bottom:41.67%;overflow:hidden;} .banner .flexslider ul li.flex-active-slide img{ transition:transform 6000ms linear 0s; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .flexslider .slides > li.clone{position:relative} .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { position: relative;zoom:1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { text-decoration:none; display: block; width: 70px; height: 70px; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; margin-top:-35px;color:#fff;font-size: 70px;transition: all 0.35s ease-in-out} .flex-direction-nav a:hover{text-shadow: 1px 1px 0 #666;} .flex-direction-nav .flex-prev { left: 5%; } .flex-direction-nav .flex-next { right:5%; } .flexslider:hover .flex-prev {} .flexslider:hover .flex-next {} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd} .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -2px; left:0; text-align: center; z-index:9999; } .flex-control-nav li {margin: 10px 6px 0; display: inline-block; zoom: 1; *display: inline;vertical-align: bottom;} .flex-control-paging li a {width: 8px; height: 8px; display: block; cursor: pointer; } .flex-control-paging li a:hover { } .flex-control-paging li a.flex-active { } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} .banner .flex-control-paging{width: 100%;position: absolute;bottom:75px;left:0;z-index: 1045;text-align: center;} .banner .flex-control-nav li{margin:0 10px;} .banner .flex-control-nav li a{text-indent: 0;color:#fff;background:none;width: 40px;height: 40px;border:none;border-radius: 0;font-size:22px;background:rgba(13,67,68,0.8);background:-webkit-gradient(left top,left bottom,color-stop(100%,rgba(13,67,38,0)),color-stop(100%,rgba(13,67,138,0))); background:-webkit-linear-gradient(top,rgba(255,255,255,0.6) 0%,rgba(255,255,255,255,0) 100%); background:linear-gradient(to bottom,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%);transition: all 0.3s ease-in-out; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=0);*/} .banner .flex-control-nav li a.flex-active{height:90px;background:rgba(13,67,68,0.8);background:-webkit-gradient(left top,left bottom,color-stop(100%,rgba(13,67,38,0)),color-stop(100%,rgba(13,67,138,0))); background:-webkit-linear-gradient(top,rgba(13,67,138,0.7) 0%,rgba(13,67,138,0,0) 100%); background:linear-gradient(to bottom,rgba(13,67,138,0.7) 0%,rgba(13,67,138,0) 100%); /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=0);*/} .banner .flex-control-nav li a:before{position:relative;top: -7px;} .bit-read{width: 136px;height: 60px;background-color: #a61c31;position: absolute;left: 50%;bottom: 16px;margin-left: -68px;font-size: 18px;z-index: 2000;text-align: center;} .bit-read *{color:#fff;} .bit-read span{font-size: 14px;display: block;padding-top: 5px;position: relative;z-index: 2} .bit-read a{display: block;padding-top: 20px;} .triangle-down{width: 0;height: 0;border-left: 68px solid transparent;border-right: 68px solid transparent;border-top: 52px solid #a61c31;position: absolute;left: 0;bottom: -52px;z-index: 0} .bit-read:hover a{color:#fff;} /*content*/ .content{width:100%;position: relative;z-index: 0;} .wrap_mode01{background:#1e2153; background: -webkit-linear-gradient(left, #1e2153 , #2d4882, #192b4d); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #1e2153 , #2d4882, #192b4d); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right,#1e2153 , #2d4882, #192b4d); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #1e2153 , #2d4882, #192b4d); /* 标准的语法 */;position: relative;} .mode01{padding-top: 60px;overflow:hidden;position: relative;z-index: 5} .mode_bg01{background:url(../../images/gb20190805/bg01.png) no-repeat center -95px;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0} .listTitle{text-align: center;} .listTitle h2{display: inline-block;*display: inline;*zoom:1;font-size: 30px;font-weight: normal;position: relative;top: -20px;} .listTitle h2 i{background-color: #959595;height: 1px;width: 580px;position: absolute;top: 21px;display: block;} .listTitle01 h2{padding:0 20px;color:#fff;} .listTitle01{border-left: 1px solid #959595;border-right: 1px solid #959595;} .line_lf{left: -580px;} .line_rt{right: -580px;} .listTitle span{display: block;color:#969696;padding-top: 5px;letter-spacing: 0.5px;font-size: 14px;margin-top: -18px;} .bit-column1{padding-top: 20px;} .bit-column1 .lf{width: 51.52%;transition: all 0.35s ease-in-out; } .item-img01 .imgResponsive{padding-bottom: 66.67%;} .item-txt01{position: relative;width: 83%;margin:0 auto;position: relative;top: -53px;background-color: #fff;padding:15px 0 12px;min-height:88px;} .item-txt01 h3{padding:0 44px;line-height: 24px;max-height: 48px;margin-bottom: 12px;font-weight: normal;overflow:hidden;} .item-date{display: block;color:#a0a0a0;font-family: 'Arial';} .item-date01{padding:0 44px;} .item-date i,.item-date02 i{color:#a0a0a0;padding-right: 10px;font-size: 19px;} .bit-column1 .rt{width: 42.42%;} .bit-list01{} .bit-list01 li{margin-bottom: 19px; overflow:hidden; transition: all 0.35s ease-in-out;} .bit-list01 .item-img01{float: left;width: 210px;position: relative;z-index: 0} .item-txt02{margin-left:202px;background-color: #fff;padding:15px;position: relative;z-index: 2;top: 12px;min-height:85px; } .item-txt02 h3{font-weight: normal;line-height: 22px;max-height: 44px;overflow:hidden;margin-bottom: 12px;} .item-date02{color:#a0a0a0;font-size: 12px;} .item-date02 i{font-size: 16px;} .line-bottom01{height: 46px;border-right: 1px solid #959595;border-bottom: 1px solid #959595;width: 44%;position: absolute;right: 0;bottom: 53px;z-index: 0;} /*bifa88新闻*/ .wrap_mode02{background:url(../../images/gb20190805/bg02.png) no-repeat center -25px #fefaf5;} .mode02{padding-top: 56px;padding-bottom: 45px;} .listTitle02{text-align: right;border-left: 1px solid #959595} .listTitle02 h2{padding-left: 25px;color:#3c3c3c;} .listTitle02 .line_lf02{width: 1174px;left: -1174px;} .bit-list03{width: 54.55%;} .bit-list03 li{width: 50%;margin:53px 0 18px;} .bit-list03 li > div{display: block;margin:0 44px 0 0;position: relative;transition: all 0.35s ease-in-out;} .bit-list03 li a{display: block;background-color: #fff;padding:15px 25px;min-height: 140px;} .bit-list03 h3{font-weight: normal;line-height: 21px;max-height: 42px;overflow:hidden;margin-bottom: 12px;letter-spacing: 0.2px;} .bit-list03 p{height: 63px;overflow:hidden;line-height: 21px;color:#656565;} .li_bg{height: 27px;margin-right: 98px;background-color: #fff;display: block;} .bit-date03{width: 70px;height: 30px;background-color: #2c4780;position: absolute;right: 0;top: -26px;padding:8px 10px;} .bit-date03 *{color:#fff;} .bit-date03 i{float: left;font-size: 21px;padding-top: 3px;} .bit-date03 span,.bit-date03 strong{display: block;margin-left: 32px;line-height: 1.2;font-family:'Arial';} .bit-date03 strong{font-size: 12px;} .bit-list04 li{width: 100%;margin:0 0 34px;position: relative;transition: all 0.35s ease-in-out;} .bit-list04{width: 42.42%;padding-top: 53px;} .bit-list04 li a{min-height: 51px;padding:6px 25px;} .bit-list04 li h3{margin:0;} /*教学科研*/ .wrap_mode03{background:url(../../images/gb20190805/bg03.png) no-repeat center -15px #c5b7a8;} .mode03{padding-top: 56px;} .listTitle03{text-align: left;border-left: 1px solid #fff;border-right: 1px solid #fff;} .listTitle03 h2{color:#fff;padding:0 20px;margin-left: 240px;} .listTitle03 .line_lf{width: 240px;left: -240px;background-color:#fff;} .listTitle03 .line_rt{width: 918px;right: -918px;background-color:#fff;} .listTitle03 span{margin-left: 215px;color:#eee1d3;} .mode03 .flexslider{padding-bottom: 50px;} .mode03 .flexslider > .flex-viewport{padding-top: 26px;} .mode03 .flex-direction-nav a{font-size: 50px;margin-top: 0;bottom: 20px;top: auto;} .mode03 .flex-direction-nav .flex-prev{left: auto;right: 68px;} .mode03 .flex-direction-nav .flex-next{right: 0;} .item-info03{} .item-img03{ } .item-txt03{position: relative;top: -34px;background-color: #fff;margin:0 25px;padding:15px 16px 23px;min-height: 222px;} .item-txt03 h3{font-weight: normal;line-height: 21px;max-height: 42px;margin-bottom: 14px;overflow:hidden;} .item-date03 {font-size: 12px;height: 22px;line-height: 22px;margin-bottom: 12px;} .item-txt03 p{line-height: 22px;height: 132px;overflow:hidden;color: #656565;} .mode03 .flexslider .slides > li{margin-right: 38px;transition: all 0.35s ease-in-out;} .mode03 .flexslider .slides > li.even{margin-top: 63px;} .mode03 .flex-control-nav{display: none;} .mode03 .flex-direction-nav a{width: 50px;height: 50px;line-height: 50px;} .wrap_mode04{background:#1e2153; background: -webkit-linear-gradient(left, #1e2153 , #2d4882, #192b4d); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #1e2153 , #2d4882, #192b4d); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right,#1e2153 , #2d4882, #192b4d); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #1e2153 , #2d4882, #192b4d); /* 标准的语法 */;} .mode_bg04{background:url(../../images/gb20190805/bg04.png) no-repeat center -35px;} .mode04{padding-bottom: 30px;} .mode04 .lf{width: 47.95%;overflow:hidden;padding-top: 56px;position: relative;padding-bottom: 33px;} .listTitle04{text-align: left;border-right: 1px solid #959595;} .listTitle04 h2{padding-right: 20px;color:#fff;} .listTitle04 span{} .bit-list05{padding-top: 10px;margin:0 -15px;} .bit-list05 li{width: 50%;} .bit-list05 li.even{margin: 45px 0 40px;} .bit-list05 li > a{display:block;margin:0 15px;padding:10px;border-top: 6px solid #059aba;position: relative;min-height:184px;transition: all 0.35s ease-in-out; } .bit-list05 li > a:before{content: '';width: 100%;height: 0;position: absolute;z-index: 0;top: 0;left: 0;transition: all 0.4s ease-in-out;} .bit-list05 li > a *{color:#fff;} .item-top05{overflow:hidden;padding-bottom:20px;position: relative;z-index: 5} .bit-list05 li > a .item-label05{float: left;color:#059aba;} .bit-list05 li > a .item-date05 {color:#a0a0a0;font-size: 12px;float: right;} .bit-list05 li > a .item-date05 i{font-size: 16px;} .item-title05{line-height: 21px;max-height: 42px;overflow:hidden;font-weight: normal;margin-bottom: 15px;position: relative;z-index: 5} .bit-list05 li > a .item-txt05{font-size: 12px;line-height: 22px;height: 66px;overflow:hidden;color:#ccc;position: relative;z-index: 5} .bit-list05 li.color2 > a{border-top-color: #ab7c0b} .bit-list05 li.color3 > a{border-top-color: #a61c31} .bit-list05 li.color4 > a{border-top-color: #6bb722} .bit-list05 li.color2 > a .item-label05{color:#ab7c0b;} .bit-list05 li.color3 > a .item-label05{color:#e7455e;} .bit-list05 li.color4 > a .item-label05{color:#6bb722;} .bit-list05 li.color3,.bit-list05 li.color4{margin-bottom: 0} .line-bottom05{height: 46px;border-left: 1px solid #959595;border-bottom: 1px solid #959595;width: 77%;position: absolute;left: 0;bottom: 0;z-index: 0;} .mode04 .flex-direction-nav a{width: 40px;height: 40px;line-height: 40px;font-size: 40px;margin-top: -20px;} /*全媒体窗*/ .mode04 .rt{width: 47.73%;overflow:hidden;padding-top: 56px;padding-bottom: 23px;position: relative;} .listTitle05{text-align: right;border-left: 1px solid #959595} .listTitle05 h2{padding-left: 20px;color:#fff;} .listTitle05 .line_lf{width: 491px;left: -491px;} .bit-news{padding-top: 10px;} .bit-title{width: 100px;height: 35px;/*background-color: #a61c31;*/text-align: center;line-height: 35px;font-weight: normal;position: relative;z-index: 5} .bit-title a{color:#fff;} .bit-news .flexslider{position: relative;top: -20px;z-index: 1} .slide_img02{position: relative;} .slide_bg02{height: 70px;width: 100%;position: absolute;left: 0;bottom: 0;opacity: 0.74;filter: alpha(opacity=74);background-color: #000;z-index: 6;transition: all 0.35s ease-in-out;} .slide_txt02{position: absolute;left: 0;z-index: 10;bottom: 0;width: 100%;height: 70px;} .slide_txt02 span{width: 84px;border-right: 1px solid #bfbfbf;float: left;height: 70px;} .slide_txt02 span strong,.slide_txt02 span i{padding-right: 25px;text-align: right;color:#fff;font-family: 'Arial';display: block;font-style: normal;} .slide_txt02 span i{padding-top: 20px;} .slide_txt02 h3{margin-left: 100px;height: 70px;line-height: 70px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;color:#fff;font-weight: normal;} .mode04 .flex-control-nav{display: none;} .video .iconplay{width: 45px;height: 45px;line-height: 45px;color:#fff;text-align: center;position: absolute;left: 50%;top: 50%;margin:-22.5px 0 0 -22.5px;font-size: 65px;} .bit-wechat{padding-top: 7px;margin-right: 16px;} .wechat-lf{margin-right: 130px;background-color: #fff;padding:12px 20px;position: relative;min-height: 70px;transition: all 0.35s ease-in-out;} .wechat-lf .iconweixin{width: 60px;height: 60px;background-color: #22ac38;color:#fff;line-height: 60px;text-align: center;font-size: 37px;display: block;position: absolute;left: 0;top: -18px;} .wechat-rt{float: right;width: 94px;} .wechat-rt img{transition: all 0.3s ease-in-out;} .wechat-date{float: left;width: 63px;border-right: 3px solid #e5e5e5;height: 70px;} .wechat-date strong,.wechat-date i{display: block;font-style: normal;color:#a0a0a0;font-family: 'Arial';padding-right: 20px;text-align: right;} .wechat-date i{padding-top: 38px;} .wechat-txt{margin-left: 78px;overflow:hidden;} .wechat-txt p{line-height: 21px;height: 42px;margin-bottom: 5px;overflow:hidden;} .wechat-txt span{height: 22px;line-height: 22px;overflow:hidden;} .line-bottom06{height: 46px;border-right: 1px solid #959595;border-bottom: 1px solid #959595;width: 77%;position: absolute;right: 0;bottom: 0;z-index: 0;} /*数据bifa88*/ .wrap_mode05{background:url(../../images/gb20190805/bg07.jpg) no-repeat top center;min-height: 700px;background-attachment: fixed;background-size: cover;position: relative;} .mode_bg05{width: 100%;height: 100%;background:url(../../images/gb20190805/bg06.png) no-repeat center -40px;position: absolute;top: 0;left: 0;z-index: 0;} .mode05{position: relative;padding:0 0 25px;z-index: 5;width: 1348px} .mode05 .flexslider{z-index: 5} .mode05 .flex-viewport{padding:25px 14px 0;} .listTitle06{position: absolute;top: 340px;left: 0;width: 100%;text-align: center;z-index: 10} .listTitle06 h2{color:#fff;} .mode05 .flex-viewport{padding-bottom: 30px;} .mode05 .flexslider .slides > li{margin-right:15px;transition: all 0.35s ease-in-out;} .bit-data{position: relative;border-radius: 50%;} .bit-data > span{padding-bottom:100%;height: 0;display: block;} .bit-data strong,.bit-data span{display: block;text-align: center;color:#fff;width: 92%;margin:0 auto;} .bit-data strong{font-family: 'Arial';font-size: 68px;font-weight: bold;padding-top: 35px;letter-spacing: -5px;white-space: nowrap;} .bit-data span{font-size: 18px;} .bit-data i{border:5px solid #fff;opacity: 0.5;filter: alpha(opacity=50);position: absolute;right: 0;bottom: 0;top: 0;left:0;z-index: 0;border-radius: 50%;display: block;} .mode05 .flex-control-nav{bottom:30px;} .mode05 .flex-control-paging li{margin:0 3px;} .mode05 .flex-control-nav a{width: 16px;height: 10px;font-size: 16px;color:#fff;} .mode05 .flex-control-paging li a.flex-active,.mode05 .flex-control-paging li a:hover { color:#3f76db;} .mode05 .flex-direction-nav{display: none;} /*.mode05 .li0,.mode05 .li5,.mode05 .li6,.mode05 .li11,.mode05 .li12,.mode05 .li17{margin-top: 216px;} .mode05 .li1,.mode05 .li4,.mode05 .li7,.mode05 .li10,.mode05 .li13,.mode05 .li16{margin-top: 91px;}*/ .mode05 .slides > li{padding-top: 216px;} .mode05 li.move1,.mode05 li.move4{padding-top: 91px;} .mode05 li.move2,.mode05 li.move3{padding-top: 0;} /*bifa88专题*/ .wrap_mode06{background:#fbf7f1;position: relative;} .mode_bg06{width: 100%;height:100%;display: block;position: absolute;left: 0;top: 0;z-index: 0;background:url(../../images/gb20190805/bg08.png) no-repeat center -55px;} .mode06{position: relative;z-index: 5;padding-top: 36px;} .bit-list06 {margin:0 -20px;padding: 12px 0 65px;} .bit-list06 li{width: 25%;margin-bottom: 15px;} .bit-list06 li > a{display: block;margin:0 20px;} .item-img06{padding-bottom: 38.3%;position: relative;} .item-img06.imgResponsive:before{content:'';position:absolute;width:60px;height:100%;margin-top:0px;margin-left:-120px;overflow:hidden;z-index:6;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)} .item-img06.imgResponsive:hover:before{-webkit-animation:aniBlink .6s ease-out forwards;-moz-animation:aniBlink .6s ease-out forwards; -o-animation:aniBlink .6s ease-out forwards; animation:aniBlink .6s ease-out forwards} @keyframes aniBlink{ from{margin-left:-50%} to{margin-left:120%} } @-webkit-keyframes aniBlink{ from{margin-left:-50%} to{margin-left:120%} } /*校务公开*/ .wrap_mode07{background-color:#fffcf7;} .mode07{padding:70px 0 50px;position: relative;z-index: 5;} .mode07 .lf{width: 50%} .listTitle07 h2{color:#292929;} .listTitle07 .line_rt{display: none;} .listTitle07 span{color:#969696;margin-left: 270px;} .listTitle07 .line_lf{background-color: #959595} .listTitle07{border-left-color:#959595;border-right: none;} .bit-list07{padding-top: 35px;} .bit-list07 li{width: 50%;} .bit-list07 li > a{margin:0 30px 0 0;background-color: #fff;display: block;padding-bottom: 20px;transition: all 0.35s ease-in-out} .item-top07{margin-bottom: 20px;} .item-label07{width: auto;float: left;border-top:8px solid #1d2088;padding:0 15px;padding-top: 10px;color:#1d2088;} .bit-list07 li h3{padding:0 15px;line-height: 22px;height: 66px;overflow:hidden;font-weight: normal} .item-date07{float: right;padding:17px 10px 0 0;} .bit-list08{margin:0 -26px;} .bit-list08 li {width: 20%;margin-bottom: 35px;} .bit-list08 li > a{display: block;margin:0 26px;transition: all 0.35s ease-in-out} .bit-list08 li strong{display: block;padding-top: 6px;text-align: center;white-space: nowrap;color:#464646;transition: all 0.35s ease-in-out} .bit-list08 li .iconfont{width: 70px;height: 70px;line-height: 70px;border:1.5px dotted #2c447e;display: block;text-align: center;font-size: 40px;border-radius: 5px;color:#2c447e;margin:0 auto;-webkit-transition:all .3s;-moz-transition:all .3s; transition:all .3s ease-in-out;overflow:hidden;} .mode07 .rt{width: 44.3%} /*.bit-list08 li:hover{margin-bottom: 25px;}*/ .bit-list08 li.li2 .iconfont{border-color:#0e99a5;color:#0e99a5;} .bit-list08 li.li3 .iconfont{border-color:#a61c31;color:#a61c31;} .bit-list08 li.li4 .iconfont{border-color:#54c3f1;color:#54c3f1;} .bit-list08 li.li5 .iconfont{border-color:#ed1515;color:#ed1515;} .bit-list08 li.li6 .iconfont{border-color:#da5709;color:#da5709;} .bit-list08 li.li7 .iconfont{border-color:#065c18;color:#065c18;} .bit-list08 li.li8 .iconfont{border-color:#775a15;color:#775a15;} .bit-list08 li.li9 .iconfont{border-color:#cda83a;color:#cda83a;} .bit-list08 li.li10 .iconfont{border-color:#59b615;color:#59b615;} @media screen and (min-width:1020px) { .bit-list05 li.color1 > a:hover:before{height: 100%;background-color: #059aba;} .bit-list05 li.color2 > a:hover:before{height: 100%;background-color: #ab7c0b;} .bit-list05 li.color3 > a:hover:before{height: 100%;background-color: #a61c31;} .bit-list05 li.color4 > a:hover:before{height: 100%;background-color: #6bb722;} .bit-list05 li > a:hover{margin-top: -10px;margin-bottom: 10px;} .bit-list05 li > a:hover *{color:#fff !important;} .mode04 .flexslider .slides > li:hover .slide_bg02{background-color: #a61c31} .bit-column1 .lf:hover{margin-top: -10px;margin-bottom: 10px;} .bit-list01 li:hover{margin-top: -10px;margin-bottom: 29px;} .bit-list03 li > div:hover,.wechat-lf:hover,.bit-list07 li > a:hover{margin-top: -10px;margin-bottom: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.25);} .bit-list04 li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.25);margin-top: -10px;margin-bottom: 44px;} .mode03 .flexslider .slides > li:hover{margin-top: -10px;} .mode03 .flexslider .slides > li.even:hover{margin-top: 53px;} .wechat-rt img:hover{transition: 0.35s ease-in-out;transform: scale(1.2)} .bit-list08 li > a:hover > .iconfont { background:#2c447e; color:#fff; box-shadow:0 0 0 8px rgba(44,68,126,.15);} .bit-list08 li.li2 > a:hover > .iconfont { background:#0e99a5; color:#fff; box-shadow:0 0 0 8px rgba(14,153,65,.15)} .bit-list08 li.li3 > a:hover > .iconfont { background:#a61c31; color:#fff; box-shadow:0 0 0 8px rgba(166,28,49,.15)} .bit-list08 li.li4 > a:hover > .iconfont { background:#54c3f1; color:#fff; box-shadow:0 0 0 8px rgba(84,95,241,.15)} .bit-list08 li.li5 > a:hover > .iconfont { background:#ed1515; color:#fff; box-shadow:0 0 0 8px rgba(237,21,21,.15)} .bit-list08 li.li6 > a:hover > .iconfont { background:#da5709; color:#fff; box-shadow:0 0 0 8px rgba(218,87,9,.15)} .bit-list08 li.li7 > a:hover > .iconfont { background:#065c18; color:#fff; box-shadow:0 0 0 8px rgba(6,96,24,.15)} .bit-list08 li.li8 > a:hover > .iconfont { background:#775a15; color:#fff; box-shadow:0 0 0 8px rgba(119,90,21,.15)} .bit-list08 li.li9 > a:hover > .iconfont { background:#cda83a; color:#fff; box-shadow:0 0 0 8px rgba(205,168,58,.15)} .bit-list08 li.li10 > a:hover > .iconfont { background:#59b615; color:#fff; box-shadow:0 0 0 8px rgba(89,182,21,.15)} .bit-list08 li > a:hover{margin-top: -15px;margin-bottom: 5px;} .bit-list08 li > a:hover strong{padding-top: 16px;} .bit-list08 li > a:hover > .iconfont:before { -webkit-animation:toRightFromLeft .3s forwards; -moz-animation:toRightFromLeft .3s forwards; animation:toRightFromLeft .3s forwards; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; display: block; } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform:translate(100%) } 50% { opacity:0; -webkit-transform:translate(-100%) } 51% { opacity:1 } } @-moz-keyframes toRightFromLeft { 49% { -moz-transform:translate(100%) } 50% { opacity:0; -moz-transform:translate(-100%) } 51% { opacity:1 } } @keyframes toRightFromLeft { 49% { transform:translate(100%) } 50% { opacity:0; transform:translate(-100%) } 51% { opacity:1 } } } @media screen and (max-width:1386px) { .listTitle02 .line_lf02{width: 1070px;left: -1070px;} .listTitle h2{font-size: 26px;} .listTitle span{font-size: 13px;} .bit-list05 li.even{margin-bottom: 0;} .mode05{width: 1230px;} .bit-data strong{font-size: 62px;} .bit-data span{font-size: 16px;} .bit-list01 .item-img01{width: 188px;} .item-txt02{margin-left: 180px;min-height: 75px;top:10px;} .item-txt02 h3{margin-bottom: 8px;} } @media screen and (max-width:1300px) { .listTitle h2{font-size: 2.4rem;} .listTitle span,.bit-date03 span,.bit-list03 p{font-size: 1.2rem} .mode05{width: 1030px;} .bit-read{font-size: 1.6rem;} .bit-data strong{font-size: 52px;} .bit-data span{font-size: 1.4rem;} .listTitle02 .line_lf02{width: 877px;left: -877px;} .bit-list05 li > a{min-height: 162px;} .bit-list05 li.even{margin-top:35px;} .bit-list05 li > a .item-txt05{height: 44px;} .wrap_mode05{min-height: 512px;} .bit-list06{padding-bottom: 25px;} .mode07{padding:50px 0 30px;} .bit-list08 li .iconfont{width: 50px;height: 50px;font-size: 30px;line-height: 50px;} .bit-list08{margin:0 -16px;} .bit-list08 li > a{margin:0 16px;} .mode_bg01{background-size: 1100px auto;background-position: center -80px;} .wrap_mode03{background-size: 1440px auto} .mode_bg04{background-size: 1400px auto} .mode_bg05{background-size: 1550px auto} .mode_bg06{background-size: 1550px auto;} .listTitle06{top: 280px;} .mode05 .flex-control-nav{bottom: 80px;} .mode03 .flexslider .slides > li{margin-right: 25px;} } @media screen and (max-width:1020px) { .listTitle h2{font-size: 2.2rem} .mode_bg01{background-size: 820px auto;background-position: center -50px} .wrap_mode02{background-size: 920px auto;} .bit-list01 .item-img01{width: 120px;} .item-txt02{margin-left: 112px;} .line-bottom01{bottom: 25px;height: 34px;} .bit-column1{padding-bottom: 60px;} .bit-list03 h3{max-height: 84px;} .bit-list03 li a{min-height: 182px;} .bit-list04 li h3{max-height: 63px;} .bit-list04 li a{min-height: 72px;} .mode05{width: 760px;} .bit-data strong{font-size: 32px;padding-top: 20px;letter-spacing:-0.2px;} .bit-data span,.wechat-txt span{font-size: 1.2rem} .listTitle06{top: 240px;} .mode07 .lf,.mode07 .rt{width: 100%;float: none;} .bit-list07 li > a{margin:0 15px;} .bit-list07{margin:0 -15px;} .mode07 .rt{padding-top: 15px;} .bit-list06{margin:0 -12px;} .bit-list06 li > a{margin:0 12px;} .mode06{overflow:hidden;} .listTitle07 span{margin-left: 262px;} .flex-direction-nav a{width: 40px;height: 40px;font-size: 40px;margin-top: -20px;} .mode02{overflow:hidden;} .bit-read a{padding-top: 6px;} .bit-read{width: 90px;font-size: 1.4rem;margin-left: -45px;bottom: 0;height: 42px;} .bit-read span{font-size: 1.2rem;padding-top: 2px;} .triangle-down{border-left: 45px solid transparent;border-right: 45px solid transparent;border-top:36px solid #a61c31;bottom: -36px;} .banner .flex-control-nav li a{width: 33px;height: 33px;font-size: 18px;} .banner .flex-control-paging{bottom: 20px;} .banner .flex-control-nav li a.flex-active{height: 60px;} .line-bottom06,.line-bottom05{height: 29px;} .mode04 .rt{padding-bottom: 87px;} .wechat-lf{margin-right: 106px;padding:12px 15px;} .listTitle03{text-align: center;} .listTitle03 h2,.listTitle07 span,.listTitle03 span{margin-left: 0;} .listTitle03 .line_lf{width: 300%;left: -300%} .listTitle03 .line_rt{width: 300%;right: -300%;} .listTitle07 .line_rt{display: block;background-color: #959595} .listTitle07 {border-right: 1px solid #959595} .mode07{overflow:hidden;} .item-date05 i{padding-right: 8px;font-size: 14px;} .bit-list05 li > a .item-date05{display: none;} .mode05 .flex-viewport{padding:25px 0;} } @media screen and (max-width: 998px) { .banner_bg{display: none;} .banner{margin-top: 40px;} } @media screen and (max-width:767px) { .bit-column1 .lf,.bit-column1 .rt,.bit-list03,.bit-list04,.mode04 .lf,.mode04 .rt{width: 100%;float: none;} .bit-list03 li > div,.bit-list06 li> a{margin:0 8px;} .bit-list03{padding-top: 30px;} .bit-list03,.bit-list06{margin:0 -8px;width: auto;} .bit-list03 li{margin-bottom: 0} .bit-list03 li{margin: 0 0 20px;} .bit-list04{margin:0;} .bit-column2,.bit-list04{padding-top:0;} .bit-list04 li a{min-height: auto} .bit-list04 li{margin: 0 0 20px;} .bit-date03{width: 50px;padding:4px 6px;top: -17px;} .bit-date03 i{font-size: 16px;} .bit-date03 span, .bit-date03 strong{margin-left: 20px;} .bit-list04 li h3{margin-bottom: 12px;} .mode05{width:auto;} .mode05 li.move2, .mode05 li.move3,.mode05 li.move1, .mode05 li.move4,.mode05 .flexslider .slides > li{padding-top:20px} .mode05 .flex-control-nav{bottom: -100px;} .listTitle06{top:220px;} .wrap_mode05{min-height: 400px;} .bit-list06 li{width: 50%} .listTitle h2{font-size: 2rem;} .item-txt01{width: 90%;min-height: auto} .item-txt01 h3,.item-date01{padding:0 15px;} .item-txt01 h3{margin-bottom: 8px;} .item-txt02{margin-left: 150px;top: 5px;} .bit-list01 .item-img01{width: 160px;} .li_bg{margin-right: 75px;} .bit-list05{margin:0 -8px;} .bit-list05 li > a{margin:0 8px;} .wechat-lf .iconweixin{width: 54px;height: 54px;font-size: 28px;} .wechat-date{width: 48px;} .wechat-lf{margin-right: 110px;} .slide_txt02 span{width: 65px;} .slide_txt02 span strong, .slide_txt02 span i{padding-right: 15px;} .slide_txt02 h3{margin-left: 78px;} .listTitle05 .line_lf{width: 625px;left: -625px;} .mode04 .lf{padding-bottom: 0} .mode04 .rt{padding-bottom:20px;} .content{overflow:hidden;} .bit-read a{padding-top: 5px;} .bit-read{width: 64px;font-size: 1.4rem;margin-left: -32px;bottom: 0;height: 42px;} .bit-read span{font-size: 1.2rem;padding-top: 2px;} .triangle-down{border-left: 32px solid transparent;border-right: 32px solid transparent;border-top:24px solid #a61c31;bottom: -24px;} .bit-read em{display: none;} .bit-list05 li > a .item-date05{display: block;} .slide_txt02 h3{height: 50px;line-height: 50px;} .slide_txt02 span,.slide_txt02,.slide_bg02{height: 50px;} .slide_txt02 span i{padding-top: 10px;} .bit-list03 li a{padding: 15px 20px 27px;} } @media screen and (max-width:480px) { .bit-list03 li,.bit-list07 li{width: 100%;} .bit-list03 li a{min-height: auto} .bit-list07 li{margin-bottom: 15px;} .bit-list07 li h3{height: auto;} .bit-list03 p{display: none;} .bit-list03.lf li{/*! margin-bottom: 5px; */} } @media screen and (max-width:414px) { .bit-list03{} .bit-list04{display: block;padding-top: 0;} } @media screen and (max-width:400px) { .bit-list05 li{width: 100%;} .bit-list05 li.even{margin:15px 0} .bit-list05 li > a{min-height: auto} .bit-list08 li{width: 25%} .wechat-txt p{height: auto;max-height: 63px; } .wechat-txt span{font-size: 12px;} .wechat-rt{width: 84px;} .wechat-lf{margin-right: 100px;} .bit-read{width: 64px;} .triangle-down{border-left: 32px solid transparent;border-right: 32px solid transparent;border-top:20px solid #a61c31;bottom: -20px;} } @media screen and (max-width:320px) { }