/*初始化类*/

 @charset "UTF-8";

 html {
 	-moz-osx-font-smoothing: grayscale;
 	-webkit-font-smoothing: antialiased;
 	text-rendering: optimizeLegibility;
 }

 html,
 body {
 	-webkit-touch-callout: none;
 	width: 100%;
 	font-family: "微软雅黑";
 	position: relative;
 }

 body {
 	/*	font-family: myfont;*/
 	line-height: 1.5;
 	font-size: 16px;
 	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;
 }

 .Load {
 	position: fixed;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	z-index: 999999999999999999;
 	background-color: #FFFFFF;
 }

 ul,
 li {
 	list-style: none;
 }

 b,
 strong {
 	font-weight: 700;
 }

 pre {
 	overflow: auto;
 }

 img {
 	border: 0;
 	max-width: 100%
 }

 p {
 	margin-top: 0;
 	margin-bottom: 0;
 }

 a {
 	text-decoration: none;
 	background-color: transparent;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }

 a:hover {
 	outline: 0;
 }

 /*按钮*/

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

 .more_a:hover {
 	color: #fff;
 }

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

 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;
 	color: #FFFFFF;
 }

 html {
 	width: 100%;
 	margin: 0px auto;
 }

 body {
 	margin: 0px auto;
 }

 .h_normal {
 	font-weight: normal;
 }

 .w {
 	width: 95%;
 	max-width: 1200px;
 	margin: 0px auto;
 	clear: both;
 }

 .en {
 	font-family: arial;
 }

 input {
 	outline: medium;
 }

 .hover {
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }

 .hover:hover {
 	transform: translate3d(0, -20px, 0);
 	-webkit-transform: translate3d(0, -20px, 0);
 }

 .hover_x {
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }

 .hover_x:hover {
 	transform: translate3d(-20px, 0, 0);
 	-webkit-transform: translate3d(-20px, 0, 0);
 }

 .hover_xz {
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }

 .hover_xz:hover {
 	transform: translate3d(20px, 0, 0);
 	-webkit-transform: translate3d(20px, 0, 0);
 }

 /*左右摇摆*/

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

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

 /*图片翻转*/

 .hh_f {
 	-moz-transition: all 1s ease 0s;
 	-webkit-transition: all 1s ease 0s;
 	transform: perspective(800px) rotateY(0deg);
 	-moz-transform: perspective(800px) rotateY(0deg);
 	-webkit-transform: perspective(800px) rotateY(0deg);
 	-o-transform: perspective(800px) rotateY(0deg);
 	-ms-transform: perspective(800px) rotateY(0deg);
 	zoom: 1;
 }

 .hh_f:hover {
 	transform: perspective(800px) rotateY(-179.9deg);
 	-moz-transform: perspective(800px) rotateY(-179.9deg);
 	-webkit-transform: perspective(800px) rotateY(-179.9deg);
 	-o-transform: perspective(800px) rotateY(-179.9deg);
 	-ms-transform: perspective(800px) rotateY(-179.9deg);
 }

 .suspension {
 	position: fixed;
 	right: 0;
 	top: 50%;
 	transform: translateY(-50%);
 	z-index: 99999999;
 }

 .fixedsuspension {
 	opacity: 1;
 }

 .suspension span {
 	display: block;
 	font-size: 16px;
 	color: #E92930;
 }

 .suspension a {
 	color: #292929;
 	font-size: 1rem;
 	display: block;
 }

 .suspension ul li:hover span {
 	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;
 }

 .suspension ul li {
 	text-align: center;
 	line-height: 25px;
 	margin-bottom: 1px;
 	position: relative;
 }

 .suspension ul li a {
 	display: block;
 	-webkit-box-shadow: 0px 4px 4px 2px rgba(200, 200, 200, 0.3);
 	-moz-box-shadow: 0px 4px 4px 2px rgba(200, 200, 200, 0.3);
 	box-shadow: 0px 4px 4px 2px rgba(200, 200, 200, 0.3);
 	padding: 7px 10px;
 	box-sizing: border-box;
 	-webkit-transition: all 0s ease-in-out;
 	transition: all 0s ease-in-out;
 	background-color: #FFFFFF;
 }

 .suspension ul li .t {
 	color: #7e7d7d;
 	font-size: 14px;
 }

 .suspension ul li span {
 	font-size: 25px;
 	color: #7e7d7d;
 }

 .suspension ul li span.icon-qq {
 	color: #40aadb;
 }

 .suspension ul li span.icon-weixin {
 	color: #16be3b;
 }

 .suspension ul li span.icon-iconfontdianhua1 {
 	color: #FF8000;
 }

 .suspension ul li .img {
 	width: 0px;
 	position: absolute;
 	right: 52px;
 	top: 0px;
 	z-index: 999999999999999999999;
 	/*transform: translateY(-50%);*/
 	-webkit-transition: all .2s ease-in-out;
 	transition: all .2s ease-in-out;
 }

 .suspension img {
 	max-width: 100%;
 }

 .suspension ul li .img dl dd {
 	margin-bottom: 10px;
 }

 .suspension ul li:hover .img {
 	width: 120px;
 }

 .suspension .list {
 	position: absolute;
 	right: -150px;
 	width: 150px;
 	/* height: 255px; */
 	box-sizing: border-box;
 	background-color: #ffffff;
 	padding: 20px;
 	-webkit-box-shadow: 0px 4px 4px 2px rgba(200, 200, 200, 0.3);
 	-moz-box-shadow: 0px 4px 4px 2px rgba(200, 200, 200, 0.3);
 	box-shadow: 0px 4px 4px 2px rgba(200, 200, 200, 0.3);
 	opacity: 0;
 	top: 0;
 	/*transform: translateY(-50%);*/
 	/*overflow: hidden;*/
 	-webkit-transition: all .2s ease-in-out;
 	transition: all .2s ease-in-out;
 }

 .suspension .list span {
 	display: inline-block;
 	color: #40aadb;
 }

 .suspension ul li:hover .list span {
 	color: #40aadb;
 }

 .suspension ul li:hover .list a {
 	background-color: #FFFFFF;
 }

 .suspension ul li .list .box a {
 	display: inline-block;
 	color: #7e7d7d;
 	-webkit-box-shadow: 0px 0px 0px 0px rgba(200, 200, 200, 0.3);
 	-moz-box-shadow: 0px 0px 0px 0px rgba(200, 200, 200, 0.3);
 	box-shadow: 0px 0px 0px 0px (200, 200, 200, 0.3);
 	border-bottom: 3px dashed #7e7d7d;
 	margin-bottom: 10px;
 }

 .suspension ul li .list .box a:hover {
 	text-decoration: underline;
 }

 .suspension ul li:hover .list {
 	right: 52px;
 	opacity: 1;
 }

 .suspension ul li .tel {
 	position: absolute;
 	right: -150px;
 	padding: 5px 20px;
 	box-sizing: border-box;
 	background-color: #ffffff;
 	-webkit-box-shadow: 0px 4px 4px 2px rgba(200, 200, 200, 0.3);
 	-moz-box-shadow: 0px 4px 4px 2px rgba(200, 200, 200, 0.3);
 	box-shadow: 0px 4px 4px 2px rgba(200, 200, 200, 0.3);
 	opacity: 0;
 	top: 0;
 	/*transform: translateY(-50%);*/
 	/*overflow: hidden;*/
 	-webkit-transition: all .2s ease-in-out;
 	transition: all .2s ease-in-out;
 	color: #ff8000;
 	font-size: 14px;
 	white-space: nowrap;
 }

 .suspension ul li:hover .tel {
 	right: 52px;
 	opacity: 1;
 }

 #message {
 	position: fixed;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	background-color: rgba(0, 0, 0, 0.5);
 	z-index: 99999999999;
 	display: none;
 }

 #message .box {
 	position: absolute;
 	background-color: #FFFFFF;
 	border-radius: 5px;
 	width: 800px;
 	padding: 30px 0;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	color: #333333;
 }

 #message .box .name {
 	margin-bottom: 20px;
 }

 #message .box .tel {
 	margin-bottom: 20px;
 }

 #message .box .name input,
 #message .box .tel input {
 	width: 80%;
 	border-radius: 5px;
 	height: 40px;
 	box-sizing: border-box;
 	padding-left: 20px;
 	border: 1px solid #D1D1D1;
 }

 #message .box .text {
 	position: relative;
 }

 #message .box .text span {
 	position: absolute;
 	top: 0;
 	left: 65px;
 }

 #message .box .text textarea {
 	width: 80%;
 	border-radius: 5px;
 	height: 200px;
 	box-sizing: border-box;
 	padding-left: 20px;
 	padding-top: 10px;
 	border: 1px solid #D1D1D1;
 }

 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
 	-webkit-appearance: none;
 }

 input[type="number"] {
 	-moz-appearance: textfield;
 }
 
 input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

 #message .box em {
 	display: inline-block;
 	width: 100px;
 	text-align: right;
 	margin-right: 20px;
 }

 #message .box .btn {
 	text-align: center;
 	margin-top: 20px;
 }

 #message .box .btn .left {
 	border: 1px solid #D1D1D1;
 	border-radius: 5px;
 	background-color: #FFFFFF;
 	width: 80px;
 	height: 40px;
 	text-align: center;
 	line-height: 40px;
 	box-sizing: border-box;
 	display: inline-block;
 	cursor: pointer;
 }

 #message .box .btn .right {
 	border-radius: 5px;
 	background-color: #FFFFFF;
 	width: 80px;
 	height: 40px;
 	text-align: center;
 	line-height: 40px;
 	box-sizing: border-box;
 	display: inline-block;
 	margin-left: 30px;
 }

 #message .box .btn .right input {
 	width: 100%;
 	text-align: center;
 	display: block;
 	background-color: #007EE5;
 	color: #FFFFFF;
 	border-radius: 5px;
 	cursor: pointer;
 }

 @media (max-width: 750px) {
   #message .box .name input,#message .box .tel input {
                width: 100%;
        }
 	#message .box {
 		width: 90%;
 		padding: 20px;
 		box-sizing: border-box;
 	}

 	#message .box em {
 		width: auto;
 		display: block;
 		text-align: left;
 		margin-bottom: 5px;
 		padding-left: 5px;
 	}

 	#message .box input {
 		width: 100%;
 	}

 	#message .box .text textarea {
 		width: 100%;
    margin-top: 30px;

 	}

 	#message .box .text span {

    left:5px;
 	}
 }