@charset "utf-8";
/* CSS Document */
html,
      body {
        position: relative;
        height: 100%;
		background-color:#EEEEEE;
      }
.test {
	/* border: 1px solid; */
}

.color-red {
	color: red;
}
.font-weight-bolder {
	font-weight: bolder;
}

.container-wrapper {
	margin: auto;
}
.row-1 {
	display: flex;
	justify-content: flex-end;
}
.row-1-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0 10px 0;
}
.row-1-wrapper div:nth-child(2) {
	margin: 0 10px;
}
.container-wrapper {
	width: 100%;
}
header {
	position: relative;
}
header nav {
	position: absolute !important;
	width: 100%;
	background-color: white;
}
.main-wrapper {
	margin-top: 105px;
}

.navbar{
	padding: 0 !important;
}
.container{
	padding: 0 !important;
}
.container-fluid{
	padding: 0 !important;
}
#banner .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 5px;
    width: 100%;
    z-index: 999;
}
#banner .arrow-left {
    background: url(/images/banner_arrow.png) no-repeat left top;
    position: absolute;
    left: 20px;
    top: 55%;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    z-index: 999;
}
#banner .arrow-right {
    background: url(/images/banner_arrow.png) no-repeat left bottom;
    position: absolute;
    right: 20px;
    top: 55%;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    z-index: 999;
    outline: none;
}
.card {
    margin: 0 auto !important;
}
.card:hover {
    box-shadow: 0 15px 30px  rgba(122, 120, 248, 0.4);
}
.card img {
    height: 200px;
}
.iconimg{
	border: 2px solid #FFFFFF; 
	border-radius: 50%;
	box-shadow: 0 3px 3px  rgba(169, 190, 221, 1);
}
.iconimg:hover{
	box-shadow: 0 15px 30px  rgba(122, 120, 248, 0.4);
}
.icontitle{
	margin-top: 15px; 
	padding: 2px; 
	background-color: white; 
	border-radius: 5px;
	text-align: center;
}
.iconbox{
	float: left;
	margin: 20px 50px;
}
.cgimg{
	height: 300px !important;
}
.tzbox{
	width: 33%;
	float: left;
	text-align: center;
	border: 1px solid #d4d4d4;
	padding: 80px 0;
}
.tzbox a{
	color:#900;
}
.tzbox:hover{
	box-shadow: 0 15px 30px  rgba(122, 120, 248, 0.4);
    /*background-image: linear-gradient(to bottom right, #2BC0E4 ,#EAECC6);*/
	/*background-image: linear-gradient(to bottom right, #abdae5 ,#fffff7);*/
}
.tzbox:hover a{
}

