::selection {
	background:#007ce6;
	color:#fff
}
::-moz-selection {
	background:#007ce6;
	color:#fff
}
::-webkit-selection {
	background:#007ce6;
	color:#fff
}
html,body,p,h1,h2,h3,h4,h5,h6,li,ul,ol,em,i,strong,b,u,dd,dt,dl,td,table,th,tr,a,button,input,form {
	margin:0;
	padding:0
}
body,html {
	width:100%;
	height:100%;
	font-size:16px;
	font-family:"微软雅黑",Arial;
	background:#fff
}
@media all and (max-width:860px) {
	body,html {
	font-size:14px
}
}body {
	overflow-x:hidden
}
li,ol {
	list-style:none
}
a,u {
	color:inherit;
	text-decoration:none
}
img {
	border:0
}
em {
	font-style:normal
}
button,input[type='submit'] {
	border:0;
	color:inherit;
	background:none;
	cursor:pointer;
	outline:none
}
button:active,input:active[type='submit'] {
	outline:none
}
input[type="password"],input[type="checkbox"],input[type="file"],input[type="radio"],input[type="text"],textarea,select {
	color:inherit;
	outline:0px;
	border:0;
	background:#fff
}
select {
	vertical-align:middle;
	height:22px
}
section,article,aside,header,footer,hgroup,figure,figcaption,main,nav {
	display:block
}
#main {
	overflow:hidden
}
.wrap {
	overflow:hidden;
	position:relative
}
.main {
	margin:auto;
	max-width:1200px;
	box-sizing:border-box;
	position:relative;
	width:100%
}
.main:after,.clear:after {
	content:'';
	clear:both !important;
	display:block !important;
	height:0 !important;
	visibility:hidden !important;
	overflow:hidden !important
}
@media all and (max-width:1230px) {
	.main {
	width:100%;
	padding-left:15px;
	padding-right:15px
}
}.dba a,.dbem em,.dbimg img,.dbspan span,.dbi i,.dbb b,.dbu u,.dbstrong strong {
	display:block
}
.db *:not(script) {
	display:block
}
.fff {
	color:#fff
}
.color {
	color:#007ce6
}
.scolor {
	color:#f60
}
.fzLg {
	font-size:120%
}
.fzSm {
	font-size:80%
}
.fl {
	float:left
}
.fr {
	float:right
}
.tac {
	text-align:center
}
.dn {
	display:none !important
}
.vh {
	visibility:hidden
}
.imp {
	font-family:Impact
}
.qr {
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
@media (max-width:1000px) {
	.qr {
	opacity:0;
	overflow:hidden;
	width:0;
	height:0;
	visibility:hidden;
	padding:0;
	margin:0;
	border:0
}
}.askUs {
	padding-bottom:80px;
	position:relative
}
.askUs::before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	background:rgba(255,255,255,0.7);
	z-index:1;
	width:560px;
	height:100%;
	margin:auto
}
.askUs ul {
	width:450px;
	margin:auto;
	position:relative;
	overflow:initial !important;
	z-index:2
}
.askUs h1.tit {
	text-align:center;
	margin-bottom:35px;
	font-size:36px
}
.askUs li {
	float:none !important;
	width:100% !important
}
.askUs li.input {
	height:60px
}
.askUs li.input span {
	line-height:60px;
	display:inline-block;
	width:100px;
	font-weight:700
}
.askUs li.input input {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-indent:0.5em;
	font-size:12px;
	line-height:40px;
	height:40px;
	border:1px solid #c4c4c4;
	margin-top:10px;
	width:337.5px;
	float:right
}
.askUs li.input input:focus {
	box-shadow:0 0 15px 0 #11ce66;
	border:3px solid #11ce66
}
.askUs li.input::after {
	content:'';
	display:block;
	clear:both
}
.askUs li.label {
	margin-top:15px
}
.askUs li.label label {
	width:33.3333%;
	display:block;
	float:left;
	position:relative;
	text-align:center;
	line-height:2;
	cursor:pointer
}
.askUs li.label label:not(:last-child):before {
	content:'';
	height:45%;
	top:0;
	bottom:0;
	position:absolute;
	right:0;
	width:1px;
	background:#000;
	margin:auto
}
.askUs li.label p {
	display:none
}
.askUs li.textarea {
	margin-bottom:25px
}
.askUs li.textarea textarea {
	width:100%;
	height:160px;
	border:1px solid #ccc;
	display:block;
	margin-top:15px;
	line-height:2;
	font-size:16px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px
}
.askUs li.ed {
	width:50%;
	float:left
}
.askUs li.ed span {
	width:80px;
	display:block;
	float:left
}
.askUs li.ed span img {
	width:100%;
	height:36px
}
.askUs li.ed input {
	float:left;
	height:36px;
	width:100px;
	margin-left:5px;
	border:1px solid #ccc;
	text-align:center
}
.askUs li.submit {
	width:50%;
	height:36px;
	text-align:center;
	color:#fff;
	background:#000;
	z-index:1;
	position:relative;
	margin-top:15px
}
.askUs li.submit::after {
	content:'';
	opacity:1;
	width:100%;
	top:0;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	position:absolute;
	left:0;
	height:100%;
	background:#11ce66;
	z-index:-1;
	visibility:visible;
	transform:scale(1)
}
.askUs li.submit:hover::after {
	opacity:0;
	visibility:hidden;
	transform:scale(1.1,1.3)
}
.askUs li.submit input[type="submit"] {
	width:100%;
	height:100%;
	display:block
}
@media all and (max-width:670px) {
	.askUs::before {
	width:100%
}
.askUs ul {
	width:95%
}
}@media all and (max-width:360px) {
	.askUs li.input input {
	width:98%
}
.askUs li.submit,.askUs li.ed {
	margin-bottom:15px;
	float:none
}
}#underPhone {
	display:none
}
@media all and (max-width:800px) {
	#underPhone {
	display:block;
	position:fixed;
	bottom:0;
	right:0;
	left:0;
	z-index:99;
	width:95%;
	margin:auto;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background:linear-gradient(45deg,#007ce6,#ff841e);
	color:#fff;
	text-align:center;
	box-shadow:0 0 15px 0 rgba(0,0,0,0.5)
}
#underPhone li {
	width:33.3333%;
	box-sizing:border-box;
	float:left;
	line-height:3.5
}
}#pageMain {
	padding-top:45px;
	padding-bottom:60px
}
#pageTitPic img {
	display:block;
	width:100%;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
