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




.content{width:100%;overflow:hidden;background:url(../images/background.png) no-repeat;background-position: center;background-size: cover;}
.mode01{ max-width:1366px; margin:1.7% auto; overflow:hidden;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: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;}


.titleTcon{ height:28px;top:6px;position: relative;margin-right: 10px;}
.listTitle_01{ margin-bottom:10px;background-color: #9B0001;height:45px;margin-top: 5px;margin-left: 5px;padding-left: 25px;}
.listTitle_01 .title{ float:left;font-size: 22px;color:#e60012;font-weight: normal;letter-spacing: 2px;line-height: 45px;color: #FFFFFF;}

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

.DivLeft{width: 70%; float: left;}
.DivRight{width: 25%;padding-left:3%; float: left; margin-top: 10px;}
.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;}
  
.modalTitleDiv { width: 109px;
	height: 24px;
	margin-left: 28px;
	margin-top: 13px;
	flex-direction: row;
	display: flex;
	justify-content: space-between;
  }
  
  .modalIcon {
	z-index: 57;
	width: 26px;
	height: 23px;
  }
  
  .modalTitle {
	z-index: 44;
	width: 72px;
	display: block;
	overflow-wrap: break-word;
	color: rgba(155, 0, 1, 1);
	font-size: 18px;
	font-family: MicrosoftYaHei;
	line-height: 24px;
	text-align: left;
	font-weight: bold;
  }
  .modalHr{
	width: 96%;
	margin: 13px auto;
	height: 1px;
	background-color:#9B0001 ;
	/* border: 1px solid #9B0001; */
  }
  
  .modalBody {
	z-index: auto;
	width: 80%;
	height: 115px;
	margin-left: 10%;
	margin-top: 20px;
	flex-direction: row;
	display: flex;
	text-align: center;
  }
  
  .modalContent {
	z-index: 124;
	/* width: 96%; */
	display: block;
	margin: 0 auto;
	overflow-wrap: break-word;
	color: rgba(62, 62, 62, 1);
	font-size: 1.36em;
	font-family: PingFangSC-Medium;
	line-height: 24px;
	text-align: left;
	font-weight: 500;
  }
  
  .modalButtonDiv {
	width: 145px;
	height: 32px;
	margin: 0 auto;
	flex-direction: row;
	display: flex;
  }
  
  .modalButton {
	cursor: pointer;
	z-index: 49;
	height: 32px;
	border-radius: 4px;
	background-color: rgba(155, 0, 1, 1);
	width: 145px;
	justify-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
  }
  
  .modalButtonSpan {
	z-index: 50;
	width: 112px;
	display: block;
	overflow-wrap: break-word;
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
	font-family: PingFangSC-Regular;
	line-height: 20px;
	text-align: left;
  }
  .modalList ul li{
	margin-left:15%;
	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;
  }

.articleConList ul { padding:0 4% 3% 3%;}
.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;line-height: 45px;}
.more a{ color:#FFF;}

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

.modeHr{height: 1px;background-color: #D0D0D0; border: 1px solid #D0D0D0;margin: 15px 0px;}

/*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;}
.footer p{float: left; overflow-wrap: break-word; color: rgba(255, 255, 255, 1);
font-size: 13px; font-family: PingFangSC-Medium; line-height: 22px; text-align: left; margin-top: 6px; margin-left: 29px;}
@media screen  and (max-width:1366px) {
	
	.mode01,.mode02,.mode03,.mode04{width: 94%;margin: 20px auto;}
	.mode01{margin-top: 20px;}
	.footerContent{width: 94%;margin: 0px auto;}
	.header{width: 94%;margin: 0px auto;}
	.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{overflow: hidden;}
	.articleConList ul li{ 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: 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; 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) {
	
}