@charset "utf-8"; /* 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 {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative}.flexslider .slides > li.clone{position:relative} .flexslider .slides img {width: 100%; display: block;} .flexslider .slides > a{display: block;width: 100%;height: 0;padding-bottom: 62.81%;overflow: hidden;} .flex-pauseplay span {text-transform: capitalize;} .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-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: 34px; height: 50px; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0,0,0,0.8); text-indent:-999em ;margin-top:-25px;} .flex-direction-nav .flex-prev {background: url(../../images/gb20190322/lf.png) no-repeat center center;left: 0} .flex-direction-nav .flex-next {background: url(../../images/gb20190322/rt.png) no-repeat center center;right: 0} .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:hover { opacity: 1; } .flex-control-nav {width: auto; position: absolute; bottom:40px; right:0; z-index:99; } .flex-control-nav li {margin: 10px 6px 0; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 9px; height: 9px; display: block; border:1px solid #999; cursor: pointer; text-indent: -9999px;border-radius:8px; } .flex-control-paging li a:hover { background: #999; } .flex-control-paging li a.flex-active { background: #999;} .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;} /*content*/ .content{width:100%;margin:0 auto;background: #11308d;padding-bottom: 70px;background-size: 100% auto} .mode01,.mode02,.mode05{width: 1000px;margin:0 auto;padding:30px 0 0 0;} .headerLine{width: 100%;overflow: hidden;} .listTitle{overflow: hidden;text-align: center;float: left;} .listTitle h2{padding:50px 25px 46px 68px;background: url(../../images/gb20190322/headline_bg.png) no-repeat left center;font-size: 24px;color:#fff;} .listTitle h2:hover,.listTitle02 h2:hover,.listTitle03 h2:hover,.headerLine_info a:hover h3{color:#11b0f2;} .headerLine_info{margin-left: 170px;} .headerLine_info h3{font-size: 22px;color:#fff;margin-bottom: 15px;text-decoration: underline;line-height: 32px;} .headerLine_info p{color:#fff;font-size: 14px;line-height: 32px;} .wrap_mode02{overflow: hidden;width: 100%;background: url(../../images/gb20190322/mode02_bg.png) no-repeat left top;} .mode02 .left{float: left;width: 60%;overflow: hidden;} .mode02 .right{float: right;width: 36.2%;overflow: hidden;} .Banner .flex-direction-nav{display: none;} .Banner .flex-control-nav {bottom: 9px;right: 12px;} .Banner .flex-control-paging li a{width: 12px;border-radius: 0;height: 12px;background-color: #fff;} .Banner .flex-control-paging li a.flex-active{background-color: #ffe118;} .InfoBox{overflow: hidden;} .listTitle02{overflow: hidden;margin-bottom:15px;} .listTitle02 h2{font-size: 24px;color:#fff;} .InfoBox_info{overflow: hidden;} .InfoBox_info p{color:#fff;line-height: 32px;font-size: 16px;height: 320px;overflow: hidden;} .DataBox{overflow: hidden;text-align: center;margin: 40px 0 0 0} .DataBox ul li{display: inline-block;background: url(../../images/gb20190322/data_bg.png) no-repeat center top;width: 200px;height: 210px;padding-left: 47px;margin: 0 20px;*float: left;} .DataBox ul li i{display: block;color:#fff;font-size: 18px;font-style: normal;text-align: center;margin-top: 37px;} .DataBox ul li i strong{font-size: 50px;} .DataBox ul li span{display: block;color:#fff;font-size: 18px;} .wrap_mode03{overflow: hidden;width: 100%;background: url(../../images/gb20190322/mode03_bg.png) no-repeat right top;} .mode03{width: 1062px;margin:0 auto;padding:40px 0 0 0;} .listTitle03{text-align: center;margin-bottom: 30px;} .listTitle03 h2{color:#fff;font-size: 24px;background: url(../../images/gb20190322/title01.png) no-repeat center top;padding:21px 0;} .NewsImgBox .flexslider{width: 1000px;margin: 0 auto;} .NewsImgBox .flex-direction-nav .flex-prev{left: -40px;} .NewsImgBox .flex-direction-nav .flex-next{right: -40px;} .NewsImgBox .flex-control-nav{display: none;} .NewsImgBox .flexslider .slides > li a{position: relative;} .NewsImgBox .flexslider .slides > li a .tillSlides{position: absolute;bottom: 0;left: 0;height: 50px; width: 100%;background: #11b0f2;overflow: hidden; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease;} .NewsImgBox .flexslider .slides > li a .tillSlides p{color:#fff;font-size: 12px;padding:9px 20px;line-height: 19px;} .NewsImgBox .flexslider .slides img{width: 94%;margin: 0 auto;} .NewsImgBox .carousel li{margin-right: 10px;} .NewsImgBox .flexslider .slides > li a:hover .tillSlides{background: #006ef6;} .NewsVideoBox{overflow: hidden;width: 1000px;margin: 58px auto 0;} .NewsVideoBox .left{float: left;width: 57.4%;overflow: hidden;background: url(../../images/gb20190322/video_bg.png) no-repeat top left;} .vedioImg{padding:10px 40px 15px 44px;} .vedioImg_info{overflow: hidden;position: relative;} .vedioImg_info i{position: absolute;bottom:15px;left: 15px;} .NewsVideoBox .right{float: right;width: 41%;overflow: hidden;} .News_right{overflow: hidden;margin-top: 10px;} .News_right_top{border-bottom: 1px solid #fff;padding-bottom: 8px;margin-bottom: 15px;} .News_right_top h3{font-size: 18px;color:#11b0f2;line-height: 24px;height: 48px;overflow: hidden;margin-bottom: 15px;} .News_right_top p{color:#fff;line-height: 24px;font-size: 14px;height: 72px;overflow: hidden;} .News_right_list{overflow: hidden;} .News_right_list li{margin-bottom: 15px;height: 20px;overflow: hidden;padding-left: 15px;position: relative;} .News_right_list li:before{position: absolute;left: 0;top:9px;background: #ffe118;width: 6px;height: 6px;content: '';clear: both;} .News_right_list li a{font-size: 14px;color:#fff;} .News_right_top a:hover h3{color:#fff;} .News_right_list li a:hover{color:#11b0f2;} .mode04{width: 100%;margin: 0 auto 40px auto;overflow: hidden;} .listTitle04{width: 1000px;margin: 30px auto;overflow: hidden;} /*Banner3*/ /* CSS Document */ #main{width:100%;overflow:hidden;position:relative;z-index:991;} .iosSliderDemo { clear: both; width: 100%; /* padding: 0 0 30% 0; */ padding: 0 0 400px; position: relative; } .fluidHeight { position: absolute; width: 100%; height:400px; } .sliderContainer { height: 100%; max-height:400px; padding: 0 0; } .iosSlider { position: relative; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; } .iosSlider .slider { width: 100%; height: 100%; } .iosSlider .slider .item { width: 100%; max-width:740px; height: 100%; padding: 0 0 0 0; text-align: center; margin:0 10px; } .iosSlider .slider .item .inner { position: relative; top: 0; left: 0; width:100%; margin: 0 auto; height: 100%; box-shadow: 0 0 10px -5px #000; background-position: 50% 0; background-repeat: no-repeat; } .iosSlider .slider .item .inner img { position: relative; top: 0; left: 0; width: 100%; margin: 0 auto; } .iosSlider .slider .item .inner .selectorShadow { position: absolute; left: 0; bottom: 0; /*background: url(../../images/gb20190322/banner_bs.png) repeat ;*/ width: 120px; height: 30px; } .iosSlider .slider .item .inner .text1-bg{ opacity: 0; filter: alpha(opacity=0); background: none repeat scroll 0 0 #000000; position: absolute; bottom: 12%; padding: 0 12px 0 12px; height:50px; text-align: left; } .iosSlider .slider .item .inner .text1{ opacity: 0; filter: alpha(opacity=0); position: absolute; bottom: 12%; padding: 0 12px 0 12px; height:50px; text-align: left; } .iosSlider .slider .item .inner .text1 span { color: #fff; font-size:24px; font-weight: normal; line-height:50px; padding: 0 8px; font-family:"Microsoft Yahei"; } .iosSlider .slider .item .inner .text1 span i { margin: 0 0 0 5px; } .iosSlider .slider .item .inner .text2 { background: none repeat scroll 0 0 #000000; opacity: 0; filter: alpha(opacity=0); padding: 10px 12px 10px; position: absolute; left: 100px; /* PKU top: 301px; */ top: 450px; text-align: left; } .iosSlider .slider .item .inner .text2 span { display: block; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.5; font-weight: 100; padding: 0 8px; font-family:"Microsoft Yahei" } .iosSlider .slider .item .inner .more{ /* opacity: 0.3; zb */ opacity: 0.4; background: none repeat scroll 0 0 #fff; position: absolute; bottom: 6%; right:0; /* padding: 0 5px; zb */ padding: 0 5px 0 2px; height:25px; width:55px; z-index:2; text-align: center; } .iosSlider .slider .item .inner .more a { color: #000; text-decoration:none; font-size:14px; line-height:25px; font-family:"微软雅黑" } .sliderContainer .slideSelectors { margin: 0 auto; z-index: 1; position: relative; max-width: 740px; } .sliderContainer .arrrowBox{position: absolute;top:50%;left: 50%;width: 740px;margin:0 auto;margin-left: -370px;margin-top: -25px; z-index:9999;} .sliderContainer .arrrowBox .prev { float: left; width: 50px; height: 50px; background: url(../../images/gb20190322/lf1.png) no-repeat 50% 0; padding-left: 20px;opacity: 0.7 } .sliderContainer .arrrowBox .next { float: right; width: 50px; height: 50px; margin: 0 0 0 10px; background: url(../../images/gb20190322/rt1.png) no-repeat 50% 0; padding-right: 20px;opacity: 0.7 } .sliderContainer .arrrowBox .next:hover ,.sliderContainer .arrrowBox .prev:hover{opacity: 1;} .sliderContainer .slideSelectors .item { float: left; width: 9px; height: 9px; background: #fff; margin: 0 0 0 10px; filter: alpha(opacity=30); opacity: 0.3; /*opacity: 0.25; */ /*filter: alpha(opacity=25);*/ border-radius: 50%; } .sliderContainer .slideSelectors .item.first { margin-left: 1px; } .sliderContainer .slideSelectors .selected { width: 9px; height: 9px; margin: 0 0 0 10px; background: #fff; filter: alpha(opacity=100); opacity:1; box-shadow: none; } .sliderContainer .slideSelectors .selected.first { margin-left: 0; } .sliderContainer .scrollbarContainer { position: relative; bottom: 4px; left: 0; /* PKU width: 1024px; */ height: 4px; margin: 0 auto; z-index: 1; } .mask{ max-width:740px; margin:0px auto; position:relative; z-index:3;} .sliderContainer .scrollbarContainer { position: relative; bottom: 4px; left: 0; height: 4px; margin: 0 auto; z-index: 1; } .slideSelectors .slideSelectors_pn{ position: absolute; right: 16px; bottom: 20px; margin-left: -20px; } .slideSelectors .mask-right, .slideSelectors .mask-left { background: #fff none repeat scroll 0 0; opacity: 0.5; filter:alpha(opacity=50); -moz-opacity:0.5; overflow: hidden; z-index: 4; height: 400px; position: absolute; width:740px; top:-400px; } .slideSelectors .mask-left { margin-left:-760px; left:0; } .slideSelectors .mask-right { margin-left:760px; left:0; } .sliderStills{position: absolute;bottom:0px;left: 0;width: 100%;background:rgba(0,0,0,0.8);overflow: hidden;height: 50px;line-height: 50px;} .sliderStills p{color:#fff;font-weight: bold;font-size: 18px;text-align: center;padding:0 20px;} .iosSlider .slider .item .inner a:hover .sliderStills p{ color:#46ccff;} /*banner3结束*/ .wrap_mode05{overflow: hidden;width: 100%;background: url(../../images/gb20190322/mode05_bg.png) no-repeat center top;} .mode05{width: 740px;overflow: hidden;margin: 0 auto 30px;} /*切换*/ .tabArticleList01{width:100%;overflow:hidden;position: relative;} .tab_menu{width:100%;overflow:hidden;margin:0 0 15px 0;position: relative;padding-bottom: 15px;position: relative;text-align: center;} .tab_menu .til_tab{text-align: center;font-size:20px;display: inline;margin: 0 30px } .tab_menu .til_tab a{color:#46ccff;font-weight: bold;position: relative;padding-bottom: 15px;} .tab_menu .til_tab.on a,.tab_menu .til_tab:hover a{color:#fff;cursor: pointer;} .tab_menu .til_tab a:after{background: #fff;width: 0;height: 4px;content: '';clear: both;position: absolute;bottom: 0;left: 50%;margin-left: -20px;transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease;} .tab_menu .til_tab.on a:after,.tab_menu .til_tab:hover a:after{width: 40px;} .tabList{width:100%;overflow:hidden;} .tabList .tabListBox{display: none;} .tabList .tabListBox ul{overflow: hidden;} .tabList .tabListBox ul li{margin-bottom: 17px;} .tabList .tabListBox ul li a{display: block;} .tabInfoBox{overflow: hidden;} .tabInfoBox h3{font-size: 18px;color:#fff;background: #007be3;height: 50px;line-height: 50px;padding:0 20px;} .tabInfo{overflow: hidden;} .tabInfo .meetingTime{background: #fff;overflow: hidden;padding:13px 20px; margin-bottom:1px;} .tabInfo .meetingTime strong{width: 105px;float: left;color:#333;} .tabInfo .meetingTime strong,.tabInfo .meetingTime span{color:#333; font-size: 18px;font-weight: normal;line-height: 30px;} .tabInfo .meetingTime span{margin-left: 120px;display: block;} @media screen and (max-width:1062px){ .mode03,.NewsImgBox .flexslider{width: 90%;padding-bottom: 30px;padding-top: 0;} } @media screen and (max-width:1000px) { .mode01, .mode02,.mode03,.listTitle04{width: 90%;padding-bottom: 30px;padding-top: 0;} .NewsVideoBox{width: 100%;} .listTitle04{padding-bottom: 0;margin-top: 0px;} .mode03{width: 90%;} .mode02 .left{width: 100%;float: none;} .mode02 .right{width: 100%;float: none;margin-top: 20px;} .InfoBox_info{height: auto;} .listTitle h2,.listTitle02 h2,.listTitle03 h2{font-size: 20px;} .headerLine_info h3{font-size: 18px;line-height: 28px;} .headerLine_info p,.InfoBox_info p{font-size: 14px;line-height:24px;height: auto;} .DataBox ul li{margin: 0;padding-left: 20px;background-size: 100% 100%;} .DataBox{margin-bottom: 0;} .NewsVideoBox{margin-top: 0;padding-bottom: 0;} .NewsVideoBox .left{width: 100%;float: none;} .NewsVideoBox .right{width: 100%;float: none;} .News_right_top h3{height: auto;font-size: 16px;} .News_right_top p{height: auto;} .News_right{margin-top: 20px;} .News_right_list li{height: auto;} .News_right_list li:last-child{margin-bottom: 0;} .vedioImg { padding: 13px 0px 8px 16px;} .wrap_mode02,.wrap_mode03,.wrap_mode05{background-image: none;} .sliderStills{height: 40px;line-height: 40px;} .sliderStills p{font-size: 14px;} } @media screen and (max-width: 768px) { .DataBox ul li{width: 160px;height: 170px;} .DataBox ul li i{margin-top: 25px;} .DataBox ul li i strong{font-size: 40px;} .listTitle{float: none;margin-bottom: 15px;} .listTitle h2{background-size: 100% 100%;padding: 13px 0px 13px 27px;float: left;} .headerLine_info{margin-left: 0;} .headerLine_info h3{font-size: 16px;line-height: 28px;margin-bottom: 10px;} .iosSlider .slider .item{margin:0;} .sliderContainer .arrrowBox{width: 98%;margin-left: -49%;} .sliderContainer .arrrowBox .prev{width: 35px;height: 35px;background-size: 100% 100%;padding-left: 0;} .sliderContainer .arrrowBox .next{width: 35px;height: 35px;background-size: 100% 100%;padding-right: 0;} .mode05{width: 90%;margin-bottom: 0px;} .tab_menu .til_tab{font-size: 16px;margin:0 20px;} .tabInfoBox h3 {font-size: 16px;height: 40px;line-height: 40px;} .tabInfo .meetingTime strong, .tabInfo .meetingTime span{font-size: 14px;line-height: 22px;} .tabInfo .meetingTime{padding:5px 20px;} .tabInfo .meetingTime strong{width: 90px;} .tabInfo .meetingTime span{margin-left: 100px;} .copyRight{font-size: 12px;padding:10px 0 20px 0;} .content{ padding-bottom: 0; } } @media screen and (max-width:640px) { .DataBox ul li {width: 107px;height: 122px;} .DataBox ul li i strong{font-size: 28px;} .DataBox ul li i,.DataBox ul li span{font-size: 14px;} .DataBox{margin-top: 24px;} .DataBox ul li i {margin-top: 19px;} } @media screen and (max-width:480px) { .tabInfo .meetingTime strong{float: none;display: block;width: 100%;} .tabInfo .meetingTime span{margin-left: 0;}}