@media (max-width:1000px) {
	#pageTitPic img {
	width:160%;
	margin-left:-30%
}
}#pageLists {
	width:250px;
	float:left
}
@media (max-width:1000px) {
	#pageLists {
	width:100%;
	float:none;
	margin-bottom:25px;
	display:none
}
#pageLists.pro {
	display:block
}
#pageLists [contact] {
	display:none
}
}#pageLists h3 {
	height:52px;
	line-height:52px;
	background:#007ce6;
	font-size:16px;
	color:#fff;
	padding-left:35px;
	margin-bottom:1px
}
#pageLists ul,#pageLists .contact {
	border-top:1px solid #cdcdcd;
	background:#f2f2f2
}
#pageLists .contact {
	line-height:1.7;
	padding:25px 15px;
	box-sizing:border-box;
	color:#686666
}
#pageLists ul {
	overflow:hidden
}
#pageLists a {
	display:block;
	height:50px;
	line-height:50px;
	padding-left:34px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	color:#686666;
	border-bottom:1px solid #cdcdcd;
	position:relative;
	box-sizing:border-box;
	white-space:nowrap;
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis
}
#pageLists a::before {
	content:'';
	width:7px;
	height:7px;
	display:block;
	border-bottom:1px solid currentColor;
	border-right:1px solid currentcolor;
	margin:auto;
	transform:rotateZ(-45deg);
	position:absolute;
	top:0;
	bottom:0;
	right:1.5em
}
#pageLists a:hover,#pageLists a.act {
	background-color:#dddddd;
	color:#007ce6
}
@media (max-width:1000px) {
	#pageLists li {
	width:33.33333%;
	float:left
}
}@media (max-width:530px) {
	#pageLists li {
	width:50%
}
}@media (max-width:1200px) {
	#pageLists li div {
	display:none
}
}.pageMain {
	float:right;
	width:920px
}
.pageMain hgroup {
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	padding:6px 10px 10px;
	margin-bottom:15px
}
.pageMain hgroup::before {
	content:'';
	height:1px;
	display:block;
	width:100%;
	background:#000;
	position:absolute;
	bottom:0;
	left:0;
	opacity:0.2
}
.pageMain hgroup h3 {
	font-size:32px;
	display:inline-block;
	vertical-align:middle;
	line-height:36px;
	color:#2b2b2b
}
.pageMain hgroup span {
	float:right;
	opacity:0.7;
	display:inline-block;
	vertical-align:middle;
	line-height:36px
}
@media (max-width:1200px) {
	.pageMain {
	width:720px
}
}@media (max-width:1000px) {
	.pageMain {
	width:100%;
	float:none
}
}.m {
	line-height:2
}
@media (max-width:1000px) {
	.m img {
	width:100%
}
}.proSearch {
	background:#f5f5f5;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:9px 20px;
	box-sizing:border-box;
	line-height:30px
}
.proSearch input {
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	line-height:inherit;
	vertical-align:middle
}
.proSearch input:hover,.proSearch input:focus {
	box-shadow:0 0 15px 0 rgba(0,0,0,0.35)
}
.proSearch .txt {
	width:60%;
	display:inline-block
}
.proSearch .submit {
	width:10%;
	background:#007ce6;
	color:#fff;
	margin-left:1.5%
}
@media (max-width:1000px) {
	.proSearch {
	display:none
}
}#showdata a {
	width:30%;
	margin:1% 1.5%;
	float:left;
	overflow:hidden;
	box-sizing:border-box;
	padding:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	text-align:center
}
#showdata a:hover {
	box-shadow:0 0 15px 0 rgba(0,0,0,0.35);
	background:#f5f5f5
}
#showdata a:hover img {
	transform:scale(1.1)
}
#showdata span {
	height:190px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #d1d1d1;
	box-sizing:border-box;
	overflow:hidden;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	opacity:1
}
#showdata img {
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
#showdata em {
	white-space:nowrap;
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
	width:100%;
	line-height:36px
}
#showdata img {
	width:100%
}
@media (max-width:1000px) {
	#showdata a {
	width:46%;
	margin:.5% 2%;
	padding:3px
}
}#pageMore {
	margin:auto;
	color:#fff;
	background:#007ce6;
	display:block;
	width:200px;
	text-align:center;
	line-height:40px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	height:40px
}
#newsdata a {
	margin-bottom:15px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	box-sizing:border-box;
	padding:10px
}
#newsdata a:hover,#newsdata a:active {
	box-shadow:0 0 15px 0 rgba(0,0,0,0.35);
	background:#f5f5f5
}
#newsdata a:hover img,#newsdata a:active img {
	border:1px solid #000
}
#newsdata a:hover strong,#newsdata a:active strong {
	color:#007ce6
}
#newsdata a:hover p,#newsdata a:active p {
	color:#292929
}
#newsdata span {
	opacity:1;
	float:left;
	width:180px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
	margin-right:15px
}
#newsdata img {
	width:100%;
	box-sizing:border-box;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
