@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 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 */
.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; overflow: visible !important;*overflow: hidden !important;}
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav{*height: 0;width: 100%;}
.flex-direction-nav a{text-decoration:none;display: block;width: 36px;height: 72px;position: absolute;top: 50%;z-index: 10;overflow: hidden;cursor: pointer;color: rgba(0,0,0,0.8);text-indent:-999em;margin-top:-36px;*filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5; }
.flex-direction-nav .flex-prev {left: 0;background: url(/jwc/images/gb20191031/left.png) center center no-repeat #fff;}
.flex-direction-nav .flex-next {right: 0;background: url(/jwc/images/gb20191031/right.png) center center no-repeat #fff;}
.flex-direction-nav a:hover{*filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
.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 {position: absolute; bottom: 8px;right: 50%; text-align: center; z-index:99;margin-right: -640px;background: url(/jwc/images/gb20191031/searchBg.png);width: 130px;height: 20px;border-radius: 10px;}
.flex-control-nav li {margin: -1px 7px 0; display: inline-block; zoom: 1; *display: inline;vertical-align: middle;}
.flex-control-paging li a {width: 5px; height: 5px; display: block; cursor: pointer; text-indent: -9999px;border-radius:8px;background-color:#8c5b54;}
.flex-control-paging li a:hover { background: #89211b;  }
.flex-control-paging li a.flex-active { background: #89211b;border:2px solid #fff;width: 9px; height: 9px;}

.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;}
.wrapBanner{width: 100%;overflow: hidden;}
.Banner{position: relative;z-index: 1;width: 100%;max-width: 1380px;margin: 0 auto;}
.bannerImg{width: 100%;height: 0;padding-bottom: 33.333333333%;overflow: hidden;position: relative;display: block;}
.bannerImg .cover{width: 100%;height: 0;padding-bottom: 10%;overflow: hidden;background: url(/jwc/images/gb20191031/bannerBg.png) repeat-x top center;position: absolute;bottom: 0;left: 0;}
.bannerImg .cover .title{display: none;position: absolute;left: 50%;margin-left: -640px;bottom: 0;color: #fff;font-size: 24px;line-height: 62px;white-space: nowrap;max-width: 900px;overflow: hidden;text-overflow: ellipsis;}
.flex-active-slide .bannerImg .cover .title{display: block;}
@media screen  and (max-width:1380px){
	.bannerImg .cover .title{margin: 0;left: 3%;right: 200px;font-size: 20px;}
	.flex-control-nav{margin: 0;right: 3%;}
	
}
@media screen  and (max-width:480px){
	.flex-active-slide .bannerImg .cover .title{display: none;}
	.flex-control-nav{margin-right: -65px;right: 50%;}
	.flex-direction-nav a{width: 24px;height: 48px;margin-top: -24px;}
}




.articleListTitle{line-height: 24px;height: 24px;}
.articleListTitle .more{float: right;font-size: 13px;color: #89211B;}
.articleListTitle h2{font-size: 24px;padding-left: 13px;font-weight: normal;color: #89211B;border-left: 3px #89211b solid;}

.mode01{width: 96%;max-width: 1280px;margin: 0 auto;overflow: hidden;padding:30px 2% 40px;}
.mode01 .lf{width: 45.4%;float: left;padding: 14px 1.8% 24px;box-shadow: rgba(16,26,33,0.08) 0 4px 10px;background: #fff;position: relative;
background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) ,  rgba(255,255,255,0)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(top, rgba(255,255,255,1) ,  rgba(255,255,255,0)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, rgba(255,255,255,1) ,  rgba(255,255,255,0)); /* Firefox 3.6 - 15 */
background: linear-gradient(to top, rgba(255,255,255,1)  ,  rgba(255,255,255,0)); /* 标准的语法 */}
.mode01 .rt{width: 45.4%;float: right;padding: 14px 1.8%;box-shadow: rgba(16,26,33,0.08) 0 4px 10px;background: #fff;position: relative;
background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) ,  rgba(255,255,255,0)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(top, rgba(255,255,255,1) ,  rgba(255,255,255,0)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, rgba(255,255,255,1) ,  rgba(255,255,255,0)); /* Firefox 3.6 - 15 */
background: linear-gradient(to top, rgba(255,255,255,1)  ,  rgba(255,255,255,0)); /* 标准的语法 */}
.mode01 .lf:after,.mode01 .rt:after{content: "";display: block;position: absolute;bottom: 0;right: 0;border-right: 8px #ccc solid;border-top:8px solid transparent;}
.mode01 .lf .tabMenu{background: #eee;overflow: hidden;line-height: 36px;height: 36px;margin-top: 14px;}
.mode01 .lf .tabMenu li{width: 10%;float: left;text-align: center;}
.mode01 .lf .tabMenu li a{font-size: 15px;color: #555;font-weight: bold;}
.mode01 .lf .tabMenu li.on a{color: #89211B;display: inline-block;*display: inline;*zoom: 1;border-bottom: 2px solid #89211b;height: 34px;}
.mode01 .lf .more_tab.on,.mode01 .lf .tabListBox.on{display: block;}
.mode01 .lf .more_tab{display: none;}
.mode01 .lf .tabListBox{display: none;}

.mode01 .lf .articleList1{line-height: 46px;margin-top: 2px;}
.mode01 .lf .articleList1 li{border-bottom: 1px solid #eee;display: block;width: 100%;}
.mode01 .lf .articleList1 li .rightDate{float: right;color: #555;font-size: 13px;margin-left: 16px;}
.mode01 .lf .articleList1 li .title{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 23px;background: url(/jwc/images/gb20191031/arrow.png) 8px center no-repeat;}
.mode01 .lf .articleList1 li .Label{padding-left: 6px;color: #ff0000;font-size: 12px;}

.mode01 .rt .articleList2{line-height: 46px;margin-bottom: 8px;}
.mode01 .rt .articleList2 li{border-bottom: 1px solid #eee;width: 100%;}
.mode01 .rt .articleList2 li .rightDate{float: right;color: #555;font-size: 13px;margin-left: 16px;}
.mode01 .rt .articleList2 li .title{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 23px;background: url(/jwc/images/gb20191031/arrow.png) 8px center no-repeat;}

.mode01 .rt .firstList{padding: 16px 0 15px;overflow: hidden;display: block;border-bottom: 1px solid #eee;*padding-bottom:0;}
.mode01 .rt .firstList .left{width: 170px;float: left;}
.mode01 .rt .firstList .left .img{width: 100%;height:0;display: block;padding-bottom: 66.666666%;overflow: hidden;}
.mode01 .rt .firstList .left .img img{width: 100%;}
.mode01 .rt .firstList:hover .left .img img{transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);transition: all ease-in 0.2s;-ms-transition: all ease-in 0.2s;-moz-transition: all ease-in 0.2s;-webkit-transition: all ease-in 0.2s;-o-transition: all ease-in 0.2s;}
.mode01 .rt .firstList .right{display: block;margin-left: 180px;}
.mode01 .rt .firstList .right .title{font-size: 15px;line-height: 15px;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.mode01 .rt .firstList .right p{font-size: 13px;line-height: 22px;height: 44px;overflow: hidden;color: #999;margin: 19px 0 ;}
.mode01 .rt .firstList .right .time{float: right;color: #555;}

.mode02{width: 96%;max-width: 1280px;margin: 0 auto;overflow: hidden;}
.mode02 .articleListTitle{margin-left: 24px;}
.mode02 .linkList{margin: 14px -2px 38px;*margin:14px 0 38px;overflow: hidden;}
.mode02 .linkList li{width: 25%;float: left;margin: 2px 0;}
.mode02 .linkList li.six { width:50%; }
.mode02 .linkList li a{box-shadow: rgba(16,26,33,0.08) 0 4px 10px;display: block;margin: 0 2px;}
.mode02 .linkList li a .img{width: 100%;/* padding-bottom: 41.5%; */height: 130px;overflow: hidden;background-size: cover !important;position: relative; border-radius:5px; }
.mode02 .linkList li a .img img{margin: 18px auto 0;display: block;}
.mode02 .linkList li a .img .title{font-size: 18px;text-align: center;color: #fff;font-weight: bold;margin-top: 10px;}
.mode02 .linkList li a .img:hover{filter: brightness(1.1);}



@media screen  and (max-width:1220px) {
	.mode02, .mode03, .mode04, .mode05{width: auto;padding:0 15px;}
}
@media screen  and (max-width:1024px) {
	.articleListTitle h2{font-size: 20px;}
	
}
@media screen  and (max-width:992px) {
	.mode01 .lf,.mode01 .rt{float: none;width: 96.4%;}
	.mode01 .rt{margin-top: 20px;}
	
	.mode02 .linkList li a .img .title{font-size: 16px;}
	.mode02 .articleListTitle{margin-left: 1.8%;}
	
	
}
@media screen  and (max-width:800px) {
	
}
@media screen and (max-width: 768px) {
	.articleListTitle h2{font-size: 18px;}
}
@media screen  and (max-width:640px) {
	.mode02 .linkList li{width: 50%;}
}
@media screen and (max-width:480px) {
	.mode01{width: 98%;padding: 20px 1% 30px;}
	.mode02{}
	.mode01 .lf, .mode01 .rt{padding: 14px 0 24px;width: 100%;}
	.mode01 .lf .articleList1 li .rightDate,.mode01 .rt .firstList,.mode01 .rt .articleList2 li .rightDate{padding-right: 10px;}
	.mode01 .rt .firstList .left{padding-left: 10px;}
	.mode01 .rt .firstList .right{margin-left: 190px;}
	
}
@media screen and (max-width:413px) {
	.mode01 .rt .firstList .left{float: none;width: 80%;margin: 0 auto;}
	.mode01 .rt .firstList .right{margin-left: 0;padding: 10px;}
	.mode01 .rt .firstList{padding-right: 0;}
	
}
@media screen and (max-width:380px) {
	.mode01 .lf .tabMenu li a{font-size: 13px;}
}
@media screen and (max-width:320px) {
	.mode02 .linkList li{width: 100%;}
}