
@charset "utf-8";
/* CSS Document */
.Banner{width:100%;overflow:hidden;position:relative;z-index:1;}

.flexslider .slides li a{display: block;position: relative;z-index:1;}
.Banner .flex-direction-nav{display: block;}
.Banner .flex-direction-nav a{text-indent: -9999px; width:64px;height: 64px;line-height: 64px; color:#fff;text-indent: 0; background: rgba(0,0,0,0.6);text-align: center;font-size: 30px;margin-top: -32px;}
.Banner .flex-direction-nav .flex-prev{left:0px;  *background: url(../images/lf.png) no-repeat center center #333 ;}
.Banner .flex-direction-nav .flex-next{right:0px; *background: url(../images/rt.png) no-repeat center center #333 ;}

.Banner .flex-direction-nav a.flex-prev:hover,.Banner .flex-direction-nav a.flex-next:hover{background-color: #000; background-color: rgba(1,45,108,1);}


.Banner .flex-control-nav{display: block;}
.Banner .flex-control-nav{bottom:10px;text-align: center;width: auto;margin: 0 auto;left: 50%;background: #005bac;background: rgba(0,91,172,0.7);border-radius: 20px;padding:8px 10px;height: 9px;}
.Banner .flex-control-paging li{margin:0 5px;}
.Banner .flex-control-paging li a {width: 8px;height: 8px;border-radius: 8px; background:#fff;text-indent: 9999px;transition:all 0.5s ease-in-out;}
.Banner .flex-control-paging li a.flex-active,.Banner .flex-control-paging li a:hover {background:#f6ad3c; }




.content{overflow:hidden;}
.mode{width: 1200px;margin:0 auto;padding: 30px 0; overflow: hidden;}

/*åˆ‡æ¢*/
.tabArticleList01{width:100%;overflow:hidden;position: relative;}
.tabMenu01{width:auto;overflow:hidden;margin:0 76px 22px 0;position: relative;;position: relative;}

.tabMenu01 li{text-align: center;font-size:20px;float:left;margin-right: 2px;}

.tabMenu01 li  a{display: block;padding:8px 30px;font-size: 20px;border-bottom:3px solid #f6ad3c;letter-spacing: 2px;}
.tabMenu01 li.active  a,.tabMenu01 li:hover  a{background: #00366f;border-bottom-color:#00366f;color:#fff;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.tabList01{width:100%;overflow:hidden;}
.tabList01 dd{display: none;}


.moreBox{overflow: hidden;position: absolute;top:23px;right: 0;z-index:3;}
.moreBox a{display: none;color:#999;font-size: 14px;position: relative;padding-bottom: 3px;font-weight:bold;}
.moreBox a:after{height: 1px;width: 100%;content: '';clear: both;background: #999;bottom:1px;left: 0;position: absolute;transition:all 0.5s ease-in-out;}
.moreBox a:hover{color:#00366f;cursor: pointer;}
.moreBox a.active{display: block;}
.moreBox a:hover:after{background: #00366f;}


.newsBox{overflow: hidden;}
.newsBox .lf{width: 40%;}
.newsBox .rt{width: 56.66%;}

.newsImgBox{}
.newsImg{overflow: hidden;}
.newsImgInfo{margin-top: 10px;}
.newsImgInfo h3{font-size: 16px;height: 24px;line-height: 24px;overflow: hidden;margin-bottom: 10px;}
.newsImgInfo p{font-size: 14px;color:#999;line-height: 24px;height: 48px;overflow: hidden;}


.newsImgBox .flex-control-nav{bottom:92px;background: #eee;background: rgba(0,0,0,0.5);height: 24px;}
.newsImgBox .flex-control-paging li a{background: #c9d9e7;width: 8px;height: 8px;}
.newsImgBox .flex-control-paging li a.flex-active,.newsImgBox .flex-control-paging li a:hover{background: #357dbd;}
.newsImgBox .flex-control-paging li{margin: 8px 5px;}

.newsList{overflow: hidden;width: 105%;}
.newsList li{width: 50%;*width: 49.8%;float: left;}
.newsList li .news{margin-right: 30px;border-bottom: 1px solid #005bac;padding-bottom: 7px;margin-bottom: 10px;}
.newsList li .news a{display: block;font-size: 16px;height: 48px;line-height: 24px;margin-bottom: 10px; overflow: hidden;padding-left: 0;}
.newsList li .news  .leftDate{display: block;font-size: 12px;color:#005bac;font-family: 'Arial';}
.newsList li .news  .leftDate i{margin-right: 5px;font-size: 13px;font-weight: bold;}

.newsList li .news a:hover{padding-left: 15px;}


.wrap_mode02{}
.mode02{padding-top: 0;margin-top: 30px;width: 100%;padding-bottom: 0;}

.mode02 .tabMenuBox{width: 1200px;margin: 0 auto;position: relative;}
.mode02 .tabMenuBox .tabMenu01{margin-bottom: 0;}
.mode02 .tabList01{width: 100%;background: #cedff2;}
.mode02 .tabList01 dd{width:1200px;margin: 0 auto;padding: 55px 0 10px;}
.mode02 .moreBox{top: 15px;}



.noticeList{overflow: hidden;}
.noticeList li{float: left;width: 25%;*width: 24.8%; margin-bottom: 20px;}
.noticeList li a{display: block;padding:0 0px 10px 0px;border-bottom: 1px solid #fff;}
.noticeList li a .notice{border-right:1px solid #fff;padding:0 30px 20px;}
.noticeList li.leftLine a .notice{border-left: 1px solid #fff;}
.noticeList li.bottomLine a{border-bottom: none;}
.notice span{display: block;margin-bottom: 25px;}
.notice span i{font-size: 14px;font-style: normal;color:#999;}
.notice span strong{font-size: 30px;letter-spacing: 1px;font-family: 'Arial';padding-left:15px;color:#002147; background-image:-webkit-linear-gradient(bottom,#002147,#043873,#002147); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;}
.notice h3{font-weight: normal;line-height: 22px;height: 44px;overflow: hidden;font-size: 16px;transition:all 0.5s ease-in-out; -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transfrom:scale(1);
    -o-transform:scale(1);
    transform:scale(1);}

.noticeList li a:hover .notice h3{color:#002147;-webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transfrom:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);}

.wrap_mode03{background: url(../images/links_bg.jpg) no-repeat center top;width: 100%;position: relative;background-size: 100% auto;}
.mode03_bg{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: url(../images/links_bg1.png) repeat;z-index:1;}


.Articeltitle03{width: 1200px;margin: 0 auto;position: relative;z-index:3;}
.Articeltitle03  h2{font-size: 20px;color:#00366f;width: 146px;height: 61px;background: url(../images/links_title_bg.png) no-repeat center top;margin: 0 auto;line-height: 53px;text-align: center;}
.linksList{position: relative;z-index:3;width: 100%;margin: 0px auto;padding:50px 0; overflow: hidden;}
.linksList li{text-align: center;width: 20%;*width: 19.999%; float: left;}
.linksList li a{display: block;border-right: 1px solid #fff; border-right-color: rgba(255,255,255,0.3);*border-right-color:#fff;cursor: pointer;}
.linksList li .iconfont{font-size:60px;color:#fff;display: block;margin: 0 auto;width: 120px;height: 120px;line-height: 120px;border-radius: 50%;
	transform:rotateY(0deg);
-ms-transform:rotateY(0deg); 	/* IE 9 */
-moz-transform:rotateY(0deg); 	/* Firefox */
-webkit-transform:rotateY(0deg); /* Safari å’Œ Chrome */
-o-transform:rotateY(0deg); 	/* Opera */transition:all 0.5s ease-in-out; }
.linksList li .iconjiaoxue{background: #ff9000;
	background: -webkit-linear-gradient(top, #ff9000 , #f5ad4f); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #ff9000 , #f5ad4f); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom,  #ff9000 , #f5ad4f); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom,  #ff9000 , #f5ad4f); /* æ ‡å‡†çš„è¯­æ³• */*background: url(../images/links1.png) no-repeat center center #ff9000;}
.linksList li .iconchuangxin{background: #fc306a;
	background: -webkit-linear-gradient(top, #fc306a , #ff6a9b); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #fc306a , #ff6a9b); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom,  #fc306a , #ff6a9b); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom,  #fc306a , #ff6a9b); /* æ ‡å‡†çš„è¯­æ³• */*background: url(../images/links2.png) no-repeat center center #fc306a;}
.linksList li .icontushuguan{background: #ff4543;
	background: -webkit-linear-gradient(top, #ff4543 , #ff7465); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #ff4543 , #ff7465); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom,  #ff4543 , #ff7465); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom,  #ff4543 , #ff7465); /* æ ‡å‡†çš„è¯­æ³• */*background: url(../images/links3.png) no-repeat center center #ff4543;}
.linksList li .iconOA{background: #58b629;
	background: -webkit-linear-gradient(top, #58b629 , #70df3a); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #58b629 , #70df3a); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom,  #58b629 , #70df3a); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom,  #58b629 , #70df3a); /* æ ‡å‡†çš„è¯­æ³• */*background: url(../images/links4.png) no-repeat center center #58b629;}
.linksList li .iconyoujian{background: #6a3bf0;
	background: -webkit-linear-gradient(top, #6a3bf0 , #9876fa); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #6a3bf0 , #9876fa); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom,  #6a3bf0 , #9876fa); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom,  #6a3bf0 , #9876fa); /* æ ‡å‡†çš„è¯­æ³• */*background: url(../images/links5.png) no-repeat center center #6a3bf0;}
.linksList li a:hover i{transform:rotateY(180deg);
-ms-transform:rotateY(180deg); 	/* IE 9 */
-moz-transform:rotateY(180deg); 	/* Firefox */
-webkit-transform:rotateY(180deg); /* Safari å’Œ Chrome */
-o-transform:rotateY(180deg); 	/* Opera */}

.linksList li p{font-size: 16px;font-weight: bold;margin-top: 15px;color:#fff;}


.wrap_mode04{width: 100%;background:#cedff2;}
.articleTitle{overflow: hidden;margin-bottom: 30px;}
.articleTitle h2{font-size: 20px;letter-spacing: 1px;}
.more04{float: right;color:#999;font-size: 14px;position: relative;padding-bottom: 3px;font-weight:bold;}

.more04:after{height: 1px;width: 100%;content: '';clear: both;background: #999;bottom:1px;left: 0;position: absolute;transition:all 0.5s ease-in-out;}
.more04:hover{color:#00366f;cursor: pointer;}
.more04:hover:after{background: #00366f;}

.topicList{overflow: hidden;width: 103%;}
.topicList li{float: left;width: 33%;*width: 32.99%;}
.topicList li a{display: block;margin-right: 40px;}
.topicList li .imgResponsive{padding-bottom: 27.58%;}

.mode05 {overflow: hidden;}
.mode05 .lf{width: 71.66%;}
.mode05 .rt{width: 25%;}
.vedioBox{background: #00366f;overflow: hidden;}

.vedioBox .title{float: left;width: 60px;color:#fff;font-size: 20px;height: 100%;}
.vedioBox .title a{width: 25px;color:#fff;margin: 0 auto;display: block;}
.vedioBox .vedio{margin-left: 60px;}
.vedioBox .vedio a{display: block; position: relative;cursor: pointer;}
.vedioBox .vedio .bofang{position: absolute;width: 80px;text-align: center; height: 80px;line-height: 80px;top:50%;margin-top: -40px;margin-left: -40px;left: 50%;background: #fff;background: rgba(255,255,255,0.9);border-radius: 50%;transition:all 0.5s ease-in-out;z-index:3;*background: url(../images/play.png) no-repeat center center #fff;}
.vedioBox .vedio .bofang i.iconfont{font-size: 40px;display: block;color:#00366f; background-image:-webkit-linear-gradient(left,#00366f,#004fa3); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;}

.vedioBox  .vedio a:hover .bofang{background-color: #fff;}

.vedio_bg{position: absolute;z-index: 1;top:0;left: 0;background: url(../images/vedio_bg.png) repeat ;width:100%;height: 100%;}
.v_title{margin-left: 60px;height: 60px;line-height: 60px; background: #f2f0ed;overflow: hidden;}
.v_title a{display: block; padding:0 20px;font-size: 16px;line-height: 60px;overflow: hidden;}


.capMediaBox{margin-top: 30px;}
.c_title{border-bottom: 1px solid #d4bcbc;overflow: hidden;}
.c_title h2{position: relative;float: left;padding-bottom: 10px;font-size: 20px;}
.c_title h2:after{content: '';clear: both;position: absolute;bottom:0;left: 0;background:#a62b23;width: 100%;height: 3px;}

.capMediaList{}
.capMediaList li{overflow: hidden; border-bottom: 1px dashed #bfbfbf;padding-bottom:25px;padding-top: 25px; }

.capMediaList li .code{	float: right;width: 80px;height: 80px;background: #f2f0ed;text-align: center;line-height: 80px;margin-top: 20px;}

.capMediaList li .code img{padding: 5px;width: 70px;}
.capMediaList li .weixin_inner{margin-right: 100px}
.capMediaList li .weixin_inner a i{color:#6ece46;font-size: 23px;*width: 30px;*height: 24px;*float: left; *background: url(../images/weixin.png) no-repeat center center;}
.capMediaList li .weixin_inner a strong{font-size: 15px;padding-left: 10px;}
.capMediaList li .weixin_inner p{color:#999;font-size: 13px;margin-top: 10px; height:132px;  line-height: 22px;overflow: hidden;}



@media screen  and (max-width:1380px){

	.mode,.Articeltitle03,.mode02 .tabMenuBox,.mode02 .tabList01 dd{width: 1100px;}
	.mode02{width: 100%;}
	.capMediaList li .weixin_inner p{height: 110px;}

}


@media screen  and (max-width:1200px) {
	.mode,.Articeltitle03,.mode02 .tabList01 dd,.mode02 .tabMenuBox{width: auto;padding-left:15px;padding-right: 15px;}
	.mode02{width: 100%;padding-left: 0;padding-right: 0;margin-top: 20px;}
	.Banner .flex-direction-nav a{width: 40px;height: 40px;line-height: 40px;font-size:18px;margin-top: -20px;	}
	.newsBox .lf{width: 44%;}
	.newsBox .rt{width: 51.66%;}
	.mode02 .moreBox{right: 15px;}
	.wrap_mode03{background-size: auto 100%;}
	.capMediaList li {padding-bottom: 15px;padding-top: 15px;}
}

@media screen and (max-width:992px){
	
	
	
	.newsBox .lf{float: none;width: 100%;}
	.newsBox .rt{float: none;width: 100%;margin-top: 20px;}
	.newsImg .imgResponsive{float: left;width: 300px;padding-bottom: 0;height: 173px;}
	.newsImgInfo{margin-left: 330px;}
	.newsImgInfo h3{font-size: 15px;}
	.newsImgInfo p{font-size: 12px;height: 40px;line-height: 20px;}
	.newsImgBox .flex-control-nav{bottom: 0;width: 300px;}
	.newsList li .news a{font-size: 14px;height: 24px;}
	.notice h3{height: 66px;line-height: 22px;}
	.linksList li .iconfont{width: 80px;height: 80px;line-height: 80px;font-size: 40px;}
	.linksList li p{font-size: 15px;margin-top: 10px;}
	.Articeltitle03  h2{font-size: 18px;width: 130px;height: 52px;line-height: 45px;background-size: 100% 100%;}
	.mode05 .lf,.mode05 .rt{float: none;width: 100%;}
	.capMediaList{overflow: hidden;}
	.capMediaList li{float: left;width: 47%;margin-right: 3%;}
	.capMediaList li:last-child{float: right;margin-right: 0;}
	.articleTitle h2,.vedioBox .title,.c_title h2{font-size: 18px;}
	.topicList{width: 105%;}
}



@media screen and (max-width:767px) {
 	
 	.Banner .flex-control-nav{padding:6px 10px;bottom: 2px;}
 	.tabMenu01 li  a{font-size: 18px;padding:8px 20px;}
 	.newsImgInfo h3{height: 48px;}
 	.moreBox{top:21px;}
	.tabMenu01 li{margin-bottom: 5px;}
	.noticeList li{width: 50%;}
	.notice h3{font-size: 15px;height: 40px;line-height: 20px;}
	.notice span strong{font-size: 24px;}
	.notice span{margin-bottom: 15px;}
	.noticeList li a .notice{padding-bottom: 5px;}
	.mode02 .tabList01 dd{padding-top: 40px;}
	.mode{padding-bottom:20px;}
	.mode02{padding-bottom: 0;}
	.mode02 .tabMenu01 li{margin-bottom: 0;margin-top: 5px;}
	.mode05 .rt{margin-bottom: 20px;}
	.vedioBox .vedio .bofang i.iconfont{font-size: 20px;}
	.vedioBox .vedio .bofang{width: 54px;height: 54px;line-height: 54px;margin-top: -27px;margin-left: -27px;}
 }





@media screen and (max-width:640px){
	.newsImg .imgResponsive{width: 100%;float: none;height: 0;padding-bottom: 55.83%;}
	.newsImgInfo{margin-left: 0;}
	.newsImgBox .flex-control-nav{bottom:84px;width:100%;}
	.tabMenu01 li a{padding:6px 8px;}
	.newsImgInfo h3{height: 24px;}
	.newsList li{width: 100%;float: none;}
	.linksList li{width: 33.33%;margin-bottom: 20px;}
	.linksList li .iconfont{width: 64px;height: 64px;line-height: 64px;font-size: 30px;}
	.linksList li p{font-size: 14px;}
	.linksList{padding:30px 0 20px 0;}
	.topicList li{width: 100%;float: none;margin-bottom: 20px;}
	.topicList{width: 100%;}
	.topicList li a{margin-right: 0;}
	.capMediaList li{width: 100%;margin-right: 0;float: none;}
	.capMediaList li .weixin_inner p{height: 60px;font-size: 12px;line-height: 20px;}
	.v_title a{font-size: 13px;line-height: 50px;}
	.v_title{height: 50px;line-height: 50px;}
}
	


@media screen and (max-width:480px){
	.noticeList li{width: 100%;float: none;}
	.noticeList li a{padding-bottom: 0;}
	.notice span strong{font-size: 18px;padding-left: 5px;}
	.notice h3{height: 20px;}
	.noticeList li a .notice{margin-bottom:10px;padding-left: 20px;padding-right: 20px;}
	.noticeList li{margin-bottom: 5px;}
	.notice span{margin-bottom: 5px;margin-top: 10px;}
	.mode02 .tabList01 dd{padding-top: 25px;}
	.notice h3{font-size: 14px;}

	
}
@media screen and (max-width:380px){
	
}
