<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";



*,*:before,*:after {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	outline: 0

}



body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select {

	margin: 0;

	padding: 0

}



* {

	margin: 0;

	padding: 0

}



body {

	font-family: "microsoft yahei",arial;

	font-size: 14px;

	color: #000;

	line-height: 1.5;

	margin: 0 auto;

	background: #fff;

	max-width: 1920px;

	-webkit-tap-highlight-color: transparent

}



a:link,a:visited {

	text-decoration: none;

	outline: 0;

	color: #666

}



a:hover,a:active,a:focus {

	color: #666;

	text-decoration: none

}



ul,li {

	list-style: none

}



ul {

	padding: 0

}



li {

	zoom: 1;

	vertical-align: middle

}



ol {

	margin: 0;

	padding: 0;

	padding-left: 36px

}



fieldset,img {

	border: 0

}



img {

	border: 0;

	max-width: 100%

}



div {

	outline: 0

}



h1,h2,h3,h4,h5,h6 {

	font-weight: normal;

	font-size: 100%

}



table {

	border-collapse: collapse;

	border-spacing: 0;

	table-layout: fixed;

	border: 0;

	width: 100%

}



th,td {

	padding: 0

}



input,textarea {

	font-family: arial;

	font-size: 14px

}



input {

	outline: 0

}



textarea {

	outline: 0

}



input[type='reset'],input[type='button'],input[type='submit'],input[type='radio'] {

	cursor: pointer;

	outline: 0

}



input[type='checkbox'],input[type='radio'] {

	position: relative;

	vertical-align: middle;

	margin-bottom: 1px;

	margin-left: 5px;

	margin-right: 5px

}



textarea,input[type='email'],input[type='date'],input[type='password'],input[type='text'] {

	padding: 0;

	color: #666;

	outline: 0

}



input,textarea {

	-webkit-appearance: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	border-radius: 0;

	overflow-y: hidden;

	overflow-x: hidden

}



::-webkit-input-placeholder {

	color: #333

}



:-moz-placeholder {

	color: #333;

	opacity: 1

}



::-moz-placeholder {

	color: #333;

	opacity: 1

}



:-ms-input-placeholder {

	color: #333

}



.fl {

	float: left

}



.fr {

	float: right

}



.clearfix {

	clear: both

}



.clearfix:after {

	clear: both;

	height: 0;

	content: "";

	line-height: 0;

	font-size: 0;

	display: block

}



.pic {

	width: 100%;

	overflow: hidden;

	position: relative

}



.pic img {

	transition: .5s

}



.pic:after {

	content: '';

	display: block;

	padding-bottom: 100%

}



.middleCenter {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	max-width: 100%;

	max-height: 100%;

	display: block;

	vertical-align: middle;

	text-align: center;

	margin: auto

}



.container {

	width: 1600px;

	margin-left: auto;

	margin-right: auto

}



.prompt {

	position: fixed;

	width: 100%;

	height: 100%;

	background: url(../images/ie_sosad.png) no-repeat center 35% #fff;

	left: 0;

	bottom: 0;

	display: none;

	z-index: 999;

	filter: alpha(opacity=80);

	opacity: 80

}



.prompt span {

	position: absolute;

	font-size: 14px;

	font-family: 'Microsoft YaHei';

	top: 55%;

	left: 50%;

	margin-left: -152px;

	width: 304px;

	display: block;

	line-height: 24px;

	color: #666

}



.prompt span a {

	text-decoration: underline

}



.prompt .prompt_close {

	width: 30px;

	height: 30px;

	position: absolute;

	right: 30px;

	top: 30px;

	background: url(../images/closed.png) no-repeat center center;

	cursor: pointer

}



#container {

	overflow: hidden;

	position: relative;

	/*background: #252527;*/
	background:#414146;

}



@font-face {

	font-family:"Gotham-Black";src:url(../other/Gotham-Black.otf);font-weight:normal;font-style:normal

}



.header {

	height: 116px;

	transition: .5s;

	width: 100%;

	background: #2a2a2c;

	/* position: relative */

	position: fixed;

	z-index: 999;

}



.header .logo {

	float: left;

	z-index: 4;

	transition: .5s;

	padding-top: 29px;

	margin-left: -36px

}



.header .logo a {

	float: left;

	position: relative

}



.header .logo a img {

	transition: .5s;

	display: block;

	float: left

}



.header .header-right {

	transition: .5s;

	float: right;

	margin-top: 37px;

	margin-right: -15px

}



.header .header-right .header-search {

	position: relative;

	float: right

}



.header .header-right .header-search .pull-right {

	height: 40px;

	transition: .5s;

	position: relative;

	padding-left: 9px

}



.header .header-right .header-search .pull-right:after {

	content: '';

	display: block;

	width: 1px;

	height: 17px;

	background: #e5e5e5;

	position: absolute;

	top: 50%;

	left: 0;

	transform: translateY(-50%)

}



.header .header-right .header-search .pull-right a {

	font-size: 16px;

	display: block;

	width: 50px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	background: url("../images/search.png") no-repeat center center;

	background-size: 18px;

	color: #fff;

	position:relative;

}



.header .header-right .header-search .search {

	z-index: 9;

	position: relative

}



.header .header-right .header-search .search .btn-search-max {

	z-index: 2;

	-webkit-transition: All .2s ease-in-out;

	transition: All .2s ease-in-out;

	position: relative

}



.header .header-right .header-search .search .btn-search-max * {

	display: inline-block;

	vertical-align: middle

}



.header .header-right .header-search .search .search-main {

	top: 0;

	right: 0;

	z-index: 9;

	width: 340px;

	display: none;

	padding: 20px;

	position: absolute

}



.header .header-right .header-search .search-container {

	background-color: #fff;

	padding-left: 0;

	overflow: hidden;

	position: relative;

	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1)

}



.header .header-right .header-search .search-container .form-control {

	text-align: left;

	border: 0;

	width: 100%;

	font-size: 14px;

	color: #999;

	line-height: 20px;

	height: 42px;

	vertical-align: top;

	padding: 10px 86px 10px 10px;

	-webkit-appearance: none;

	background-color: #fff

}



.header .header-right .header-search .search-container .btn {

	top: 0;

	border: 0;

	right: 0;

	color: #043b83;

	width: 42px;

	height: 42px;

	line-height: 42px;

	text-align: center;

	position: absolute;

	cursor: pointer;

	border-radius: 0;

	background: #fddb52 url(../images/search.png) no-repeat center center;

	background-size: 20px

}



.header .header-right .header-search #search-closed {

	right: 0;

	top: 15px;

	max-width: 30px;

	position: absolute;

	cursor: pointer

}



.header .header-right .phone {

	float: right;

	font-family: "Gotham-Black";

	line-height: 40px;

	margin-right: 30px

}



.header .header-right .phone a {

	display: block;

	background: url("../images/phone.png") no-repeat center left;

	background-size: 17px;

	color: #fff;

	padding-left: 22px;

	font-size: 22px

}



.header .header-right .lan {

	float: right;

	margin-right: 9px;

	position: relative;

	cursor: pointer

}



.header .header-right .lan span {

	color: #fff;

	font-size: 15px;

	line-height: 40px;

	background: url("../images/lan.png") no-repeat center left;

	background-size: 19px;

	padding-left: 26px

}



.header .header-right .lan span svg {

	display: inline-block;

	vertical-align: middle;

	width: 30px

}



.header .header-right .lan ul {

	position: absolute;

	top: 40px;

	left: 0;

	width: 100%;

	text-align: center;

	background: rgba(0,0,0,0.4);

	padding: 10px 0;

	display: none;

	z-index: 5

}



.header .header-right .lan ul li a {

	color: #fff;

	display: block;

	line-height: 30px

}



.header .header-right .lan ul li a:hover {

	background: #000

}



@media(min-width:1025px) {

	.header .header-right .lan:hover ul {

		display: block

	}

}



.header .header-right .nav {

	float: right;

	margin-right: 50px

}



.header .header-right .nav ul li {

	float: left;

	margin-left: 52px;

	position: relative

}



.header .header-right .nav ul li&gt;a {

	display: block;

	color: #fff;

	font-size: 17px;

	text-align: center;

	position: relative;

	transition: .5s;

	line-height: 40px;

	font-weight: bold;

}



@media(min-width:1025px) {

	.header .header-right .nav ul li:hover .subnav {

		display: block

	}

}



.header .header-right .nav ul li .subnav {

	position: absolute;

	top: 40px;

	width: 160px;

	left: 50%;

	margin-left: -80px;

	display: none;

	z-index: 666;

	padding-top: 37px

}



.header .header-right .nav ul li .subnav ul {

	padding: 10px 0;

	background: #1c1d1f

}



.header .header-right .nav ul li .subnav ul li {

	margin: 0;

	width: 100%;

	float: none;

	padding: 0

}



.header .header-right .nav ul li .subnav ul li a {

	display: block;

	color: #fff;

	font-size: 15px;

	text-align: center;

	position: relative;

	transition: .5s;

	line-height: 40px;

	font-weight: bold;

}



.header .header-right .nav ul li .subnav ul li a:Hover {

	background: #fddb52;

	color: #fff

}



.header .header-right .nav ul li:nth-child(1) {

	background: 0

}



.header .header-right .nav ul .active a {

	color: #fddb52

}



.header .header-right .nav ul a:hover {

	color: #fddb52

}



@-webkit-keyframes dong {

	0% {

		-webkit-transform: translateY(-100px);

		transform: translateY(-100px)

	}



	100% {

		-webkit-transform: translateY(0);

		transform: translateY(0)

	}

}



@keyframes dong {

	0% {

		-webkit-transform: translateY(-100px);

		transform: translateY(-100px)

	}



	100% {

		-webkit-transform: translateY(0);

		transform: translateY(0)

	}

}



@-webkit-keyframes bmove1 {

	0% {

		-webkit-transform: scale(1.1);

		transform: scale(1.1)

	}



	100% {

		-webkit-transform: scale(1);

		transform: scale(1)

	}

}



@keyframes bmove1 {

	0% {

		-webkit-transform: scale(1.1);

		transform: scale(1.1)

	}



	100% {

		-webkit-transform: scale(1);

		transform: scale(1)

	}

}



@-webkit-keyframes myfirst04 {

	0% {

		-webkit-transform: translateY(30px);

		transform: translateY(30px)

	}



	50% {

		-webkit-transform: translateY(60px);

		transform: translateY(60px)

	}



	100% {

		-webkit-transform: translateY(80px);

		transform: translateY(80px)

	}

}



@keyframes myfirst04 {

	0% {

		-webkit-transform: translateY(30px);

		transform: translateY(30px)

	}



	50% {

		-webkit-transform: translateY(60px);

		transform: translateY(60px)

	}



	100% {

		-webkit-transform: translateY(80px);

		transform: translateY(80px)

	}

}



#menu .lan {

	margin-left: 20px;

	font-size: 20px;

	margin-top: 10px

}



#menu .search {

	position: relative;

	margin-left: 20px;

	margin-top: 10px;

	width: 90%

}



#menu .search .form-control {

	text-align: left;

	border: 0;

	width: 100%;

	font-size: 12px;

	color: #999;

	line-height: 20px;

	height: 36px;

	vertical-align: top;

	padding: 10px 86px 10px 15px;

	-webkit-appearance: none;

	background: 0;

	border: 2px solid #fddb52

}



#menu .search .btn {

	top: 0;

	right: 0;

	color: #043b83;

	width: 60px;

	height: 36px;

	line-height: 36px;

	text-align: center;

	position: absolute;

	cursor: pointer;

	border-radius: 0;

	border: 0;

	background: url(../images/search.png) no-repeat center center #fddb52;

	background-size: 18px

}



#menu .search #search-closed {

	right: 0;

	top: 15px;

	max-width: 30px;

	position: absolute;

	cursor: pointer

}



.home-banner {

	overflow: hidden;

	width: 100%;

	position: relative;

	z-index: 1;margin-top:116px;

}



.home-banner .home-banner-slick {

	position: relative

}



.home-banner .home-banner-slick .slick-list {

	position: relative;

	display: block

}



.home-banner .home-banner-slick .item {

	position: relative;

	overflow: hidden

}



.home-banner .home-banner-slick .item img {

	display: block;

	transition: 5s

}



.home-banner .home-banner-slick .banner-hover {

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	z-index: 5;

	transform: translateY(-44%)

}



.home-banner .home-banner-slick .banner-hover .info {

	float: left;

	text-align: left

}



.home-banner .home-banner-slick .banner-hover .span {

	font-size: 72px;

	color: #fddb52;

	line-height: 80px;

	text-transform: uppercase;

	margin-bottom: 21px;

	letter-spacing: 8px;

	font-family: "SourceHanSansSC-Medium"

}



.home-banner .home-banner-slick .banner-hover .p {

	font-size: 20px;

	color: #fff;

	font-style: italic;

	line-height: 43px;

	margin-bottom: 66px

}



.home-banner .home-banner-slick .slick-dots {

	z-index: 10;

	bottom: 26px;

	width: 100%;

	line-height: 0

}



