@charset "utf-8";
/* CSS Document */




.content{width:100%;overflow:hidden;}
.mode01{ max-width:1366px; margin:1.7% auto; overflow:hidden;}
.mode01 .lf{ max-width:1366px; }



.mode02{ max-width:1366px;overflow:hidden;  margin:0 auto;}
.mode02 .lf{ width:48.5%; float:left; overflow:hidden;}
.mode02 .rt{ width:48.5%; float:right; overflow:hidden;}
.mode03{ max-width:1366px;overflow:hidden; margin:1.7% auto;}
.mode03 .lf{ width:48.5%; float:left; overflow:hidden;}
.mode03 .rt{ width:48.5%; float:right; overflow:hidden;}
.mode04{ max-width:1366px;overflow:hidden; margin:0 auto;}


/*mode01*/
/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ width:50%; float:left;}
.Banner .flexslider { width:100%; background: #fff;  position: relative; zoom: 1; overflow:hidden; }
.Banner .flexslider ul li{ list-style:none;height: 0;padding-bottom: 65%;overflow: hidden;*height: auto;*padding-bottom: 0;}
.Banner .flexslider ul li img{ border:none;}
.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:99px; position: absolute; bottom:6px; right:0;text-align:center;z-index:9999;}
.Banner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.Banner .flex-control-paging li a {  float:left; width: 12px; height: 12px; display: block;background:url(../images/con1.png) no-repeat; cursor: pointer;text-indent: -9999px; }
.Banner .flex-control-paging li a:hover {background:url(../images/con1.png) no-repeat; }
.Banner .flex-control-paging li a.flex-active {background:url(../images/con2.png) no-repeat;}
.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;}
.flex-direction-nav{ display:none;}
.Banner .flexslider ul li>div{position:absolute; bottom:0px; right:0; width:100%; height:35px;color:#fff;background:url(../images/banner_bg.png) repeat;line-height:35px;overflow: hidden; text-indent:20px; z-index:9999;}
.Banner .flexslider ul li>div a{ font-size:14px; color:#fff;}


.listTitle_01{ padding-left:9%; padding-bottom:2%; background:#fff; overflow:hidden;}
.listTitle_01 .title{ float:left;font-size: 24px;color:#e60012;font-weight: normal;letter-spacing: 2px;}

.listTitle_02{ height:46px; line-height:46px; margin-bottom:15px; background:#f2f2f2;overflow: hidden;}
.listTitle_02 .title{ color:#fff;float: left; height:46px; padding:0 15px; background-color:#e60012;font-size: 24px; font-weight: normal;letter-spacing: 2px;}


.articleConList{ float:left; width:50%; background:#edf5fc; overflow:hidden;}
.articleConList .firstNews{ padding:3% 4% 3% 9%;}
.articleConList .firstNews h3{ font-size:1.8em; color:#333333;height: 26px;overflow: hidden;}
.articleConList .firstNews p{ font-size:1.4em; color:#999999;  border-bottom:#cccccc 2px solid; padding:13px 0; line-height:27px;height:45px;overflow: hidden;}


.articleConList ul { padding:0 4% 3% 9%;}
.articleConList ul li{ margin:10px 0;height:35px;overflow: hidden;line-height: 35px;}
.articleConList ul li a{ font-size:1.6em;}
ul li span.rightDate{ float:right; font-size:1.6em; color:#999999; font-family:'Arial';}
.more{  font-size:18px; float:right; padding-right:19px;}
.more a{ color:#858585;}



/*mode02*/
.articleConList02 ul{ margin-top:10px;}
.articleConList02 ul li{ background:url(../images/li.png) no-repeat 5px 17px; padding-left:25px; line-height:28px; margin-top:15px;margin-bottom: 15px;height: 28px;overflow: hidden;}
.articleConList02 ul li a{ font-size:1.6em;}

.firstText{ border-bottom:#dcdcdc 1px dashed; padding:11px 0;}
.firstText h2{ margin-bottom:7px;font-weight:normal;}
.firstText h2 a{ font-size:1.6em; }
.firstText h2 .leftDate{ font-family:'Arial'; font-size:24px; font-style:italic; font-weight:normal; color:#de0c13; padding-right:8px;}

.firstText p{ font-size:1.4em; color:#999999; line-height:23px;}



/*tab start*/
.tabArticleList{ position:relative;}

.tabArticleList .tabListTitle{ overflow:hidden;position:absolute; top:-54px; left:200px;}
.tabArticleList .tab_menu .more a{ color:#ABAAAB;}
.tabArticleList .tab_menu .more a:hover{ color:#D54C48;}
.tabArticleList .tab_menu h3{ width:105px; height:33px;line-height:33px; float:left; margin:0 5px;}
.tabArticleList .tab_menu h3 a{ display:block; height:33px; text-align:center; line-height:33px; float:left;font-size:1.8em; cursor:pointer; color:#666666; font-weight:normal; width:105px;}
.tabArticleList .tab_menu h3:hover,.tabArticleList .tab_menu h3.on{display:block;height:33px; line-height:33px; float:left; width:105px;}
.tabArticleList .tab_menu h3:hover a,.tabArticleList .tab_menu h3.on a{display:block; background:url(../images/titlebg.png) no-repeat;color:#fff;width:105px; height:33px; text-align:center; line-height:33px; font-weight:normal;}
.tabArticleList .more_tab{ display: none;}
.tabArticleList .tabListTitle .more{ float:right; padding-top:10px;}

.tabArticleList .tabList{position:relative;}
.tabArticleList .tabListBox .more{ position:absolute; right:0; top:-52px; font-size:18px;}
.tabArticleList .tabListBox{ display:none;}
/*tab end*/



/*mode03*/
.address{ background:#f2f2f2; overflow:hidden;}
.address ul{ padding:1% 7% 3% 7%;}
.address ul li{ font-size:18px; color:#333; line-height:28px; margin:15px 0;height: 30px;overflow: hidden;}
.address ul li span{ font-weight:bold; color:#004ea2; padding-right:7px;}



/*mode04*/
.friendLink{ background:#f2f2f2; padding:15px 20px; overflow: hidden;}
.friendLink  h2 { font-size:20px; color:#e60012; padding-right:10px;float: left;}
.friendLink a { font-size:16px; color:#666666;display: inline-block; padding:0 10px; line-height:25px;border-right: 1px solid #ddd; }




@media screen  and (max-width:1366px) {
	
	.mode01,.mode02,.mode03,.mode04{width: 94%;margin: 30px auto;}
	.Banner{width: 100%;float: none;}
	.articleConList{float: none;width: 100%;margin-top: 30px;}
	.articleConList ul{padding:20px ;}
	.listTitle_01{padding-left: 0;}
	.listTitle_01 .title{font-size: 24px;}
	.listTitle_02 .title{font-size: 24px;}
	.articleConList ul{overflow: hidden;}
	.articleConList ul li{ width:46%; float:left; margin:0 2%;}
}
@media screen and (max-width:1000px){
       .Banner,.articleConList{ float:none; width:100%;}
	   	   .Banner{ margin-bottom:20px;}
	   .listTitle_01,.articleConList .firstNews,.articleConList ul{ padding-left:4%;}
       
       .listTitle_01 .title{font-size: 22px;}
	.listTitle_02 .title{font-size: 22px;}
}

@media screen and (max-width: 900px) {
      .tabArticleList .tab_menu h3{ margin:0;}
	 .tabArticleList .tabListTitle{ left:155px;}

 }


@media screen and (max-width: 800px) {
       
	   .articleConList02 ul li a,ul li span.rightDate{font-size: 14px;}
	   .address ul li {    font-size: 16px;      height: 30px;
}
	
	   .mode01 .lf{ width:100%; float:none;}
	   .mode01 .rt{ width:100%; float:none; margin-top:3%;}
	   .mode02 .lf,.mode03 .lf,.mode02 .rt,.mode03 .rt{ float:none; width:100%;}
	   .mode03 .rt,.mode02 .rt{ margin-top:2%;}
	   .articleList05 ul li{ width:31%;}
}


@media screen  and (max-width:640px) {
         .articleList02 ul.newsImg{ }
		 .articleList02 dl.hotnewsList dd{ float:none; width:100%;}
		 .information ul li{ float:none; width:auto; margin-right:0;}
		 .articleList02 ul.newsImg li{ width:100%; margin-right:0; margin-bottom:3%;}
		 
		 .articleListImg{ text-align:center; margin-bottom:2%;}
		 .articleListImg,.articleListText{ float:none; width:100%;}
          .articleConList ul li{ width:100%; float:none; margin:0;}
		 
}

@media screen  and (max-width:520px) {

.linkInfo_t {padding: 9% 2.8%;}

 .serviceList li{ width: 33.2%;}
}

@media screen and (max-width:480px){
     .tabArticleList .tab_menu h3{ margin:0;}
	 .tabArticleList .tabListTitle{ left:155px;}
}


@media screen /*and (min-width:320px)*/ and (max-width:360px) {
	
}