@charset "utf-8";
/* css document */




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



.mode02{ max-width:1200px;overflow:hidden;  margin:0 auto;}
.mode02 .lf{ width:31.5%; float:left; overflow:hidden;}
.mode02 .md{ width: 31.5%; margin: 0 2.6%; float: left; overflow: hidden; }
.mode02 .rt{ width:31.5%; float:right; overflow:hidden;}
.mode04{ max-width:1200px;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: no-repeat; cursor: pointer;text-indent: -9999px; }
.banner .flex-control-paging li a:hover {background: no-repeat; }
.banner .flex-control-paging li a.flex-active {background: 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: 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: 20px;color:#097ec4;font-family: "黑体";}

.listtitle_02{ height:46px; line-height:46px; margin-bottom:15px; background:#f2f2f2;overflow: hidden;}
.listtitle_02 .title{ color:#097dc3;float: left; height:46px; padding:0 10px; font-size: 20px;font-family: "黑体";}
.listtitle_02 li.current .title { color: #fff; background: #097dc3; }


.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:31px;overflow: hidden;line-height: 32px;}
.articleconlist ul li a{ font-size:14px;}
ul li span.rightdate{ float:right; font-size:14px; color:#999999; font-family:'arial';}
.more{  font-size:15px; float:right; padding-right:19px; display:none;}
.more a{ color:#858585;}
.listtitle_02 li.current .more { display:block; }
.more_01{display: block;}

/*mode02*/
.articleconlist02 ul{ margin-top:10px;}
.articleconlist02 ul li{ background: no-repeat 5px 12px; padding-left:25px; line-height:28px; margin-top:2px;margin-bottom: 2px; overflow: hidden;}
.articleconlist02 ul li a{ font-size:14px; height: 30px; display: block;}

.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: 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*/



.mode02{width: 1200px;margin: 0 auto 30px;overflow: hidden;}
.mode02 .lf{float: left;width:30.83%;overflow: hidden;background: #faf3e6;}
.mode02 .md{float: left;width: 30.83%;margin-left: 3.75%; overflow: hidden;background: #e9eef7;}
.mode02 .rt{float: right;width:30.83%;overflow: hidden;background: #f7eae9;}

.articletitle{overflow: hidden;border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 20px;}
.more{float: right;color:#999;font-size: 14px;margin-top: 4px;}
.more:hover{color:#e1b261;}
.articletitle h2{font-size: 18px;font-weight: normal;}


.articletitle02{text-align: center;padding-top: 10px;}
.articletitle02 h2{display: inline;}
.more1{margin-left: 20px; color:#999;font-size: 14px;margin-top: 4px;}
.more1:hover{color:#e1b261;}
.commonlist{padding:0 20px 8px;overflow: hidden;}
.commonlist li{margin-bottom: 10px;height: 20px;line-height: 20px;overflow: hidden;}
.commonlist li a{font-size: 14px;}
.commonlist li span{color:#999; font-size: 12px;margin-right: 10px;}





/*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;}


.articlelist_03 dl{margin-bottom: 20px;}
/*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; }
.mode03 {  max-width:1200px;   margin:0 auto 30px; height:48px; position:relative; z-index:333; }
.mode03 .lf { width: 66%; float: left; }
.mode03 .rt { width: 31.5%; float: right; }
.flink { background: #f2f2f2; height:48px; }
.flink h2 { background: #097ec4; color: #fff; width: auto; float: left; height: 46px; padding: 0 15px; line-height: 46px; font-size: 20px; font-family: "黑体";}
.flink ul {width: auto;float: left;/* height: 46px; */line-height: 46px;}
.flink ul li { width: auto; float: left; position:relative; }
.flink ul li a {padding: 13px;border-left: 1px solid #939393;font-size: 14px;}
.flink ul li:first-child a { border-left: 0px; }
.flink ul dl {position:absolute;left:0px;bottom:48px;background: #f2f2f2;}
.flink ul dl a {border-left:0px;/* width: 100%; */display: block;line-height: 19px;text-align: center;}
.link { width: 100%; }
.link ul li { float: left; width: 48%; background: #097ec4; height: 46px; line-height: 46px; text-align: center; font-weight: bold; }
.link ul li:nth-child(even) { float: right; }
.link ul li a { font-size: 20px; color: #ffffff; font-family: "黑体";}
@media screen  and (max-width:1200px) {
	
	.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: 16px; padding: 0 6px;}
	.articleconlist ul{overflow: hidden;}
	.articleconlist ul li{ width:46%; float:left; margin:0 2%;}
	.flink ul li a { padding: 0 5px; }
}

@media screen  and (max-width:1023px) {
.mode02 .lf { width: 100%; float: none; }
.mode02 .md { width: 100%; float: none; margin: 20px 0 0 0; }
.mode02 .rt { width: 100%; float: none; margin: 20px 0 0 0;}
.articleconlist02 ul li a { height: auto; }
.mode03 .lf { width: 100%; float: none; }
.mode03 .rt { width: 100%; float: none; margin: 20px 0 0 0; }
}

@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) {
	
}