@charset "utf-8";


html{background: #f2f2f2;}
/*banner*/
/* 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 { -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.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;}
/* 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: 10px; }
.flexslider .slides > li a{display: block;}
.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);}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a{text-decoration:none; display: block; width: 60px; height: 60px;  position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color:#fff;text-align: center;margin-top:-30px;font-size: 3.6rem;line-height: 60px;}
.flex-direction-nav .flex-prev{left:10px;text-shadow: -2px 0 2px rgba(0,0,0,0.5);}
.flex-direction-nav .flex-next{right: 10px;text-shadow: 2px 0 2px rgba(0,0,0,0.5);}
.flex-direction-nav .flex-disabled {cursor: default;display: none;}
.flex-direction-nav a:hover{color:#fff;}
/* 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: auto; padding: 10px 15px; background: rgba(255,255,255,.6); height: 9px;position: absolute; bottom:0px;
 margin:0 auto; text-align: center ; z-index:98; }
.flex-control-nav li {margin: 0 7px 0 ; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px; height:8px; display: block;  cursor: pointer; text-indent: -9999px;border-radius:8px;background: #ffffff;  }
.flex-control-paging li a:hover,.flex-control-paging li a.flex-active { background: #005da9;  }

.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{width: 100%;overflow: hidden;position: relative;}

/*content*/

.fadeInUp{-webkit-animation-name: fadeInUp ;animation-name: fadeInUp ;animation-duration: 0.2s; -webkit-animation-duration: 0.4s;animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;visibility: visible !important; }
@-webkit-keyframes fadeInUp {
0% {opacity: 0;-webkit-transform: translateY(20px);}
100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInUp {
0% {opacity: 0;-moz-transform: translateY(20px);}
100% {opacity: 1;-moz-transform: translateY(0);}
}
@-ms-keyframes fadeInUp {
0% {opacity: 0;-ms-transform: translateY(20px);}
100% {opacity: 1;-ms-transform: translateY(0);}
}
@-o-keyframes fadeInUp {
0% {opacity: 0;-o-transform: translateY(20px);}
100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInUp {
0% {opacity: 0;transform: translateY(20px);}
100% {opacity: 1;transform: translateY(0);}
}

.articleListTitle0{background: #fff;line-height: 70px;border-bottom: 1px solid #0956ad;font-size: 0;margin: 0 0 18px;overflow: hidden;}
.articleListTitle0 h2{background: #0956ad;color: #f3f3f3;float: left;padding: 0 42px;}
.articleListTitle0 .more{background: #0956ad;padding: 0 14px;float: right;}
.articleListTitle0 .more img{vertical-align: middle;}

.articleListTitle{overflow: hidden;line-height: 30px;}
.articleListTitle h2{color: #333;font-weight: bold;}
.articleListTitle h2.white{color: #fff;}
.articleListTitle2{border-bottom: 1px solid #d9d9d9;padding: 0 0 16px;}
.articleListTitle .more{float: right;width: 28px;height: 28px;overflow: hidden;position: relative;}
.articleListTitle .more1{border: 1px solid #999;background:url(../../images/gb20200716/more1.png) center center no-repeat;}
.articleListTitle .more2{border: 1px solid #fff;background:url(../../images/gb20200716/more2.png) center center no-repeat;}
.articleListTitle .more::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0;z-index: 2;}
.articleListTitle .more1:hover::before{background:url(../../images/gb20200716/more2.png) center center no-repeat;}
.articleListTitle .more2:hover::before{background:url(../../images/gb20200716/more3.png) center center no-repeat;}
.articleListTitle .more:hover::before{opacity: 1;}
.articleListTitle .more::after{content: '';position: absolute;left: 50%;top: 50%;border-radius: 50%;width: 0;height: 0;transition: all ease-in 0.1s;margin-top: 0;margin-left: 0;z-index: 0;}
.articleListTitle .more1::after{background:  #999;}
.articleListTitle .more2::after{background: #fff;}
.articleListTitle .more:hover::after{width: 50px;height: 50px;margin-top: -25px;margin-left: -25px;}

.mode01{margin-top: -100px;position: relative;z-index: 2;background: #fff;box-shadow: 0 2px 12px 0.6px rgba(0,0,0,0.1);}
.articleList01 ul{margin: 0 7px 0;padding: 12px 0 30px;}
.articleList01 li{width: 25%;}
.articleList01 a{margin: 0 13px;}
.articleList01 .img{padding-bottom: 62.22%;margin: 0 0 11px;}
.articleList01 .title{line-height: 22px;height: 44px;margin: 0 0 12px;}
.articleList01 .line{background: #e6e6e6;width: 90px;height: 1px;margin: 0 0 9px;}
.articleList01 .time{color: #999;}


.mode02{margin-top: 44px;overflow: hidden;}
.articleList02 ul{margin: 0 -30px 55px;}
.articleList02 li{width: 25%;}
.articleList02 a{padding: 29px 30px 12px;border-left: 1px dashed #e6e6e6;transition: all ease-in-out 0.3s;}
.articleList02 .title{line-height: 22px;height: 44px;margin: 16px 0 24px;text-align: justify;}
.articleList02 .info{text-align: justify;color: #999;line-height: 22px;height: 66px;}
.articleList02 .time{color: #999;width: 80px;border-bottom: 1px solid #008000;color: #008000;font-weight: bold;font-style: italic;line-height: 18px;padding: 0 0 10px;}
.articleList02 .tip{float: right;color: #0956ad;margin: 2px 1px 0 0;}

.wrapMode03{background: #0956ad;padding: 60px 0 116px;}
.mode03{position: relative;}
.mode03 .lf{width: 45%;overflow: hidden;}
.articleList03 ul{margin: 20px -28px 55px;}
.articleList03 li{width: 50%;}
.articleList03 a{padding: 27px 0 8px;border-bottom: 1px dashed #ceddef;margin: 0 28px 4px;}
.articleList03 .num{color: #29f45e;line-height: 22px;float: left;font-family: Times New Roman;font-style: italic;padding: 10px 0 0;}
.articleList03 .right{margin: 0 0 0 27px;}
.articleList03 .title{line-height: 22px;height: 44px;margin: 0px 0 9px;text-align: justify;color: #fff;}
.articleList03 .time{width: 80px;color: #fff;/* font-weight: bold; *//* font-style: italic; */line-height: 18px;padding: 0 0 0px;opacity: 0.6;}
.mode03 .floatBox{position: absolute;left: 53%;width: 577px;top: -14px;z-index: 2;}
.mode03 .floatBox img{display: block;width: 100%;}
.mode03 .floatBox .imgBox{margin: 0 15px 0 3px;}
.mode03 .floatBox .img{padding-bottom: 143%;}

.wrapMode04{background: #fff;padding: 33px 0 12px;position: relative;}
.wrapMode04 .colorBlock{background: #fff;position: absolute;left: 51.5%;bottom: 0;top: 76px;width: 110px;z-index: 3;}
.wrapMode04 .colorBlock2{background: #f2f2f2;position: absolute;left: 51.5%;top: 100%;width: 110px;z-index: 3;height: 80px;}
.mode04{position: relative;}
.mode04 .lf{width: 44%;}


.articleList04 ul{margin: 11px 0 0;}
.articleList04 li{width: 100%;}
.articleList04 a{padding: 20px 0 19px;border-top: 1px dashed #ceddef;overflow: hidden;}
.articleList04 li:first-child a{border: 0;}
.articleList04 .left{width: 160px;float: left;}
.articleList04 .right{margin: 0 0 0 180px;}
.articleList04 .title{line-height: 22px;height: 44px;margin: 10px 0 18px;text-align: justify;}
.articleList04 .time{font-style: italic;line-height: 18px;padding: 0 0 0px;color: #999;}
.articleList04 .img{padding-bottom: 62.5%;}


.mode05{margin-top: 103px;overflow: hidden;margin-bottom: 70px;position: relative;}
.articleList05{margin: 35px -40px 0 0;}
.articleList05 .left{width: 20px;position: absolute;left: 0;top: 0;background: #f2f2f2;height: 160px;}
.articleList05 .right{padding: 0 40px 0 30px;border-bottom: 2px solid #0956ad;border-left: 20px solid #fff;}
.articleList05 .title{margin: 0 0 18px;height: 48px;line-height: 24px;}
.articleList05 .info{margin: 0 0 0;color: #000;}
.articleList05 .img{padding-bottom: 62.72%;margin: 0 0 11px;}
.articleList05 .num{color: #0956ad;font-style: italic;font-weight: bold;font-family:times new roman;line-height: 35px;text-align: center;margin: 0 0 125px;}
.articleList05 .time{font-style: italic;color: #999;margin: 0 0 17px;}

.mode05 .carousel li{margin-right: 0;}
.mode05 .flex-direction-nav a{width: 29px;height: 56px;font-size: 0;margin-top: -83px;}
.mode05 .flex-direction-nav .flex-prev{background:url(../../images/gb20200716/05arrowPrev.png) center center no-repeat;}
.mode05 .flex-direction-nav .flex-next{background:url(../../images/gb20200716/05arrowNext.png) center center no-repeat;}

.mode05 .flexslider .slides > li a{position: relative;}
.mode05 .flexslider .slides > li a::after{content: '';width: 20px;height: 12px;display: block;background: #0956ad;margin: -3px 0 0;}

.wrapMode06{background: #002b5c;padding: 58px 0 52px;position: relative;}
.wrapMode06::before{content: '';background: #f2f2f2;position: absolute;left: 0;top: 0;bottom: 0;right: 50%;margin-right: 730px;}
.mode06{position: relative;}
.mode06 .lf{width: 28.8%;}
.mode06 .rt{width: 56.67%;padding: 24px 2.5% 40px;background: #0956ad;position: absolute;right: 0;z-index: 3;top: 178px;}
.mode06 .bg{position: absolute;left: 50%;top: -38px;margin-left: 32px;z-index: 2;}

.articleList061 ul{margin: 42px 0 0;}
.articleList061 a{border-bottom: 1px solid #fff;margin: 0 0 32px;}
.articleList061 .title{color: #fff;text-align: justify;margin: 0 0 12px;line-height: 24px;height: 48px;letter-spacing: 1.28px;}
.articleList061 .time{color: #fff;background: #008000;width: 50px;text-align: center;line-height: 22px;margin: 0 0 5px;}

.articleList062.carousel li{margin-right: 40px;}
.articleList062 a{display: block;border-top: 1px solid #7097c5;padding: 14px 0 0;margin: 0 0 15px;}
.articleList062 a.first{border: 0;padding: 0;margin: 0 0 19px;}
.articleList062 .box{margin: 30px 0 0;}
.articleList062 .left{width: 160px;float: left;}
.articleList062 .img{padding-bottom: 62.5%;}
.articleList062 .right{margin: 0 0 0 170px;}
.articleList062 .title{color: #fff;line-height: 24px;height: 48px;margin: 0 0 9px;}
.articleList062 .right .title{height: 72px;}
.articleList062 .time{color: #a5b7d9;font-style: italic;}
.articleList062 a.first .title{margin: 0 0 12px;}
.mode06 .flex-direction-nav a{width: 29px;height: 56px;font-size: 0;margin-top: -53px;border: 0;}
.mode06 .flex-direction-nav .flex-prev{background:url(../../images/gb20200716/05arrowPrev.png) center center no-repeat;left: -45px;}
.mode06 .flex-direction-nav .flex-next{background:url(../../images/gb20200716/05arrowNext.png) center center no-repeat;right: -45px;}
.mode06 .flex-control-nav{background: none;padding: 0;width: 100%;}
.mode06 .flex-control-paging li a{margin: 0 6px;padding: 0;background: #789bc3;}
.mode06 .flex-control-nav li{margin: 0;}
.mode06 .flex-control-paging li a:hover,.mode06 .flex-control-paging li a.flex-active{background: #fff;}

.wrapMode07{padding: 280px 0 110px;position: relative;background:url(../../images/gb20200716/7bg.png) left center no-repeat;}
.mode07 .lf{width: 45%;padding: 25px 2.5%;background: #fff;position: relative;z-index: 2;box-shadow: 0 2px 12px 0.6px rgba(0,0,0,0.1);}
.articleList07 ul{margin: 20px -10px 12px;}
.articleList07 li{width: 50%;}
.articleList07 a{margin: 0 10px;}
.articleList07 .title{margin: 0 0 0;height: 48px;line-height: 24px;}
.articleList07 .img{padding-bottom: 62.3%;margin: 0 0 8px;}

.mode07Img{position: absolute;right: 0;left: 50%;margin-left: -140px;bottom: 0;}
.mode07Img img{display: block;width: 100%;}
.wrapMode07 .bg{position: absolute;left: 0;}

@media screen and (min-width:1024px) {
	.effect2{transform: translateY(50px);opacity: 0;transition: all 1s ease-out 0s;}
	.effect2.isView{transform: none;opacity: 1 !important;}
	
	.articleList01 a:hover,.articleList02 a:hover,.articleList03 a:hover,.articleList04 a:hover,.articleList061 a:hover,.articleList062 a:hover,.articleList07 a:hover{transform: translateY(-6px);transition: all 0.3s ease-out 0s;}
}
@media screen and (max-width:1480px) {
	.flex-direction-nav a {width: 40px;height: 40px;line-height: 40px;font-size: 2.8rem;}
	
	.mode01{margin-top: -60px;}
	.articleListTitle0{line-height: 60px;margin: 0 0 7px;}
	.articleListTitle0 h2{padding: 0 32px;}
	.articleList01 .title{margin: 0 0 17px;}
	.articleList01 ul{padding: 12px 0 57px;}
	.articleList02 ul{margin: 0 -30px 46px;}
	.mode03 .lf{width: 54%;}
	.mode03 .floatBox{left: 59%;top: 20px;width: 490px;}
	.mode03 .floatBox .imgBox{margin: 0 -20px 0 0px;}
	.wrapMode03{padding: 60px 0 64px;}
	.mode04 .lf{width: 53%;}
	.wrapMode04 .colorBlock,.wrapMode04 .colorBlock2{left: 55%;width: 80px;}
	.mode05{margin-top: 93px;margin-bottom: 63px;}
	.articleList05 .left{width: 17px;}
	.articleList05 .num{margin: 0 0 96px;}
	.articleList05 .img{margin: 0 0 7px;}
	.articleList05 .time{margin: 0 0 13px;}
	.articleList05 .right{padding: 0 37px 0 17px;border-left: 17px solid #fff;}
	.mode05 .flexslider .slides > li a::after{width: 17px;height:8px;}
	
	.mode06 .lf{width: 26%;}
	.mode06 .rt{width: 64%;padding: 24px 2.5% 30px;}
	.wrapMode07{padding: 210px 0 91px;}
	.mode07 .lf{width: 55%;padding: 22px 2.5%;}
	.mode07Img{bottom: 60px;}
}

@media screen and (max-width: 1300px){
	.mode03 .floatBox{width: auto;right: 20px;}
}
@media screen and (max-width: 998px) {
	.mode01{margin: 9px 0 0;}
	.articleListTitle0{line-height: 50px;}
	.articleListTitle0 h2{padding: 0 22px;}
	.articleList01 ul{margin: 13px 12px 0px;padding: 12px 0 12px;}
	.articleList01 li{width: 50%;}
	.articleList01 a{margin: 0 27px 18px;}
	.mode02{margin-top: 48px;}
	.articleList02 li{width: 50%;}
	.articleList02 .title{height: 22px;margin: 16px 0 10px;}
	.articleList02 .info{height: 44px;}
	.articleList02 .time{width: 60px;}
	.articleList02 a{padding: 18px 40px 11px;}
	.articleList02 ul{margin: 9px -30px 39px;}
	.wrapMode03{padding: 41px 0 0;}
	.mode03 .lf,.mode04 .lf{width: 100%;}
	.mode03 .floatBox{position: static;margin: 0 auto -8px;max-width: 100%;width: 70%;}
	.mode03 .floatBox .imgBox{display: none;}
	.articleList03 ul{margin: 18px -28px 3px;}
	.articleList03 a{padding: 16px 0 8px;}
	.articleList04 ul{margin: 11px -17px 0;}
	.articleList04 li{width: 33.3%;}
	.articleList04 a{padding: 20px 17px 19px;border: 0;}
	.articleList04 .left{float: none;width: auto;}
	.articleList04 .right{margin: 0;}
	.articleList04 .title{height: 66px;}
	.wrapMode04 .colorBlock, .wrapMode04 .colorBlock2{display: none;}
	.wrapMode04{padding: 33px 0 38px;}
	.mode05{margin-top: 30px;margin-bottom: 30px;overflow: visible;}
	.articleList05{margin: 35px 0 0 0;}
	.articleList05 .num{margin: 0 0 155px;}
	.articleList05 .title{margin: 0 0 6px;line-height: 22px;height: 44px;}
	.articleList05 .right{padding: 0 21px 0 33px;}
	.articleList05 .time{margin: 0 0 18px;}
	.mode05 .flexslider .slides > li a::after{width: 17px;height:12px;}
	
	.mode05 .gp-f36{font-size: 36px !important;}
	.mode05 .flex-direction-nav .flex-prev{left: -20px;}
	.mode05 .flex-direction-nav .flex-next{right: -20px;}
	
	.mode06 .lf{width: 100%;}
	.mode06 .bg{display: none;}
	
	.wrapMode06{padding: 58px 0 0;}
	.wrapMode06::after{content: '';position: absolute;bottom: 0;background: #f2f2f2;height: 180px;z-index: 1;width: 100%;}
	.articleList061 ul{margin: 40px -17px 20px;}
	.articleList061 li{width: 33.3%;}
	.articleList061 a{margin: 0 17px 32px;}
	.articleList061 .title{height: 66px;line-height: 22px;margin: 0 0 23px;}
	
	.mode06 .rt{position: relative;width: auto;padding: 24px 2.5% 16px;top: 0;z-index: 2;}
	.articleList062 .right .title{line-height: 22px;height: 66px;}
	
	.wrapMode07{padding: 40px 0 0;}
	.mode07 .lf{margin: 0 auto;width: 74%;padding: 18px 4% 3px;}
	.mode07Img{position: relative;left: 0;bottom: 0;top: 0;right: 0;margin: -110px 0 0;}
	
	
}
@media screen and (max-width:767px){
	.articleListTitle .more{width: 22px;height: 22px;margin: 4px 0 0;}
	.articleListTitle2{padding: 0 0 12px;}
	.articleListTitle0{line-height: 40px;}
	.articleList01 a{margin: 0 11px 25px;}
	.articleList01 ul{margin: 0px 5px;padding:8px 0 12px;}
	.mode02{margin-top: 32px;}
	.articleList02 ul{margin: 9px -30px 19px;}
	.articleList02 li{width: 100%;}
	.articleList02 a{padding: 6px 31px 6px 40px;}
	.articleList02 .title{margin: 11px 0 4px;}
	.articleList02 .info{height: 22px;}
	.wrapMode03{padding: 26px 0 0;}
	.articleList03 li{width: 100%;}
	.articleList03 ul{margin: 23px -28px 3px;}
	.articleList03 .title{height: 22px;margin: 0 0 6px;}
	.articleList03 a{padding: 2px 0 7px;}
	
	.wrapMode04{padding: 26px 0 38px;}
	.articleList04 ul{margin: 7px -17px 0;}
	.articleList04 li{width: 100%;}
	.articleList04 a{padding: 9px 17px;border-top: 1px solid #d6d7dc;}
	.articleList04 .left{width: 160px;float: left;}
	.articleList04 .right{margin: 0 0 0 180px;}
	.articleList04 .title{margin: 0 0 18px;}
	
	.mode05{margin-top: 7px;}
	.wrapMode06{padding: 38px 0 0;}
	.articleList061 ul{margin: 26px -17px 34px;}
	.articleList061 li{width: 100%;}
	.articleList061 .title{height: 44px;margin: 0 0 10px;}
	.articleList061 a{margin: 0 17px 17px;}
	
	.mode06{overflow: visible !important;}
	.mode06 .rt{padding: 24px 25px 16px;}
	
	.mode07 .lf{width: auto;}
	.mode07Img{margin: -32px 0 0;}
	
}

@media screen and (max-width:479px) {
	.flex-direction-nav a {width: 30px;height: 30px;line-height: 30px;font-size: 2rem;}

}
@media screen and (max-width:320px) {
	.articleList01 li{width: 100%;}
	.articleList05 .num{margin: 0 0 97px;}

}