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

.mode01, .footerContent{ max-width:1200px; }

.content{width:100%;overflow:hidden;background-position: center;background-size: cover;}
/* .content{width:100%;overflow:hidden;background:url(../images/background.png) no-repeat;background-position: center;background-size: cover;} */
.mode01{  margin:1.7% auto; overflow:hidden;margin-bottom: 15px;position:relative;z-index:999; }


/*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;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 .carousel li { margin-right: 5px; }
/*icon小点*/
.Banner .flex-control-nav {width:99px; position: absolute; bottom:6px; right:0;text-align:center;z-index:999;}
.Banner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.wrap_header .Banner .flex-control-nav{ text-align: center;width: 100%; }
.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;}
.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;}


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


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


/*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{ margin: auto;}
.footerContent .footerAddress{ font-size:18px;text-align:center;margin-bottom:30px; }
.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;}
.footerIcon{ margin-bottom:10px;text-align:center; }
.footerIcon a:first-child{ margin-right:20px; }
.footerIcon img{ width: 950px;}
.none .footerAddress{ line-height:62px;}
.none .footerAddress .footerVerLine{ height:62px;}
.footLinDiv{  display:inline-block; line-height:23px;vertical-align: bottom;}
.footLinDiv>div:first-child{ margin-bottom:15px;}


/* 移动端 */
.m_content_tiltle{ display: none;margin: 25px 0 15px;width: 100%;}
.m_content_tiltle>div{ vertical-align: middle; }
.m_content_tiltle_line{ width: 4px;height: 20px;background: #007FFF;display: inline-block;margin:0 10px 0 15px;display: none; }
.m_content_tiltle_name{ font-weight: 700;font-size: 20px;color: #000000;line-height: 28px;display: inline-block;margin-left: 15px;}

.m_noticeListTitleWidth{ display: none; }
.m_noticeListItem{ margin: 15px 15px 0;padding-bottom: 15px;box-sizing: border-box; background-color: #ffffff;box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1), 0px 2px 4px -2px rgba(0,0,0,0.1);border-radius: 8px 8px 8px 8px;padding: 15px; }
.m_noticeListItemText{ box-sizing: border-box;vertical-align: top;position: relative;}
.m_noticeListItemTitle{ font-weight: 700;font-size: 14px;color: #000000;line-height: 21px; -webkit-line-clamp: 2;}
.m_noticeListItemDate{ font-weight: 400;font-size: 14px;color: #4B5563;line-height: 20px;margin-bottom: 8px;}


.m_iconList{ display: flex;justify-content: space-between;background-color: #acfbfc; }
.m_iconListItem{ display: inline-block;width: calc( 33% - 1px );text-align: center;height: 96px;background: rgba(0,91,173,0.5);}
/* .m_iconListItem:nth-child(2){margin: 0 10px;} */
.m_iconListItemActive{ background: #005BAD; }
.m_iconListItem>img{ width: 30px;height: 30px;margin: 25px auto 0; }
.m_iconListItem .m_iconListItemText{ font-weight: 400;font-size: 14px;color: #ffffff;line-height: 20px;text-align: center;}


.m_newsListItem{ margin: 15px;box-sizing: border-box;box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1), 0px 2px 4px -2px rgba(0,0,0,0.1);border-radius: 8px 8px 8px 8px;overflow: hidden;background-color: #fff; }
.m_newsListItemImgContainer{ padding-top: 50%;position: relative;}
.m_newsListItemImg{ width: 100%;height: 100%;position: absolute;top: 0;left:0; }
.m_newsListItemTitle{ margin: 15px 15px 8px;box-sizing: border-box;font-weight: 700;font-size: 14px;color: #000000;line-height: 21px; }
.m_newsListItemDate{ font-weight: 400;font-size: 14px;color: #4B5563;line-height: 20px;margin: 0 15px 15px;box-sizing: border-box;}

.m_viewMoreBtn{ margin: 20px 15px 10px;background: #005BAD;border-radius: 4px 4px 4px 4px;cursor: pointer;height: 38px;font-weight: 400;font-size: 14px;color: #FFFFFF;line-height: 38px;text-align: center; }
.m_viewMoreBtn a{ color: #fff; }

.m_LinkList{ margin: 40px 0; }
.m_LinkList .m_LinkListItem{ width: calc( 50% - 22.5px ) ;margin-left: 15px;background: #FFFFFF;box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1), 0px 2px 4px -2px rgba(0,0,0,0.1);border-radius: 8px 8px 8px 8px;display: inline-block;margin-bottom: 15px;padding:0 10px;box-sizing: border-box; }
.m_LinkList .m_LinkListItem .m_LinkListItemImgContainer{ padding-top: 35%;position: relative;}
.m_LinkList .m_LinkListItem .m_LinkListItemImg{ width: 90%;height: 90%;position: absolute;top: 5%;left: 5%; }
.m_LinkList .m_LinkListItem .m_LinkListItemTitle{ width: 100%;position: absolute;top: calc( 50% - 10px );left: 0;text-align: center;font-weight: 400;font-size: 14px;color: #0070B0; }

@media screen  and (max-width:1366px) {
	
	.mode01{width: 94%;margin: 20px auto;margin-top: 20px;}
	.footerContent{width: 94%;margin: 0px auto;}
	.Banner{width: 100%;float: none;}
	/* .rightInfoBoxFirst{margin-top: 20px;} */
	.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%;}
	   .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) {
	
	   .articleList05 ul li{ width:31%;}

	   .m_content_tiltle{ display: block; }
	   .content .m_noticeListTitleWidth { display: block; }
	   .indexPage{ background: #F3F4F6; }
	   .indexPage .indxContentItem{ display: none;}
	   .indexPage .backImg{ display: none; }
}


@media screen  and (max-width:640px) {
		 .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) {
	
}