/*初始化类*/
 
 @charset "UTF-8";
 html {
 	font-family: sans-serif;
 	-moz-osx-font-smoothing: grayscale;
 	-webkit-font-smoothing: antialiased;
 	text-rendering: optimizeLegibility;
 }
 
 
 html,
 
 
 
 body {
 	-webkit-touch-callout: none;
 	width: 100%;
 	font-family: "微软雅黑", "Microsoft Yahei", "Arial";
 	
 	position: relative;
 }
 /*@font-face {
	font-family: myfont;
	src: url(../css/思源黑体正常字体.ttf);
}*/

 
 body {
 /* font-family: myfont;*/
 	line-height: 1.5;
 	font-size: 1rem;
 	color: #000;
 	outline: 0;
 }
 
 html,
 body,
 header,
 section,
 footer,
 div,
 ul,
 ol,
 li,
 img,
 a,
 span,
 em,
 del,
 legend,
 center,
 strong,
 var,
 fieldset,
 form,
 label,
 dl,
 dt,
 dd,
 cite,
 input,
 hr,
 time,
 mark,
 code,
 figcaption,
 figure,
 textarea,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p {
 	margin: 0;
 	border: 0;
 	padding: 0;
 	font-style: normal;
 }
 
 ul,
 li {
 	list-style: none;
 }
 
 b,
 strong {
 	font-weight: 700;
 }
 
 pre {
 	overflow: auto;
 }
 
 img {
 	border: none;
 	vertical-align: middle;
 	max-width: 100%;
 }
 
 p {
 	margin-top: 0;
 	margin-bottom: 0;
 }
 
 a {
 	text-decoration: none;
 	color: #333;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }
 
 a:hover {
 	outline: 0;
 }
 
 textarea {
 	overflow: hidden;
 	resize: none;
 }
 
 button {
 	overflow: visible;
 }
 
 button,
 select {
 	text-transform: none;
 }
 
 button,
 input,
 optgroup,
 select,
 textarea {
 	margin: 0;
 	font: inherit;
 	color: inherit;
 }
 
 hr {
 	height: 0;
 	-webkit-box-sizing: content-box;
 	-moz-box-sizing: content-box;
 	box-sizing: content-box;
 }
 
 pre {
 	overflow: auto;
 }
 
 .cle:after {
 	visibility: hidden;
 	display: block;
 	font-size: 0;
 	content: " ";
 	clear: both;
 	height: 0
 }
 
 .cle {
 	zoom: 1
 }
 
 .fl,
 .fr {
 	display: inline
 }
 
 .fl {
 	float: left
 }
 
 .fr {
 	float: right
 }
 
 .txtov {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap
 }
 
 input,
 textarea,
 select,
 button {
 	outline: none;
 	vertical-align: middle;
 	font-size: inherit;
 	font-family: inherit;
 }
 
 textarea {
 	resize: none;
 	overflow-y: auto;
 }
 
 input[type="submit"],
 input[type="reset"],
 input[type="button"],
 button {
 	cursor: pointer;
 	-webkit-appearance: none;
 }
 
 hr {
 	height: 0;
 	border-width: 1px 0 0 0;
 	border-style: solid;
 	margin: 0;
 	color: #ddd;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 	font-weight: normal;
 	margin: 0;
 }
 
 ul,
 ol,
 li {
 	list-style: none;
 	-webkit-padding-start: 0
 }
 
 dt,
 dd {
 	padding: 0;
 	margin: 0;
 	list-style: none;
 }
 
 html {
 	width: 100%;
 	margin: 0px auto;
 }
 
 body {
 	margin: 0px auto;
 }
 
 .h_normal {
 	font-weight: normal;
 }
 
 .w {
 	width: 1200px;
 	margin: 0px auto;
 	clear: both;
 }
 
 .w1 {
 	width: 970px;
 	margin: 0px auto;
 	clear: both;
 }
 
 .ww {
 	background: #242424;
 }
 
 input {
 	outline: medium;
 }
 /*阑珊*/
 
 .span12 {
 	width: 100%;
 }
 
 .span11 {
 	width: 91.66666667%;
 }
 
 .span10 {
 	width: 83.33333333%;
 }
 
 .span9 {
 	width: 75%;
 }
 
 .span8 {
 	width: 66.66666667%;
 }
 
 .span7 {
 	width: 58.33333333%;
 }
 
 .span6 {
 	width: 50%;
 }
 
 .span5 {
 	width: 41.66666667%;
 }
 
 .span4 {
 	width: 33.33333333%;
 }
 
 .span3 {
 	width: 25%;
 }
 
 .span2 {
 	width: 16.66666667%;
 }
 
 .span1 {
 	width: 8.33333333%;
 }
 
 .span1,
 .span2,
 .span3,
 .span4,
 .span5,
 .span6,
 .span7,
 .span8,
 .span9,
 .span10,
 .span11,
 .span12 {
 	display: block;
 	margin: 0px auto;
 }
 
 input[type="submit"],
 input[type="reset"],
 input[type="text"],
 input[type="button"] {
 	-webkit-appearance: none;
 }
 
 .mr {
 	padding: 0px 1rem;
 }
 

/*左右摇摆*/

.hover_arrow .box:hover .icon_public{
	animation: landr 0.8s ease-in-out;
	-ms-animation: landr 0.8s ease-in-out;
	-moz-animation: landr 0.8s ease-in-out;
	-webkit-animation: landr 0.8s ease-in-out;
	-o- animation: landr 0.8s ease-in-out;
}


/*定义动画效果_css3*/

@keyframes landr {
	0% {
		transform: rotate(0deg);
		transform-origin: right bottom 0;
	}
	39% {
		transform: rotate(5deg);
		transform-origin: right bottom 0;
	}
	40% {
		transform: rotate(5deg);
		transform-origin: left bottom 0;
	}
	75% {
		transform: rotate(-10deg);
		transform-origin: left bottom 0;
	}
	100% {
		transform: rotate(0deg);
		transform-origin: left bottom 0;
	}
}

@-webkit-keyframes landr {
	0% {
		-webkit-transform: rotate(0deg);
		-webkit-transform-origin: right bottom 0;
	}
	39% {
		-webkit-transform: rotate(5deg);
		webkit-transform-origin: right bottom 0;
	}
	40% {
		-webkit-transform: rotate(5deg);
		-webkit-transform-origin: left bottom 0;
	}
	75% {
		-webkit-transform: rotate(-10deg);
		-webkit-transform-origin: left bottom 0;
	}
	100% {
		-webkit-transform: rotate(0deg);
		-webkit-transform-origin: left bottom 0;
	}
}


/*自定义动画*/

.hover_arrow .icon_public {
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}


/*经过图片阴影*/

.hover_arrow_shadow .box:hover .icon_public {
	filter: drop-shadow(5px 5px 1px rgba(0, 0, 0, 0.2));
	-webkit-filter: drop-shadow(5px 5px 1px rgba(0, 0, 0, 0.2));
	-moz-filter: drop-shadow(5px 5px 1px rgba(0, 0, 0, 0.2));
	transform: translate3d(0, -3px, 0);
	-moz-transform: translate3d(0, -3px, 0);
	-webkit-transform: translate3d(0, -3px, 0);
}


/*图标*/

.icon_public{
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	-moz-border-radius: 50%;
	/*-webkit-border-radius:50%; 
	border-radius:50%;*/
}


/*end左右摇摆*/


/*图片亮度划过*/
.hover_pic {
	position: relative;
	overflow: hidden;
	display: block;
}

.hover_pic:before {
	position: absolute;
	top: 0px;
	left: -80%;
	display: block;
	content: "";
	width: 40%;
	height: 100%;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0));
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0));
	-moz-transform: skewX(-25deg);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.hover_pic:hover:before {
	-moz-transition: left 1s ease 0s;
	-webkit-transition: left 1s ease 0s;
	transition: left 1s ease 0s;
	left: 140%;
}


/*缓慢上升*/
ul .ss{
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

ul .ss:hover {
	-moz-box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
	box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
	-moz-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

/*图片放大*/
.hh_d{
	 display: block;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    overflow: hidden;
}

.hh_d:hover{
	 transform: scale(1.2);
}

/*按钮*/

.more_a{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;	 
	position: relative;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	background-color: #2e62a8;
	padding: 5px 40px;
	border-radius: 5px;
	margin: 0 auto;
	
}

.more_a a{
	color: #FFFFFF;
}

.more_a:hover{	 
	color: #FFFFFF;
}

.more_a::before,
.more_a::after {
	position: absolute;
	content: '';
	display: block;
	height: 50%;
	width: 0;
	font-size: 0;
	overflow: hidden;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	display: none\9;
	background-color: #ff8000;
	z-index: -1;
}

.more_a::before {
	left: 0;
	top: 0;
}

.more_a::after {
	right: 0;
	bottom: 0;
}

.more_a:hover::before,
.more_a:hover::after{
	width: 100%;
} 
 
 
.Load{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999999999999999;
    background-color: #FFFFFF;
}