body {
	display: block;
	margin: 0;
	position: relative;
}

i {
	font-style: normal;
}

html,
button,
input,
select,
textarea {
	font-family: '微软雅黑';
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	outline: 0;
}

.clear {
	clear: both;
}

html,
body {
	width: 100%;
}

ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt {
	margin: 0;
}

input {
	outline: none;
}


/*滚动条 start*/

::-webkit-scrollbar {
	width: 5px;
	height: 4px;
	background-color: #d93d48;
}


/*定义滚动条轨道 内阴影+圆角*/

 ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
	background: #fff;
}


/*定义滑块 内阴影+圆角*/

 ::-webkit-scrollbar-thumb {
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
	background-color: #ff0000;
}

 ::-webkit-scrollbar-thumb:hover {
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
	background-color: #ff0000;
}

.fl {
	float: left;
	display: block;
}

.fr {
	float: right;
	display: block;
}

.max-width {
	max-width: 1500px;
	margin: 0 auto;
	overflow: hidden;
}

.width {
	width: 1500px;
	margin: 0 auto;
	overflow: hidden;
}

.widthbfb {
	width: 91%;
	margin: 0 auto;
	overflow: hidden;
}
/*分页样式*/
.digg{ margin:0; padding:0; text-align:center; font-size:14px; padding-bottom:50px;}
.digg a{ display:inline-block; /*float:left;*/ padding:5px 12px; margin:0 0 0 8px; border:1px solid #e1e2e3; line-height:20px; height:20px; color:#3b8dd1; background:#fff; text-decoration:none; }
.digg a:hover { border:1px solid #3b8dd1; }
.digg span{ display:inline-block; /*float:left;*/ padding:5px 0; line-height:20px; height:20px; }
.digg span.current { padding:5px 12px; margin:0 0 0 8px; color:#555; font-weight:bold; }
.digg span.disabled { border:1px solid #eee; padding:5px 12px; margin:0 0 0 8px; color:#ddd; }

/*      ------------       heads       -----------       */

.heads {
	width: 100%;
	display: block;
	position: relative;
	z-index: 99;
	height: 90px;
}

.headdw {
	width: 100%;
	background: #fff;
}

.hedw {
	position: fixed;
	display: flex;
}

.head {
	max-width: 1500px;
	margin: 0 auto;
	padding: 5px 0;
	width: 100%;
	position: relative;
}

.logo img {
	max-width: 257px;
	display: block;
}

.navs {
	width: 66%;
	margin-top: 13px;
}

.navs li {
	float: left;
	display: block;
	width: 13.5%;
	text-align: center;
	line-height: 55px;
}

.navs li a {
	display: inline-block;
	color: #000000;
	font-size: 16px;
	padding: 0 5%;
	transition: .7s;
	padding: 0 15.6%;
}

.navs li.on a,
.navs li:hover a {
	background: #ff0000;
	color: #fff;
}

.containBox_opbg {
	display: none;
}

.navsgq {
	border: 1px solid #000000;
	position: absolute;
	right: 0;
	top: 34px;
	padding: 0 7px;
}

.navsgq a {
	font-size: 16px;
	color: #000000;
}

.navsgq:hover {
	border: 1px solid #ff0000;
}

.navsgq a:hover {
	color: #ff0000;
}


/*      -----------            banner             ----------        */

.banner {
	position: relative;
	display: block;
}

.bannerwith {
	width: 100%;
	overflow: hidden;
}

.banbdimg li img {
	width: 100%;
	display: block;
}

.banbdimg li a {
	width: 100%;
	display: block;
	overflow: hidden;
}

.banner .hd ul {
	position: absolute;
	bottom: 13px;
	z-index: 9;
	left: 5%;
	display: inline-block;
	width: 90%;
	text-align: center;
}

.banner .hd li {
	background-color: rgba(255, 255, 255, 1);
	width: 30px;
	overflow: hidden;
	text-indent: 999px;
	height: 7px;
	margin: 0 1%;
	display: inline-block;
	z-index: 9999;
}

.banner .hd li.on {
	background-color: #ff0000;
}


/*       -----------           product           ----------       */

.tlts {
	text-align: center;
	width: 100%;
	overflow: hidden;
	padding: 0 0 40px;
}

.tlts h2 {
	color: #000000;
	line-height: 67px;
	font-size: 40px;
}

.tlts p {
	color: #000000;
	font-size: 18px;
}

.product {
	width: 100%;
	display: block;
	overflow: hidden;
	margin: 54px auto;
}

.productnr {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.productlm {
	width: 100%;
	text-align: center;
}

.productlm li {
	background-color: #828182;
	width: 12px;
	overflow: hidden;
	text-indent: 999px;
	height: 12px;
	margin: 0 1%;
	display: inline-block;
	z-index: 9999;
}

.productlm li.on {
	background-color: #ff0000;
}

.productcot {
	width: 90%;
	margin: 20px auto 34px;
}

.productcot li {
	width: 25%;
	float: left;
	display: block;
}

.prodcot {
	width: 90%;
	margin: 11px auto;
	transition: .7s;
	background: #fbfbfb;
	box-shadow: 0 0 19px #d8d8d8;
}

.prodcotimg {
	border: 1px solid #eeeded;
	width: 99%;
	display: block;
	overflow: hidden;
	text-align: center;
	padding: 1% 0;
}

.prodcotimg img {
	display: block;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	margin: 0 auto;
}

.prodcotwz {
	width: 85%;
	margin: 0 auto;
	padding: 5% 0 5.3%;
	position: relative;
	text-align: center;
}

.prodcotwz p {
	font-size: 18px;
	color: #666666;
	padding-bottom: 2%;
}

.productcot li:hover .prodcotwz p,
.productcot li:hover .prodcotwz span {
	color: #fff;
}

.productcot li:hover .prodcotimg {
	border: 1px solid #ff0000;
}

.prodcotwz span {
	color: #999999;
	font-size: 14px;
}

.prodcotwz i {
	opacity: 0;
	position: absolute;
	right: 43%;
	bottom: 15px;
	transition: .7s;
	transition: all .36s ease;
	width: 22%;
	height: 1px;
	background: #fff;
}

.prodcotwz i img {
	width: 25px;
	display: block;
}

.productcot li:hover .prodcot {
	background: #ff0000;
}

.productcot li:hover .prodcotwz i {
	opacity: 1;
}

.productcot li:hover .prodcotimg img {
	transform: scale(1.1, 1.1);
}

.productlm li:hover span,
.productlm li:hover a {
	color: #006428;
}

.cpkz {
	position: absolute;
	top: 43%;
}

.cpkz.prev {
	right: 0;
}

.cpkz img {
	-webkit-filter: grayscale(2);
	filter: gray;
	filter: grayscale(2);
	cursor: pointer;
}

.cpkz img:hover {
	-webkit-filter: grayscale(0);
	filter: gray;
	filter: grayscale(0);
}

.promore {
	width: 100%;
	text-align: center;
}

.promore a {
	display: inline-block;
	color: #000000;
	font-size: 18px;
	border: 1px solid #000000;
	width: 16%;
	line-height: 44px;
	transition: .7s;
}

.promore a:hover {
	color: #fff;
	border: 1px solid #ff0000;
	background: #ff0000;
}


/*       --------------          about           --------------       */

.about {
	width: 100%;
	display: block;
	overflow: hidden;
	position: relative;
	background: #fbfbfb;
	padding: 54px 0 0;
}

.aboutdiv {
	width: 100%;
	margin: 0 auto;
	max-width: 1500px;
}

.aboutdivl {
	width: 45%;
}

.aboutdivl img {
	width: 100%;
	display: block;
}

.aboutdivr {
	width: 55%;
	padding: 2.5% 0;
}

.aboutdivrz {
	width: 90%;
	margin: 0 0 0 auto;
	margin-bottom: 6%;
}

.aboutdivrz p {
	font-size: 18px;
	color: #000;
	line-height: 32px;
	letter-spacing: 0.03em;
}

.aboutfnr {
	width: 90%;
	margin: 0 0 0 auto;
	margin-bottom: 8%;
}

.aboutfnr li {
	width: 25%;
	float: left;
	display: block;
	text-align: center;
}

.aboutfnr li h1 {
	font-size: 42px;
	color: #000;
	padding-bottom: 3%;
}

.aboutfnr li h1 i,
.aboutfnr li p {
	font-size: 18px;
	color: #000;
	font-weight: 500;
}

.aboutfnr li p {
	font-size: 14px;
}

.aboutmore {
	margin: 0 auto;
	width: 22%;
	font-size: 16px;
	color: #000;
	display: block;
	line-height: 45px;
	padding: 0 3%;
	border: 1px solid #dfdfdf;
	text-align: center;
}

.aboutdivr:hover .aboutmore {
	background: #ff0000;
	color: #fff;
	border: 1px solid #ff0000;
}


/*       --------------          news           --------------       */

.news {
	width: 100%;
	display: block;
	overflow: hidden;
	padding: 54px 0 ;
}

.newsdiv {
	max-width: 1350px;
	margin: 0 auto;
	overflow: hidden;
}

.newsnr {
	width: 100%;
	margin-top: 1%;
	position: relative;
}

.newscotsx {
	width: 31%;
	background: #fbfbfb;
    transition: .7s;
}

.newscotximg {
	width: 100%;
	overflow: hidden;
}

.newscotximg img {
	max-width: 100%;
	display: block;
}

.newscotxwen {
	width: 88%;
	margin: 0 auto;
	padding: 6% 0;
}

.newscotxwen h2 {
	font-size: 22px;
	color: #000;
	padding-bottom: 2%;
    transition: .7s;
}

.newscotxwen p {
	font-size: 14px;
	color: #000;
	line-height: 23px;
    transition: .7s;
}

.newscotsx:hover{
	background: #ff0000;
}

.newscotsx:hover .newscotxwen h2,.newscotsx:hover .newscotxwen p{
	color: #fff;	
}





.newscot {
	width: 65%;
	margin: 0 auto;
}

.newscot li {
	width: 99%;
	display: block;
	border: 1px solid #eeeeee;
	margin-bottom:3.4%;
}
.newscot li:nth-last-child(1){
	margin: 0;
}

.newscotnr {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.newsrl {
    transition: .7s;
	width: 15%;
	text-align: center;
	padding: 3% 0;
	border-right: 1px solid #eeeeee;
}

.newsrl h3 {
	font-size: 40px;
	color: #000000;
	font-weight: 500;
	padding-bottom: 4%;
}

.newsrl p {
	font-size: 20px;
	color: #000000;
}

.newswznr {
	width: 80%;
	margin-right: 2%;
	padding: 3% 0;
}

.newswznr span {
	display: block;
	font-size: 16px;
	color: #000;
	line-height: 31px;
	transition: .7s;
	transition: all .36s ease;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.newswznr p {
	color: #000;
	font-size: 14px;
	line-height: 23px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.newscot li:hover .newsrl {
	background: #ff0000;
}
.newscot li:hover .newsrl h3,.newscot li:hover .newsrl p{
	color: #fff;
}
.newscot li:hover {
	border: 1px solid #fbfbfb;
	background: #fbfbfb;
}



/*       -----------           partner           ----------       */

.partner {
	width: 100%;
	display: block;
	overflow: hidden;
	padding: 1% 0 5%;
}
.partnernr{
	position: relative;
}
.partnernr .cpkz{
	top: 23%;
}

.partnr {
	width: 90%;
	display: block;
	margin: 0 auto;
}

.partnr li {
	width: 20%;
	float: left;
	display: block;
}
.partcot{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	border: 1px dashed #8b8a8b;
}

.partcot img {
	display: block;
	margin: 0 auto;
	width: 100%;
}



.partnr li:hover .partcot{
	border: 1px dashed #ff0000;	
}






/*       --------------          footers           --------------       */

.footers {
	background: #21212c;
	padding: 56px 0 0;
}

.footer {
	max-width: 1350px;
	margin: 0 auto;
}

.footr {
	width:49%;
	overflow: hidden;
}

.footrdl {
	width: 100%;
	display: block;
}

.footr dl {
	float: left;
	width: 25%;
}

.footr dt {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
}
.footr dt p{
	display: inline-block;
	border-bottom: 1px solid #fff;
	padding-bottom: 3%;
}

.footr dd a {
	display: block;
	font-size: 16px;
	line-height: 40px;
	color: #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.footl{
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	width: 20%;
	text-align:center;
}
.footldhimg{
	display: block;
	width: 100%;
	overflow: hidden;
}
.footldhimg img{
	display: block;
	margin: 0 auto;
}
.footldianh {
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 2%;
}



.footy{
	width: 25%;
}
.footy h3{
	margin-bottom: 17px;
    font-size: 20px;
    font-weight: normal;
    color: #fff;
}
.footy p{
	display: block;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
}



.footr dd a:hover {
	color: #ff0000;
}











.bottoms {
	width: 100%;
	margin: 0 auto;
	margin-top: 56px;
	border-top: 1px solid #fff;
	text-align: center;
}


.bottoms p,
.bottoms a {
	font-size: 14px;
	color: #fff;
	padding: 1% 0;
}
















@media screen and (max-width:768px) {
	body {
		background: #000;
	}
	.containBox_opbg {
		display: block;
	}
	.logo {
		width: 90%;
		margin: 0 auto;
		float: none;
	}
	.header-con {
		width: 94.333%;
		margin: 0 auto;
		padding-top: 7px;
		float: none;
	}
	.navBtn {
		float: left;
		width: 80px;
		margin-top: 10px;
	}
	.iconpic-side-nomal span {
		-webkit-transition: all .5s ease;
		-webkit-transform-origin: 0% 50%;
		width: 30px;
		height: 1px;
		display: block;
		background-color: #fff;
		margin: 5px 16px;
		float: left;
	}
	.navBtn span {
		display: block;
	}
	.iconpic-side-nomal .line:nth-child(2) {
		position: relative;
		right: 10px;
	}
	.logoimg {
		width: 39%;
		display: block;
		float: right;
	}
	.logo img {
		display: block;
		width: 100%;
	}
	.containBox_opbg {
		width: 100%;
		position: absolute;
		top: 0;
		left: 17px;
		z-index: 1003;
		transition: transform 0.2s ease 0.15s;
		width: 60px;
		height: 60px !important;
		padding-left: 5px;
	}
	.navs {
		display: none;
		-moz-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-moz-transition: opacity 0 ease 0.35s;
		-webkit-transition: opacity 0 ease;
		-webkit-transition-delay: 0.35s;
		transition: opacity 0 ease 0.35s;
		left: 0;
		position: absolute;
		top: 0;
		width: 50%;
		background: #000;
		float: none;
		margin: 0;
	}
	.navs ul {
		width: 100%;
		height: 100%;
		padding-top: 10px;
	}
	.navs li {
		width: 100%;
		line-height: 80px;
		margin-top: 5px;
	}
	.navs li:nth-child(1) a {
		padding: 0 12.6%;
	}
	.navs li a {
		display: inline-block;
		color: #fff;
		font-size: 14px;
		padding: 0 5.8%;
		transition: .7s;
	}
	.sideBox-opens {
		overflow: hidden;
		-moz-transition: -moz-transform 0.2s ease 0.15s;
		-webkit-transition: -webkit-transform 0.2s ease;
		-webkit-transition-delay: 0.15s;
		transition: transform 0.2s ease 0.15s;
		-moz-transform: translate3d(400px, 0, 0);
		-webkit-transform: translate3d(400px, 0, 0);
		transform: translate3d(400px, 0, 0);
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
	}
	.navs li:nth-last-child(1) {
		width: 100%;
		line-height: 71px;
		margin: 0;
		padding: 2% 0 24%;
	}
	.bannerwith {
		width: 100%;
		overflow: hidden;
		padding-top: 76px;
	}
	.banner .hd ul {
		bottom: 5px;
	}
	.banner .hd li {
		width: 36px;
	}
	.abouts {
		background: #090a0c;
		padding: 37px 0;
	}
	.aboutdiv {
		max-width: 1577px;
		margin: 0 auto;
		width: 90%;
		position: relative;
	}
	.aboutdivl {
		width: 100%;
		overflow: hidden;
	}
	.aboutdivr {
		width: 100%;
	}
	.aboutdivr h1 {
		font-size: 32px;
		margin: 5% auto;
	}
	.aboutdivr p {
		font-size: 14px;
		line-height: 33px;
	}
	.product {
		width: 90%;
		max-width: 1577px;
		margin: 0 auto;
	}
	.productl {
		width: 100%;
		overflow: hidden;
		float: none;
	}
	.prodsimg img {
		width: 100%;
		display: block;
	}
	.productr {
		width: 100%;
		float: none;
		padding-top: 15px;
	}
	.prodtlt h1 {
		font-size: 47px;
		font-weight: 300;
	}
	.prodtlt h2 {
		font-size: 36px;
	}
	.prodtlt p {
		margin: 2% 2% 2% auto;
	}
	.prodtlt h4 {
		font-size: 24px;
		font-weight: 300;
		margin: 2% 2% 7% auto;
	}
	.news {
		width: 100%;
		max-width: 1577px;
		margin: 0 auto;
		padding: 5% 0 10%;
	}
	.newsdiv {
		width: 90%;
		margin: 0 auto;
		overflow: hidden;
	}
	.newstlt {
		width: 100%;
		text-align: center;
		padding: 5% 0;
		overflow: hidden;
	}
	.newstlt h1 {
		font-size: 40px;
		color: #fff;
		font-weight: 500;
		line-height: initial;
	}
	.newstlt p {
		margin: 2% auto;
	}
	.newstlt h3 {
		font-size: 22px;
		color: #fff;
		font-weight: 500;
	}
	.newscots {
		width: 100%;
	}
	.newsnr li {
		width: 100%;
	}
	.newsnrwz p {
		color: #666666;
		font-size: 14px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		line-height: 25px;
		overflow: hidden;
	}
	.max-width {
		max-width: 1577px;
		margin: 0 auto;
		overflow: hidden;
		width: 90%;
	}
	.footers {
		background: #000;
		padding: 32px 0 0;
	}
	.footr {
		display: none;
	}
	.footl {
		width: 100%;
	}
	.footlstart {
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.footldianh {
		font-size: 17px;
		color: #fff;
		font-weight: 600;
	}
	.footldianhsd {
		font-size: 23px;
		font-weight: 500;
	}
	.footldhimg img {
		width: 72px;
	}
	.footltow {
		display: none;
	}
	.footldhimg {
		margin-bottom: 3%;
	}
	.bottoms {
		width: 100%;
		margin-top: 32px;
		border-top: 1px solid #6b6b6b;
	}
	.bottoms p,
	.bottoms a {
		font-size: 12px;
		color: #eaeaea;
		padding: 2.2% 0;
		text-align: center;
		width: 93%;
		line-height: 21px;
	}
	.bottomba {
		position: initial;
		right: initial;
		margin-left: 10px;
	}
	.containBox_opbg.on .navs {
		display: block;
	}
	.containBox_opbg.qu .navBtn {
		float: left;
		width: 80px;
		margin-top: 10px;
		position: absolute;
		left: 150px;
		z-index: 1006;
		top: -11px;
	}
	.containBox_opbg.qu .iconpic-side-nomal .line:nth-child(2) {
		position: relative;
		right: 10px;
		display: none;
	}
	.containBox_opbg.qu .iconpic-side-nomal span:nth-child(1) {
		-moz-transform: rotate(40deg);
		-webkit-transform: rotate(40deg);
	}
	.containBox_opbg.qu .iconpic-side-nomal span:nth-last-child(1) {
		-moz-transform: rotate(320deg);
		-webkit-transform: rotate(320deg);
	}
	.containBox_opbg.qu .iconpic-side-nomal span {
		margin: 10px 16px;
		width: 34px;
	}
}

.tag3 {
	display: none;
}

.tag03 {
	display: block;
	width: 100%;
	position: relative;
	animation: myfirst3 1s;
	-moz-animation: myfirst3 1s;
	/* Firefox */
	-webkit-animation: myfirst3 1s;
	/* Safari and Chrome */
	-o-animation: myfirst3 1s;
	/* Opera */
}

@keyframes myfirst3 {
	0% {
		bottom: -1000px;
		right: 0;
	}
	100% {
		bottom: 0px;
		right: 0;
	}
}

@-moz-keyframes myfirst3
/* Firefox */

{
	0% {
		bottom: -1000px;
		right: 0;
	}
	100% {
		bottom: 0px;
		right: 0;
	}
}

@-webkit-keyframes myfirst3
/* Safari and Chrome */

{
	0% {
		bottom: -1000px;
		right: 0;
	}
	100% {
		bottom: 0px;
		right: 0;
	}
}

@-o-keyframes myfirst3
/* Opera */

{
	0% {
		bottom: -1000px;
		right: 0;
	}
	100% {
		bottom: 0px;
		right: 0;
	}
}

.tag1,
.tag2 {
	display: none;
}

.tag01 {
	display: block;
	width: 100%;
	position: relative;
	animation: myfirst1 1s;
	-moz-animation: myfirst1 1s;
	/* Firefox */
	-webkit-animation: myfirst1 1s;
	/* Safari and Chrome */
	-o-animation: myfirst1 1s;
	/* Opera */
}

@keyframes myfirst1 {
	0% {
		right: -1400px;
		top: 0px;
	}
	100% {
		right: 0px;
		top: 0px;
	}
}

@-moz-keyframes myfirst1
/* Firefox */

{
	0% {
		right: -1400px;
		top: 0px;
	}
	100% {
		right: 0px;
		top: 0px;
	}
}

@-webkit-keyframes myfirst1
/* Safari and Chrome */

{
	0% {
		right: -1400px;
		top: 0px;
	}
	100% {
		right: 0px;
		top: 0px;
	}
}

@-o-keyframes myfirst1
/* Opera */

{
	0% {
		right: -1400px;
		top: 0px;
	}
	100% {
		right: 0px;
		top: 0px;
	}
}

.tag2 {
	display: none;
}

.tag02 {
	display: block;
	width: 100%;
	position: relative;
	animation: myfirst2 1s;
	-moz-animation: myfirst2 1s;
	/* Firefox */
	-webkit-animation: myfirst2 1s;
	/* Safari and Chrome */
	-o-animation: myfirst2 1s;
	/* Opera */
}

@keyframes myfirst2 {
	0% {
		left: -1000px;
		bottom: 0;
	}
	100% {
		left: 0px;
		bottom: 0;
	}
}

@-moz-keyframes myfirst2
/* Firefox */

{
	0% {
		left: -1000px;
		bottom: 0px;
	}
	100% {
		left: 0px;
		bottom: 0px;
	}
}

@-webkit-keyframes myfirst2
/* Safari and Chrome */

{
	0% {
		left: -1000px;
		bottom: 0px;
	}
	100% {
		left: 0px;
		bottom: 0px;
	}
}

@-o-keyframes myfirst2
/* Opera */

{
	0% {
		left: -1000px;
		bottom: 0px;
	}
	100% {
		left: 0px;
		bottom: 0px;
	}
}