* {margin: 0; padding: 0; outline: none !important;}

html,body{

width: 100%;

height: auto;

position: absolute;

left: 0;top: 0;

overflow: hidden;

overflow-y: auto;
	background-attachment: fixed;
}

/*默认连接*/

a {
	text-decoration: none;
	outline: none;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #3399cc;
}

ul,
ol {
	list-style: none;
}



/*mystyle*/

.zcont {
	width: 100%;
	margin: 0px auto;
	padding: 0px auto;
	clear: both;
	overflow: hidden;
}

.qcont {
	width: 100%;
	padding: 0px;
	margin: 0px auto;
	clear: both;
	overflow: hidden;
}

.wcont {
	padding: 0px;
	margin: 0px auto;
	clear: both;
	overflow: hidden;
}

.pcont {
	width: 97%;
	padding: 0% 1% 0% 2%;
	margin: 0px;
	clear: both;
	overflow: hidden;
}

.mcont {
	width: 96%;
	padding: 0px;
	margin: 2%;
	clear: both;
	overflow: hidden;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.oclear {
	clear: both;
	overflow: hidden;
}

.none {
	display: none;
}
.loginbox{
	width:100%;
	position:absolute;
	top:-400px;
	z-index:1001;
}
.user_login{
	background: none repeat scroll 0 0 #fff;
	-moz-border-radius:  50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	-moz-box-shadow: 0 0 0 3px #ddd;
	-webkit-box-shadow: 0 0 0 3px #ddd;
	box-shadow: 0 0 0 3px #ddd;
	width: 80px;
	height: 80px;
	margin: 0 0 0 3px;
	max-width: none;
}
/*圆角*/

.yuan {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.yuanjiao {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.upyuan {
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px 30px 0px 0px;
}

.yuanjiaologin{
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
}

.downyuan {
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 0px 0px 30px 30px;
}

.touying {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .4)
}

.user_img {
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	-moz-box-shadow: 0 0 0 3px #666;
	-webkit-box-shadow: 0 0 0 3px #666;
	box-shadow: 0 0 0 3px #666;
	width: 75px;
	height: 75px;
	margin: 3px 0px 15px 3px;
	max-width: none;
}
.mohu{
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	-moz-backdrop-filter: blur(10px);
	-ms-backdrop-filter: blur(10px);
}
/*表*/

.clock {
	width: 100%;
	margin: 0px auto;
	padding-top: 10px;
	clear: both;
	overflow: hidden;
}

#Date {
	font-size: 10px;
	text-align: center;
	color: #333;
}

.clock ul {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	list-style: none;
	text-align: center;
	color: #333;
}

.clock ul li {
	display: inline;
	font-size: 18px;
	text-align: center;
}

/*主体*/
.header {
	position: relative;
	position: fixed;
	width: 100%;
	height:95px;
	border-bottom:1px solid #666;
	z-index: 1;
	color: #fff;
	padding: 0;
}
.banner {
	width: 100%;
	height:680px;
	z-index: -1;
	color: #fff;
	padding: 0;
	border-bottom:3px solid #003894;
}
.logo {
	position: relative;
	position: fixed;
	top:110px;
	width:100%;
	text-align: center;
}
.foot {
	position: relative;
	position: fixed;
	width: 100%;
	z-index: 1000;
	color: #fff;
	padding: 0;
	left: 0px;
	bottom: 20px;
	line-height: 23px;
	font-size: 12px;
	text-align: center;
}


.topbtn li  {float:left; width:12.5%; overflow:hidden;}
.topbtn li a{text-decoration:none; outline:none; display:block !important; display:inline; line-height:45px;   font-size:16px; padding-left:0px; text-align:center;}
.topbtn li a:hover{background:#b5171d;color: #FFF}

.infobg {width:100%; height:500px; background:url('../images/infobg2.png') center no-repeat #ccc;}
.bg_10{width:100%; height:330px; background:url('../images/bg_10.jpg') center no-repeat;position: relative}
.bg_top{width:100%; height:100px;position: absolute;top: 0;left: 0;background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0));z-index: 100}
.bg_3{width:100%; height:100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.8);display: flex;align-items: center;justify-content: space-between}
.bg_3_item{display: flex;flex-direction: column;align-items: center;justify-content: space-between}
.productList{overflow: hidden;}
.productItem{position: relative;float: left}
.productItem img{
	width: 400px; height: 400px; margin-right:1px;
}
.productItem .itemText{
	width: 400px; height: 400px; display: block; position: absolute;top: 0; left: 0; background: rgba(0,0,0,.8);
	opacity: 0;
	transition: opacity 500ms ease;
}
.productItem:hover >.itemText{
	opacity: 1;

}
.productItem:hover >.itemText .textInfo{
	position: absolute;
	bottom: 0;left: 0;width: 100%;
	line-height: 50px;
	padding-left: 20px;
	font-size: 16px;color: #FFF;
}

.bg_4{width:100%; height:100%;position: absolute;top: 0;left: 0;background: rgba(0, 45, 118, 0.8);display: flex; align-items: center; justify-content: space-between;
}

.companyItem{
	display: flex;
	align-items: center;
	flex-direction: column;
	color: #a3a3a3;
	cursor: pointer;

}
.companyItem:hover .companyItemIcon{
	background: #2279D5;
	color: #FFF;
}
.companyItem:hover a{
	color: #2279D5;
	text-decoration: none;
}
.companyItem a{
	font-size: 20px;
	color: #343434;
}
.companyItem p{
	font-size: 12px;
	color: #2279D5;
	font-weight: lighter;
}
.companyItemIcon{
	display: flex;justify-content: center;align-items: center;
	border-radius: 100%;
	background:#eee;
	width: 120px;height: 120px;
	margin-bottom: 10px;
}

.fixed-top{
	transition: background .5s,color.5s;
}
.topColor-dark{
	background: rgba(0,0,0,0);
	color: #FFF;
}
.topColor-dark a{color: #FFF}
.topColor-light a{color: #333333}
.topColor-light{
	background: rgba(255,255,255,.9);
	color: #6c757d;
}


.swiper_1 .swiper-container .swiper-wrapper{
	-webkit-transition-timing-function: linear; /*之前是ease-out*/
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}
.shadow_dark{
	box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.7) !important;
}
.bg_blue{
	background:url('../images/b03.jpg') center no-repeat;
	height: 280px;
	position: relative;border-bottom: 6px #BA000F solid;
	border-top: #BA000F 6px solid;
}
 #swiper_3 .swiper-pagination >.swiper-pagination-bullet-active{
	 background-color: white;

 }


@keyframes companyIcon_1 {
	0% {transform: translateX(-100%);opacity: 0}
	10% {transform: translateX(-100%);opacity: 1}
	100% {transform: translateX(0);opacity: 1}
}
@keyframes companyIcon_2 {
	0% {transform: translateX(100%);opacity: 0}
	10% {transform: translateX(100%);opacity: 1}
	100%  {transform: translateX(0);opacity: 1}
}
@keyframes companyIcon_3 {
	0% {transform: translateY(100%);opacity: 0}
	10% {transform: translateY(100%);opacity: 1}
	100%  {transform: translateX(0);opacity: 1}
}
@keyframes new{
	0%{transform: translateY(100%);opacity: 0}
	100%{transform: translateY(0);opacity: 1}
}

.project{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	height: 260px;
	margin-bottom: 4%;
}

.newslink a{text-decoration:none; color:#000; font-size:18px; outline:none; line-height:32px;}
.newslink a:hover {color:#3366cc;}