.tzbox .tzsz{
	width: 100%;
	text-align: center;
	font-size: 72px;
	font-weight: bolder;
	color: #d6001d;
}
.tzbox .tztitle{
	width: 100%;
	text-align: center;
	font-size: 32px;
	font-weight: bolder;
	color: #000000;
}
.tzbox:hover .tztitle{
}
.tzbox .henxian{
	width:15%; height: 3px; background-color: #d6001d; margin:30px auto;}
.tzbox:hover .henxian{
width:40%; height: 2px; background-color: #d6001d; margin:30px auto;}
.fcbox{
	width: 20%;
	float: left;
}
.fcbox  img{
	width: 100%;
	height: 160px;
}
.listNewImg{
	width:100px;
	height:100px
}
/* main_img */
.main_img{
    height: 180px;
    width: 250px;
	overflow:hidden;
	position: relative;
}
.main_img img{
	height: 180px;
    width: 250px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.main_img .show {
    background: rgba(0, 0, 0, 0.4);
    height:180px;
    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:250px;
    z-index: 200;
}
.main_img .show .imgArea {
    left: 50%;
	bottom:0;
    margin:-15px 0px 0px -40px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main_img .show .imgArea a{
	color:rgba(255,255,255, 0.8);
	display:block;
	padding:5px 12px;
	border:rgba(255,255,255, 0.6) 1px solid;
	border-radius:8px;
	font-size: 16px;
}
.main_img .show .imgArea a:hover{
	background: rgba(255,255,255, 0.7);
	color:rgba(0,0,0, 0.6);
}
.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.main_img:hover img {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}

/*******************************************首页新闻列表**************************************************/
.newslist {
  width: 100%;
  margin: 10px 0 10px 0; }
  .newslist ul li {
    padding: 7px 0 7px 0;
    border-bottom: 1px dotted   #dddddd; }
    .newslist ul li a {
      text-decoration: none; }
    .newslist ul li span {
      float: right;
      color: #999999;
      font-size: 14px; }

.newslist ul li{
	font-size:14px}
.newslist ul li a{
	color:#333}
.listone {
  padding: 10px 0 10px 0;
  font-size: 16px; }
  .listone a {
    color: #cf3302;
    text-decoration: none; }
  .listone span {
    display: none; }
  .listone lable {
    display: block;
    font-size: 12px;
    color: #999;
    padding: 10px 0 10px 0;
    font-weight: inherit; }
	
.classname1{
	font-size:18px;
	color:#003A92;
	line-height:40px;
	border-bottom:2px solid #003A92;
	}
.classname1 a{
	font-size:18px;
	color:#003A92;
	}
.classname2{
	font-size:18px;
	color:#999999;
		line-height:40px;
	}
.classname2 a{
	font-size:18px;
	color:#999999;
	}


.classname3{
	color: #FFFFFF;
    font-weight: bold;
	font-size: 14px;
    width: 250px;
    line-height: 50px;
    text-align: center;
    float: left;
    font-family: "微软雅黑";
    cursor: pointer;
    border: 1px solid #d4d4d4;
    background-color: #1659a2;
	margin:20px;
	}


.classname4{
	color: #999999;
    font-weight: bold;
	font-size: 14px;
    width: 250px;
    line-height: 50px;
    text-align: center;
    float: left;
    font-family: "微软雅黑";
    cursor: pointer;
    border: 1px solid #d4d4d4;
    background-color: #EEEEEE;
	margin:20px;
	}

.newslistA{
	width:100%;
	background-color:#CCC;
	}
.newtime{
	width:80px; height:80px;
	border:1px solid #EEEEEE;
	float:left;
	}
.newday{
	width:100%;
	text-align:center;
	height:39px;
	line-height:39px;
	background-color:#eeeeee;
	color:#999;
	font-size:24px;}
.newym{
	width:100%;
	text-align:center;
	height:39px;
	line-height:39px;
	background-color:#FFFFFF;
	color:#999;
	font-size:14px;}
.newstitlebox{
	width:455px;
	height:80px;
	margin-left:20px;
	float:right}
.newstitle{
	width:100%;
	height:30px;
	line-height:30px;
	font-size:18px;
	color:#666;
	font-weight:500}
.newsjj{
	width:100%;
	height:50px;
	line-height:20px;
	font-size:12px;
	color:#DDD;
	}
@media (min-width: 576px) {
	.container-wrapper {
		max-width: 100%;
	}
	.swiper-container {
		height: 240px;
	  }
}
@media (min-width: 1200px) {
	.container-wrapper {
		max-width: 1310px;
	}
	.swiper-container {
		height: 570px;
	  }
}
.one{
	height:300px;}
.ima {
    align: center;
    position: relative;
    height: 75px;
    width: 100%;
    top: 40px;
    display: block;
    margin: 100px auto;
	font-size: 28px;
}
im a{
	color:#C00;
	}
.top {
    color: #333;
    position: relative;
    text-align: center;
    padding-top:200px;
    font-size: 28px;/* -webkit-transition: all 1.5s;
				 -moz-transition: all 1.5s;
				 -ms-transition: all 1.5s;
				 -o-transition: all 1.5s;
				 transition: all 1.5s; */
}
.second {
    position: relative;
    /**实现div居中*/
    margin: 0 auto;
    width: 100px;
    height: 0px;
    border: 1px solid #333;
    top: 40px;
}
.hid {
    color: #ff0000;
    padding: 0 20px;
    text-align: center;
    font-size: 16px;
    /* visibility:hidden; */
    overflow: hidden;
    height:220px;
    line-height: 2px;/* -webkit-transition: all 1.5s;
				-moz-transition: all 1.5s;
				-ms-transition: all 1.5s;
				-o-transition: all 1.5s;
				transition: all 1.5s; */
	overflow: auto;
}
.hid::-webkit-scrollbar{
    width:10px;
    height:10px;
    }
 /*正常情况下滑块的样式*/
    .hid::-webkit-scrollbar-thumb{
    background-color:rgba(0,0,0,.05);
    border-radius:10px;
    -webkit-box-shadow:inset1px1px0rgba(0,0,0,.1);
    }
    /*鼠标悬浮在该类指向的控件上时滑块的样式*/
    .hid:hover::-webkit-scrollbar-thumb{
    background-color:rgba(0,0,0,.2);
    border-radius:10px;
    -webkit-box-shadow:inset1px1px0rgba(0,0,0,.1);
    }
    /*鼠标悬浮在滑块上时滑块的样式*/
    .hid::-webkit-scrollbar-thumb:hover{
    background-color:rgba(0,0,0,.4);
    -webkit-box-shadow:inset1px1px0rgba(0,0,0,.1);
    }
    /*正常时候的主干部分*/
    .hid::-webkit-scrollbar-track{
    border-radius:10px;
    -webkit-box-shadow:inset006pxrgba(0,0,0,0);
    background-color:white;
    }
    /*鼠标悬浮在滚动条上的主干部分*/
    .hid::-webkit-scrollbar-track:hover{
    -webkit-box-shadow:inset006pxrgba(0,0,0,.4);
    background-color:rgba(0,0,0,.01);
    }
	.link {
    opacity: 0;
    margin: 15px 45px;
    display: block;
    width: 100px;
    color: #fff;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    line-height: 30px;
    border: 1px solid #fff;
    text-decoration: none;
    cursor: pointer;/**过渡效果*//* -webkit-transition: all 0.3s;
			    -moz-transition: all 0.3s;
			    -ms-transition: all 0.3s;
			    -o-transition: all 0.3s;
			    transition: all 0.3s; */
}
.link:hover {
    color: #fff;
    border-color: #108cee;
    background: #108cee
}
	
.dqmain{position: relative;margin: 0 auto;width: 100%;top: 20px;}

.dqmain li{
	width: 30%;
	 background: rgba(0, 31, 88, 0.01);
	transition:all 1s ease 0s;
    float: left;
    position: relative;
    border: 1px solid rgba(0, 31, 88, 0.05);
    list-style-type: none;margin: 20px
}	
.dqmain li:hover{
    border: 1px solid rgba(0, 31, 88, 0.05);
	 background-color:#E7EFF1;
    /**背景颜色变化时间*/
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
}	
canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40vw;
}
.tzqylist{
	width:90%; text-align:center; padding:20px 0 20px 0; background-color:#FFF; margin:10px auto; border-radius:5px}
.tzqylist:hover{
	background-color:#FFC}