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




.content{width:100%;overflow:hidden;
	background-color: #F4F4F4;padding-bottom: 25px;
	/* background:url(../images/background.png) no-repeat;background-position: center;background-size: cover; */
}
.mode01{ max-width:1366px; margin:1.7% auto; overflow:hidden;margin-top: 20px;margin-bottom: 15px;}
.mode01 .lf{ max-width:1366px; float: left;}



.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:100%; float:left;height:400px;}
.Banner .flexslider { width:100%; background: #fff;  position: relative; zoom: 1; overflow:hidden; height:100%;}
.Banner .flexslider .slides { zoom: 1; width:100%;  padding:0;height:100%;}
.Banner .flexslider ul li{ list-style:none;height: 400px;overflow: hidden;*height: auto;*padding-bottom: 0;}
/* .Banner .flexslider ul li a{height: 400px;} */
.Banner .flexslider ul li img{ border:none; object-fit: cover;position: absolute;}
.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 .carousel li { margin-right: 5px; }
/*icon小点*/
.Banner .flex-control-nav {width:99px; position: absolute; bottom:6px; right:0;text-align:center;z-index:999;    right: calc( 50% - 110px);}
.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;}


.titleTcon{ height:22px;top:4px;position: relative;margin-right: 10px;}
.listTitle_01{ margin-bottom:0px;height:30px;margin-top: 5px;font-size: 0px;}
.listTitle_01 .titleLine{width: 5px;height: 100%;display: inline-block;background-color: #333;}
.listTitle_01 .title{ 
	/* display: inline-block; */
	float: left;
	font-size: 16px;color:#e60012;font-weight: bold;letter-spacing: 2px;line-height: 30px;height:30px;color: #333;font-family: PingFangSC-Medium;}

.listTitle_02{ height:46px; line-height:46px; margin-bottom:6px; overflow: hidden;}
.listTitle_02 .title{ color:#9B0001;float: left; height:46px; padding:0 15px; font-size: 23px; font-weight: normal;letter-spacing: 2px;}
.listTitle_02 .more a{ color: #9B0001;}
.listHr{width: 100%;
	height: 3px;
	background: #9B0001;}


.articleConList{ float:left; width:100%; overflow:hidden;}
.articleConList .firstNews{ padding:3% 4% 3% 3%;}
.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 hr{margin: 10px 0;background-color: #d9d9d9;height: 1px;border: none;}

.DivLeft{width: 45%; float: left;margin-left: 3.3%;}
.DivRight{width: 45%; float: left;margin-left: 3.3%;margin-right: 3.3%; }
.ListLeft{width: 300px;height: 200px;float: left;}
.ListRight{width: calc( 100% - 300px);height: 200px;float: left;}

.rightInfoBox { width: 100%; height: 265px; background-image:url(../images/ceshi);background-repeat: no-repeat; background-size: 100% 100%; align-self: flex-start;display: flex; flex-direction: column; box-sizing: border-box;}

.articleConList ul { padding:5px 30px;overflow: hidden;}
.articleList { background-color: #fff;}
.articleList ul li{ margin:15px 0;overflow: hidden;}
.articleList ul li .articleListText .articleListTextTitle{ color: #333;font-weight: 400;font-size: 12px;line-height: 25px;text-overflow:ellipsis;overflow:hidden;font-family: PingFangSC-Regular;}
.articleList ul li .articleListHot{border: 1px solid #E72418;border-radius: 2px;color: #E72418;font-family: PingFangSC-Regular;font-size: 10px;padding: 1px 8px;vertical-align: top;}
.articleList ul li a{    width: calc( 100% - 125px );text-overflow: ellipsis;display: inline-block;overflow: hidden;white-space: nowrap;font-size: 14px;}
.articleList ul li .articleListTime{color: #999;font-family: PingFangSC-Regular;font-size: 12px;float: right;}
/* .articleConList ul li{ margin:10px 0;padding:10px 0;height:80px;overflow: hidden;}
.articleConList ul li a{ font-size:1.6em;} */
.pictureList{ background-color: #fff;}
.pictureList ul li{ margin:20px 0;height:60px;overflow: hidden;}
.pictureList ul li img{ width:110px;height:60px;border-radius: 5px;}
.pictureList ul li .pictureListText{ width: calc( 100% - 190px);display: inline-block;vertical-align: top;margin-left: 5px;margin-right: 10px;}
.pictureList ul li .pictureListText .pictureListTextTitle{ font-weight: bold;font-size: 15px;line-height: 25px;
	text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.pictureList ul li .pictureListText .pictureListTextContent{ color: #D5D7DE;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.pictureList ul li .pictureListTime{ width: 45px;display: inline-block;vertical-align: top;line-height: 30px;text-align: center;}
.pictureList ul li .pictureListTime .pictureListTimeTop{ background-color: #D5D7DE;color: #fff;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.pictureList ul li .pictureListTime .pictureListTimeBottom{ background-color: #0070C0;color: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}

.cardList ul li{ margin:20px 0 ;padding:5px 0;height:50px;overflow: hidden;box-shadow: 3px 3px 3px #D5D7DE,3px -3px 3px #D5D7DE,-3px 3px 3px #D5D7DE,-3px -3px 3px #D5D7DE;}
.cardList ul li .cardListText{ width: calc( 100% - 75px);display: inline-block;vertical-align: top;margin-left: 15px;}
.cardList ul li .cardListText .cardListTextTitle{ font-weight: bold;font-size: 15px;line-height: 25px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.cardList ul li .cardListText .cardListTextContent{ color: #D5D7DE;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.cardList ul li .cardListTime{ width: 45px;display: inline-block;vertical-align: top;line-height: 25px;text-align: center;}
.cardList ul li .cardListTime .cardListTimeTop{ background-color: #D5D7DE;color: #fff;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.cardList ul li .cardListTime .cardListTimeBottom{ background-color: #0070C0;color: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}

.textList ul li{ margin:20px 0 ;height:60px;overflow: hidden;}
.textList ul li .textListText{ width: calc( 100% - 70px);display: inline-block;vertical-align: top;margin-right: 10px;}
.textList ul li .textListText .textListTextTitle{ font-weight: bold;font-size: 15px;line-height: 20px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.textList ul li .textListText .textListTextContent{ color: #D5D7DE;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.textList ul li .textListTime{ width: 45px;display: inline-block;vertical-align: top;line-height: 25px;text-align: center;}
.textList ul li .textListTime .textListTimeTop{ background-color: #D5D7DE;color: #fff;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.textList ul li .textListTime .textListTimeBottom{ background-color: #0070C0;color: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}

ul li span.rightDate{ float:right; font-size:1.6em; color:#999999; font-family:'Arial';}
.more{ float:right;margin-top: 5px;}
.more a{ opacity: 0.5;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	color: #333333;}

.triangle-topleft{position: relative;}
.triangle-topleft:before {width: 0;height: 0;border-top: 30px solid #C9C9C9;border-right: 35px solid transparent;display:block;content:'';
    /* 定位 */position:absolute;left:-3.5px;top:-3.5px;}

.triangle-bottomright:after {width: 0;height: 0;border-bottom: 35px solid #FFF;border-left: 35px solid transparent;display:block;content:'';
    /* 定位 */position:absolute;left:calc( 100% - 25px);top:calc( 100% - 25px);}

.bottomright-shadow{position: relative;}
.bottomright-shadow:after{content:'';width:2.5px;height:26px;display:block;    box-shadow: 3px 0px 0px 0px #c1c1c1;transform: rotate(45deg);
    /* 定位 */position:absolute;left:calc( 100% - 12px);top:calc( 100% - 22px);}

/*mode02*/
.articleConList02 ul{ margin-top:10px;}
.articleConList02 ul li{ background:url(../images/li.png) no-repeat 5px 17px;     padding: 6px 0;padding-left:25px; line-height:28px; height: 28px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.articleConList02 ul li a{ font-size:1.6em;}
.articleConList02 ul li{ border-top: 1px dashed #D0D0D0;}
.articleConList02 ul li:first-child{ border-top: none;}

.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; 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; }


/*footer*/
.footerPicture{width: 77px;float: left;}
.footerPictureBig{display: none;size: 233px;width: 233px;height:233px;background:url(../images/QRcode.jpg) no-repeat;background-size: cover;position: relative;top: -320px;box-shadow: 5px 5px 5px #888888;}
.footerPictureDiv:hover::after {
	content: '';
	background: url(../images/QRcode.jpg);
	position: absolute;
	background-size: 233px 233px;
	top: -110px;
	transform: translate(calc( -50% + 37px), -50%);
	border: 1px solid #ccc;
	box-shadow: 5px 5px 5px #888888;
	width: 233px;
	height: 233px;
  }
.footerPictureDiv:hover .footerPictureBig {display: block;}
.footerContent{max-width: 1366px;margin: auto;font-size: 0;}
@media screen  and (max-width:1366px) {
	
	.mode01,.mode02,.mode03,.mode04{width: 94%;margin: 20px auto;}
	.mode01{margin-top: 20px;}
	.Banner{width: 100%;float: none;}
	/* .rightInfoBoxFirst{margin-top: 30px;} */
	.articleConList{float: none;width: 100%;}
	/* .articleConList ul{padding:20px ;} */
	.listTitle_01{padding-left: 0;}
	.listTitle_01 .title{font-size: 22px;}
	.listTitle_02 .title{font-size: 22px;}
	.listTitle_02 .more a{font-size: 22px;}
	/* .articleConList ul li{ margin:0 2%;} */
}
@media screen  and (max-width:1280px) {
	.footer .footerRightDiv{    width: 90%;}
}
@media screen and (max-width:1000px){
       .Banner,.articleConList{ float:none; width:100%;}
       
       .listTitle_01 .title{font-size: 20px;}
	.listTitle_02 .title{font-size: 20px;}
	.listTitle_02 .more a{font-size: 20px;}
}

@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;}
		 
}

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