.home-banner .home-banner-slick .slick-dots li {

	margin: 0 4px;

	padding: 0;

	width: 6px;

	height: 14px;

	transition: .5s;

	float: none;

	vertical-align: bottom;

	border: 1px solid transparent

}



.home-banner .home-banner-slick .slick-dots li button {

	width: 6px;

	height: 14px;

	padding: 0;

	display: block;

	border: 0;

	background: #93908d;

	transition: .5s

}



.home-banner .home-banner-slick .slick-dots li button:before {

	content: ""

}



.home-banner .home-banner-slick .slick-dots .slick-active {

	height: 23px

}



.home-banner .home-banner-slick .slick-dots .slick-active button {

	background: #fff;

	height: 23px

}



.home-banner .home-banner-slick .slick-dots .slick-active button:before {

	color: transparent

}



.home-banner .home-banner-slick .custom_paging {

	font-size: 18px;

	position: absolute;

	bottom: 43px;

	left: 50%;

	color: #d4d4d5;

	margin-left: -163px

}



.home-banner .home-banner-slick .custom_paging:after {

	content: '';

	display: inline-block;

	width: 195px;

	height: 1px;

	background: rgba(236,236,236,0.8);

	vertical-align: middle;

	margin-left: 9px

}



.home-banner .home-banner-slick .custom_paging b {

	color: #fff;

	font-weight: bold

}



.home-banner .home-banner-slick .custom_paging li {

	display: none

}



.home-banner .home-banner-slick .custom_paging .slick-active {

	display: inline-block;

	vertical-align: middle

}



.home-banner .home-banner-slick .slick-prev,.home-banner .home-banner-slick .slick-next {

	width: 29px;

	height: 29px;

	border: 1px solid #e0dfde;

	border-radius: 50%;

	top: auto;

	margin-top: 0;

	bottom: 43px;

	left: 55.5%;

	z-index: 6

}



.home-banner .home-banner-slick .slick-prev:before,.home-banner .home-banner-slick .slick-next:before {

	content: ''

}



.home-banner .home-banner-slick .slick-prev {

	margin-left: 41px;

	background: url("../images/zuo.png") no-repeat center center!important;

	background-size: 15px!important

}



@media(min-width:1025px) {

	.home-banner .home-banner-slick .slick-prev:hover {

		background: #dedddc url("../images/zuoh.png") no-repeat center center!important;

		background-size: 5px!important

	}

}



.home-banner .home-banner-slick .slick-next {

	background: url("../images/you.png") no-repeat center center!important;

	background-size: 15px!important

}



@media(min-width:1025px) {

	.home-banner .home-banner-slick .slick-next:hover {

		background: #dedddc url("../images/youh.png") no-repeat center center!important;

		background-size: 5px!important

	}

}



.home-banner .home-banner-slick .slick-active a img {

	transition: 5s;

	animation: mymove4 5s

}



.home-banner .home-banner-slick .slick-active .banner-hover .bt {

	transition: 2s;

	animation: fadeInRight2 2s

}



.home-banner .home-banner-slick .slick-active .banner-hover .span {

	transition: 2s;

	animation: fadeInRight2 2.5s

}



.home-banner .home-banner-slick .slick-active .banner-hover .p {

	transition: 3s;

	animation: fadeInRight2 3s

}



.home-banner .home-banner-slick .slick-active .banner-hover .btn {

	transition: 3.5s;

	animation: fadeInRight2 3.5s

}



.home-banner .home-banner-slick-phone {

	position: relative;

	display: none

}



.home-banner .home-banner-slick-phone .slick-list {

	position: relative;

	display: block

}



.home-banner .home-banner-slick-phone .item {

	position: relative;

	overflow: hidden

}



.home-banner .home-banner-slick-phone .item img {

	display: block;

	transition: 5s

}



.home-banner .home-banner-slick-phone .banner-hover {

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	z-index: 5;

	transform: translateY(-50%)

}



.home-banner .home-banner-slick-phone .banner-hover .info {

	text-align: left

}



.home-banner .home-banner-slick-phone .banner-hover .span {

	font-size: 30px;

	color: #fddb52;

	line-height: 40px;

	text-transform: uppercase;

	margin-bottom: 7px;

	letter-spacing: 8px;

	font-family: "SourceHanSansSC-Medium"

}



.home-banner .home-banner-slick-phone .banner-hover .p {

	font-size: 20px;

	color: #fff;

	font-style: italic;

	line-height: 30px;

	margin-bottom: 15px

}



.home-banner .home-banner-slick-phone .banner-hover .btn a {

	font-size: 14px;

	color: #fff;

	text-transform: uppercase;

	width: 120px;

	height: 40px;

	line-height: 38px;

	text-align: center;

	display: block;

	float: left;

	padding: 0;

	background: 0

}



.home-banner .home-banner-slick-phone .banner-hover .btn .b1 {

	border: 1px solid #9d9998

}



.home-banner .home-banner-slick-phone .slick-dots {

	z-index: 10;

	bottom: 26px;

	width: 100%;

	line-height: 0

}



.home-banner .home-banner-slick-phone .slick-dots li {

	margin: 0 4px;

	padding: 0;

	width: 6px;

	height: 14px;

	transition: .5s;

	float: none;

	vertical-align: bottom;

	border: 1px solid transparent

}



.home-banner .home-banner-slick-phone .slick-dots li button {

	width: 6px;

	height: 14px;

	padding: 0;

	display: block;

	border: 0;

	background: #93908d;

	transition: .5s

}



.home-banner .home-banner-slick-phone .slick-dots li button:before {

	content: ""

}



.home-banner .home-banner-slick-phone .slick-dots .slick-active {

	height: 23px

}



.home-banner .home-banner-slick-phone .slick-dots .slick-active button {

	background: #fff;

	height: 23px

}



.home-banner .home-banner-slick-phone .slick-dots .slick-active button:before {

	color: transparent

}



.home-banner .home-banner-slick-phone .slick-active a img {

	transition: 5s;

	animation: mymove4 5s

}



.home-banner .home-banner-slick-phone .slick-active .banner-hover .bt {

	transition: 2s;

	animation: fadeInRight2 2s

}



.home-banner .home-banner-slick-phone .slick-active .banner-hover .span {

	transition: 2s;

	animation: fadeInRight2 2.5s

}



.home-banner .home-banner-slick-phone .slick-active .banner-hover .p {

	transition: 3s;

	animation: fadeInRight2 3s

}



.home-banner .home-banner-slick-phone .slick-active .banner-hover .btn {

	transition: 3.5s;

	animation: fadeInRight2 3.5s

}



@keyframes jump {

	0% {

		-webkit-transform: translateY(-40px);

		transform: translateY(-40px)

	}



	100% {

		-webkit-transform: translateY(0);

		transform: translateY(0)

	}

}



@keyframes jump1 {

	0% {

		-webkit-transform: translateY(100px);

		transform: translateY(100px)

	}



	100% {

		-webkit-transform: translateY(0);

		transform: translateY(0)

	}

}



@keyframes mymove4 {

	0% {

		transform: scale(1)

	}



	50% {

		transform: scale(1.03)

	}



	100% {

		transform: scale(1)

	}

}



@-webkit-keyframes mymove4 {

	0% {

		transform: scale(1)

	}



	50% {

		transform: scale(1.03)

	}



	100% {

		transform: scale(1)

	}

}



@keyframes mymove {

	0% {

		transform: scale(0.5)

	}



	100% {

		transform: scale(1)

	}

}



@-webkit-keyframes mymove {

	0% {

		transform: scale(0.5)

	}



	100% {

		transform: scale(1)

	}

}



.ellipsis {

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden

}



.phone-nav {

	position: fixed;

	right: 20px;

	top: 0;

	line-height: 60px;

	display: none;

	color: #666;

	z-index: 999

}



.phone-nav svg {

	height: 22px;

	margin-top: 20px;

	display: block;

	fill: #fddb52

}



@font-face {

	font-family:"Roboto-Bold";src:url("../other/Roboto-Bold.woff2") format("woff2"),url("../other/Roboto-Bold.woff") format("woff"),url("../other/Roboto-Bold.ttf") format("truetype"),url("../other/Roboto-Bold.eot") format("embedded-opentype"),url("../other/Roboto-Bold.svg") format("svg");font-weight:normal;font-style:normal

}


.home-title1 {

	text-align: center;

	position: relative;

	padding-top: 23px

}

.home-title1 .left {

/*	float: left;

	border-left: 1px solid #fddb52;*/
	width:100%;
	text-align:center;

	padding-bottom: 80px

}



.home-title1 .left h3 {

/*	font-size: 50px;

	color: #cdcdcd;

	font-weight: bold;

	text-transform: uppercase;

	font-family: "Roboto-Bold";

	line-height: 47px;

	margin-bottom: 28px*/
		font-size: 30px;
font-weight: bold;
	text-transform: uppercase;

	font-family: "Roboto-Bold";

	color: #fddb52;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	line-height: 100px;

	z-index: 1;

}



.home-title1 .left p {

/*	font-size: 20px;

	font-weight: bold;

	color: #fddb52;*/
		font-size: 85px;

	text-transform: uppercase;

	font-family: "Roboto-Bold";

	color: rgba(205,205,205,0.04);

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	line-height: 100px;

	z-index: 1

}



/*.home-title1 .left p:after {

	content: '';

	display: block;

	width: 23px;

	height: 2px;

	margin-top: 16px;

	background: #fddb52

}*/



.home-title1 .right {

	float: right;

	width: 56%;

	color: #fff;

	font-size: 16px;

	line-height: 35px

}



.home-linian {

	padding: 100px 0 30px 0

}



.home-linian .info {

	padding: 0 65px

}



.home-linian .info .home-bottom {

	padding-top: 53px

}



.home-linian .info .home-bottom .left {

	width: 58.71%;

	float: left

}



.home-linian .info .home-bottom .left .linian-top {

	margin-bottom: 22px;

	position: relative

}



.home-linian .info .home-bottom .left .linian-top .pic:after {

	padding-bottom: 47.252747252747255%

}



@media(min-width:1025px) {

	.home-linian .info .home-bottom .left .linian-top .pic:hover img {

		transform: scale(1.03)

	}

}



.home-linian .info .home-bottom .left .linian-top .slick-prev,.home-linian .info .home-bottom .left .linian-top .slick-next {

	position: absolute;

	bottom: 0;

	right: 0;

	left: auto;

	width: 141px;

	top: auto;

	margin-top: 0;

	height: 53px;

	z-index: 4

}



.home-linian .info .home-bottom .left .linian-top .slick-prev:before,.home-linian .info .home-bottom .left .linian-top .slick-next:before {

	content: ''

}



.home-linian .info .home-bottom .left .linian-top .slick-prev {

	bottom: 53px;

	background: rgba(0,0,0,0.25) url("../images/left.png") no-repeat center center!important

}



.home-linian .info .home-bottom .left .linian-top .slick-prev:hover {

	background: rgba(0,0,0,0.4) url("../images/left.png") no-repeat center center!important

}



.home-linian .info .home-bottom .left .linian-top .slick-next {

	background: rgba(0,0,0,0.25) url("../images/right.png") no-repeat center center!important

}



.home-linian .info .home-bottom .left .linian-top .slick-next:hover {

	background: rgba(0,0,0,0.4) url("../images/right.png") no-repeat center center!important

}



.home-linian .info .home-bottom .left .linian-bottom .pic:after {

	padding-bottom: 52.857142857142854%

}



.home-linian .info .home-bottom .left .linian-bottom .pic .hover {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.37) url(../images/video.png) no-repeat center center

}



@media(min-width:1025px) {

	.home-linian .info .home-bottom .left .linian-bottom .pic:hover img {

		transform: scale(1.03)

	}

}



.home-linian .info .home-bottom .right {

	float: right;

	width: 39.871%;

	padding-right: 12px

}



.home-linian .info .home-bottom .right .linian-top {

	margin-bottom: 22px

}



.home-linian .info .home-bottom .right .linian-top .pic {

	background: #fff

}



.home-linian .info .home-bottom .right .linian-top .pic:after {

	padding-bottom: 104.62046204620462%

}



.home-linian .info .home-bottom .right .linian-top .pic .hover {

	position: absolute;

	bottom: 60px;

	left: 0;

	width: 100%;

	text-align: center;

	font-size: 18px;

	color: #000;

	text-decoration: underline

}



@media(min-width:1025px) {

	.home-linian .info .home-bottom .right .linian-top .pic:hover img {

		transform: scale(1.03)

	}

}



.home-linian .info .home-bottom .right .linian-bottom .pic:after {

	padding-bottom: 46.20462046204621%

}



.home-linian .info .home-bottom .right .linian-bottom .hover {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: 0;

	width: 100%;

	text-align: center;

	font-size: 18px;

	color: #fff;

	text-decoration: underline

}



@media(min-width:1025px) {

/*	.home-linian .info .home-bottom .right .linian-bottom img:hover {

		transform: scale(1.03)

	}*/

}



.home-title {

	text-align: center;

	position: relative;

	padding-top: 23px

}



.home-title p {

	font-size: 105px;

	text-transform: uppercase;

	font-family: "Roboto-Bold";

	color: rgba(205,205,205,0.04);

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	line-height: 100px;

	z-index: 1

}