#newsdata strong {
	font-size:18px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
#newsdata p {
	font-size:14px;
	color:#6d6d6d;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
@media (max-width:650px) {
	#newsdata a {
	border-bottom:1px solid #e4e4e4
}
#newsdata span {
	width:100%;
	margin-bottom:9px;
	float:none
}
}#map {
	width:100%;
	height:350px;
	overflow:hidden;
	margin-top:25px;
	border:1px solid #a8a8a8
}
.pageContentOther {
	margin-top:35px;
	padding-top:35px;
	position:relative
}
.pageContentOther a {
	width:250px;
	float:left;
	margin:0 10px;
	box-sizing:border-box;
	padding:10px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	display:block;
	position:relative;
	border:1px solid #e6e6e6
}
.pageContentOther a span {
	overflow:hidden;
	border-radius:0deg;
	-moz-border-radius:0deg;
	-webkit-border-radius:0deg;
	display:block
}
.pageContentOther a img {
	width:100%;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	display:block
}
.pageContentOther a:hover img {
	transform:scale(1.1)
}
.pageContentOther a:hover em {
	background:#007ce6;
	color:#fff
}
.pageContentOther a em {
	text-align:center;
	font-size:inherit;
	background:#fff;
	color:#000;
	line-height:2.5;
	display:block;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
.pageContentOther::before {
	content:'';
	height:1px;
	width:100%;
	display:block;
	position:absolute;
	background:#cacaca;
	top:0;
	left:0
}
.pageContentOther a {
	overflow:hidden;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
.pageContentOther h3 {
	margin-bottom:15px;
	line-height:2;
	background:#007ce6;
	color:#fff;
	font-size:24px;
	text-indent:.7em
}
h1.title {
	font-size:30px;
	text-align:center;
	line-height:2.5;
	margin-bottom:30px;
	padding-bottom:5px
}
@media (max-width:1200px) {
	.sm {
	display:block !important
}
.lg {
	display:none !important
}
}@media (min-width:1201px) {
	.sm {
	display:none !important
}
.lg {
	display:block !important
}
}#banner {
	position:relative;
	width:100%;
	overflow:hidden;
	z-index:1
}
#banner ul {
	position:relative;
	width:400%
}
#banner ul img {
	width:100%;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
