@charset "utf-8";
/* CSS Document */


/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ overflow: hidden; position: relative; }
.Banner .flexslider { width:100%; position: relative; zoom: 1; overflow:hidden; }
.Banner .flexslider ul li{ list-style:none; position: relative;}
.Banner .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:24.4%; overflow:hidden;}
.Banner .flexslider ul li img{ border:none; width:100%;}
.Banner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.Banner .loading .flex-viewport {  }
.Banner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.Banner .carousel li { margin-right: 5px; }
/*icon小点*/
.Banner .flex-control-nav {width:auto; position: absolute; bottom:30px; right:17%;text-align:center;z-index:9;}
.Banner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.Banner .flex-control-paging li a {  float:left; width: 9px; height: 9px; display: block; background:#979a9c; border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background:#2a35bc;}
.Banner .slides h4 a{color:#fff;opacity: 1.0;font-size:14px; text-decoration:none;}
.Banner .slides h4 a:hover{color:#fff;font-size:14px;}
.Banner .flexslider ul li .slideTxt{ width: 98.5%; position:absolute; bottom:0; left:0; color:#fff;z-index:999; background: url(/images/2019/banner_bg.png) repeat; padding: 0 14px; height: 47px;line-height:47px; overflow: hidden;}
.Banner .flexslider ul li .slideTxt p{ display: block; max-width: 1200px; margin: 0 auto; font-size:1.4em; color:#fff;}
.Banner .flexslider ul li .slideTxt a{display: inline-block; font-size: 1.3em; color: #fff; background: url(/images/2019/play02.png) no-repeat right center; padding-right: 15px; float: right;
margin-top: 17px; }
.Banner .flexslider ul li .slideTxt a:hover{ color: #d9b26f; }

.Banner .flex-direction-nav{ display:block; }
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; position: static !important;}
.Banner .flex-direction-nav a{ width:66px;height:66px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;
  -webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.Banner .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.Banner .flex-direction-nav a.flex-prev{ background:url(/images/2019/prev.png) no-repeat center; left: 18%; top: 50%; margin-top: -44px;}
.Banner .flex-direction-nav a.flex-next{  background:url(/images/2019/next.png) no-repeat center; right: 18%; top: 50%; margin-top: -44px;}

.Banner .flex-pauseplay{position: absolute;right:15%;bottom: 35px;}
.Banner .flex-pauseplay a{ display: inline-block; width: 18px; text-indent: -888em; }
.Banner .flex-pauseplay a.flex-pause{background:url(/images/2019/pause.png) no-repeat center center;}
.Banner .flex-pauseplay a.flex-play{background:url(/images/2019/play02.png) no-repeat center center;}








.content{overflow:hidden;}
.mode01{max-width:1200px;overflow:hidden; margin:30px auto; }
.mode01 .lf{ width: 46.3%; float: left; overflow: hidden; }
.mode01 .rt{ width: 46.8%; float: right; overflow: hidden;}

.articleTitle01{ height: 24px; line-height:24px; }
.articleTitle01 .title h2{ font-size:1.8em; color: #2052c2; padding-left: 15px; position: relative;}
.articleTitle01 .title h2:before{ content: ''; display: block; width: 4px; height: 24px; background: #459ad5; position: absolute; left: 0; top: 0; }
.more{ float: right; padding-right:15px; }
.more a{ font-size:14px; color: #2529ba; }



.articleList01 ul{ padding:20px 15px; overflow: hidden; }
.articleList01 ul li:first-child{border-top: #cccccc 1px solid;}
.articleList01 ul li{ overflow: hidden; border-bottom: #cccccc 1px solid; padding:14px 0;  }
.articleList01 ul li:hover,.articleList04 ul li:hover,.articleList01.listbg ul li:hover{ 
background:-webkit-linear-gradient(left,#2939bd,#1488cc);/* Safari 5.1 - 6.0 */

background:-o-linear-gradient(right,#2939bd,#1488cc);/* Opera 11.1 - 12.0 */

background:-moz-linear-gradient(right,#2939bd,#1488cc);/* Firefox 3.6 - 15 */

background:linear-gradient(to right,#2939bd,#1488cc);/* 标准*/

}
.articleList01 ul li:hover,.articleList01 ul li:hover a,.articleList04 ul li:hover,.articleList04 ul li:hover a{ color: #fff; }
.articleList01 ul li a{ display: block; background: url(/images/2019/libg01.png) no-repeat left center; padding-left: 40px;font-size: 1.6em; font-weight: bold; height: 24px; line-height: 24px; color: #333; overflow: hidden; }

.articleList01.listbg ul li a{ background: url(/images/2019/libg02.png) no-repeat left center; }
.articleList01 ul li:hover a{background: url(/images/2019/libg011.png) no-repeat left 5px center;}
.articleList01.listbg ul li:hover a{background: url(/images/2019/libg022.png) no-repeat left 5px center;}
.articleList04 ul li:hover a{background: url(/images/2019/libg033.png) no-repeat left 5px center;}



.articleList02{ overflow:hidden; margin:-18px; } 
.articleList02 li{ width:50%;float:left;position:relative;} 
.articleList02 li > div { margin: 18px;  overflow: hidden; }
.articleList02 li img{width:100%;display:block;}

.articleList02 li span{display:block;z-index:1;background-color:#003a63; height: 0; padding-bottom: 66.8%;border-radius: 10px; overflow: hidden;}

.articleList02 .current05{margin-bottom:20px;}
.articleList02 .item_cover{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-ms-opacity:0;opacity:0; transition: all 1s ease 0s;width:100%;height:100%;z-index:22;position:absolute;left:0;bottom:0;background:url(/images/2019/cover_bg.png) repeat;background-size:95% 95%;}
.articleList02 .item_cover h3{ font-weight:bold;color:#fff;font-size:16px; height: 45px; line-height:24px; overflow: hidden; background:url(/images/2019/linkbg.png) no-repeat center; position: absolute; bottom: 30px; padding: 0 30px;}

.articleList02 li:hover .item_cover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-ms-opacity:1;opacity:1;transition: all 1s ease 0s;}
.articleList02 li:hover img{filter:alpha(opacity=35);-moz-opacity:0.35;opacity:0.35;-ms-opacity:0.35;opacity:0.35;transition: all 1s ease 0s;}


.mode02{ max-width: 1200px; overflow: hidden; margin: 0 auto; }
.mode02 .lf{ width: 46.3%; float: left; }
.mode02 .rt{ width: 46.8%; float: right;}


.articleList03 a{ display: block; height: 0; padding-bottom: 66.5%; overflow: hidden; border-radius: 10px; }
.articleList03 a img{transition: all 0.6s; width: 100%;}
.articleList03 a:hover img{transform: scale(1.4)}





.mode03{ max-width: 1200px; overflow: hidden; margin: 20px auto; }

.articleList04 ul{ padding:20px 15px; margin: 0 -3%; overflow: hidden; }
.articleList04 ul li{ overflow: hidden; border-bottom: #cccccc 1px solid; padding:14px 0; width:44%; margin: 0 3%; float: left; }
.articleList04 ul li a{ display: block; font-size: 1.6em; font-weight: bold; height: 24px; line-height: 24px; color: #333; overflow: hidden; 
	background: url(/images/2019/libg03.png) no-repeat left center; padding-left: 40px; }

.articleList04 ul li:nth-child(1),.articleList04 ul li:nth-child(2){ border-top: #ccc 1px solid; }





@media screen  and (max-width:1200px) {
         .mode01,.mode02,.mode03{ margin: 25px; }
        
 }

@media screen  and (max-width:992px) { 
  

 

}


@media screen and (max-width:767px) {
    .Banner .flex-control-nav{ display: none; }
    .mode01 .lf,.mode01 .rt,.mode02 .lf,.mode02 .rt,.mode03 ul li{ float: none; width: auto; }
    .mode02 .lf{ margin: 15px 0; }
    .articleTitle01 .title h2{ font-size: 1.6em; } 
    .articleList01 ul,.articleList04 ul{ padding: 20px 0; }
    .articleList04 ul li:nth-child(2){ border-top: none; }
    .articleList01 ul li,.articleList04 ul li{ padding: 10px 0; }
    .articleList01 ul li a,.articleList04 ul li a{ font-size: 1.4em; }
    .articleList02{ margin: 0 -10px; }
    .articleList02 li > div{ margin: 5px 10px; }
    .articleList02 .item_cover{filter:alpha(opacity=1);-moz-opacity:1;opacity:1;-ms-opacity:1;opacity:1; position: static;}
    .articleList02 .item_cover h3{ position: static; color: #333; font-size: 1.4em; padding: 10px 0; }
    .Banner .flexslider ul li .slideTxt{ width:auto;}

 }

@media screen and (max-width:640px) {
	.articleList02 li{ width: auto; float: none; }
	.articleList02 .item_cover h3{ height: auto; }
   

}

@media screen and (max-width:414px) {
  

}