.home-title h3 {

	font-size: 40px;

	color: #fddb52;

	font-weight: bold;

	position: relative;

	z-index: 4

}



.home-title h3:after {

	content: '';

	display: block;

	width: 23px;

	height: 2px;

	margin: 23px auto 0 auto;

	background: #fddb52

}



.product-subnav {

	margin-top: 58px;

	position: relative

}



.product-subnav ul {

	text-align: center

	width: 80%;

}

@media (max-width: 1200px)

.product-subnav ul li {

    .product-subnav ul {

	text-align: center

	width: 100%;

}

}



.product-subnav ul li {

	display: inline-block;

	vertical-align: top;

	padding: 0 37px

}



.product-subnav ul li a {

	display: block;

	font-size: 18px;

	color: #707070;

	line-height: 46px

}



.product-subnav ul .on a {

	color: #fff;

	font-weight: bold

}



.product-subnav .search-t {

	position: absolute;

	width: 212px;

	top: 0;

	right: 85px

}



.product-subnav .search-t input {

	width: 100%;

	height: 46px;

	border-radius: 30px;

	padding: 0 20px;

	border: 1px solid #aaaaab;

	background: 0;

	color: rgba(255,255,255,0.6);

	text-transform: uppercase

}



.product-subnav .search-t input::-webkit-input-placeholder {

	color: rgba(255,255,255,0.6)

}



.product-subnav .search-t input:-moz-placeholder {

	color: rgba(255,255,255,0.6);

	opacity: 1

}



.product-subnav .search-t input::-moz-placeholder {

	color: rgba(255,255,255,0.6);

	opacity: 1

}



.product-subnav .search-t input:-ms-input-placeholder {

	color: rgba(255,255,255,0.6)

}



.product-subnav .search-t .submit {

	display: block;

	position: absolute;

	top: 0;

	right: 0;

	width: 46px;

	height: 46px;

	background: url("../images/search.png") no-repeat center center;

	background-size: 16px

}



.prolist li {

	width: 25%;

	float: left;

	padding: 0 8px

}



.prolist li .pic {

	background: #fff

}

/*.prolist li .pic:hover{ border:solid 4px #2155a5;}*/

.prolist li .pic:after {

	padding-bottom: 100.74626865671642%

}



.prolist li .bt {

	border-top: 4px solid #a5a5a5;

	line-height: 70px;

	font-size: 20px;

	color: #fff;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	padding: 0 68px 0 33px;

}



@media(min-width:1025px) {

	.prolist li:hover .pic img {

		transform: scale(1.03)

	}



	.prolist li:hover .bt {

		border-top: 4px solid #2155a5

	}

}



.home-product {

	padding: 50px 0 20px 0

}



.home-product .home-bottom {

	padding-top: 70px

}



.home-product .home-bottom .info {

	position: relative

}



.home-product .home-bottom .info .slick-prev,.home-product .home-bottom .info .slick-next {

	position: absolute;

	width: 34px;

	margin-top: -50px;

	height: 53px;

	z-index: 4

}



.home-product .home-bottom .info .slick-prev:before,.home-product .home-bottom .info .slick-next:before {

	content: ''

}



.home-product .home-bottom .info .slick-prev {

	left: -34px;

	background: url("../images/left1.png") no-repeat center center!important

}



.home-product .home-bottom .info .slick-prev:hover {

	background: url("../images/left1.png") no-repeat center center!important

}



.home-product .home-bottom .info .slick-next {

	right: -34px;

	left: auto;

	background: url("../images/right1.png") no-repeat center center!important

}



.home-product .home-bottom .info .slick-next:hover {

	background: url("../images/right1.png") no-repeat center center!important

}



.home-about {

	padding: 79px 0 108px 0;

	background: url("../images/bg1.jpg") no-repeat top center;

	background-size: cover

}



.home-about .home-bottom {

	margin-top: 130px;

	position: relative

}



.home-about .video {

	float: left;

	width: 58.3%;

	position: relative;

	z-index: 2

}



.home-about .video .pic:after {

	padding-bottom: 61.224489795918366%

}



.home-about .video .pic .hover {

	background: rgba(0,0,0,0.58) url(../images/bofang.png) no-repeat center center;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%

}



.home-about .text {

	float: right;

	width: 37%;

	padding: 56px 0;

	position: absolute;

	top: 50%;

	right: 0;

	transform: translateY(-50%)

}



.home-about .text:after {

	content: '';

	display: block;

	width: 966px;

	height: 100%;

	background: url("../images/bg.png") no-repeat center center;

	background-size: cover;

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: -483px;

	z-index: 1

}



.home-about .text:before {

	content: '';

	display: block;

	width: 70px;

	height: 71px;

	background: url("../images/yin.png") no-repeat center center;

	position: absolute;

	top: -41px;

	right: 0;

	z-index: 2

}



.home-about .text .bt {

	font-size: 18px;

	color: #fff;

	letter-spacing: 9px;

	font-family: arial;

	text-align: right;

	margin-bottom: 31px;

	position: relative;

	z-index: 2

}



.home-about .text .jsh {

	font-size: 16px;

	color: #b5b5b5;

	line-height: 35px;

	/* max-height: 140px; */

	overflow: hidden;

	margin-bottom: 43px;

	position: relative;

	z-index: 2

}



.home-about .text .img {

	width: 149px;

	position: relative;

	z-index: 2

}



.home-zhoubian {

	padding: 129px 0 90px 0;

	background: url("../images/bg2.jpg") no-repeat top center

}



.home-zhoubian .home-bottom {

	padding-top: 92px;

	padding-left: 117px;

	padding-right: 117px;

	overflow: hidden

}



.home-zhoubian .home-bottom .swiper-container {

	overflow: hidden;

	padding-top: 16px

}



.home-zhoubian .home-bottom .swiper-slide {

	width: 377px;

	float: left;

	margin-right: 27px;

	transition: .5s

}



.home-zhoubian .home-bottom .swiper-slide .pic {

	background: #fff

}



.home-zhoubian .home-bottom .swiper-slide .pic:after {

	padding-bottom: 100%

}



.home-zhoubian .home-bottom .swiper-slide .pic:before {

	content: '';

	display: block;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.24);

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

	opacity: 0;

	transition: .5s

}



.home-zhoubian .home-bottom .swiper-slide .bt {

	text-align: center;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	font-size: 20px;

	color: #727273;

	padding-top: 23px;

	padding-bottom: 16px;

	transition: .5s

}



@media(min-width:1025px) {

	.home-zhoubian .home-bottom .swiper-slide:hover {

		margin-top: -16px

	}



	.home-zhoubian .home-bottom .swiper-slide:hover .pic:before {

		opacity: 1

	}



	.home-zhoubian .home-bottom .swiper-slide:hover .pic img {

		transform: scale(1.04)

	}



	.home-zhoubian .home-bottom .swiper-slide:hover .bt {

		color: #fff;

		font-weight: bold;

		text-overflow: ellipsis;

		white-space: nowrap;

		overflow: hidden;

		border-bottom: 1px solid #dfdff0

	}

}



.home-honor {

	padding: 121px 0 138px 0;

	background: #252527

}



.home-honor .home-bottom {

	margin-top: 79px;

	position: relative

}



.home-honor .home-bottom:after {

	content: '';

	display: block;

	width: 1920px;

	height: 9px;

	background: url("../images/line0.png") no-repeat center center;

	position: absolute;

	top: 59px;

	left: 50%;

	margin-left: -960px

}



.home-honor .home-bottom ul {

	margin: 0 -16px

}



.home-honor .home-bottom ul li {

	width: 20%;

	float: left;

	padding: 0 16px

}



.home-honor .home-bottom ul li .bt {

	font-size: 16px;

	line-height: 36px;

	color: #7c7c7c;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	text-align: center;

	padding-bottom: 33px;

	background: url(../images/line.png) no-repeat bottom center;

	margin-bottom: 44px

}



.home-honor .home-bottom ul li .pic:after {

	padding-bottom: 78.1758957654723%

}



@media(min-width:1025px) {

	.home-honor .home-bottom ul li:hover .bt {

		font-weight: bold;

		color: #fddb52;

		background: url(../images/line1.png) no-repeat bottom center

	}

}



.home-honor .home-bottom ul .slick-current .bt {

	font-weight: bold;

	color: #fddb52;

	background: url(../images/line1.png) no-repeat bottom center

}



.home-news {

	padding: 92px 0 138px 0;

	background: #464748

}



.home-news .home-title p {

	color: #cdcdcd;

	opacity: .12

}



.home-news .home-bottom {

	padding-top: 66px

}



.newslist {

	margin: 0 -25px

}



.newslist li {

	width: 25%;

	float: left;

	padding: 0 25px

}



.newslist li .box .pic:after {

	padding-bottom: 70.37037037037037%

}



.newslist li .box .text {

	position: relative;

	padding: 51px 39px 54px 39px;

	background: #151515

}



.newslist li .box .text .date {

	width: 54px;

	height: 65px;

	background-color: #333;

	border-top: 3px solid #fddb52;

	text-align: center;

	position: absolute;

	top: -37px;

	right: 20px;

	padding-top: 3px

}



.newslist li .box .text .date h3 {

	font-size: 40px;

	line-height: 35px;

	font-family: "Roboto-Bold";

	letter-spacing: -2px;

	color: #f7f7f7

}



.newslist li .box .text .date span {

	font-size: 16px;

	color: #f7f7f7;

	display: block;

	text-transform: uppercase

}



.newslist li .box .text .bt {

	font-size: 20px;

	line-height: 34px;

	letter-spacing: -1px;

	font-weight: bold;

	color: #b5b5b5;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	margin-bottom: 23px

}



.newslist li .box .text .jsh {

	font-size: 16px;

	line-height: 34px;

	letter-spacing: -1px;

	color: #6e6e6e;

	height: 102px;

	overflow: hidden

}



@media(min-width:1025px) {

	.newslist li:hover .pic img {

		transform: scale(1.04)

	}

}



@font-face {

	font-family:"Gotham-Medium";src:url("../other/Gotham-Medium.woff2") format("woff2"),url("../other/Gotham-Medium.woff") format("woff"),url("../other/Gotham-Medium.ttf") format("truetype"),url("../other/Gotham-Medium.eot") format("embedded-opentype"),url("../other/Gotham-Medium.svg") format("svg");font-weight:normal;font-style:normal

}



.footer-top {

	padding: 53px 0 13px 0;

	background: #2a2a2c

}



.footer-top .ewm {

	float: left;

	font-size: 16px;

	line-height: 30px;

	color: #bcc0c4;

	text-align: center;

	width: 16%;

	margin-right: 3%

}



.footer-top .footer-list {

	float: left;

	width: 42%;

	padding-top: 12px

}



.footer-top .footer-list ul li {

	width: 25%;

	float: left;

	min-height: 170px;

	border-left: 1px solid rgba(255,255,255,0.25)

}



.footer-top .footer-list ul li a {

	color: #fff;

	font-size: 16px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	display: block;

	margin-bottom: 26px;

	padding-left: 15px

}



@media(min-width:1025px) {

	.footer-top .footer-list ul li a:hover {

		color: #fff;

		text-decoration: underline

	}

}



.footer-top .footer-list ul li ul li {

	width: 100%;

	border: 0;

	min-height: 0

}



.footer-top .footer-list ul li ul li a {

	font-size: 15px;

	color: #a5a5a5;

	line-height: 32px;

	margin: 0

}



.footer-top .footer-contact {

	float: right;

	width: 30%;

	color: #fff;

	font-size: 16px;

	line-height: 30px;

	padding-top: 4px

}



.footer-top .footer-contact a {

	color: #fff

}



.footer-top .footer-contact h3 {

	font-size: 22px;

	font-weight: bold;

	margin-bottom: 9px;

	font-family: "Gotham-Medium"

}



.footer-top .footer-contact .share {

	float: left;

	margin-top: 20px

}



.footer-top .footer-contact .share a {

	width: 22px;

	height: 22px;

	line-height: 22px;

	display: block;

	float: left;

	text-align: center;

	opacity: .5;

	margin-right: 10px

}



.footer-top .footer-contact .share a img {

	display: inline-block;

	vertical-align: middle

}



@media(min-width:1025px) {

	.footer-top .footer-contact .share a:hover {

		opacity: .8

	}

}



.footer-top .link {

	margin-top: 33px;

	padding-top: 17px;

	padding-left: 47px;

	font-size: 14px;

	color: #9f9f9f;

	border-top: 1px solid #5c5c5d

}



.footer-top .link a {

	color: #9f9f9f

}



.footer-bottom {

	padding: 13px 0;

	color: #9f9f9f;

	background: #2a2a2c

}



.footer-bottom a {

	color: #9f9f9f

}



.footer-bottom span {

	padding-left: 47px

}



.float {

	position: fixed;

	right: 20px;

	bottom: 200px;

	z-index: 6

}



.float ul li {

	margin-bottom: 6px;

	position: relative

}



.float ul li a {

	transition: .5s;

	opacity: 1;

	display: block

}



.float ul li img {

	display: block

}