#banner ul span {
	display:block;
	margin-right:10px;
	border:3px solid #fff;
	width:10px;
	height:10px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	cursor:pointer;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.5);
	float:left
}
#banner ul span.act {
	background:#007ce6
}
#banner>div {
	position:absolute;
	bottom:5%;
	right:0;
	left:0;
	margin:auto;
	height:10px;
	width:80px
}
#banner li {
	float:left;
	width:25%;
	overflow:hidden
}
@media (max-width:1200px) {
	#banner ul img {
	width:160%;
	margin-left:-30%
}
#banner>div {
	display:none
}
}#proNav {
	padding-top:50px;
	padding-bottom:40px;
	background:#ededed
}
#proNav article {
	overflow:hidden;
	margin-bottom:30px
}
@media (max-width:1000px) {
	#proNav article {
	padding:0;
	margin:0 auto 30px;
	width:96%
}
}#proNav div {
	width:300%;
	left:0;
	position:relative
}
@media (max-width:850px) {
	#proNav div {
	width:100%
}
}#proNav a {
	background:#fff;
	overflow:hidden;
	padding-top:15px;
	width:5.1555555556%;
	margin:.2%;
	float:left;
	position:relative;
	padding-bottom:70px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
#proNav a:hover {
	background:#007ce6;
	color:#fff;
	font-weight:700
}
#proNav a:hover::before {
	color:#007ce6
}
#proNav a:hover span {
	border-color:#fff
}
#proNav a::before {
	content:'MORE+';
	font-size:12px;
	color:#202020;
	width:78px;
	height:28px;
	display:block;
	bottom:23px;
	margin:auto;
	right:0;
	left:0;
	border:1px solid #c9c9c9;
	border-radius:28px;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	position:absolute;
	line-height:28px;
	background:#edebec;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
@media (max-width:850px) {
	#proNav a {
	width:32.9333333333%
}
}@media (max-width:460px) {
	#proNav a {
	width:49.6%
}
}#proNav em {
	line-height:55px;
	font-size:18px;
	white-space:nowrap;
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
display:block;
width:100%;
}
#proNav span {
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	overflow:hidden;
	width:133px;
	height:133px;
	border:1px solid #007ce6;
	margin:auto;
	position:relative;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
#proNav img {
	width:100%
}
#proNav aside {
	text-align:center
}
@media (max-width:850px) {
	#proNav aside {
	display:none
}
}#proNav i {
	display:inline-block;
	width:10px;
	height:10px;
	background:#b2b2b2;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	cursor:pointer;
	margin:0 3px
}
#proNav i.act {
	background:#007ce6
}
@keyframes sc {
	form {
	transform:scale(1);
	opacity:1
}
to {
	transform:scale(1.3);
	opacity:0
}
}#pageHeader>div {
	font-size:14px;
	color:#fff;
	background:#000;
	line-height:40px
}
@media (max-width:1000px) {
	#pageHeader>div {
	display:none
}
}#pageHeader header {
	height:120px;
	background:url(../images/bg.jpg)  center   -200px no-repeat;
    position:relative;
    background-attachment: fixed;
}
#pageHeader header a {
	position:absolute;
	right:0;
	left:0;
	bottom:-50px;
	width:147px;
	height:147px;
	margin:auto;
	z-index:1
}
#pageHeader header a::before {
	content:'';
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:-1;
	background:rgba(0,124,230,0.5);
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	animation:sc 1.5s linear infinite
}
#pageHeader article nav {
	overflow:hidden;
	text-align:center;
}
#pageHeader article a {
	width:9.833333%;
	float:left;
	padding-top:23px;
	line-height:23px;
	padding-bottom:23px
}
#pageHeader article a:hover,#pageHeader article a.act {
	background:#007ce6;
	color:#fff
}
#pageHeader article a:nth-of-type(4) {
	margin-right:20.8333333333%
}
#pageHeader article a::after {
	content:attr(l-en);
	display:block;
	opacity:0.5;
	font-size:12px
}
@media (max-width:1000px) {
	#pageHeader article {
	padding:0
}
#pageHeader article nav {
	padding:0;
	margin-top:60px
}
#pageHeader article a {
	width:25%;
	margin:0;
	padding-top:7px;
	padding-bottom:5px
}
#pageHeader article a:nth-of-type(4) {
	margin:0
}
}#footer {
	background:#2b2b2c
}
#footer article {
	padding-top:45px;
	padding-bottom:40px;
	overflow:hidden
}
#footer article>a {
	float:left;
	width:14.1666666667%;
	position:relative;
	height:135px
}
#footer article>a::before {
	content:'';
	width:1px;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	background:linear-gradient(to bottom,rgba(255,255,255,0),#fff,rgba(255,255,255,0))
}
@media (max-width:1000px) {
	#footer article>a {
	float:none;
	width:100%;
	height:auto;
	margin-bottom:20px;
	padding-bottom:20px
}
#footer article>a::before {
	background:linear-gradient(to right,rgba(255,255,255,0),#fff,rgba(255,255,255,0));
	width:90%;
	height:1px;
	margin:auto;
	left:0;
	top:initial
}
#footer article>a img {
	margin:auto
}
}#footer ul {
	width:85.8333333333%;
	float:right;
	overflow:hidden
}
@media (max-width:1000px) {
	#footer ul {
	width:100%
}
}#footer li {
	width:40%;
	float:left;
	box-sizing:border-box;
	padding-left:28px;
	padding-right:10px;
	line-height:1.7
}
#footer li:last-child {
	width:20%
}
@media (max-width:1000px) {
	#footer li {
	width:100% !important;
	padding:0
}
}#footer li a {
	width:23%;
	float:left;
	height:33px;
	line-height:31px;
	border:1px solid #818181;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-align:center;
	font-size:14px;
	margin:1%;
	box-sizing:border-box;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
