html,body{
	height:100%;
	width:100%;
	font-family: "PingFangSC-Regular", "Microsoft YaHei";
	font-size:16px;
	line-height:150%;
	background-color:#FFFFFF;
}
body,div,ul,li,ol{
	margin:0;
	padding:0;
}
body,div,ul,li,ol{

}
img {
	border:0px;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
a:active {
	text-decoration:none;
}
ul, li, ol {
	list-style:none;
	margin:0px;
	padding:0px;
}
h1,h2,h3,h4,h5,h6{font-weight:100}h1{font-size:30px}h2{font-size:24px}

.font300{
	font-size:300%;
	line-height:150%;
}
.font180-120{
	font-size:180%;
	line-height:150%;
}
.font240{
	font-size:240%;
	line-height:150%;
}

.font150{
	font-size:150%;
	line-height:150%;
}
.font150-120{
	font-size:150%;
	line-height:150%;
}

.font120{
	font-size:120%;
	line-height:150%;
}
.font100{
	font-size:100%;
	line-height:150%;
}

.font90{
	font-size:90%;
	line-height:150%;
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
	.font300{
		font-size:240%;
	}
	.font180-120{
		font-size:150%;
	}
	.font150{
		font-size:130%;
	}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
	.font300{
		font-size:240%;
	}
	.font180-120{
		font-size:150%;
	}
	.font210{
		font-size:240%;
		line-height:150%;
	}
	.font150{
		font-size:110%;
	}
	.font150-120{
		font-size:135%;
		line-height:150%;
	}
	.font120{
		font-size:110%;
		line-height:150%;
	}
}
@media screen and (max-width: 767px) {
	.font300{
		font-size:160%;
	}
	.font180-120{
		font-size:120%;
	}
	.font240{
		font-size:180%;
		line-height:150%;
	}
	.font150{
		font-size:90%;
	}
	.font150-120{
		font-size:120%;
		line-height:150%;
	}
	.font120{
		font-size:100%;
		line-height:150%;
	}
}

/*µçÄԶ˵¼º½ÏÂÃæ*/
.header {
	height: 50px;
	background-color:#FFF;
	position: fixed;
	width:100%;
	z-index:100;
	top: 0px;
	padding: 10px;

}
.header .header-width {
	height:100%;
	max-width: 1240px;
	margin-left:auto;
	margin-right:auto;
}
.logo{
	float: left;
	height: 100%;
	animation:touming2 2s ease-out;
	animation-fill-mode: forwards;
	font-size:0px;
}
.logo .logoa {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
	display: block;
	height: 40px;
	width:125px;
	margin-top:5px;
	margin-left: 20px;
}
.logo .zyw{
	position: relative;
	width:24px;
	height:15px;
	z-index: 110;
	float:right;
	margin-top:20px;
	margin-left:-10px;
}
@keyframes touming2
{
	from { opacity:0.1; }
	to { opacity:1; }
}
.header .header-width .right{
	float: right;
	height: 100%;
}
.header .header-width .right ul{
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	line-height:50px;
	/*color:#000;*/
	color:#E3E0E0;
	font-size:95%;
}
.header .header-width .right .lianxi{
	background-repeat: no-repeat;
	background-position: right 22px;
}
.header .header-width .right ul a{
	color:#000;
}
.header .header-width .right ul a:hover{
	animation:zise1 0.3s ease-out;
	animation-fill-mode: forwards;
}
@keyframes zise1
{
	from { color:#E3E0E0; }
	to { color:#E3E0E0; }
}
.header .header-width .right .adown{
	color:#7C7B7B;
}

.mymenu{
	float: right;
	height: 30px;
	width:90px;
	margin-top:10px;
	margin-right:15px;
	background-repeat: no-repeat;
	background-position: right center;
	background-size:cover;
}

/*ÏÂÃ湺Îﳵͼ±ê*/
.gouwuche{
	float:right;
	width:50px;
	height:100%;
}
.gouwuche .anniu{
	width:50px;
	height:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:auto 40%;
	background-image:url(.../images/gouwuche.png);
	cursor:pointer;
}
.gouwuche .anniu:hover{
	background-image:url(.../images/gouwuche_hover.png);
}
.gouwuche_denglu{
	background-image:url(.../images/gouwuche_man.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:auto 40%;
}
.gouwuche_denglu:hover{
	background-image:url(.../images/gouwuche_man_hover.png);
}

.gouwuche .sanjiao{
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	position: absolute;
	z-index: 20;
	height: 10px;
	width: 20px;
	bottom:-5px;
	margin-left:18px;
	display:none;
}
.gouwuche .gouwuchelist{
	background-color: #FFFFFF;
	border: 1px solid #C9C9C9;
	overflow: hidden;
	position: absolute;
	z-index: 10;
	width:280px;
	border-radius:3px;
	margin-top:4px;
	margin-left:-115px;
	display:none;
}
@media screen and (max-width:1480px){/*´óÓÚ1240*/
	.gouwuche .gouwuchelist{
		margin-left:auto;
		right:3px;
	}
}
.gouwuche .gouwuchelist .gwcnr{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
	color:#888888;
}
.gouwuche .gouwuchelist .gwcnr .tongji{
	font-size:12px;
	color:#666666;
	text-align:left;
}
.gouwuche .gouwuchelist .gwcnr .gwcnrlist{
	height:70px;
	margin-bottom:10px;
}
.gouwuche .gouwuchelist .gwcnr .gwcnrlist .tupian{
	height:100%;
	width:70px;
	float:left;
}
.gouwuche .gouwuchelist .gwcnr .gwcnrlist .wenzi{
	height:100%;
	width:150px;
	margin-left:10px;
	float:left;
	color:#666666;
	font-size:12px;
	line-height:140%;
	text-align:left;
	display: flex;
	align-items:center;/*ÉÏÏÂ*/

}

.gouwuche .gouwuchelist .gwcnr .gwcnrlist .shanchu{
	height:100%;
	width:20px;
	float:left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:90% auto;
	background-image:url(.../images/shanchu.png);
	opacity:0.5;
}
.gouwuche .gouwuchelist .gwcnr .gwcnrlist .shanchu:hover{
	opacity:1;
}
.gouwuche .gouwuchelist .gwcmenu {
	width: calc(90% - 30px);
	font-size:100%;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C9C9C9;
	background-repeat: no-repeat;
	background-position: left center;
	background-size:25px 25px;
	line-height:49px;
	padding-left: 30px;
}
.gouwuche .gouwuchelist .gwcmenu a{
	color:#0070C9;
}

/*µçÄԶ˵¼º½ÉÏÃæ*/
/*ÊÖ»ú¶Ëµ¼º½ÏÂÃæ*/
.filterbg {
    -webkit-filter: blur(2px); -moz-filter: blur(2px); filter: blur(2px);
    cursor: -webkit-grab; cursor: -moz-grab; cursor: grab;
}

.header .header-mobile {
	height:100%;
	width:100%;
	display:none;
}
.header .header-mobile .menu{
	float: right;
	height: 30px;
	width:90px;
	margin-top:10px;
	margin-right:15px;
	background-repeat: no-repeat;
	background-position: right center;
	background-size:cover;
}



.mobile-menu {
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 100%;
	width: 220px;
	overflow: auto;
	position: fixed;
	z-index: 400;
	right: -250px;
	background-size:cover;
}


.mobile-menu .close{
	height: 50px;
	text-align: right;
}
.mobile-menu .close .figure{
	background-repeat: no-repeat;
	background-position: right center;
	background-size:cover;
	height:24px;
	width:90px;
	margin:0px;
	margin-top:13px;
	margin-right:15px;
	float:right;
}
.mobile-menu .tmbk{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.2);
}
.mobile-menu .tmbk:hover{
	animation:overbjtm 0.5s ease-out;
	animation-fill-mode: forwards;
}
@keyframes overbjtm
{
	from { background-color:rgba(0,0,0,0);}
	to { background-color:rgba(0,0,0,0.4);}
}
.mobile-menu .tmbg{

}
.mobile-menu .menu {
	line-height: 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 40px;
	color: #FFFFFF;
	background-size:20px 20px;
	font-size: 16px;
	cursor:pointer;
	/*background-image: url(.../images/menuleft.png);*/
}
.mobile-menu .menu:hover {
	background-image: url(.../images/menuright.png);
}


.mobile-menu .xialashouji{
	padding-left: 40px;
	height:0px;
	overflow: hidden;
}

.mobile-menu .xialashouji .menu11{
	line-height: 240%;
	font-size: 100%;
}
.mobile-menu .xialashouji .menu11 a{
	color:#FFFFFF;
}
.mobile-menu .xialashouji .dh400{
	line-height: 240%;
	font-size: 100%;
	font-family:Arial;
	cursor:default;
	color:#FFFFFF;
}
.mobile-menu .xialashouji .dher{
	line-height: 180%;
	font-size: 100%;
	color:#3DA8A8;
	cursor:default;
}



/*ÊÖ»ú¶Ëµ¼º½ÉÏÃæ*/

@media screen and (max-width: 1000px) {
	.header .header-width .right{
		display:none
	}
   .mymenu{
		display:block;
		margin-left:50px;
   }
}
@media screen and (min-width:1000px){/*´óÓÚ1000*/
	.header .header-width .right{
		display:block
	}
   .mymenu{
		display:none
   }
}


/*¹ºÂò°´Å¥*/
.buttonbuy {
    font-size: 12px;
	height:22px;
    font-weight: blod;
    background-color: #0070c9;
    background: linear-gradient(#42a1ec,#0070c9);
    border-color: #07c;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
  	outline:none;
	color: white;
    cursor: pointer;
    display: inline-block;
	width:60px;
    text-align: center;
    white-space: nowrap;
}
.buttonbuy:hover {
    background: linear-gradient(#60B2F2,#057CDA);
}


.buy{
	height:40px;
	background-color:rgba(255,255,255,0.8);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD3CD;
	width: 100%;
	position: absolute;/*fixed*/
	z-index: 90;
	top:50px;
}
.buy .buy_1 {
	height: 100%;
	max-width:1240px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.buy .buy_1 .ul1{
	font-size: 100%;
	line-height: 40px;
	margin-left:20px;
	color: #858484;
	text-align: left;
	float: left;
}
.buy .buy_1 .ul1 a{
	color: #3399CC;
}
.buy .buy_1 .ul1 a:hover{
	text-decoration: underline;
}

.buy .buy_1 .ul2{
	margin-right:20px;
	float: right;
	padding-top:7px;
}
.buy .buy_1 .ul3{
	margin-right:20px;
	float: right;
	margin-top:8px;
}
.buy .buy_1 .ul3 a{
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
	padding-left: 20px;
	line-height:20px;
	font-size:12px;
	color:#0070C9;
}
.buy .buy_1 .ul3 a:hover{
	text-decoration: underline;
}
/*¹ºÂò½çÃæ*/
.buycontent {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD3CD;
	height:0px;
	overflow: hidden;
}
.buycontent .content{
	max-width:1000px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.buycontent .content .left{
	width:500px;
	height:500px;
	float:left;
	display: flex;
	justify-content:center;/*×óÓÒ*/
	align-items:center;/*ÉÏÏÂ*/
	overflow: hidden;
}
.buycontent .content .right{
	width:450px;
	float:left;
	margin-left:50px;
}
.buycontent .content .right .menu{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
	min-height:68px;
}
.buycontent .content .right .title {
	line-height:68px;
}
.buycontent .content .right .jiage {
	line-height:68px;
}
.buycontent .content .right .miaoshu {
	line-height:120%;
	color:#999999;
	display:block;
	padding-bottom:20px;
}
.buycontent .content .right .gwanniu {
	padding-top:20px;
	padding-bottom:20px;
}
.lijigoumai{
	background-color: #FFE4D0;
	height: 38px;
	width: 130px;
	float:left;
	border: 1px solid #F0CAB6;
	border-radius:3px;
	display: flex;justify-content:center;align-items:center;
	cursor:pointer;
}
.lijigoumai:hover{
	background-color: #FFD9BC;
}
.lijigoumai span{
	color:#E5511D;
}
.jiarugouwuche{
	background-color: #FD6337;
	height: 38px;
	width: 180px;
	float:left;
	border: 1px solid #FD6337;
	border-radius:3px;
	margin-left:10px;
	display: flex;justify-content:center;align-items:center;
	cursor:pointer;
}
.jiarugouwuche:hover{
	background-color: #FC2F18;
}
.jiarugouwuche span{
	color:#FFFFFF;
}



.lock_cpwtzs_fenlei_ul1 {
	float: left;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	color: #000000;
	margin-top: 6px;
	margin-bottom: 6px;
}
.lock_cpwtzs_fenlei_ul2 {
	float: left;
	color: #666666;
	-moz-user-select:none;/*»ðºü*/
	-webkit-user-select:none;/*webkitä¯ÀÀÆ÷*/
	-ms-user-select:none;/*IE10*/
	-khtml-user-select:none;/*ÔçÆÚä¯ÀÀÆ÷*/
	user-select:none;
}

.lock_cpwtzs_fenlei_ul2_li {
	margin: 6px;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	cursor:pointer;
	border: 1px solid #dddddd;
	border-radius:3px;
	color: #666666;
}
.lock_cpwtzs_fenlei_ul2_li:hover {
	border: 1px solid #848484;
	border-radius:3px;
	color: #000000;
}
.lock_cpwtzs_fenlei_ul2_down {
	margin: 6px;
	float: left;
	border: 1px solid #FA5437;
	border-radius:3px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	cursor:pointer;
	color: #FA5437;
}
.lock_cpwtzs_shuliang {
	height: 32px;
	margin-top: 15px;
	margin-bottom: 15px;
	-moz-user-select:none;/*»ðºü*/
	-webkit-user-select:none;/*webkitä¯ÀÀÆ÷*/
	-ms-user-select:none;/*IE10*/
	-khtml-user-select:none;/*ÔçÆÚä¯ÀÀÆ÷*/
	user-select:none;
}
.lock_cpwtzs_shuliang_ul1 {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 32px;
	color: #000000;
	height: 32px;
}
.lock_cpwtzs_shuliang_ul2 {
	float: left;
	height: 32px;
	width: 104px;
	margin-right: 6px;
	margin-left: 6px;
	background-repeat: no-repeat;
	background-position: left center;
}
.lock_cpwtzs_shuliang_ul2_left {
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	float: left;
	height: 32px;
	width: 32px;
	font-family: "ËÎÌå";
	cursor:pointer;
}
.lock_cpwtzs_shuliang_ul2_center {
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	height: 32px;
	width: 40px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}
.lock_cpwtzs_shuliang_ul2_center input {
	text-align:center;
	border: 1px solid #FFFFFF;
	width:34px;
	outline: 0;
	border: 0;
}
.lock_cpwtzs_shuliang_ul2_right {
	font-size: 14px;
	text-align: center;
	float: right;
	height: 32px;
	width: 32px;
	font-family: "ËÎÌå";
	line-height: 32px;
	cursor:pointer;
}
.lock_cpwtzs_shuliang_ul2_kong {
	cursor:default;
	color: #CCCCCC;
}
.lock_cpwtzs_jiarugoumuche {
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 10px;
}
.lock_cpwtzs_xiaotu {
	height: 66px;
	width: 513px;
	margin-top:15px;
	margin-right: auto;
	margin-left: auto;
}
.lock_cpwtzs_xiaotu ul {
	float: left;
	height: 64px;
	width: 64px;
	margin-left: 30px;
	border: 1px solid #FFFFFF;
}
.lock_cpwtzs_xiaotu .ul1 {
	border: 1px solid #DDDDDD;
}


@media screen and (max-width: 1000px) {
	.buycontent .content .left{
		width:350px;
		height:350px;
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
	.buycontent .content .right{
		width:90%;
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
}
/*Ò³µ×ÏÂÃæ*/

.footer {
	background-color: #F0EFEF;
}
.footer .menu {
	max-width: 1240px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F2F2F2;
}
.footer .menu ul {
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	font-size: 80%;
	line-height: 160%;
}
.footer .menu ul a {
	color: #666666;
}
.footer .menu ul a:hover {
	animation:zise2 0.5s ease-out;
	animation-fill-mode: forwards;
	text-decoration: underline;
}
@keyframes zise2
{
	from { color:#666666; }
	to { color:#000000; }
}

.footer .menu ol {
	float: right;
	padding: 20px;
	width: 180px;
	line-height: 180%;
	color: #333333;
	text-align: center;
	font-size: 120%;
}
.footer .dizhi {
	max-width: 1240px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.footer .dizhi .dizhi1 {
	color: #666666;
	text-align: left;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 180%;
}
.footer .dizhi .xiangmu{
	padding-top:8px;
	padding-bottom:8px;
}
.footer .dizhi .xiangmu li{
	float: left;
	margin-right:20px;
}
.footer .dizhi .ewm {
	float: right;
	width: 220px;
	line-height: 120%;
	color: #333333;
	text-align: center;
	font-size: 70%;
}

@media screen and (max-width: 1000px) {
	.footer .menu ol {
		padding-top: 20px;
		width: 100%;
		line-height: 180%;
		color: #333333;
		text-align: center;
		font-size: 120%;
		clear:both;
	}
	.footer .dizhi .ewm {
		width: 100%;
		padding-top: 20px;
		line-height: 120%;
		clear:both;
		font-size: 90%;
	}
	.footer .dizhi .ewm img {
		width: 150px;
	}
}


/*Ê×Ò³ÁбíÒ³ÎÄ×ÖÑùʽ*/
.ulfenlei {
	font-size: 120%;
	color: #000000;
	border: 1px solid #000000;
	border-radius:5px;
	padding-left:8px;
	padding-right:8px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:100%;
}
.ultitle {
	margin-top: 15px;
	margin-bottom: 15px;/*margin-bottom: 15%;*/
	display: block;
}
.ulleixing{
	color:#333333;
	font-family:"SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.ulmiaoshu{
	font-size: 200%;
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
}
.ulmiaoshu_o5o2{
	font-size: 150%;
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
}
.ulbuy{
	display: block;
	font-size: 120%;
}
.url1 {
	color: #0C5FDB;
	text-decoration: none;
}
.url1:hover {
	color: #996600;
}
@media screen and (max-width: 767px) {
	.ulfenlei {
		font-size: 100%;
	}
	.ultitle {
		margin-top: 8px;
	}

	.ulmiaoshu{
		font-size: 150%;
	}
	.ulmiaoshu_o5o2{
		margin-top: -5px;
		margin-bottom: 5px;
		font-size: 100%;
	}
	.ulbuy{
		font-size: 100%;
	}
}




/*ÊÓƵ*/
.shipinbg{
	position: fixed;
	z-index: 800;
	height: 100%;
	width: 100%;
	top:-100%;
	background-color:rgba(255,255,255,0.98);
	display: flex;
	justify-content:center;/*×óÓÒ*/
	align-items:center;/*ÉÏÏÂ*/
	overflow: hidden;
}
.shipin{
	height: 90%;
	max-width:1240px;
	width: 100%;
	border: 1px solid #CCCCCC;
	font-size:0px;
	line-height:0px;
	text-align:center;
}

.closeshipin {
	position: fixed;
	z-index: 850;
	width:30px;
	height:30px;
	right:15px;
	top:-100%;
	margin-top:15px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:auto 100%;
	cursor:pointer;
	/*background-image:url(.../images/shipinclose.png)*/
}
.closeshipin:hover {
	/*background-image:url(.../images/shipinclose_hover.png);*/
}
@media screen and (max-width: 767px) {
	.shipin{
		height: 80%;
	}

}
/*À¸Ä¿Í¼±ê*/
.lanmumenu{
	background-color:#F6F6F6;
	width:100%;
	height:110px;
	overflow: hidden;

	display: flex;
	justify-content:center;/*×óÓÒ*/
	align-items:center;/*ÉÏÏÂ*/
}
.menu_box{
	height:110px;
	overflow: auto;
	white-space:nowrap;

	-webkit-animation:menu_boxyidong 1s infinite; /*¹«Óö¯»­*/
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
}
@keyframes menu_boxyidong
{
	0% {transform:translateX(20%);}
	100% {transform:translateX(0);}
}
.menu_icon{
	width: 90px;
	text-align:center;
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
	line-height:150%;
	margin-top:15px;
}
.menu_icon img{
	width:50px;
	height:50px;
}
.menu_icon a{
	color:#000000
}
.menu_icon a:hover{
	color:#0070C9
}




.loader{
	width:60px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }

  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }

  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
.ball-pulse > div:nth-child(0) {
  -webkit-animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(1) {
  -webkit-animation: scale 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(2) {
  -webkit-animation: scale 0.75s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.75s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(3) {
  -webkit-animation: scale 0.75s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.75s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div {
  background-color: #279fcf;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

@-webkit-keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }

  66% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }

  66% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.ball-pulse-sync > div:nth-child(0) {
  -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; }
.ball-pulse-sync > div:nth-child(1) {
  -webkit-animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out; }
.ball-pulse-sync > div:nth-child(2) {
  -webkit-animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out; }
.ball-pulse-sync > div:nth-child(3) {
  -webkit-animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out; }
.ball-pulse-sync > div {
  background-color: #279fcf;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }
.section {
	height: 720px;/* -webkit-calc(100% - 50px);*/
	width: 100%;
	background-position:center center;
	background-size:cover;
	overflow: hidden;
}
.fenge{
	height:12px;
	font-size:0px;
	line-height:0px;
	background-color:#FFFFFF;
}

@media screen and (min-width: 767px) and (max-width: 1440px) {
	.ns1 {
		height: 600px;
	}
	.ns2 {
		height: 600px;
	}
	.ns3 {
		height: 600px;
	}
}
@media screen and (max-width: 767px) {
	.ns1 {
		height: 500px;
	}
	.ns2 {
		height: auto;
	}
	.ns3 {
		height: auto;
	}
}

.section .content{
	height: 100%;
	max-width: 1240px;
	margin-right: auto;
	margin-left: auto;

}
.content a{
	cursor:pointer;
	color:#000000;
}
.content a:hover{
	color: #FF0000;
}
@keyframes wenzishanxian-1
{
	0% {opacity:0;transform:translateY(10%);}
	100% {opacity:1;transform:translateY(0);}
}
@keyframes chanpintouming-1
{
	0% {opacity:0;transform:translateX(10%);}
	100% {opacity:1;transform:translateX(0);}
}
@keyframes chanpintouming-2
{
	0% {opacity:0;transform:translateX(-10%);}
	100% {opacity:1;transform:translateX(0);}
}
/*上面公用*/




.ns1 {
	height:800px;
	background-image:url(../images/index/datu3.jpg);
}
.ns1 .content{
	max-width:100%;
	width:100%;
}
.ns1 .left{
	width:36%;
	padding-top:50px;
	padding-bottom:50px;
	height:calc(90% - 100px);
	float:right;
	display: flex;
	justify-content:flex-start;/*左右*/
	align-items:center;/*上下*/
	opacity:0;/*动画*/
}
.ns1 .left img{
	max-width:575px;
	width:100%;
}
.ns1 .ultitle{
	font-weight:bold;
	color:#333333;
}
.ns1 .content .left.active{
	-webkit-animation:wenzishanxian-1 1s infinite; /*公用动画*/
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
}
@media screen and (min-width: 767px) and (max-width: 1440px) {
	.ns1 {
		height:720px;
	}
}
@media screen and (max-width: 767px) {
	.ns1 .content{
		max-width:90%;
		width:90%;
	}
	.ns1 .left{
		width:100%;
		height:auto;
		float:none;
		display: flex;
		justify-content:flex-start;/*左右*/
		align-items:center;/*上下*/
	}
	.ns1 .left img{
		max-width:360px;
		width:100%;
	}
	.ns1 {
		height:600px;
		background-image:url(../images/index/datu3_small.jpg);
		background-position: center bottom;
	}
}




.ns2 .content1{
	height: 100%;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.ns2 .content1 .left{
	width:50%;
	padding-top:50px;
	padding-bottom:50px;
	height:-webkit-calc(100% - 100px);
	float:left;

	display:flex;
	justify-content:center;/*左右*/
	align-items:center;/*上下*/
}
.ns2 .content1 .left .t1{
	opacity:0;/*动画*/
}
.ns2 .content1 .left .t1.active{
	-webkit-animation:wenzishanxian-1 1s infinite; /*公用动画*/
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
}
.ns2 .content1 .right{
	width:50%;
	height:100%;
	float:right;
	background-repeat: no-repeat;
	background-position: left center;
	background-image:url(../images/m7.png);
	background-size:auto 100%;
	opacity:0;/*动画*/
}
.ns2 .content1 .right.active{
	-webkit-animation:chanpintouming-1 0.8s infinite; /*公用动画*/
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
}


.ns2 .ultitle{
	font-weight:bold;
	color:#333333;
}


@media screen and (max-width: 767px) {
	.ns2 .content1 .left{
		height:auto;
		width:100%;
		display:flex;
		justify-content:flex-start;/*左右*/
		align-items:center;/*上下*/
	}
	.ns2 .content1 .left .t1{
		margin-left:10%;
	}

	.ns2 .content1 .right{
		width:100%;
		height:360px;
		float: left;
		background-image:url(../images/m7_small.png);
	}
}


.ns3 .content1{
	height: 100%;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.ns3 .content1 .left{
	width:50%;
	padding-top:50px;
	padding-bottom:50px;
	height:calc(100% - 100px);
	float:left;

	display:flex;
	justify-content:center;/*左右*/
	align-items:center;/*上下*/
}
.ns3 .content1 .left .t1{
	opacity:0;/*动画*/



}
.ns3 .content1 .left .t1.active{
	-webkit-animation:wenzishanxian-1 1s infinite; /*公用动画*/
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
}
.ns3 .content1 .right{
	width:60%;
	height:100%;
	float:right;
	margin-left:-10%;
	background-repeat: no-repeat;
	background-position: left center;
	background-image:url(../images/p01.png);
	background-size:auto 100%;
}


.ns3 .ultitle{
	font-weight:bold;
	color:#333333;
}


@media screen and (max-width: 767px) {
	.ns3 .content1 .left{
		height:auto;
		width:90%;
		margin:auto;
		display:flex;
		justify-content:flex-start;/*左右*/
		align-items:center;/*上下*/
	}
	.ns3 .content1 .left .t1{
		margin-left:10%;
	}

	.ns3 .content1 .right{
		width:100%;
		height:460px;
		float: left;
		margin-left:auto;
		background-image:url(../images/p01-small.png);
		background-repeat: no-repeat;
		background-position: left top;
		background-size:100% auto;
		margin-top:-60px;
	}
}


.ns4 {
	height:800px;
	background-image:url(../images/men.jpg);
}
.ns4 .content{
	max-width:100%;
	width:100%;
}
.ns4 .left{
	width:39%;
	padding-top:50px;
	padding-bottom:50px;
	height:calc(100% - 100px);
	float:right;
	display: flex;
	justify-content:flex-start;/*左右*/
	align-items:center;/*上下*/
	opacity:0;/*动画*/
}
.ns4 .ultitle{
	font-weight:bold;
	color:#333333;
}
.ns4 .content .left.active{
	-webkit-animation:wenzishanxian-1 1s infinite; /*公用动画*/
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
}
@media screen and (min-width: 767px) and (max-width: 1440px) {
	.ns4 {
		height:720px;
	}
}
@media screen and (max-width: 767px) {
	.ns4 .left{
		width:90%;
		height:auto;
		margin:auto;
		float:none;
		display: flex;
		justify-content:flex-start;/*左右*/
		align-items:center;/*上下*/
	}
	.ns4 {
		height:600px;
		background-image:url(../images/men_small.jpg);
		background-position: center bottom;
	}
}

.ns5 {
	height:800px;
	background-image:url(../images/guizi.jpg);
}
.ns5 .content{
	width:100%;
}
.ns5 .left{
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
	height:30%;
	float:right;
	display: flex;
	justify-content:center;/*左右*/
	align-items:center;/*上下*/
	opacity:0;/*动画*/
}
.ns5 .ultitle{
	font-weight:bold;
	color:#333333;
}
.ns5 .content .left.active{
	-webkit-animation:wenzishanxian-1 1s infinite; /*公用动画*/
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
}
@media screen and (min-width: 767px) and (max-width: 1440px) {
	.ns5 {
		height:720px;
	}
}
@media screen and (max-width: 767px) {
	.ns5 .left{
		width:90%;
		height:auto;
		margin:auto;
		float:none;
		display: flex;
		justify-content:flex-start;/*左右*/
		align-items:center;/*上下*/
	}
	.ns5 {
		height:600px;
		background-image:url(../images/guizi_small.jpg);
		background-position: center bottom;
	}
}




.ns6 {
	height:800px;
	background-image:url(../images/bikenew.jpg);
}
.ns6 .content{
	width:100%;
}
.ns6 .left{
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
	height:30%;
	float:right;
	display: flex;
	justify-content:center;/*左右*/
	align-items:center;/*上下*/
	opacity:0;/*动画*/
}
.ns6 .ultitle{
	font-weight:bold;
	color:#333333;
}
.ns6 .content .left.active{
	-webkit-animation:wenzishanxian-1 1s infinite; /*公用动画*/
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
}
@media screen and (min-width: 767px) and (max-width: 1440px) {
	.ns6 {
		height:720px;
	}
}
@media screen and (max-width: 767px) {
	.ns6 .left{
		width:100%;
		height:auto;
		float:none;
		display: flex;
		justify-content:center;/*左右*/
		align-items:center;/*上下*/
	}
	.ns6 {
		height:600px;
		background-image:url(../images/bikenew_small.jpg);
		background-position: center bottom;
	}
}


.section {
            height: 720px;/* -webkit-calc(100% - 50px);*/
            width: 100%;
            background-position:center center;
            background-size:cover;
            overflow: hidden;
        }
        .fenge{
            height:12px;
            font-size:0px;
            line-height:0px;
            background-color:#FFFFFF;
        }

        @media screen and (min-width: 767px) and (max-width: 1440px) {
            .ns1 {
                height: 600px;
            }
            .ns2 {
                height: 600px;
            }
            .ns3 {
                height: 600px;
            }
        }
        @media screen and (max-width: 767px) {
            .ns1 {
                height: 500px;
            }
            .ns2 {
                height: auto;
            }
            .ns3 {
                height: auto;
            }
        }

        .section .content{
            height: 100%;
            max-width: 1240px;
            margin-right: auto;
            margin-left: auto;

        }
        .content a{
            cursor:pointer;
            color:#000000;
        }
        .content a:hover{
            color: #FF0000;
        }
        @keyframes wenzishanxian-1
        {
            0% {opacity:0;transform:translateY(10%);}
            100% {opacity:1;transform:translateY(0);}
        }
        @keyframes chanpintouming-1
        {
            0% {opacity:0;transform:translateX(10%);}
            100% {opacity:1;transform:translateX(0);}
        }
        @keyframes chanpintouming-2
        {
            0% {opacity:0;transform:translateX(-10%);}
            100% {opacity:1;transform:translateX(0);}
        }
        /*上面公用*/




        .ns1 {
            height:800px;
            background-image:url(../images/index/datu3.jpg);
        }
        .ns1 .content{
            max-width:100%;
            width:100%;
        }
        .ns1 .left{
            width:36%;
            padding-top:50px;
            padding-bottom:50px;
            height:calc(90% - 100px);
            float:right;
            display: flex;
            justify-content:flex-start;/*左右*/
            align-items:center;/*上下*/
            opacity:0;/*动画*/
        }
        .ns1 .left img{
            max-width:575px;
            width:100%;
        }
        .ns1 .ultitle{
            font-weight:bold;
            color:#333333;
        }
        .ns1 .content .left.active{
            -webkit-animation:wenzishanxian-1 1s infinite; /*公用动画*/
            -webkit-animation-iteration-count:1;
            -webkit-animation-fill-mode:forwards;
        }
        @media screen and (min-width: 767px) and (max-width: 1440px) {
            .ns1 {
                height:720px;
            }
        }
        @media screen and (max-width: 767px) {
            .ns1 .content{
                max-width:90%;
                width:90%;
            }
            .ns1 .left{
                width:100%;
                height:auto;
                float:none;
                display: flex;
                justify-content:flex-start;/*左右*/
                align-items:center;/*上下*/
            }
            .ns1 .left img{
                max-width:360px;
                width:100%;
            }
            .ns1 {
                height:600px;
                background-image:url(../images/index/datu3_small.jpg);
                background-position: center bottom;
            }
        }




        .ns2 .content1{
            height: 100%;
            width:100%;
            margin-left:auto;
            margin-right:auto;
        }
        .ns2 .content1 .left{
            width:50%;
            padding-top:50px;
            padding-bottom:50px;
            height:-webkit-calc(100% - 100px);
            float:left;

            display:flex;
            justify-content:center;/*左右*/
            align-items:center;/*上下*/
        }
        .ns2 .content1 .left .t1{
            opacity:0;/*动画*/
        }
        .ns2 .content1 .left .t1.active{
            -webkit-animation:wenzishanxian-1 1s infinite; /*公用动画*/
            -webkit-animation-iteration-count:1;
            -webkit-animation-fill-mode:forwards;
        }
        .ns2 .content1 .right{
            width:50%;
            height:100%;
            float:right;
            background-repeat: no-repeat;
            background-position: left center;
            background-image:url(../images/m7.png);
            background-size:auto 100%;
            opacity:0;/*动画*/
        }
        .ns2 .content1 .right.active{
            -webkit-animation:chanpintouming-1 0.8s infinite; /*公用动画*/
            -webkit-animation-iteration-count:1;
            -webkit-animation-fill-mode:forwards;
        }


        .ns2 .ultitle{
            font-weight:bold;
            color:#333333;
        }


        @media screen and (max-width: 767px) {
            .ns2 .content1 .left{
                height:auto;
                width:100%;
                display:flex;
                justify-content:flex-start;/*左右*/
                align-items:center;/*上下*/
            }
            .ns2 .content1 .left .t1{
                margin-left:10%;
            }

            .ns2 .content1 .right{
                width:100%;
                height:360px;
                float: left;
                background-image:url(../images/m7_small.png);
            }
        }

/*3*/
        .ns3 .content1{
            height: 100%;
            width:100%;
            margin-left:auto;
            margin-right:auto;
        }
        .ns3 .content1 .left{
            width:50%;
            padding-top:50px;
            padding-bottom:50px;
            height:calc(100% - 100px);
            float:left;

            display:flex;
            justify-content:center;/*左右*/
            align-items:center;/*上下*/
        }
        .ns3 .content1 .left .t1{
            opacity:0;/*动画*/



        }
        .ns3 .content1 .left .t1.active{
            -webkit-animation:wenzishanxian-1 1s infinite; /*公用动画*/
            -webkit-animation-iteration-count:1;
            -webkit-animation-fill-mode:forwards;
        }
        .ns3 .content1 .right{
            width:60%;
            height:100%;
            float:right;
            margin-left:-10%;
            background-repeat: no-repeat;
            background-position: left center;
            background-image:url(../images/p01.png);
            background-size:auto 100%;
        }


        .ns3 .ultitle{
            font-weight:bold;
            color:#333333;
        }
        /*3*/
/*33*/

        .ns33 .content1{
            height: 100%;
            width:100%;
            margin-left:auto;
            margin-right:auto;
        }
        .ns33 .content1 .left{
            width:50%;
            padding-top:50px;
            padding-bottom:50px;
            height:calc(100% - 100px);
            float:left;

            display:flex;
            justify-content:center;/*左右*/
            align-items:center;/*上下*/
        }
        .ns33 .content1 .left .t1{
            opacity:0;/*动画*/



        }
        .ns33 .content1 .left .t1.active{
            -webkit-animation:wenzishanxian-1 1s infinite; /*公用动画*/
            -webkit-animation-iteration-count:1;
            -webkit-animation-fill-mode:forwards;
        }
        .ns33 .content1 .right{
            width:60%;
            height:100%;
            float:right;
            margin-left:-10%;
            background-repeat: no-repeat;
            background-position: left center;
            background-image:url(../images/a01.png);
            background-size:auto 100%;
        }


        .ns33 .ultitle{
            font-weight:bold;
            color:#333333;
        }


/**/
/*32*/
        .ns32 .content1{
            height: 100%;
            width:100%;
            margin-left:auto;
            margin-right:auto;
        }
        .ns32 .content1 .left{
            width:35%;
            padding-top:50px;
            padding-bottom:50px;
            height:calc(100% - 100px);
            float:right;

            display:flex;
            justify-content:center;/*左右*/
            align-items:center;/*上下*/
        }
        .ns32 .content1 .left .t1{
            opacity:0;/*动画*/



        }
        .ns32 .content1 .left .t1.active{
            -webkit-animation:wenzishanxian-1 1s infinite; /*公用动画*/
            -webkit-animation-iteration-count:1;
            -webkit-animation-fill-mode:forwards;
        }
        .ns32 .content1 .right{
            width:70%;
            height:100%;
            float:left;
            margin-left:-10%;
            background-repeat: no-repeat;
            background-position: left center;
            background-image:url(../images/u01.png);
            background-size:auto 100%;
        }


        .ns32 .ultitle{
            font-weight:bold;
            color:#333333;
        }


/*34*/
   .ns34 .content1{
            height: 100%;
            width:100%;
            margin-left:auto;
            margin-right:auto;
        }
        .ns34 .content1 .left{
            width:35%;
            padding-top:50px;
            padding-bottom:50px;
            height:calc(100% - 100px);
            float:right;

            display:flex;
            justify-content:center;/*左右*/
            align-items:center;/*上下*/
        }
        .ns34 .content1 .left .t1{
            opacity:0;/*动画*/



        }
        .ns34 .content1 .left .t1.active{
            -webkit-animation:wenzishanxian-1 1s infinite; /*公用动画*/
            -webkit-animation-iteration-count:1;
            -webkit-animation-fill-mode:forwards;
        }
        .ns34 .content1 .right{
            width:70%;
            height:100%;
            float:left;
            margin-left:-10%;
            background-repeat: no-repeat;
            background-position: left center;
            background-image:url(../images/d01.png);
            background-size:auto 100%;
        }


        .ns34 .ultitle{
            font-weight:bold;
            color:#333333;
        }




/**/








        @media screen and (max-width: 767px) {
        	.ns33{
	margin-top: -200px;
}
            .ns3 .content1 .left{
                height:auto;
                width:90%;
                margin:auto;
                display:flex;
                justify-content:flex-start;/*左右*/
                align-items:center;/*上下*/
            }
            .ns3 .content1 .left .t1{
                margin-left:10%;
            }

            .ns3 .content1 .right{
                width:100%;
                height:460px;
                float: left;
                margin-left:auto;
                background-image:url(../images/p01-small.png);
                background-repeat: no-repeat;
                background-position: left top;
                background-size:100% auto;
                margin-top:-60px;
            }
            /*33*/
        .ns33 .content1 .left{
                height:auto;
                width:90%;
                margin:auto;
                display:flex;
                justify-content:flex-start;/*左右*/
                align-items:center;/*上下*/
            }
            .ns33 .content1 .left .t1{
                margin-left:10%;
            }

            .ns33 .content1 .right{
                width:100%;
                height:460px;
                float: left;
                margin-left:auto;
                background-image:url(../images/a01-small.png);
                background-repeat: no-repeat;
                background-position: left top;
                background-size:100% auto;
                margin-top:-100px;
            }
            /**/
            /*32*/
.ns32 .content1 .left{
                height:auto;
                width:90%;
                margin:auto;
                display:flex;
                justify-content:flex-start;/*左右*/
                align-items:center;/*上下*/
            }
            .ns32 .content1 .left .t1{
                margin-left:10%;
            }

            .ns32 .content1 .right{
                width:100%;
                height:460px;
                float: left;
                margin-left:auto;
                background-image:url(../images/u01-small.png);
                background-repeat: no-repeat;
                background-position: left top;
                background-size:100% auto;
                margin-top:-140px;
            }

/*32*/
/*34*/
			.ns34 .content1 .left{
                height:auto;
                width:90%;
                margin:auto;
                display:flex;
                justify-content:flex-start;/*左右*/
                align-items:center;/*上下*/
            }
            .ns34 .content1 .left .t1{
                margin-left:10%;
            }

            .ns34 .content1 .right{
                width:100%;
                height:460px;
                float: left;
                margin-left:auto;
                background-image:url(../images/d01-small.png);
                background-repeat: no-repeat;
                background-position: left top;
                background-size:100% auto;
                margin-top:-80px;
            }
            .ns34{
				margin-top:-140px;
            }
        }
/*34*/


        .ns4 {
            height:800px;
            background-image:url(../images/men.jpg);
        }
        .ns4 .content{
            max-width:100%;
            width:100%;
        }
        .ns4 .left{
            width:39%;
            padding-top:50px;
            padding-bottom:50px;
            height:calc(100% - 100px);
            float:right;
            display: flex;
            justify-content:flex-start;/*左右*/
            align-items:center;/*上下*/
            opacity:0;/*动画*/
        }
        .ns4 .ultitle{
            font-weight:bold;
            color:#333333;
        }
        .ns4 .content .left.active{
            -webkit-animation:wenzishanxian-1 1s infinite; /*公用动画*/
            -webkit-animation-iteration-count:1;
            -webkit-animation-fill-mode:forwards;
        }
        @media screen and (min-width: 767px) and (max-width: 1440px) {
            .ns4 {
                height:720px;
            }
        }
        @media screen and (max-width: 767px) {
            .ns4 .left{
                width:90%;
                height:auto;
                margin:auto;
                float:none;
                display: flex;
                justify-content:flex-start;/*左右*/
                align-items:center;/*上下*/
            }
            .ns4 {
                height:600px;
                background-image:url(../images/men_small.jpg);
                background-position: center bottom;
            }
        }

        .ns5 {
            height:800px;
            background-image:url(../images/guizi.jpg);
        }
        .ns5 .content{
            width:100%;
        }
        .ns5 .left{
            width:100%;
            padding-top:50px;
            padding-bottom:50px;
            height:30%;
            float:right;
            display: flex;
            justify-content:center;/*左右*/
            align-items:center;/*上下*/
            opacity:0;/*动画*/
        }
        .ns5 .ultitle{
            font-weight:bold;
            color:#333333;
        }
        .ns5 .content .left.active{
            -webkit-animation:wenzishanxian-1 1s infinite; /*公用动画*/
            -webkit-animation-iteration-count:1;
            -webkit-animation-fill-mode:forwards;
        }
        @media screen and (min-width: 767px) and (max-width: 1440px) {
            .ns5 {
                height:720px;
            }
        }
        @media screen and (max-width: 767px) {
            .ns5 .left{
                width:90%;
                height:auto;
                margin:auto;
                float:none;
                display: flex;
                justify-content:flex-start;/*左右*/
                align-items:center;/*上下*/
            }
            .ns5 {
                height:600px;
                background-image:url(../images/guizi_small.jpg);
                background-position: center bottom;
            }
        }




        .ns6 {
            height:800px;
            background-image:url(../images/bikenew.jpg);
        }
        .ns6 .content{
            width:100%;
        }
        .ns6 .left{
            width:100%;
            padding-top:50px;
            padding-bottom:50px;
            height:30%;
            float:right;
            display: flex;
            justify-content:center;/*左右*/
            align-items:center;/*上下*/
            opacity:0;/*动画*/
        }
        .ns6 .ultitle{
            font-weight:bold;
            color:#333333;
        }
        .ns6 .content .left.active{
            -webkit-animation:wenzishanxian-1 1s infinite; /*公用动画*/
            -webkit-animation-iteration-count:1;
            -webkit-animation-fill-mode:forwards;
        }
        @media screen and (min-width: 767px) and (max-width: 1440px) {
            .ns6 {
                height:720px;
            }
        }
        @media screen and (max-width: 767px) {
            .ns6 .left{
                width:100%;
                height:auto;
                float:none;
                display: flex;
                justify-content:center;/*左右*/
                align-items:center;/*上下*/
            }
            .ns6 {
                height:600px;
                background-image:url(../images/bikenew_small.jpg);
                background-position: center bottom;
            }
        }
/*my*/
.my-fl{
	float: left;
}
.my-fr{
	float: right;
}
.my-inline{
	display: inline-block;
}
.my-content{
	    padding-top: 10px;
    padding-bottom: 10px;
	max-width: 1000px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 180%;
}
.about-text{
	font-family:PingFangsC-Regular，"Microsoft YaHei";
	/*font-size：16px;*/
	/*line-height：28.8px;*/
	/*line-height: 28.8px;*/
    line-height: 180%;
	font-size: 16px;
	text-decoration:none solid rgb（51，51，51);
	word-spacing:0px;


}
@media screen and (min-width: 767px) {
/*.bottom-auto{
    position:  absolute;
    bottom: "bottom-auto0px;
}*/

}