.float ul li .hover {

	position: absolute;

	top: 50%;

	right: 64px;

	width: 132px;

	height: 120px;

	display: none;

	transform: translateY(-50%)

}



@media(min-width:1025px) {

	.float ul li:hover a {

		opacity: .7

	}



	.float ul li:hover .hover {

		display: block

	}

}



.float1 {

	position: fixed;

	right: 0;

	bottom: 200px;

	z-index: 6;

	background: #f8f8f8

}



.float1 ul li {

	position: relative

}



.float1 ul li a {

	transition: .5s;

	opacity: 1;

	display: block;

	width: 68px;

	height: 72px

}



.float1 ul li img {

	display: block;

	transition: .5s

}



.float1 ul li .hover {

	position: absolute;

	top: 50%;

	right: 64px;

	width: 132px;

	height: 120px;

	display: none;

	transform: translateY(-50%)

}



@media(min-width:1025px) {

	.float1 ul li:hover .hover {

		display: block

	}

}



@media(min-width:1025px) {

	.float1 ul .f1:hover a {

		background: #ebc204 url("../images/sch.png") no-repeat center center

	}



	.float1 ul .f1:hover a img {

		opacity: 0

	}

}



@media(min-width:1025px) {

	.float1 ul .f2:hover a {

		background: #ebc204 url("../images/fxh.png") no-repeat center center

	}



	.float1 ul .f2:hover a img {

		opacity: 0

	}

}



@media(min-width:1025px) {

	.float1 ul .f3:hover a {

		background: #ebc204 url("../images/pyqh.png") no-repeat center center

	}



	.float1 ul .f3:hover a img {

		opacity: 0

	}

}



@media(min-width:1025px) {

	.float1 ul .f4:hover a {

		background: #ebc204 url("../images/xzh.png") no-repeat center center

	}



	.float1 ul .f4:hover a img {

		opacity: 0

	}

}



.inbanner {

	position: relative

}



.inbanner .img img {

	display: block

}



.inbanner .img1 {

	display: none

}



.inbanner .img1 img {

	display: block

}



.inbanner .box {

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	color: #fff;

	text-align: left;

	z-index: 10

}



.inbanner .box .span,.inbanner .box .bt {

	font-size: 20px

}



.inbanner .box .bt {

	font-size: 40px

}



.inbanner .box .jsh {

	font-size: 16px;

	line-height: 25px

}



.inbanner .box .jsh:after {

	content: '';

	display: block;

	width: 27px;

	height: 2px;

	background: #fddb52;

	margin-top: 17px

}



.current {

	padding: 12px 0 12px 0;

	border-bottom: 1px solid rgba(230,230,230,0.1);

	background: #333

}



.current span {

	background: url("../images/home.png") no-repeat left 1px;

	padding-left: 24px;

	color: #858585

}



.current span a {

	color: #858585

}



.current b {

	font-weight: normal;

	color: #fddb52

}



.register {

	padding: 65px 0 0 0;

	background: #1c1d1f

}



.register .r-top {

	padding-bottom: 57px

}



.register .r-top ul {

	float: right;

	width: 73%

}



.register .r-top ul li {

	width: 50%;

	float: left;

	text-align: center;

	border-right: 1px solid #565657

}



.register .r-top ul li .box .pic {

	width: 154px;

	border-radius: 50%;

	margin: 0 auto;

	border: 3px solid #5c5c5c

}



.register .r-top ul li .box .pic .hh {

	opacity: 0

}



.register .r-top ul li .box .bt {

	font-size: 18px;

	color: #fff;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	padding: 0 5px;

	margin-top: 17px

}



@media(min-width:1025px) {

	.register .r-top ul li:hover .box .pic {

		border: 3px solid #fddb52

	}



	.register .r-top ul li:hover .box .pic .hh {

		opacity: 1

	}



	.register .r-top ul li:hover .box .pic .h {

		opacity: 0

	}



	.register .r-top ul li:hover .box .bt {

		color: #fddb52

	}

}



.register .r-top ul li:nth-last-child(1) {

	border-right: 0

}



.register .r-top ul .active .box .pic {

	border: 3px solid #fddb52

}



.register .r-top ul .active .box .pic .hh {

	opacity: 1

}



.register .r-top ul .active .box .pic .h {

	opacity: 0

}



.register .r-top ul .active .box .bt {

	color: #fddb52

}



.register .home-title {

	text-align: left;

	float: left;

	margin-top: 46px

}



.register .home-title p {

	color: rgba(205,205,205,0.08)

}



.register .home-title h3:after {

	display: none

}



.register .register-bottom {

	border-top: 3px solid #333;

	padding: 79px 0 0 0;

	overflow: hidden;

	background: url("../images/bg.jpg") no-repeat top center;

	background-size: cover

}



.register .register-bottom .r-title {

	text-align: center;

	font-size: 40px;

	color: #fddb52;

	font-weight: bold

}



.register .register-bottom .r-bottom {

	text-align: center;

	font-size: 0;

	padding-top: 45px

}



.register .register-bottom .r-bottom .img {

	display: inline-block;

	vertical-align: top

}



.register .register-bottom .r-bottom .img img {

	display: block

}



.register .register-bottom .r-bottom .r-ewm {

	display: inline-block;

	vertical-align: top;

	padding-left: 34px;

	text-align: center;

	font-size: 20px;

	font-weight: bold;

	color: #fddb52;

	padding-top: 117px

}



.register .register-bottom .r-bottom .r-ewm p {

	margin-top: 25px

}



.register .register-bottom .re-ewm p {

	font-size: 20px;

	color: #fff;

	text-align: center;

	padding-top: 19px

}



.register .register-bottom .re-info {

	margin: 46px 103px 68px 103px;

	padding: 18px 27px 40px 27px;

	border-radius: 5px;

	background: rgba(28,29,31,0.33)

}



.register .register-bottom .re-info h3 {

	font-size: 28px;

	color: #fff;

	font-weight: bold;

	padding-left: 79px;

	padding-bottom: 13px;

	margin-bottom: 30px;

	border-bottom: 1px dashed #4f5051

}



.register .register-bottom .re-info p {

	font-size: 16px;

	color: #fff;

	padding: 0 43px;

	margin-bottom: 16px

}



.case {

	padding: 74px 0

}



.case ul li .box {

	position: relative;

	overflow: hidden;

	transition: .5s

}



.case ul li .box .pic {

	float: right;

	width: 50%

}



.case ul li .box .pic:after {

	padding-bottom: 74.75%

}



.case ul li .box .text {

	float: left;

	width: 50%;

	position: absolute;

	top: 50%;

	left: 0;

	padding: 0 80px;

	transform: translateY(-50%)

}



.case ul li .box .text .bt {

	font-size: 36px;

	color: #fff;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	margin-bottom: 31px

}



.case ul li .box .text .jsh {

	font-size: 16px;

	line-height: 30px;

	color: #fff;

	letter-spacing: 1px;

	height: 60px;

	overflow: hidden;

	margin-bottom: 72px

}



.case ul li .box .text .more span {

	width: 185px;

	height: 50px;

	border-radius: 30px;

	border: solid 1px #eaeaea;

	display: block;

	font-size: 16px;

	line-height: 48px;

	color: #fff;

	padding: 0 36px;

	background: url("../images/more.png") no-repeat 81% center

}



@media(min-width:1025px) {

	.case ul li:hover .box {

		background: #464748

	}



	.case ul li:hover .box .pic img {

		transform: scale(1.04)

	}



	.case ul li:hover .box .text .more span {

		border: solid 1px #fddb52;

		color: #fff;

		padding: 0 36px;

		background: #fddb52 url("../images/more1.png") no-repeat 81% center

	}

}



.case ul li:nth-last-child(1) {

	border-bottom: 0

}



.case ul li:nth-child(2n) .box .pic {

	float: left

}



.case ul li:nth-child(2n) .box .text {

	right: 0;

	left: auto

}



.case-show {

	padding: 134px 0;

	background: #fff

}



.case-show .box {

	position: relative

}



.case-show .box .img {

	float: right;

	width: 47%

}



.case-show .box .img img {

	display: block

}



.case-show .box .text {

	float: left;

	width: 50%;

	padding-top: 46px

}



.case-show .box .text .bt {

	font-size: 40px;

	color: #2a2a2a;

	margin-bottom: 71px

}



.case-show .box .text .jsh {

	font-size: 16px;

	line-height: 30px;

	color: #2a2a2a;

	letter-spacing: 1px;

	overflow: hidden

}



.activity {

	padding: 75px 0

}



.activity ul li {

	padding-bottom: 70px;

	margin-bottom: 70px;

	border-bottom: 1px solid rgba(255,255,255,0.1)

}



.activity ul li .box {

	position: relative;

	overflow: hidden;

	min-height: 373px;

	transition: .5s

}



.activity ul li .box .pic {

	float: right;

	width: 497px;

	position: absolute;

	top: 0;

	left: 0

}



.activity ul li .box .pic:after {

	padding-bottom: 75.0503018108652%

}



.activity ul li .box .pic .date {

	width: 54px;

	height: 65px;

	background-color: #333;

	border-top: 3px solid #fddb52;

	text-align: center;

	position: absolute;

	top: 18px;

	right: 29px;

	padding-top: 3px

}



.activity ul li .box .pic .date h3 {

	font-size: 40px;

	line-height: 35px;

	font-family: "Roboto-Bold";

	letter-spacing: -2px;

	color: #f7f7f7

}



.activity ul li .box .pic .date span {

	font-size: 12px;

	color: #f7f7f7;

	display: block;

	text-transform: uppercase

}



.activity ul li .box .text {

	padding-left: 572px;

	padding-top: 61px;

	padding-right: 120px

}



.activity ul li .box .text .bt {

	font-size: 40px;

	color: #fff;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	margin-bottom: 22px

}



.activity ul li .box .text .jsh {

	font-size: 16px;

	line-height: 30px;

	color: #fff;

	letter-spacing: 1px;

	height: 60px;

	overflow: hidden;

	margin-bottom: 57px

}



.activity ul li .box .text .more span {

	width: 185px;

	height: 50px;

	border-radius: 30px;

	border: solid 1px #eaeaea;

	display: block;

	font-size: 16px;

	line-height: 48px;

	color: #fff;

	padding: 0 36px;

	background: url("../images/more.png") no-repeat 81% center

}



@media(min-width:1025px) {

	.activity ul li:hover .box {

		background: #464748

	}



	.activity ul li:hover .box .pic img {

		transform: scale(1.04)

	}



	.activity ul li:hover .box .text .more span {

		border: solid 1px #fddb52;

		color: #fff;

		padding: 0 36px;

		background: #fddb52 url("../images/more1.png") no-repeat 81% center

	}

}



.activity ul li:nth-child(2n) .box .pic {

	float: left

}



.activity ul li:nth-child(2n) .box .text {

	right: 0;

	left: auto

}



.page {

	clear: both;

	text-align: center;

	font-size: 0;

	color: #947d58

}

.page li{float:left;}

.page em {

	font-style: normal;

	font-size: 18px

}



.page a {

	color: #fff;

	display: inline-block;

	text-align: center;

	font-size: 12px;

	min-width: 40px;

	line-height: 38px;

	text-transform: uppercase;

	height: 40px;

	border-radius: 40px;

	margin: 0 8px;

	padding: 0 5px;

	vertical-align: top;

	-webkit-transition: background .5s;

	transition: background .5s;

	border: 1px solid #fff

}



.page a span {

	display: block

}



.page a.cur,.page a:hover {

	background: #fddb52;

	color: #333;

	border: 1px solid #fddb52

}



.page a.prev,.page a.next {

	color: #fff

}



.page a.prev {

	padding-left: 24px;

	margin-right: 5px;

	width: 106px;

	overflow: hidden

}



.page a.prev span {

	background: url(../images/prev-02.png) no-repeat left center;

	background-size: 4px

}



.page a.prev:hover {

	color: #333;

	background: #fddb52

}



.page a.prev:hover span {

	background: url(../images/prev-01.png) no-repeat left center;

	background-size: 4px

}



.page a.next {

	padding-right: 24px;

	margin-left: 5px;

	width: 106px;

	overflow: hidden

}



.page a.next span {

	background: url(../images/next-02.png) no-repeat right center;

	background-size: 4px

}



.page a.next:hover {

	color: #333;

	background: #fddb52

}



.page a.next:hover span {

	background: url(../images/next-01.png) no-repeat right center;

	background-size: 4px

}



.activity-show {

	padding: 150px 0;

	background: #fff

}



.activity-show .ne-top .text {

	float: left;

	width: 46%;

	border-top: 1px solid #dbdcde;

	padding-top: 61px

}



.activity-show .ne-top .text .h1 {

	font-size: 40px;

	line-height: 46px;

	color: #333;

	margin-bottom: 94px

}



.activity-show .ne-top .text .date h3 {

	font-family: "Roboto-Bold";

	font-size: 58px;

	color: #fddb52

}



.activity-show .ne-top .text .date p {

	font-size: 18px;

	color: #596874;

	line-height: 29px;

	font-family: "Roboto-Regular"

}



.activity-show .ne-top .img {

	float: right;

	width: 51%

}