#footer li a:hover,#footer li a.act {
	background:#fff;
	color:#000
}
@media (max-width:1000px) {
	#footer li a {
	width:31%
}
}#footer h5 {
	font-weight:500;
	font-size:18px;
	padding-bottom:15px;
	margin-bottom:25px;
	position:relative
}
#footer h5::before {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:3.5em;
	background:#fff;
	display:block;
	height:2px
}
#footer .qr img {
	border:3px solid #fff
}
#footer .qr::after {
	content:'扫一扫进入手机站';
	margin-top:10px;
	text-align:center;
	display:block;
	width:136px
}
#footer footer {
	line-height:60px;
	background:#000;
    font-size:14px;
    padding: 15px 0;
}
#footer footer a{
    display: inline-block;
}
#footer footer img{
    vertical-align: middle;
    margin-right: 15px;
}
@media (max-width:1000px) {
	#footer footer {
	opacity:0;
	margin-top:60px;
	height:0;
	padding:0;
	overflow:hidden
}
}#product {
	background-image: linear-gradient(#959595, #7e7e7e);
	background-size:cover
}
#product article {
	padding:80px 0
}
#product .fl {
	width:240px;
	position:absolute;
	left:0;
	bottom:0;
	height:100%;
	background:#fff
}
@media (max-width:1000px) {
	#product .fl {
	display:none
}
}#product .fr {
	width:73.0833333333%
}
#product .fr a {
	width:265px;
	padding:15px;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
	text-align:center;
	float:left;
	border:1px solid rgb(165, 165, 165);
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	margin-right:35px;
    margin-bottom:27px;
    color: #000;
}
#product .fr a:hover {
	border-color:#f60
}
#product .fr a:hover span::before {
	top:0;
	opacity:1
}
#product .fr a span {
	width:100%;
	overflow:hidden;
	position:relative
}
#product .fr a span::before {
	content:'';
	display:block;
	position:absolute;
	top:50px;
	bottom:0;
	right:0;
	left:0;
	background:url(../images/icon1.png) no-repeat center;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	opacity:0;
	height:100%;
	width:100%
}
#product .fr a img {
	width:100%
}
#product .fr a em {
	color:rgb(255, 255, 255);
	margin-top:10px
}
#product .fr span {
	height:174px
}
@media (max-width:1000px) {
	#product .fr {
	width:100%
}
#product .fr a {
	width:46%;
	margin:2%
}
}#product .fr em {
	white-space:nowrap;
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis
}
#product hgroup {
	background:#007ce6;
	color:#fff;
	text-align:center;
	padding-top:40px;
	padding-bottom:20px;
	position:relative;
	margin-top:-28px
}
#product hgroup::before {
	content:'';
	display:block;
	position:absolute;
	width:282px;
	height:32px;
	background:url(../images/tit.png) no-repeat center;
	top:0;
	left:-21px
}
#product hgroup span {
	font-weight:700;
	font-size:30px
}
#product hgroup em {
	font-size:14px;
	opacity:0.7;
	margin-top:3px
}
#product nav {
	padding:14px 20px;
	line-height:40px;
	text-align:center
}
#product nav a {
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	border-bottom:1px dashed #ccc;
	box-sizing:border-box
}
#product nav a:hover {
	background:#007ce6;
	color:#fff;
	font-weight:700;
	border-color:#007ce6
}
#product nav li {
	position:relative
}
#product nav li:hover div {
	opacity:1;
	visibility:visible
}
#product nav div {
	position:absolute;
	top:0;
	left:100%;
	position:absolute;
	width:100%;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	background:#fff;
	z-index:99;
	box-shadow:0 0 15px 0 rgba(0,0,0,0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:15px
}
#product nav div a {
	white-space:nowrap;
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis
}
#product .phone {
	text-align:left;
	padding:36px 0 36px 20px;
	background:#007ce6;
	color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	box-sizing:border-box
}
#product .phone::before {
	content:'';
	width:40px;
	height:40px;
	float:left;
	background:url(../images/icon3.png) no-repeat center;
	margin-top:5px;
	margin-right:5px
}
#product .phone strong {
	font-size:20px
}
#about hgroup,#video hgroup {
	padding-top:60px;
	background:url(../images/tit1.png) no-repeat center top;
	font-size:30px;
	text-align:center;
	margin-bottom:35px
}
#about hgroup em,#video hgroup em {
	font-size:18px;
	color:#a8a8a8;
	line-height:35px;
	padding-bottom:5px;
	position:relative
}
#about hgroup em::before,#video hgroup em::before {
	content:'';
	width:50px;
	display:block;
	height:2px;
	background:#007ce6;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	margin:auto
}
#about {
	background:url(../images/dt.png) no-repeat center 80px,rgba(245, 244, 244, 0.8);
	padding:40px 0
}
#about .fl {
	width:38.75%
}
#about .fl iframe {
	width:100%;
	height:356px
}
#about .fl em {
	display:none
}
@media (max-width:1000px) {
	#about .fl {
	width:100%;
	float:none
}
}#about .fr {
	width:58.75%;
	color:#3f3f3f;
	font-size:18px;
	line-height:1.7
}
#about .fr ul {
	overflow:hidden;
	margin-top:20px;
	text-align:center;
	user-select:none
}
#about .fr li {
	width:153px;
	height:105px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	float:left;
	margin-right:20px;
	border:1px solid #ccc
}
#about .fr li:hover {
	color:#fff;
	background:#007ce6
}
#about .fr li::before {
	content:'';
	display:block;
	width:50px;
	height:40px;
	margin:auto;
	margin-top:9px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
#about .fr li:nth-of-type(1)::before {
	background:url(../images/list1.png) no-repeat center
}
#about .fr li:nth-of-type(1):hover::before {
	background:url(../images/list1s.png) no-repeat center
}
#about .fr li:nth-of-type(2)::before {
	background:url(../images/list2.png) no-repeat center
}
#about .fr li:nth-of-type(2):hover::before {
	background:url(../images/list2s.png) no-repeat center
}
#about .fr li:nth-of-type(3)::before {
	background:url(../images/list3.png) no-repeat center
}
#about .fr li:nth-of-type(3):hover::before {
	background:url(../images/list3s.png) no-repeat center
}
#about .fr li:nth-of-type(4)::before {
	background:url(../images/list4.png) no-repeat center
}
#about .fr li:nth-of-type(4):hover::before {
	background:url(../images/list4s.png) no-repeat center
}
@media (max-width:1000px) {
	#about .fr li {
	display:inline-block;
	margin-bottom:7px;
	float:none
}
}#about .fr em {
	font-size:12px
}
@media (max-width:1000px) {
	#about .fr {
	width:100%;
	float:none
}
}#video {
	padding:40px 0
}
#video #focus_Box {
	position:relative;
	max-width:1200px;
	height:540px;
	margin:0 auto;
	width:100%;
	user-select:none
}
#video #focus_Box ul {
	position:relative;
	max-width:1200px;
	height:440px;
	width:98%;
	margin:auto
}
#video #focus_Box li {
	z-index:0;
	position:absolute;
	width:0px;
	height:0px;
	top:146px;
	cursor:pointer;
	left:377px;
	border:5px solid #fff;
	overflow:hidden
}
#video #focus_Box li:hover em {
	opacity:1
}
#video #focus_Box img {
	width:100%;
	height:100%;
	vertical-align:top
}
#video #focus_Box .prev,#video #focus_Box .next {
	display:block;
	z-index:100;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	width:52px;
	height:90px;
	top:131px;
	background:rgba(0,0,0,0.5)
}
#video #focus_Box .prev::before,#video #focus_Box .next::before {
	content:'';
	display:block;
	width:17px;
	height:17px;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	margin:auto
}
#video #focus_Box .prev {
	left:-90px;
	top:205px
}
#video #focus_Box .prev::before {
	transform:rotate(135deg)
}
#video #focus_Box .next {
	right:-96px;
	top:205px
}
#video #focus_Box .next::before {
	transform:rotate(-45deg)
}
#video #focus_Box em {
	position:absolute;
	z-index:3;
	bottom:0;
	left:0;
	width:100%;
	line-height:50px;
	font-size:20px;
	text-align:center;
	color:#fff;
	opacity:0;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	background:rgba(255,102,0,0.5)
}
@media (max-width:1000px) {
	#video #focus_Box {
	height:auto
}
#video #focus_Box ul {
	height:auto;
	overflow:hidden
}
#video #focus_Box li {
	border:0;
	display:none;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