.activity-show .ne-info {

	font-size: 18px;

	line-height: 37px;

	color: #22282d;

	padding: 115px 0 174px 0;

	letter-spacing: -1px

}



.activity-show .ne-info p {

	margin-bottom: 18px

}



.link1 {

	font-size: 16px;

	color: #626262

}



.link1 .share {

	float: right;

	padding-top: 17px

}



.link1 .share a {

	color: #626262;

	margin-right: 15px;

	float: left;

	display: block;

	line-height: 28px

}



.link1 .share a:hover {

	color: #fddb52

}



.link1 .share a {

	width: 28px;

	background: #384955;

	height: 28px;

	display: block;

	border-radius: 3px;

	margin-right: 0;

	margin-left: 6px

}



.link1 .share a img {

	display: block

}



.link1 .share a:hover {

	background: #fddb52

}



.inside-page-news {

	position: relative;

	float: left;

	width: 72%

}



.inside-page-news ul {

	height: 66px;

	line-height: 66px;

	position: relative

}



.inside-page-news li {

	width: 50%;

	float: left;

	height: 66px;

	color: #585858;

	font-size: 18px;

	padding: 0 32px 0 0;

	overflow: hidden;

	text-align: center

}



.inside-page-news li a {

	color: #585858;

	border-radius: 50px;

	transition: all 0s;

	display: block;

	line-height: 66px;

	background: #f3f3f3

}



.inside-page-news li a span {

	background: url("../images/left1h.png") no-repeat center center;

	display: inline-block;

	width: 20px;

	height: 66px;

	margin: 0 40px 0 0;

	vertical-align: top

}



.inside-page-news li:last-child {

	float: right;

	padding: 0 0 0 32px

}



.inside-page-news li:last-child a span {

	margin-right: 0;

	margin-left: 40px;

	background: url("../images/right1h.png") no-repeat center center

}



.inside-page-news li:last-child:hover a {

	color: #fff;

	background: #fddb52

}



.inside-page-news li:last-child:hover a span {

	background: url("../images/righth.png") no-repeat center center

}



.inside-page-news li:hover a {

	color: #fff;

	background: #fddb52

}



.inside-page-news li:hover a span {

	background: url("../images/lefth.png") no-repeat center center

}



.contact {

	padding: 87px 0 0 0;

	background: #282828

}



.contact-top {

	margin: 0 105px;

	margin-bottom: 77px

}



.contact-top ul {

	float: left;

	width: 82%;

	margin: 0 -55px;

	padding-top: 40px

}



.contact-top ul li {

	width: 33.333333333333336%;

	float: left;

	padding: 0 55px

}



.contact-top ul li .bt {

	font-size: 24px;

	color: #fff;

	margin-bottom: 13px

}



.contact-top ul li .jsh {

	font-size: 16px;

	line-height: 32px;

	color: #777

}



.contact-top ul li .jsh h3 a {

	font-size: 26px;

	color: #fff

}



.contact-top ul li .box {

	padding-left: 42px

}



.contact-top ul li:nth-child(1) .box {

	background: url("../images/co1.png") no-repeat left 7px

}



.contact-top ul li:nth-child(2) .box {

	background: url("../images/co2.png") no-repeat left 10px

}



.contact-top ul li:nth-child(3) .box {

	background: url("../images/co3.png") no-repeat left 7px

}



.contact-top .contact-ewm {

	float: right;

	width: 20%;

	text-align: center;

	font-size: 16px;

	color: #777

}



.contact-top .contact-ewm p {

	margin-top: 5px

}



.contact-p {

	margin: 0 105px;

	border-top: 1px dashed #434343;

	border-bottom: 1px dashed #434343;

	padding: 68px 0;

	font-size: 16px;

	color: #777;

	line-height: 32px;

	text-align: center;

	margin-bottom: 110px

}



.contact-message {

	padding: 75px 0 86px 0;

	background: #252527

}



.contact-message ul {

	margin: 0 -6px;

	padding-top: 59px

}



.contact-message ul li {

	width: 27%;

	float: left;

	padding: 0 6px

}



.contact-message ul li input,.contact-message ul li textarea {

	width: 100%;

	height: 50px;

	background-color: #333;

	border-radius: 4px;

	border: 0;

	font-size: 16px;

	margin-bottom: 15px;

	padding: 0 20px;

	color: #797979

}



.contact-message ul li input::-webkit-input-placeholder,.contact-message ul li textarea::-webkit-input-placeholder {

	color: #797979

}



.contact-message ul li input:-moz-placeholder,.contact-message ul li textarea:-moz-placeholder {

	color: #797979;

	opacity: 1

}



.contact-message ul li input::-moz-placeholder,.contact-message ul li textarea::-moz-placeholder {

	color: #797979;

	opacity: 1

}



.contact-message ul li input:-ms-input-placeholder,.contact-message ul li textarea:-ms-input-placeholder {

	color: #797979

}



.contact-message ul li textarea {

	height: 115px;

	padding: 20px

}



.contact-message ul li:nth-child(3) {

	width: 46%

}



.contact-message ul .submit {

	padding-top: 40px

}



.contact-message ul .submit a {

	width: 256px;

	height: 56px;

	background-color: #333;

	border-radius: 30px;

	font-size: 16px;

	line-height: 56px;

	color: #f4cf00;

	display: block;

	margin: 0 auto;

	text-align: center

}



@media(min-width:1025px) {

	.contact-message ul .submit a:hover {

		background: #fddb52;

		color: #333

	}

}



#allmap {

	height: 540px;

	width: 100%

}



#allmap img {

	max-width: initial;

	max-height: inherit

}



#allmap .anchorBL {

	display: none

}



.download {

	min-height: 700px;

	padding-top: 84px;

	color: #222;

	padding-bottom: 100px;

	background: #1c1d1f

}



.download .bt {

	height: 114px;

	line-height: 114px;

	font-size: 18px;

	font-weight: 600;

	padding: 0 40px;

	color: #fff;

	border-top: dashed 1px #969697

}



.download .bt span {

	display: block;

	float: left;

	width: 25%;

	text-align: center

}



.download .bt span:first-child {

	text-align: left;

	padding-left: 50px

}



.download .tit {

	height: 83px;

	line-height: 83px;

	overflow: hidden;

	padding-left: 40px;

	font-size: 18px;

	cursor: pointer;

	position: relative;

	font-weight: lighter;

	color: #fff

}



.download .tit span {

	right: 90px;

	width: 120px;

	height: 40px;

	top: 20px;

	position: absolute;

	text-align: center;

	line-height: 38px;

	padding-left: 20px;

	color: #fff;

	border: solid 1px #fff;

	background: url(../images/dow2.png) no-repeat 25px center

}



.download .tit span a {

	color: #fff

}



.download .tit-2 {

	background: #242527;

	color: #fff

}



.download .txt {

	padding: 0 40px;

	display: none;

	background: #313131;

	padding-bottom: 55px

}



.download .txt .t1 {

	color: #999;

	font-size: 14px;

	font-family: arial;

	padding-bottom: 30px;

	border-bottom: solid 1px #cee0e8

}



.download .txt .t1 span {

	padding-left: 170px;

	display: inline-block

}



.download .txt .t2 {

	font-size: 22px;

	padding: 40px 0;

	color: #fff;

	font-weight: lighter

}



.download .txt .t3 {

	background: #fff;

	height: 108px;

	padding: 0 40px;

	line-height: 106px;

	font-size: 16px;

	position: relative;

	font-weight: lighter;

	overflow: hidden;

	border: solid 1px #cee0e8

}



.download .txt .t3 span {

	display: block;

	width: 25%;

	float: left;

	text-align: center

}



.download .txt .t3 span:first-child {

	text-align: left

}



.download .txt .t3 span:first-child img {

	margin: 0 10px 0 0;

	display: inline-block;

	vertical-align: middle

}



.download .txt .t3 span:nth-child(2),.download .txt .t3 span:nth-child(3) {

	color: #888

}



.download .txt .t3 span:last-child {

	right: 50px;

	width: 120px;

	height: 40px;

	top: 34px;

	color: #333;

	position: absolute;

	text-align: center;

	line-height: 38px;

	padding-left: 20px;

	border: solid 1px #fddb52;

	background: url(../images/dow1.png) no-repeat 25px center #fddb52

}



.download .active {

	background: #313131

}



.download .active span {

	display: none

}



.download .inside-page {

	padding-top: 40px

}



.downloadlist {

	padding-bottom: 100px

}



.product {

	background: #333

}



.product .product-top {

	padding: 32px 0 43px 0

}



.product .product-top ul {

	padding: 0 40px;

	position: relative;

	margin-top: 13px

}



.product .product-top ul li {

	width: 20%;

	float: left

}



.product .product-top ul li .pic {

	width: 200px;

	margin: 0 auto

}



.product .product-top ul li .bt {

	text-align: center;

	color: #fff;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	padding: 0 5px;

	font-size: 19px;

	margin-top: 3px

}



.product .product-top ul .slick-prev,.product .product-top ul .slick-next {

	width: 21px;

	height: 39px;

	top: 86px;

	margin-top: 0;

	z-index: 6

}



.product .product-top ul .slick-prev:before,.product .product-top ul .slick-next:before {

	content: ''

}



.product .product-top ul .slick-prev {

	left: 0;

	background: url("../images/left1.png") no-repeat center center!important

}



.product .product-top ul .slick-next {

	right: 0;

	left: auto;

	background: url("../images/right1.png") no-repeat center center!important

}



.product .product-center {

	border-top: 3px solid #fddb52;

	padding: 27px 0;

	background: #1c1d1f;

	border-bottom: 1px solid #2e2f31

}



.product .product-center select {

	width: 237px;

	height: 50px;

	background-color: #fff;

	margin-right: 84px;

	font-size: 16px;

	color: #222;

	padding: 0 24px;

	float: left

}



.product .product-center select::-ms-expand {

	display: none

}



.product .product-center select {

	appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;

	background: #fff url(../images/arrow.png) no-repeat scroll center right;

	background: #fff\9\0

}



.product .product-bottom {

	padding: 67px 0;

	background: #1c1d1f

}



.product .product-bottom .prolist {

	margin-bottom: 100px

}



.product .product-bottom .prolist li {

	margin-bottom: 35px

}



.product-show .pro-top {

	text-align: center;

	padding: 49px 0 94px 0;

	background: #fff url(../images/ar.png) no-repeat bottom center

}



.product-show .pro-top .p-title {

	font-size: 40px;

	color: #000;

	font-weight: bold;

	margin-bottom: 23px

}



.product-show .pro-top .p-jsh {

	font-size: 16px;

	color: #000;

	line-height: 35px;

	margin-bottom: 93px

}



.product-show .pro-top ul {

	width: 880px;

	margin: 0 auto;

	padding-bottom: 30px;

	background: url("../images/pbg.png") no-repeat bottom center;

	position: relative

}



.product-show .pro-top ul li .pic {

	width: 471px;

	margin: 0 auto

}



.product-show .pro-top ul .slick-prev,.product-show .pro-top ul .slick-next {

	width: 21px;

	height: 39px;

	top: 150px;

	margin-top: 0;

	z-index: 6

}



.product-show .pro-top ul .slick-prev:before,.product-show .pro-top ul .slick-next:before {

	content: ''

}



.product-show .pro-top ul .slick-prev {

	left: 0;

	background: url("../images/left1.png") no-repeat center center!important

}



.product-show .pro-top ul .slick-next {

	right: 0;

	left: auto;

	background: url("../images/right1.png") no-repeat center center!important

}



.product-show .pro-center {

	text-align: center;

	padding: 43px 0 44px 0;

	background: #f1f1f3

}



.product-show .pro-center .bt {

	font-size: 16px;

	color: #333

}



.product-show .pro-center .yanse {

	padding-top: 32px;

	font-size: 0;

	padding-bottom: 39px

}



.product-show .pro-center .yanse li {

	display: inline-block;

	vertical-align: top;

	width: 154px;

	margin: 0 16px

}



.product-show .pro-center .yanse li .pic {

	border-bottom: 3px solid #fddb52

}



.product-show .pro-center .yanse li .pic:after {

	padding-bottom: 27.272727272727273%

}



.product-show .pro-center .chicun {

	font-size: 0;

	padding-top: 15px

}



.product-show .pro-center .chicun li {

	display: inline-block;

	vertical-align: top;

	width: 100px;

	margin: 0 8px;

	line-height: 40px;

	font-size: 16px;

	color: #333;

	background: #fff;

	border-bottom: 3px solid #fddb52

}



.product-show .pro-bottom {

	padding: 105px 0 119px 0;

	background: #333

}



.product-show .pro-bottom .table {

	padding: 0 110px;

	margin-top: 68px

}



.product-show .pro-bottom .table .bbt {

	text-align: center;

	font-size: 22px;

	color: #222;

	line-height: 45px;

	background: #f4f5f7;

	margin-bottom:10px;

}



.product-show .pro-bottom .table .table-bottom {

	font-size: 14px;

	color: #c1c1c1;

	padding-bottom: 75px

}



.product-show .pro-bottom .table .table-bottom table {

	width: 47%;

	width:100%;

	float: left

}