#video #focus_Box li:nth-of-type(1) {
	position:relative;
	width:47.9%;
	height:auto;
	margin:1% 1% 1% 0;
	box-sizing:border-box;
	float:left;
	display:block;
	border:5px solid #fff;
	top:0;
	left:0
}
#product .fr span{
    height: 123px;
}
#product article {
    padding: 54px 0;
}
#video #focus_Box li:nth-of-type(2) {
	position:relative;
	width:48%;
	height:auto;
	margin:1%;
	box-sizing:border-box;
	float:left;
	display:block;
	border:5px solid #fff;
	top:0;
	left:0
}
#video #focus_Box li:nth-of-type(3) {
	position:relative;
	width:48%;
	height:auto;
	margin:1%;
	box-sizing:border-box;
	float:left;
	display:block;
	border:5px solid #fff;
	top:0;
	left:0
}
#video #focus_Box li:nth-of-type(4) {
	position:relative;
	width:48%;
	height:auto;
	margin:1%;
	box-sizing:border-box;
	float:left;
	display:block;
	border:5px solid #fff;
	top:0;
	left:0
}
#video #focus_Box li:nth-of-type(5) {
	position:relative;
	width:48%;
	height:auto;
	margin:1%;
	box-sizing:border-box;
	float:left;
	display:block;
	border:5px solid #fff;
	top:0;
	left:0
}
#video #focus_Box li:nth-of-type(6) {
	position:relative;
	width:48%;
	height:auto;
	margin:1%;
	box-sizing:border-box;
	float:left;
	display:block;
	border:5px solid #fff;
	top:0;
	left:0
}
}#video #focus_Box ul {
	background:url(../images/bg3.png) no-repeat bottom center;
	height:470px
}
@media (max-width:1000px) {
	#video #focus_Box ul {
	background:none;
	height:auto;
	padding-bottom:0
}
}#video #focus_Box a {
	height:100%
}
#video #focus_Box strong {
	height:100%
}
#news {
	background:url(../images/bg4.jpg) no-repeat center top;
	height:464px;
	position:relative;
	background-size:cover
}
@media (max-width:1000px) {
	#news {
	height:auto;
	padding-bottom:35px;
	padding-top:35px
}
}#news article {
	position:absolute;
	right:0;
	left:0;
	bottom:0;
	background:#fff;
	box-sizing:border-box;
	padding:15px 30px 0;
	width:1200px;
}
@media (max-width:1000px) {
	#news article {
	width:100%;
	position:relative;
	padding:15px
}
}#news hgroup {
	margin-bottom:20px;
	overflow:hidden;
	padding-top:15px
}
#news hgroup a {
	float:right;
	width:60px;
	line-height:20px;
	font-size:12px;
	color:#fff;
	text-align:center;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	background:#f60
}
#news h3 {
	font-size:24px;
	float:left
}
#news h3 span {
	display:inline;
	vertical-align:bottom;
	margin-left:7px;
	font-weight:500;
	font-size:14px
}
#news div.news img {
	float:left;
	width:430px
}
@media (max-width:1000px) {
	#news div.news img {
	width:100%;
	float:none
}
}#news div.news div {
	width:58%;
	float:right
}
@media (max-width:1000px) {
	#news div.news div {
	width:100%;
	float:none
}
}#news div.news a {
	padding:16px 0 16px 15px;
	box-sizing:border-box;
	background:#f0f0f0;
	margin-bottom:5px;
	overflow:hidden;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
#news div.news a:hover {
	color:#fff;
	background:#f60
}
#news div.news a:hover strong {
	color:#fff
}
#news div.news a:hover em {
	color:#fff
}
#news div.news a:hover p {
	color:#fff
}
#news div.news a div {
	width:340px;
	float:left;
	margin-left:20px
}
@media (max-width:1000px) {
	#news div.news a {
	width:100%;
	padding:15px 5px
}
#news div.news a em {
	display:none
}
#news div.news a div {
	width:100%;
	float:none;
	margin:0
}
}#news div.news strong {
	font-size:18px;
	color:#434343;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
#news div.news p {
	font-size:14px;
	color:#959595;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