.product-show .pro-bottom .table .table-bottom table td {

	border: 0;

	border-bottom: 1px solid #c2c2c2;

	padding: 9px 50px

}



.product-show .pro-bottom .table .table-bottom table td:nth-child(2n) {

	color: #fff;

	font-size: 16px

}



.product-show .pro-bottom .table .table-bottom table:nth-child(2) {

	float: right

}



.product-show .related-pro {

	padding: 92px 0;

	background: #1c1d1f

}



.product-show .related-pro ul {

	margin: 0 -10px;

	margin-top: 66px;

	position: relative;

	padding-bottom: 95px

}



.product-show .related-pro ul li {

	width: 25%;

	float: left;

	padding: 0 10px

}



.product-show .related-pro ul li .pic {

	background: #fff

}



@media(min-width:1025px) {

	.product-show .related-pro ul li:hover .pic img {

		transform: scale(1.04)

	}

}



.product-show .related-pro ul .slick-prev,.product-show .related-pro ul .slick-next {

	width: 21px;

	height: 40px;

	top: 50%;

	margin-top: -20px;

	z-index: 6

}



.product-show .related-pro ul .slick-prev:before,.product-show .related-pro ul .slick-next:before {

	content: ''

}



.product-show .related-pro ul .slick-prev {

	left: -30px;

	background: url("../images/left1.png") no-repeat center center!important

}



.product-show .related-pro ul .slick-next {

	right: -30px;

	left: auto;

	background: url("../images/right1.png") no-repeat center center!important

}



.product-show .related-pro ul .slick-dots {

	z-index: 10;

	bottom: 0;

	width: 100%;

	line-height: 0;

	margin: 0;

	padding: 0;

	position: absolute

}



.product-show .related-pro ul .slick-dots li {

	margin: 0 4px;

	padding: 0;

	width: 10px;

	height: 10px;

	transition: .5s;

	border-radius: 30px;

	float: none;

	vertical-align: bottom;

	border: 1px solid transparent

}



.product-show .related-pro ul .slick-dots li button {

	width: 10px;

	height: 10px;

	padding: 0;

	display: block;

	border: 0;

	border-radius: 30px;

	background: #93908d;

	transition: .5s

}



.product-show .related-pro ul .slick-dots li button:before {

	content: ""

}



.product-show .related-pro ul .slick-dots .slick-active {

	width: 35px

}



.product-show .related-pro ul .slick-dots .slick-active button {

	background: #fff;

	width: 35px

}



.product-show .related-pro ul .slick-dots .slick-active button:before {

	color: transparent

}



.about {

	padding: 66px 0;

	background: #1c1d1f

}



.about .rr {

	position: relative

}



.about .rr .p {

	font-family: Roboto-Bold;

	font-size: 208px;

	line-height: 135px;

	letter-spacing: -8px;

	color: #cdcdcd;

	opacity: .02;

	padding-left: 125px;

	text-transform: uppercase;

	position: absolute;

	top: 0;

	left: 0

}



.about .rr .show .info {

	display: none

}



.about .rr .show .info .img {

	float: left;

	width: 47%;

	text-align: right;

	padding-top: 162px;

	position: relative;

	z-index: 1

}



.about .rr .show .info .text {

	float: right;

	width: 50%;

	padding-top: 45px;

	padding-bottom: 61px;

	position: relative;

	min-height: 531px

}



.about .rr .show .info .text:after {

	content: '';

	display: block;

	width: 10000px;

	height: 100%;

	left: -123px;

	top: 0;

	background: #464748;

	position: absolute;

	z-index: 0

}



.about .rr .show .info .text .num {

	position: relative;

	z-index: 1

}



.about .rr .show .info .text .bt {

	font-size: 32px;

	color: #cdcdcd;

	margin-top: -39px;

	margin-left: 63px;

	font-weight: bold;

	margin-bottom: 4px;

	position: relative;

	z-index: 1

}



.about .rr .show .info .text .span {

	font-size: 26px;

	line-height: 35px;

	margin-left: 63px;

	letter-spacing: -1px;

	color: #fbf290;

	margin-bottom: 40px;

	position: relative;

	z-index: 1

}



.about .rr .show .info .text .jsh {

	font-size: 18px;

	line-height: 35px;

	letter-spacing: -1px;

	color: #cdcdcd;

	margin-left: 63px;

	position: relative;

	z-index: 1

}



.about .rr .list {

	padding: 0 91px;

	margin-top: 94px

}



.about .rr .list ul li {

	width: 50%;

	float: left;

	padding: 0 12px

}



.about .rr .list ul li a {

	position: relative;

	display: block

}



.about .rr .list ul li a:before {

	content: '';

	display: block;

	width: 94%;

	height: 98%;

	border: 3px solid #fddb52;

	position: absolute;

	top: -6%;

	left: 3%;

	z-index: 3;

	opacity: 0;

	transition: .5s

}



.about .rr .list ul li .pic:after {

	padding-bottom: 50.51094890510949%

}



.about .rr .list ul li .hover {

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	color: #fff;

	z-index: 5;

	text-align: center;

	transform: translateY(-50%)

}



.about .rr .list ul li .hover h3 {

	font-size: 32px;

	font-weight: bold

}



.about .rr .list ul li .hover p {

	color: #fddb52;

	text-transform: uppercase;

	font-size: 20px;

	font-weight: bold

}



.about .rr .list ul .on a:before {

	opacity: 1

}



@media(max-width:1700px) {

	.container {

		width: 1260px

	}



	.header .header-right .nav ul li {

		/* margin-left: 30px; */

		margin-left: 20px;

	}



	.header .header-right .phone a {

		font-size: 20px

	}



	.header .header-right .phone {

		margin-right: 20px

	}



	.header .logo {

		margin-left: 0

	}



	.header .header-right {

		margin-right: 0

	}



	.header .header-right .nav {

		margin-right: 25px

	}



	.home-zhoubian .home-bottom {

		padding-left: 0;

		padding-right: 0

	}



	.home-title1 .left h3 {

		font-size: 30px;

		margin-bottom: 20px

	}



	.home-title1 .right {

		font-size: 15px

	}



	.home-linian .info .home-bottom .left .linian-bottom .pic .hover {

		background-size: 64px

	}



	.home-linian .info .home-bottom .right .linian-top .pic .hover {

		font-size: 16px

	}



	.home-linian .info .home-bottom .right .linian-bottom  .hover {

		font-size: 20px

	}



	.home-title p {

		font-size: 85px;

		line-height: 80px

	}



	.home-title h3 {

		font-size: 30px

	}



	.prolist li .bt {

		line-height: 60px;

		font-size: 16px

	}



	.home-about .video .pic .hover {

		background-size: 64px

	}



	.home-zhoubian .home-bottom .swiper-slide {

		width: 340px

	}



	.home-zhoubian .home-bottom .swiper-slide .bt {

		font-size: 16px

	}



	.home-zhoubian {

		padding: 100px 0 90px 0

	}



	.home-honor {

		padding: 100px 0 100px 0

	}



	.newslist li .box .text {

		padding: 35px 20px 30px 20px

	}



	.newslist li .box .text .bt {

		font-size: 16px;

		margin-bottom: 10px

	}



	.newslist li .box .text .jsh {

		font-size: 14px;

		line-height: 26px;

		height: 78px

	}



	.home-news {

		padding: 92px 0 100px 0

	}



	.newslist li .box .text .date h3 {

		font-size: 30px

	}



	.newslist li .box .text .date span {

		font-size: 14px

	}



	.footer-top .footer-list ul li ul li a {

		font-size: 14px

	}



	.footer-top .ewm {

		font-size: 14px

	}



	.footer-top .footer-list {

		width: 47%

	}



	.footer-top .footer-contact {

		font-size: 15px

	}



	.product .product-top ul li .bt {

		font-size: 16px

	}



	.product .product-center select {

		font-size: 14px

	}



	.product-show .pro-top .p-title {

		font-size: 30px;

		margin-bottom: 10px

	}



	.product-show .pro-top .p-jsh {

		font-size: 14px;

		line-height: 30px;

		margin-bottom: 50px

	}



	.product-show .pro-bottom {

		padding: 90px 0

	}



	.about .rr .show .info .text .jsh {

		font-size: 15px;

		line-height: 30px

	}



	.about .rr .list ul li .hover h3 {

		font-size: 26px

	}



	.about .rr .list ul li .hover p {

		font-size: 16px

	}



	.register .r-top ul li .box .pic {

		width: 120px

	}



	.case ul li .box .text .bt {

		font-size: 30px;

		margin-bottom: 21px

	}



	.case ul li .box .text .jsh {

		margin-bottom: 40px

	}



	.case-show .box .text .bt {

		font-size: 30px;

		margin-bottom: 40px

	}



	.activity ul li .box .text .bt {

		font-size: 30px

	}



	.activity ul li .box .text .jsh {

		margin-bottom: 30px

	}



	.activity ul li .box .text {

		padding-left: 540px;

		padding-right: 60px

	}



	.activity ul li {

		padding-bottom: 50px;

		margin-bottom: 50px

	}



	.activity-show .ne-top .text .h1 {

		font-size: 30px;

		margin-bottom: 54px

	}



	.activity-show .ne-top .text .date h3 {

		font-size: 48px

	}



	.activity-show .ne-info {

		font-size: 16px;

		line-height: 35px;

		padding: 80px 0

	}



	.inside-page-news li {

		font-size: 16px

	}



	.contact-top ul li .jsh {

		font-size: 14px;

		line-height: 26px

	}



	.contact-top ul li .bt {

		font-size: 20px

	}



	.contact-top ul li .jsh h3 a {

		font-size: 20px

	}



	.contact-top ul li {

		padding: 0 25px

	}



	.contact-top {

		margin: 0;

		margin-bottom: 50px

	}



	.contact-p {

		margin: 0;

		padding: 50px 0;

		margin-bottom: 80px

	}



	.download .tit {

		font-size: 16px

	}



	.download .bt {

		height: 90px;

		line-height: 90px;

		font-size: 16px

	}



	.download .txt .t2 {

		font-size: 16px;

		padding: 20px 0

	}



	.download .txt .t3 {

		height: 88px;

		line-height: 86px;

		font-size: 14px

	}



	.download .txt .t3 span:last-child {

		top: 22px

	}



	.contact-top ul {

		width: 79%;

		margin: 0

	}



	.header .header-right .nav ul li&gt;a {

		font-size: 14px

	}

}



@media(max-width:1280px) {

	.container {

		width: 100%;

		padding: 0 15px

	}



	.home-linian .info {

		padding: 0

	}

	

	.header .header-right .nav ul li {

		/* margin-left: 30px; */

		margin-left: 10px;

	}

}