#news div.news em {
	float:left;
	width:95px;
	border-right:1px solid #ccc;
	text-align:right;
	box-sizing:border-box;
	padding-right:25px;
	font-size:22px
}
#news div.news em i {
	font-style:normal;
	font-size:12px
}
#case {
	padding-top:40px;
	padding-bottom:100px;
	background:url(../images/bg6.jpg) repeat-x bottom;
	animation:bgLeftAndRight 60s linear 0s infinite normal none;
	-o-animation:bgLeftAndRight 60s linear 0s infinite normal none;
	-moz-animation:bgLeftAndRight 60s linear 0s infinite normal none;
	-ms-animation:bgLeftAndRight 60s linear 0s infinite normal none;
	-webkit-animation:bgLeftAndRight 60s linear 0s infinite normal none
}
@keyframes bgLeftAndRight {
	0% {
	background-position-x:0
}
100% {
	background-position-x:100%
}
}@-moz-keyframes bgLeftAndRight {
	0% {
	background-position-x:0
}
100% {
	background-position-x:100%
}
}@-ms-keyframes bgLeftAndRight {
	0% {
	background-position-x:0
}
100% {
	background-position-x:100%
}
}@-webkit-keyframes bgLeftAndRight {
	0% {
	background-position-x:0
}
100% {
	background-position-x:100%
}
}@-o-keyframes bgLeftAndRight {
	0% {
	background-position-x:0
}
100% {
	background-position-x:100%
}
}#case hgroup {
	width:240px;
	position:absolute;
	left:0;
	height:55px;
	top:0;
	bottom:0;
	left:0;
	margin:auto
}
#case hgroup h3 {
	font-size:30px;
	position:relative
}
#case hgroup h3::before {
	content:'';
	display:block;
	position:absolute;
	width:40px;
	height:100%;
	left:4.5em;
	background:url(../images/icon2.png) no-repeat center
}
#case hgroup em {
	font-size:14px;
	color:#969696;
	padding-left:85px
}
@media (max-width:1000px) {
	#case hgroup {
	position:relative
}
}#case .sl {
	float:right;
	width:960px
}
#case .sl a {
	width:250px;
	float:left;
	margin:10px;
	box-sizing:border-box;
	padding:0;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	display:block;
	position:relative
}
#case .sl a span {
	overflow:hidden;
	border-radius:0deg;
	-moz-border-radius:0deg;
	-webkit-border-radius:0deg;
	display:block
}
#case .sl a img {
	width:100%;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	display:block
}
#case .sl a:hover img {
	transform:scale(1.1)
}
#case .sl a em {
	text-align:center;
	font-size:inherit;
	background:rgba(0,124,230,0.5);
	color:#fff;
	display:block;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	position:absolute;
	bottom:0;
	width:100%;
	z-index:3;
	left:0;
	line-height:2.5
}
@media (max-width:1000px) {
	#case .sl {
	width:100%;
	float:none
}
#case .sl a {
	width:46%;
	margin:2%
}
}#advs {
	height:130px;
	background:#007ce6
}
@media (max-width:1000px) {
	#advs {
	display:none
}
}#advs article {
	height:100%
}
#advs img {
	position:absolute;
	bottom:0;
	left:0
}
#advs div {
	float:right;
	width:200px;
	text-align:right;
	padding-right:43px;
	position:relative;
	height:100%;
	padding-top:30px;
	color:#fff;
	box-sizing:border-box
}
#advs div::before {
	content:'';
	display:block;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
	height:90%;
	background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
	position:absolute;
	width:1px
}
#advs b {
	font-size:30px
}
#advs em {
	opacity:0.5
}
#advs ul {
	float:right;
	padding-bottom:10px
}
#advs li {
	float:left;
	width:90px;
	height:90px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	text-align:center;
	margin-left:90px;
	color:#007ce6;
	background:#cce5fa;
	font-size:20px;
	font-weight:700;
	padding-top:20px;
	box-sizing:border-box;
	margin-top:21px;
	box-shadow:0 0 0 8px rgba(0,0,0,0.2)
}
#advs li:first-child {
	margin-left:45px
}
#pageLists ul {
	overflow:visible
}
#pageLists li {
	position:relative
}
#pageLists li:hover div {
	opacity:1;
	visibility:visible
}
#pageLists li div {
	position:absolute;
	top:0;
	left:100%;
	position:absolute;
	width:100%;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	background:#fff;
	z-index:99;
	box-shadow:0 0 15px 0 rgba(0,0,0,0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:15px;
	line-height:1.7
}
#pageLists li div a {
	white-space:nowrap;
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis
}
.pageContact .m ul {
	overflow:hidden
}
.pageContact .m li {
	float:left;
	width:25%;
	text-align:center
}
@media (max-width:1000px) {
	.pageContact .m img {
	width:initial
}
.pageContact .m li {
	width:100%;
	float:none
}
}/*# sourceMappingURL=style.css.map */
#content img {
	max-width:500px;
}