@media(max-width:1200px) {

	.home-linian .info {

		padding: 0

	}



	.header .header-right {

		display: none

	}



	.header {

		height: 60px

	}



	.header .logo a img {

		height: 40px

	}



	.header .logo {

		padding-top: 10px

	}



	.phone-nav {

		display: block

	}

	

	.home-banner{

		margin-top: 60px;

	}

	

	.inbanner{

		margin-top: 60px;

	}



	.float,.float1 {

		display: none

	}



	.home-linian {

		padding: 40px 0

	}



	.home-title1 .left {

		float: none;

		padding-left: 0;

		padding-bottom: 10px;

		border: 0

	}



	.home-title1 .right {

		width: 100%;

		font-size: 14px;

		line-height: 26px

	}



	.home-title1 .left h3 {

		font-size: 30px;

		margin-bottom: 10px;

		line-height: 30px

	}



	.home-title1 .left p {

		font-size: 16px

	}



	.home-linian .info .home-bottom {

		padding-top: 30px

	}



	.home-linian .info .home-bottom img {

		/* width: 100% */

	}



	.home-linian .info .home-bottom .left {

		width: 100%

	}



	.home-linian .info .home-bottom .left .linian-top .slick-prev,.home-linian .info .home-bottom .left .linian-top .slick-next {

		background-size: 12px!important

	}



	.home-linian .info .home-bottom .left .linian-top .slick-prev,.home-linian .info .home-bottom .left .linian-top .slick-next {

		width: 53px

	}



	.home-linian .info .home-bottom .left .linian-top {

		margin-bottom: 15px

	}



	.home-linian .info .home-bottom .right {

		width: 100%;

		padding-right: 0;

		margin-top: 15px

	}



	.home-linian .info .home-bottom .right .linian-top .pic .hover {

		font-size: 14px;

		bottom: 20px

	}



	.home-linian .info .home-bottom .right .linian-top {

		margin-bottom: 15px

	}



	.home-product {

		padding: 0 0 40px 0

	}



	.home-title p {

		font-size: 65px;

		line-height: 60px

	}



	.home-title h3 {

		font-size: 24px

	}



	.home-title h3:after {

		margin: 10px auto 0 auto

	}



	.product-subnav .search-t {

		position: relative;

		width: 212px;

		top: auto;

		right: auto;

		margin: 0 auto;

		display: none

	}



	.product-subnav {

		margin-top: 20px

	}



	.product-subnav ul li {

		padding: 0 20px

	}



	.product-subnav ul li a {

		font-size: 16px

	}



	.home-product .home-bottom {

		padding-top: 30px

	}



	.home-product .home-bottom .info .slick-prev,.home-product .home-bottom .info .slick-next {

		display: none!important

	}



	.home-about {

		padding: 40px 0

	}



	.home-about .home-bottom {

		margin-top: 30px

	}



	.home-about .home-bottom img {

		width: 100%

	}



	.home-about .video {

		width: 100%

	}



	.home-about .text {

		float: right;

		width: 100%;

		padding: 20px;

		position: relative;

		top: auto;

		right: auto;

		transform: none

	}



	.home-about .text:after {

		width: 100%;

		left: 0;

		margin-left: 0

	}



	.home-about .text .bt {

		font-size: 16px;

		margin-bottom: 10px

	}



	.home-about .text .jsh {

		font-size: 14px;

		line-height: 26px;

		max-height: 78px;

		margin-bottom: 20px

	}



	.home-zhoubian {

		padding: 40px 0

	}



	.home-zhoubian .home-bottom {

		padding-top: 30px

	}



	.home-zhoubian .home-bottom .swiper-slide {

		width: 280px

	}



	.home-honor {

		padding: 40px 0

	}



	.home-honor .home-bottom {

		margin-top: 30px

	}



	.home-news {

		padding: 40px 0

	}



	.home-news img {

		/* width: 100% */

	}



	.home-news .home-bottom {

		padding-top: 30px

	}



	.newslist li {

		width: 50%;

		padding: 0 10px;

		margin-bottom: 20px

	}



	.newslist {

		margin: 0 -10px

	}



	.footer-top {

		padding: 40px 0 13px 0

	}



	.footer-top .footer-list {

		width: 47%;

		display: none

	}



	.footer-top .footer-contact {

		width: 100%

	}



	.footer-top .link {

		padding-left: 0

	}



	.footer-bottom span {

		padding-left: 0

	}



	.footer-top .ewm {

		width: 150px

	}



	.product .product-top {

		padding: 30px 0 30px 0

	}



	.product .product-center {

		padding: 20px 0

	}



	.product .product-bottom {

		padding: 40px 0

	}



	.prolist li {

		width: 50%

	}



	.product .product-bottom .prolist li {

		margin-bottom: 20px

	}



	.product .product-bottom .prolist {

		margin-bottom: 30px

	}



	.page a {

		display: none

	}



	.page a.prev,.page a.next {

		display: inline-block

	}



	.product-show .pro-bottom .table .table-bottom table {

		width: auto

	}



	.product-show .pro-top ul {

		width: 100%;

		background-size: 100%

	}



	.product-show .pro-center {

		padding: 30px 0 30px 0

	}



	.product-show .pro-center .yanse {

		padding-top: 20px;

		padding-bottom: 20px

	}



	.product-show .pro-bottom {

		padding: 40px 0

	}



	.product-show .pro-bottom .table {

		padding: 0;

		margin-top: 30px

	}



	.product-show .pro-bottom .table .bbt {

		font-size: 18px

	}



	.product-show .pro-bottom .table .table-bottom {

		padding-bottom: 25px

	}



	.product-show .related-pro {

		padding: 40px 0

	}



	.product-show .related-pro ul {

		margin-top: 30px;

		padding-bottom: 30px

	}



	.product-show .pro-top ul li .pic {

		width: 70%

	}



	.product-show .pro-top {

		padding: 30px 0 30px 0

	}



	.product-show .pro-center .yanse li {

		width: 80px;

		margin: 0 5px

	}



	.product-show .pro-bottom .table .table-bottom table td {

		padding: 9px 14px

	}



	.about .rr .show .info .img {

		display: none

	}



	.about .rr .show .info .text {

		width: 100%;

		padding: 20px

	}



	.about .rr {

		overflow: hidden

	}



	.about {

		padding: 40px 0

	}



	.about .rr .show .info .text .num {

		width: 60px

	}



	.about .rr .show .info .text .bt {

		font-size: 24px;

		margin-top: -25px;

		margin-left: 25px

	}



	.about .rr .show .info .text .span {

		font-size: 20px;

		line-height: 30px;

		margin-left: 25px;

		margin-bottom: 10px

	}



	.about .rr .show .info .text .jsh {

		font-size: 14px;

		line-height: 26px;

		margin-left: 25px

	}



	.about .rr .list ul li .hover h3 {

		font-size: 18px

	}



	.about .rr .list ul li .hover p {

		font-size: 14px;

		display: none

	}



	.about .rr .list {

		padding: 0;

		margin-top: 30px

	}



	.register .register-bottom .re-info {

		margin: 30px 0 40px 0;

		padding: 20px

	}



	.register .register-bottom {

		padding: 40px 0 0 0

	}



	.register {

		padding: 40px 0 0 0

	}



	.register .home-title {

		float: none;

		margin-top: 0

	}



	.register .r-top ul {

		width: 100%;

		margin-top: 20px

	}



	.register .r-top ul li .box .pic {

		width: 60px;

		border-width: 1px!important

	}



	.register .r-top ul li .box .bt {

		font-size: 16px;

		margin-top: 5px

	}



	.register .r-top {

		padding-bottom: 30px

	}

}



@media(max-width:768px) {

	.home-zhoubian .home-bottom .swiper-slide {

		width: 48%;

		margin-right: 3%

	}



	.product .product-center select {

		width: 100%;

		margin-right: 0;

		margin-bottom: 10px

	}



	.register .register-bottom .r-bottom .img {

		width: 50%

	}



	.register .register-bottom .r-bottom .r-ewm {

		font-size: 14px;

		padding-top: 57px;

		padding-left: 10px;

		width: 50%

	}



	.register .register-bottom .r-title {

		font-size: 30px

	}



	.register .register-bottom .r-bottom {

		padding-top: 30px

	}



	.register .register-bottom .re-ewm p {

		font-size: 16px;

		padding-top: 10px

	}



	.register .register-bottom .re-info h3 {

		font-size: 22px;

		padding-left: 0;

		padding-bottom: 10px;

		margin-bottom: 20px

	}



	.register .register-bottom .re-info p {

		font-size: 14px;

		padding: 0;

		margin-bottom: 10px

	}



	.case ul li .box .pic {

		width: 100%

	}



	.case ul li .box .text {

		width: 100%;

		position: relative;

		top: auto;

		left: auto;

		padding: 20px;

		transform: none

	}



	.case ul li .box .text .bt {

		font-size: 24px;

		margin-bottom: 10px

	}



	.case ul li .box .text .jsh {

		font-size: 14px;

		line-height: 26px;

		height: 52px;

		margin-bottom: 20px

	}



	.case ul li .box .text .more span {

		width: 160px;

		height: 40px;

		font-size: 13px;

		line-height: 38px;

		padding: 0 25px

	}



	.case {

		padding: 40px 0

	}



	.case-show {

		padding: 40px 0

	}



	.case-show .box .text {

		width: 100%;

		padding-top: 10px

	}



	.case-show .box .img {

		float: right;

		width: 100%

	}



	.case-show .box .img img {

		width: 100%

	}



	.case-show .box .text .bt {

		font-size: 24px;

		margin-bottom: 10px

	}



	.case-show .box .text .jsh {

		font-size: 14px;

		line-height: 26px

	}



	.activity ul li .box .pic {

		width: 100%;

		position: relative;

		top: auto;

		left: auto;

		float: none!important

	}



	.activity ul li .box .pic img {

		/* width: 100% */

	}



	.activity ul li .box {

		min-height: 0

	}



	.activity ul li .box .text {

		padding-left: 0;

		padding-top: 10px;

		padding-right: 0

	}



	.activity ul li .box .text .bt {

		font-size: 18px;

		font-weight: bold;

		margin-bottom: 10px

	}



	.activity ul li .box .text .jsh {

		font-size: 14px;

		line-height: 26px;

		height: 52px;

		margin-bottom: 10px

	}



	.activity ul li .box .text .more span {

		width: 160px;

		height: 40px;

		font-size: 13px;

		line-height: 38px;

		padding: 0 25px

	}



	.activity ul li {

		padding-bottom: 20px;

		margin-bottom: 20px

	}



	.activity {

		padding: 40px 0

	}



	.contact {

		padding: 40px 0 0 0

	}



	.contact-top {

		margin-bottom: 20px

	}



	.contact-top ul {

		width: 100%;

		padding-top: 0;

		float: none;

		overflow: hidden

	}



	.contact-top ul li {

		width: 100%

	}



	.contact-top ul li {

		padding: 0

	}



	.contact-top .contact-ewm {

		width: 160px;

		font-size: 14px;

		float: none;

		margin-left: 42px;

		margin-top: 10px

	}



	.contact-p {

		padding: 20px 0;

		margin-bottom: 30px;

		font-size: 14px;

		line-height: 26px

	}



	.contact-message {

		padding: 30px 0

	}



	.contact-message ul {

		padding-top: 30px

	}



	.contact-message ul li {

		width: 100%!important

	}



	.contact-message ul li input,.contact-message ul li textarea {

		font-size: 14px

	}



	.contact-message ul .submit {

		padding-top: 10px

	}



	.contact-message ul .submit a {

		width: 150px;

		height: 50px;

		font-size: 14px;

		line-height: 50px

	}



	#allmap {

		height: 440px

	}



	.home-title {

		padding-top: 0

	}



	.home-title p {

		display: none

	}



	.download .bt {

		display: none

	}



	.download .active span {

		display: block

	}



	.download .txt {

		display: none!important

	}



	.download .tit span {

		right: auto!important;

		width: 120px;

		height: 40px;

		top: auto!important;

		display: block;

		margin-top: 5px;

		font-size: 14px;

		position: relative!important

	}



	.download .tit {

		height: auto;

		line-height: 30px;

		font-size: 16px;

		overflow: hidden;

		padding: 20px

	}



	.downloadlist {

		padding-bottom: 30px

	}



	.download {

		padding-top: 40px;

		padding-bottom: 40px

	}



	.inbanner .img {

		display: none

	}



	.inbanner .img1 {

		display: block

	}



	.inbanner .box .bt {

		font-size: 28px

	}



	.activity-show {

		padding: 40px 0

	}



	.activity-show .ne-top .text {

		width: 100%;

		border-top: 0;

		padding-top: 0

	}



	.activity-show .ne-top .text .h1 {

		font-size: 22px;

		margin-bottom: 10px;

		line-height: 30px

	}



	.activity-show .ne-top .img {

		width: 100%

	}



	.activity-show .ne-info {

		font-size: 14px;

		line-height: 26px;

		padding: 30px 0

	}



	.inside-page-news {

		width: 100%

	}



	.inside-page-news li {

		width: 50%;

		height: 40px;

		font-size: 14px;

		padding: 0 10px 0 0

	}



	.inside-page-news li:last-child {

		padding: 0 0 0 10px

	}



	.inside-page-news li a {

		line-height: 40px

	}



	.inside-page-news li a span {

		height: 40px;

		margin: 0 10px 0 0

	}



	.inside-page-news li:last-child a span {

		margin-left: 10px

	}

}

#AspNetPager1{margin-bottom:20px}





.chaxun1 {

	width: 50%;

	margin: 40px auto;

	position: relative;

	overflow: hidden;

	border-radius: 5px;

	font-size: 16px;

}



	.chaxun1 input {

		width: 100%;

		background: #FFFFFF;

		border-radius: 5px;

		height: 50px;

		padding: 0 10px;

		border: 0;

	}



	.chaxun1 a {

		display: block;

		position: absolute;

		top: 0;

		right: 0;

		width: 120px;

		height: 50px;

		line-height: 50px;

		background: #fddb52;

		text-align: center;

		font-weight: bold;

	}



.xinyonghu a {

	width: 200px;

	line-height: 50px;

	text-align: center;

	color: #333;

	border-radius: 5px;

	margin: 0 auto;

	display: block;

	background: #fddb52;

	font-size: 16px;

}



	.xinyonghu a:hover {

		background: #f4cf00;

	}



.register .register-bottom .list {

	width: 50%;

	margin: 40px auto;

}



	.register .register-bottom .list ul li {

		border: 1px solid rgba(255,255,255,0.3);

		border-radius: 10px;

		overflow: hidden;

		margin-bottom: 20px;

	}



		.register .register-bottom .list ul li .bt {

			padding: 20px;

			color: #fff;

			font-weight: bold;

			font-size: 18px;

			text-align: right;

		}



			.register .register-bottom .list ul li .bt span {

				text-align: left;

				float: left;

				background: url(../images/logo1.png) no-repeat center left;

				background-size: 15px;

				padding-left: 20px;

			}



		.register .register-bottom .list ul li .more p {

			background: #f4cf00;

			color: #333;

			line-height: 40px;

			font-size: 16px;

			text-align: center;

		}



.none {

	color: rgb(255, 102, 0);

	padding: 20px;

	border: 1px solid rgba(255,255,255,0.3);

	border-radius: 10px;

	margin-top: 20px;

}



.chaxun1-show {

	max-width: 540px;

	margin: 0 auto;

	background: url("../other/bg.webp") no-repeat top center;

	background-size: 100%;

	padding: 0 30px 30px 30px;

}



	.chaxun1-show .h1 img {

		max-width: 75px;

		padding: 22px 0px 5px;

	}



	.chaxun1-show .h2 img {

		max-width: 200px;

		padding: 0 0px 5px;

	}



	.chaxun1-show img {

		display: block;

	}



	.chaxun1-show .h3 img {

		max-width: 420px;

		padding: 15px 0 5px;

	}



	.chaxun1-show .h4 img {

		max-width: 160px;

		padding: 10px 0 5px;

	}



	.chaxun1-show .h5 {

		font-size: 14px;

		line-height: 26px;

		color: #fff;

	}



	.chaxun1-show .h6 {

		margin: 20px 0;

		padding: 20px;

		background: rgba(255,255,255,0.5);

		overflow: hidden;

	}



		.chaxun1-show .h6 ul li {

			width: 33.33333%;

			float: left;

			color: #fff;

			font-size: 12px;

			line-height: 30px;

		}



	.chaxun1-show .h7 {

		color: #fff;

		font-size: 12px;

		line-height: 30px;

	}



		.chaxun1-show .h7 p {

			padding-left: 15px;

			position: relative;

		}



			.chaxun1-show .h7 p:after {

				content: '';

				display: block;

				width: 5px;

				height: 5px;

				background: #fff;

				position: absolute;

				top: 14px;

				left: 0;

			}



	.chaxun1-show .h8 {

		width: 60px;

		margin-top: 10px;

		border: 1px solid rgba(255,255,255,0.3);

		padding: 3px;

	}



		.chaxun1-show .h8 img {

			display: block;

		}



	.chaxun1-show .h9 {

		text-align: right;

		padding-top: 43px;

		overflow: hidden;

		margin-bottom: 5px;

	}



		.chaxun1-show .h9 img {

			width: 200px;

			float: right;

		}



	.chaxun1-show .h10 {

		text-align: right;

		font-size: 12px;

		color: #fff;

	}



.xinyonghuzhuce {

	padding: 20px 0;

}



	.xinyonghuzhuce .bt {

		font-size: 30px;

		font-weight: bold;

		color: #fff;

		margin-bottom: 20px;

	}



		.xinyonghuzhuce .bt span {

			font-size: 14px;

		}



	.xinyonghuzhuce ul {

		margin-left: 0;

	}



		.xinyonghuzhuce ul li {

			padding: 5px;

			border-radius: 5px;

			background: #fff;

			margin-bottom: 10px;

		}



			.xinyonghuzhuce ul li .box {

				position: relative;

				padding-left: 80px;

			}



			.xinyonghuzhuce ul li .span {

				color: #333;

				line-height: 40px;

				position: absolute;

				top: 0;

				left: 0;

			}



			.xinyonghuzhuce ul li .box input {

				width: 100%;

				height: 40px;

				padding: 0 10px;

				background: url(../images/bianji.png) no-repeat 97% center;

				background-size: 16px;

				border-radius: 5px;

				border: 1px solid #ccc;

				margin: 0 !important;

			}



			.xinyonghuzhuce ul li .yanzhenma {

				position: relative;

				margin-top: 10px;

			}



				.xinyonghuzhuce ul li .yanzhenma input {

					width: 100%;

					height: 40px;

					padding: 0 10px;

					background: url(../images/bianji.png) no-repeat 97% center;

					background-size: 16px;

					border-radius: 5px;

					border: 1px solid #ccc;

					margin: 0 !important;

				}



				.xinyonghuzhuce ul li .yanzhenma a {

					position: absolute;

					top: 0;

					right: 0;

					width: 130px;

					line-height: 40px;

					text-align: center;

					color: #333;

					border-radius: 5px;

					margin: 0 auto;

					display: block;

					background: #fddb52;

					font-size: 16px;

					border-top-left-radius: 0;

					border-bottom-left-radius: 0;

				}

				.xinyonghuzhuce ul li .yanzhenma button {

					position: absolute;

					top: 0;

					right: 0;

					width: 130px;

					line-height: 40px;

					text-align: center;

					color: #333;

					border-radius: 5px;

					margin: 0 auto;

					display: block;

					background: #fddb52;

					font-size: 16px;

					border-top-left-radius: 0;

					border-bottom-left-radius: 0;

					padding:0;

				}

#huoquyzm {

	position: absolute;

	top: 0;

	right: 0;

	width: 130px;

	line-height: 40px;

	text-align: center;

	color: #333;

	border-radius: 5px;

	margin: 0 auto;

	display: block;

	background: #fddb52;

	font-size: 16px;

	border-top-left-radius: 0;

	border-bottom-left-radius: 0;

	padding: 0;

}



			.xinyonghuzhuce ul li label {

				position: relative;

				float: left;

			}



				.xinyonghuzhuce ul li label .bt {

					user-select: none;

					position: relative;

					cursor: pointer;

					padding: 0 10px 0 24px;

					color: #999;

					margin-bottom: 10px

				}



					.xinyonghuzhuce ul li label .bt:after {

						content: '';

						display: block;

						position: absolute;

						left: 4px;

						top: 5px;

						width: 22px;

						height: 22px;

						background: #fff;

						border: 1px solid #ccc;

						border-radius: 2px;

						transition: all .15s ease

					}



				.xinyonghuzhuce ul li label input {

					position: absolute;

					top: 0;

					left: -20px;

					cursor: pointer;

					opacity: 0

				}



					.xinyonghuzhuce ul li label input:checked {

						border: 0 !important;

						background: 0

					}



						.xinyonghuzhuce ul li label input:checked + .bt {

							color: #999

						}



							.xinyonghuzhuce ul li label input:checked + .bt:after {

								border-color: #fff;

								background-color: #fff

							}



							.xinyonghuzhuce ul li label input:checked + .bt:before {

								left: 12px;

								top: 8px;

								width: 7px;

								height: 12px;

								border: solid #333;

								border-width: 0 2px 2px 0;

								-ms-transform: rotate(45deg);

								-webkit-transform: rotate(45deg);

								transform: rotate(45deg);

								position: absolute;

								display: block;

								content: "";

								z-index: 1

							}



	.xinyonghuzhuce .submit {

		width: 100%;

		line-height: 50px;

		text-align: center;

		color: #333;

		border-radius: 5px;

		margin: 0 auto;

		display: block;

		background: #fddb52;

		font-size: 16px;

		cursor:pointer;

	}



	.xinyonghuzhuce .submit a{

		color: #333;

	}





@media(max-width:768px) {

	.chaxun1 {

		width: 100%;

		margin: 30px auto;

		font-size: 14px;

	}



	.xinyonghu a {

		width: 150px;

		line-height: 40px;

		border-radius: 5px;

		font-size: 14px;

	}



	.register .register-bottom .list ul li .bt {

		font-size: 14px;

	}



	.register .register-bottom .list ul li .more p {

		font-size: 14px;

	}



	.register .register-bottom .list {

		width: 100%;

		margin: 30px auto;

	}

}





@media(max-width:414px) {

	.chaxun1-show .h1 img {

		max-width: 50px;

	}



	.chaxun1-show .h3 img {

		max-width: 100%;

		padding: 0 0 0;

	}



	.chaxun1-show .h4 img {

		max-width: 100px;

		padding: 5px 0 5px;

	}



	.chaxun1-show .h5 {

		font-size: 12px;

		line-height: 20px;

	}



	.chaxun1-show .h6 ul li {

		width: 50%;

		font-size: 12px;

		line-height: 20px;

	}



	.chaxun1-show .h6 {

		margin: 10px 0;

		padding: 10px;

	}



	.chaxun1-show .h7 {

		font-size: 12px;

		line-height: 20px;

	}



		.chaxun1-show .h7 p:after {

			top: 9px;

		}



	.chaxun1-show .h9 {

		padding-top: 0;

		margin-top: -10px;

	}

}





@media(max-width:375px) {

	.chaxun1-show .h1 img {

		max-width: 30px;

	}



	.chaxun1-show .h3 img {

	}



	.chaxun1-show .h9 {

		margin-top: -26px;

	}



	.chaxun1-show .h6 {

		margin: 5px 0;

	}

}



.chaxun1-show .h6 ul li{

	height:30px;

	overflow:hidden;

}





/* 产品导航 */

.pronav {

    float: right;

	margin-right: 50px;

}



.pronav ul li {

    float: left;

    margin-left: 52px;

    position: relative;

}



.pronav ul li&gt;a {

    display: block;

    color: #fff;

    font-size: 17px;

    text-align: center;

    position: relative;

    transition: .5s;

    line-height: 40px;

    font-weight: bold;

}



.pronav ul li .subnav {

    position: absolute;

    top: 40px;

    width: 160px;

    left: 50%;

    margin-left: -80px;

    display: none;

    z-index: 666;

    padding-top: 3px;

}



.pronav ul li .subnav ul {

    

    background: #484c54

}



.pronav ul li:hover .subnav {

	display: block

}



.pronav ul li .subnav ul li {

    margin: 0;

    width: 100%;

    float: none;

    padding: 0;

}



.pronav ul li .subnav ul li a {

    display: block;

    color: #fff;

    font-size: 15px;

    text-align: center;

    position: relative;

    transition: .5s;

    line-height: 40px;

    font-weight: bold;

}



.pronav ul a:hover {

    color: #fff;

}



.pronav ul .active a {

    color: #fff;

}



.pronav ul li .subnav ul li a:Hover {

    background: #fddb52;

    color: #fff;

}



@media(max-width:1024px) {

	.pronav {

		display: none;

	}

}







.in_title3 {
	position: relative;
	width: 100%;
	height: 140px;
}
.in_title3 .bg {
	width: 100%;
	height: 60px;
	margin-top: 50px;
	border: 3px solid #46464b;
	box-sizing: border-box;
}
.in_title3 p {
	position: absolute;
	width: auto;
	top: -22px;
	left: 100px;
	height: 50px;
}
.in_title3 .p1 {
	color: #fff;
	font-size: 24px;
	padding: 0 5px;
	background-color: #414146;
}
.in_title3 .p2 {
	font-size: 30px;
	color: #fff;
	padding-right: 10px;
	background-color: #414146;
}
.in_title3 .p3 {
	position: absolute;
	font-size: 45px;
	color: #fddb52;
	line-height: 1.0;
	height: 58px;
	width: auto;
	font-weight: bold;
	display: block;
	top: 29px;
	left: 35px;
	text-align: center;
	background-color: #414146;
}



.proAdvant {
	margin-top: 0;
}
.proAdvant .list {
	width: 100%;
}
.proAdvant .list li {
	width: 100%;
	margin-bottom: 20px;
	list-style:none;
}
.proAdvant .list li a {
	display: block;
}
.proAdvant .list li .img {
	width: 45%;
/*	height: auto;*/
	clear:both;
/*	margin-left: 0;
	margin-right: 20px;*/
}
.proAdvant .list li:nth-child(2n) .img {
	width:45%;
	clear:both;
/*	margin-left: 20px;
	margin-right: 0;*/
}
.proAdvant .list li .title {
	width: 55%;
}
.proAdvant .list li .title .shu {
	border-bottom: 1px dashed #b2b2b2;
	padding-bottom: 20px;
	text-align: center;
}
.proAdvant .list li .title .shu span {
	display: inline-block;
	width: 60px;
	height: 60px;
	background: #fddb52;
	border-radius: 10px;
	color: #fff;
	font-size: 46px;
	line-height: 60px;
}
.proAdvant .list li .tit {
	font-size: 28px;
	color: #fff;
	line-height: 1.5;
	padding-top: 20px;
	font-weight: bold;
	text-align: center;
}
.proAdvant .list li .cont {
	font-size: 16px;
	color: #fff;
	padding-top: 20px;
	text-align: justify;
}
.fr{ float:right;}
.fl{ float:left;}
@media (max-width: 1025px){
	.in_title3{ display:none;}
	.proAdvant .list li .img {
		display:none;
	width: 50%;
/*	height: auto;*/
	margin:auto;
/*	margin-left: 0;
	margin-right: 20px;*/
}
.proAdvant .list li:nth-child(2n) .img {
	display:none;
	width:50%;
	margin:auto;
/*	margin-left: 20px;
	margin-right: 0;*/
}
.proAdvant .list li .title {
	width: 100%;
}
	}
	
	
.product-page{ width:100%;}
 .news_wrap{
  width: 100%;
  height: auto;
  float: left;
  margin-left: 15px;
 }
 .product-page .left{width:40%;float:left;}
 .product-page .right{width:50%;float:right; text-align:left;}
 @media (max-width: 1025px){
 .product-page .left{width:100%;}
 .product-page .right{width:100%; text-align:left; margin-top:20px;}
 }
 .news_head{
  width: 100%;
  border-bottom: 2px solid #dedede;
  height: 51px;
  line-height: 51px;
 }
 .tabList ul li{
 float: left;
 cursor: pointer;
 font-weight: bold;
 text-align: center;
 font-size: 16px;
 width: 90px;
 }
 .cli1{
 color: #3a7aaf;
 border-bottom: 2px solid #3a7aaf;
 }
 .tabCon{
 width: 100%;
 padding-top: 13px;
 overflow: hidden;
 }</pre></body></html>