.f-l {
	float: left
}

.f-r {
	float: right
}

.head-home {
	width: 94%;
	position: absolute;
	left: 3%;
	right: 3%;
	top: 30px;
	z-index: 2;
}

.head-home .logo {
	background: url("../images/logo.png") no-repeat;
	background-size: 100% auto;
	width: 100%;
	max-width: 300px;
	height: 73px;
}

.head-home .nav {
	margin-top: 23px;
}

.head-home .nav a {
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 2px;
	color: #000000;
	margin: 0 24px;
	text-align: center;
	/**/
	width: 110px;
}

/* 
.head-home .nav a:first-child.active,
.head-home .nav a:first-child:hover {
	border-bottom: solid 2px red;
}

.head-home .nav a:nth-child(2).active,
.head-home .nav a:nth-child(2):hover {
	border-bottom: solid 2px #f08c00;
}

.head-home .nav a:nth-child(3).active,
.head-home .nav a:nth-child(3):hover {
	border-bottom: solid 2px #f4e727;
}

.head-home .nav a:nth-child(4).active,
.head-home .nav a:nth-child(4):hover {
	border-bottom: solid 2px #9dbc19;
}

.head-home .nav a:nth-child(5).active,
.head-home .nav a:nth-child(5):hover {
	border-bottom: solid 2px #1a499b;
}

.head-home .nav a:nth-child(6).active,
.head-home .nav a:nth-child(6):hover {
	border-bottom: solid 2px #2588cb;
}

.head-home .nav a:nth-child(7).active,
.head-home .nav a:nth-child(7):hover {
	border-bottom: solid 2px #d3167c;
} */

.head-home .nav a:last-child {
	margin-right: 0
}

#icon-add {
	margin: 0 12px;
	position: relative;
	top: 4px;
}

#icon-sall {
	margin: 0;
	position: relative;
	top: 4px;
}

#icon-add img,
#icon-sall img {
	width: 20px;
}

.txt-en,
.txt-cn {
	width: 100%;
	text-align: center;
	font-size: 300%;
	color: #fff;
	line-height: 70px;
}

.txt-en {
	text-transform: uppercase;
	letter-spacing: 5px;
	font-family: myFont;
	line-height: 70px;
}

.txt-cn {
	letter-spacing: 16px;
	/*display:none;*/
}

.btn {
	color: #fff;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 6px;
	border: solid 1px #fff;
	padding: 12px;
	font-family: arial;
	width: 268px;
	height: 49px;
	box-sizing: border-box;
	margin-left: -134px;
}

.btn:hover {
	background: rgba(255, 255, 255, 0.2);
}

.btn:hover .btn-en {
	display: none
}

.btn:hover .btn-cn {
	display: block
}

.btn-en,
.btn-cn {
	font-weight: normal
}

.btn-cn {
	display: none;
	font-family: "Microsoft YaHei", "微软雅黑";
	letter-spacing: 12px;
	text-align: center;
	line-height: 20px;
}

#banner {
	width: 100%;
	overflow: hidden
}

.banner {
	position: relative;
}

/*.banner li{float: left}
.banner li img{
    width: 100%;height: auto;
}*/
.banner .txt-en,
.banner .txt-cn {
	position: absolute;
	top: 65%;
}

.banner .btn {
	position: absolute;
	top: 62%;
	left: 50%;
	margin-left: -136px;
}
.df-btm-box:hover div{
	cursor: pointer;
}
.banner span {
	position: absolute;
	top: 50%;
	margin-top: -44px;
	width: 89px;
	height: 89px;
	background: url("../images/icon-l-r.png") no-repeat;
	cursor: pointer;
}

.icon-l {
	/* background-position: 0 0!important; */
	left: 30px;
}

.icon-r {
	/* background-position: -89px 0!important; */
	right: 30px;
}

#ico {
	position: absolute;
	bottom: 26px;
	left: 50%;
	margin-left: -58px;
}

#ico a {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #d2d2d2;
	margin-right: 12px;
}

#ico a:nth-child(1).on {
	background: #e60012;
}

#ico a:nth-child(2).on {
	background: #f18d00;
}

#ico a:nth-child(3).on {
	background: #f2e725;
}

#ico a:nth-child(4).on {
	background: #9ebc16;
}

#ico a:last-child {
	margin-right: 0;
}

.black-label,
.mandarin-collar,
.seven-smart {
	position: relative
}

.box {
	position: relative;
	display: block
}

.box img {
	/* max-width: 100%; */
	width: 100%;
}

.box h1 {
	position: absolute;
	top: 60%;
	width: 100%;
	text-align: center;
	font-size: 300%;
	color: #fff;
}

.abox img {
	/* max-width: 100%; */
	width: 100%;
}

.black-label .btn,
.mandarin-collar .btn,
.seven-smart .btn {
	position: absolute;
	top: 69%;
	left: 50%;
	margin-left: -136px;
}

.icon-video {
	position: absolute;
	top: 38%;
	left: 45%;
	background: url("../images/icon-video.png") no-repeat;
	width: 7.6%;
	height: 147px;
	background-size: 100% auto;
}

.green-sz,
.china-sz {
	position: absolute;
	top: 30%;
	right: 6%;
}

.business-sz,
.zineng-sz {
	position: absolute;
	top: 30%;
	left: 10%;
}

.green-sz h3,
.business-sz h3,
.china-sz h3,
.zineng-sz h3 {
	font-size: 300%;
	color: #fff;
	font-weight: normal;
	letter-spacing: 20px;
	height: 58px;
}

.green-sz h5,
.business-sz h5,
.china-sz h5,
.zineng-sz h5 {
	font-size: 18px;
	color: #fff;
	letter-spacing: 8px;
	margin: 6% 0 24%;
	line-height: 32px;
}

.icon-jian {
	display: block;
	position: absolute;
	right: 0;
	margin-top: 30px;
	background: url("../images/icon-jian.png") no-repeat;
	width: 67px;
	height: 20px;
}

.btn-icon-jian {
	width: 290px;
	position: relative;
}

.other {
	background: #E6DCD0;
	padding: 50px;
	margin-top: 40px;
}

.other a {
	float: left;
	position: relative;
	width: 50%;
	padding: 25px;
	box-sizing: border-box
}

.other a img {
	max-width: 100%;
}

.mod {
	position: absolute;
	left: 25px;
	right: 25px;
	top: 25px;
	bottom: 25px;
}

.other a:nth-child(2) .mod-box {
	background: rgba(229, 0, 18, 0.8);
}

.other a:nth-child(3) .mod-box {
	background: rgba(240, 140, 0, 0.8);
}

.other a:nth-child(4) .mod-box {
	background: rgba(243, 231, 39, 0.8);
}

.other a:nth-child(5) .mod-box {
	background: rgba(157, 188, 25, 0.8);
}

.other a:nth-child(2) .txt-en {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -183px;
	margin-top: -120px;
	text-align: left;
	width: auto;
	line-height: 80px; 
}

.other a:nth-child(3) .txt-en {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -264.33px;
	margin-top: -120px;
	text-align: left;
	width: auto;
	line-height: 80px;
}

.other a:nth-child(4) .txt-en{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -126.42px;
	margin-top: -80px;
	text-align: left;
	width: auto;
	line-height: 80px;
}
.other a:nth-child(5) .txt-en {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -234.365px;
	margin-top: -80px;
	text-align: left;
	width: auto;
	line-height: 80px;
}

.other a .txt-cn {
	position: absolute;
	top: 47%;
}

.foot {
	margin-top: 58px;
	border-top: solid 1px #000;
}

.foot ul {
	width: auto;
	margin: 30px 12%;
}

.foot ul li {
	float: left;
	width: 13%;
	margin-right: 12%;
}

.foot ul li:last-child {
	width: 25%;
	margin-right: 0;
}

.foot ul li a {
	display: block;
	line-height: 46px;
	font-size: 18px;
	color: #000;

}

.title-foot {
	display: inline-block;
	line-height: 32px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 22px;
	letter-spacing: 10px;
	color: #000;
	font-family: Arial;
	text-transform: uppercase;
	border-bottom: solid 1px #000;
}

.wx,
.wb,
.app {
	font-family: Arial;
	text-transform: uppercase;
	letter-spacing: 2px;
	height: 88px;
	line-height: 88px !important;
	padding-left: 86px;
	color: #959595 !important;
}

.wx {
	background: url("../images/icon-wx.png") no-repeat left center;
}

.wb {
	background: url("../images/icon-wb.png") no-repeat left center;
}

.app {
	background: url("../images/icon-app.png") no-repeat left center;
}

.link-foot {
	background: #313131;
	padding-bottom: 16px;
}

.link-foot p {
	font-size: 20px;
	color: #fff;
	text-align: center;
	padding: 36px 0 66px;
	letter-spacing: 4px;
}

.link-foot span {
	letter-spacing: 6px;
	margin-right: 60px;
	text-transform: uppercase
}

.link {
	width: 86.3%;
	margin: auto;
}

.link a {
	display: block;
	float: left;
	height: 110px;
	margin-right:5.5%;
}

.link a:last-child {
	margin-right: 0 !important;
}

/* .link a img {
	width: auto;
} */

.copyright {
	margin: 30px auto;
	border-top: solid 1px #000;
	color: #959595;
	font-size: 15px;
	text-align: center;
	line-height: 30px;
}

.mod-box {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
}

.banner .img a {
	display: block;
	width: 100%;
	height: 100%;
}


.display-none {
	display: none;
}

.display-block {
	display: block;
}

/*二维码遮罩层*/
.mask-box {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	z-index: 60;
}

.mask-box-wrap {
	display: table-cell;
	vertical-align: middle;
}

.m-b-w-box {
	width: 600px;
	margin: 0 auto;
	padding: 10px;
	background-color: #fff;
}

.m-b-w-box-con {
	position: relative;
	border: 1px solid #454544;
	padding: 90px 0;
}

.m-b-w-box-con p {
	color: #000;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
}

.m-b-w-box-con img {
	display: block;
	width: 160px;
	height: 160px;
	margin: 30px auto 0;
}

.m-b-w-box-con .p1 {
	margin-top: 30px;
}

.m-b-w-box-con span {
	position: absolute;
	display: block;
	top: 10px;
	right: 15px;
	width: 22px;
	height: 22px;
	background: url(../images/close-p.png) 0 0 no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}

.video-h {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.video_mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 60;
	background-color: rgba(0, 0, 0, .9);
}

.video_box {
	display: table;
	width: 100%;
	height: 100%;
}

.video_mask_box {
	display: table-cell;
	vertical-align: middle;
}

.video_mask_wrap {
	position: relative;
	width: 960px;
	height: 540px;
	margin: 0 auto;
	background-color: #fff;
}

.video_close {
	position: absolute;
	top: 0px;
	right: -50px;
	width: 50px;
	height: 50px;
	background: #fff url(../images/close.png) 0 0 no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}

@media screen and (min-width:1500px) {
	.head-home .nav a {
		margin: 0 20px;
	}
}


/*  20171218   */
.head {
	position: static;
	padding: 30px 56px;
	background: #fff;
	width: 100%;
	box-sizing: border-box
}

.head .nav a {
	color: #000;
}

.second .txt-en,
.second .txt-cn {
	text-align: center;
	top: 65%;
}

.wrap {
	display: block;
	width: 89%;
	margin: 50px auto 0
}

.wrap img {
	/* max-width: 100%; */
	width: 100%;
}

.txt {
	width: 44%;
	margin-top: 10%;
}

.txt .txt-en,
.txt .txt-cn {
	color: #000;
}

.txt .txt-en {
	font-size: 42px;
	margin-bottom: 50px;
}

.txt .txt-cn {
	display: block;
	font-size: 20px;
	text-align: left;
	letter-spacing: 4px;
	line-height: 32px;
}

.txt .btn {
	color: #000;
	display: inline-block;
	border: solid 1px #000;
	margin: 48px 0 0 26%;
	cursor: pointer;
}

.txt .btn:hover {
	background: #eee;
}

.pro li {
	width: 48%;
	float: left;
	position: relative;
}

.pro li:first-child {
	margin-right: 4%;
}

.pro .txt-en,
.pro .txt-cn {
	position: absolute;
	top: 68%;
}

.pro .btn {
	position: absolute;
	top: 83%;
	left: 50%;
	margin-left: -136px;
}

.box-pro {
	margin-top: 20px;
	position: relative
}

.box-pro .txt-en {
	position: absolute;
	/* left:36%; */
	top: 66%;
	/* text-align: left; */
}

.box-pro .txt-cn {
	position: absolute;
	left: 14.5%;
	top: 65%;
	text-align: left;
}

.box-pro .btn {
	position: absolute;
	left: 50%;
	top: 80%;
}

.box-pro-r {
	margin-top: 20px;
	position: relative
}

.box-pro-r .txt-en,
.box-pro-r .txt-cn {
	position: absolute;
	/* right:38%; */
	top: 63%;
	text-align: center;
}

.box-pro-r .btn {
	position: absolute;
	left: 50%;
	top: 80%;
}

.logo-sup {
	position: absolute;
	right: 15%;
	top: 22%;
	background: url("../images/black-label/logo-sup.png") no-repeat;
	width: 18%;
	height: 160px;
	background-size: 100% auto;
}

.video {
	margin-top: 30px;
	position: static;
	height: auto;
	text-align: center;
}

.video a {
	display: block;
	float: left;
	width: 32%;
	margin-right: 2%;
	position: relative
}

.video a:last-child {
	margin-right: 0;
}

.video a .icon-play {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url("../images/icon-video.png") no-repeat center;
	background-size: 14% auto;
}

.title-video {
	color: #000;
	border-color: #000;
	width: 262px;
	margin: 50px auto;
}

.mt10 {
	margin-top: -10px;
}

.mid a {
	width: 49%;
}


/*  20171219   */
.list-pro {
	background: #eee;
	padding-top: 50px;
	margin-top: -10px;
	position: relative
}

.list-pro .wrap {
	width: 91%;
	background: #fff;
	margin-top: 0;
}

.list-pro .li {
	float: left;
	width: 33%;
	margin-right: 0.5%;
}

.list-pro .li:last-child {
	margin-right: 0;
}

.list-pro .icon-l,
.list-pro .icon-r {
	position: absolute;
	top: 42%;
	width: 89px;
	height: 89px;
	background: url("../images/icon-l-r.png") no-repeat;
	cursor: pointer;
}

.list-pro .icon-l {
	left: 4.5%;
}

.list-pro .icon-r {
	right: 4.5%;
}

.innovate {
	position: relative;
	height: 743px;
}

.innovate img {
	max-width: 100%;
	height: auto
}

.innovate .tit {
	position: absolute;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 26px;
}

.innovate .at1,
.innovate .at2,
.innovate .at3,
.innovate .at4,
.innovate .at5 {
	position: absolute;
}

.innovate .at1 {
	left: 0;
	top: 0;
	width: 38%
}

.innovate .at2 {
	left: 37%;
	top: 0;
	width: 38%;
	height: 50%;
}

.innovate .at3 {
	left: 74%;
	top: 0;
	width: 26%;
	height: 50%;
}

.innovate .at4 {
	left: 37%;
	top: 50%;
	width: 25%;
	height: 50%;
}

.innovate .at5 {
	left: 62%;
	top: 50%;
	width: 38%;
	height: 50%;
}

.innovate .at1 .tit {
	left: 0;
	top: 32%;
}

.innovate .at2 .tit {
	left: 0;
	top: 12%;
}

.innovate .at3 .tit {
	left: 0;
	top: 12%;
}

.innovate .at4 .tit {
	left: 0;
	top: 10%;
}

.innovate .at5 .tit {
	left: 0;
	top: 10%;
}

.innovate .at .tit {
	display: none;
}

.innovate .at_mask {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
}

.innovate .at1 i {
	display: block;
	background: url('../images/zhineng/icon-pic6-1.png') no-repeat;
	width: 125px;
	height: 124px;
	margin: 20px auto;
}

.innovate .at2 i {
	display: block;
	background: url('../images/zhineng/icon-pic6-2.png') no-repeat;
	width: 117px;
	height: 121px;
	margin: 20px auto;
}

.innovate .at3 i {
	display: block;
	background: url('../images/zhineng/icon-pic6-3.png') no-repeat;
	width: 155px;
	height: 122px;
	margin: 20px auto;
}

.innovate .at4 i {
	display: block;
	background: url('../images/zhineng/icon-pic6-4.png') no-repeat;
	width: 118px;
	height: 115px;
	margin: 20px auto;
}

.innovate .at5 i {
	display: block;
	background: url('../images/zhineng/icon-pic6-5.png') no-repeat;
	width: 119px;
	height: 119px;
	margin: 20px auto;
}

.innovate .att .tit2 {
	display: none;
}

#innovate .att {
	position: relative;
	float: left;
	width: 33.33%;
	height: 540px;
}

.innovate .tit2 p {
	position: absolute;
	top: 300px;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 26px;
}

.innovate .at11 i {
	display: block;
	background: url('../images/zhineng/icon-pic6-1.png') no-repeat;
	width: 125px;
	height: 124px;
	position: absolute;
	left: 50%;
	margin-left: -62.5px;
	top: 50%;
	margin-top: -112px;
}

.innovate .at22 i {
	display: block;
	background: url('../images/zhineng/icon-pic6-2.png') no-repeat;
	width: 117px;
	height: 121px;
	position: absolute;
	left: 50%;
	margin-left: -58.5px;
	top: 50%;
	margin-top: -112px;
}

.innovate .at33 i {
	display: block;
	background: url('../images/zhineng/icon-pic6-3.png') no-repeat;
	width: 155px;
	height: 122px;
	position: absolute;
	left: 50%;
	margin-left: -77.5px;
	top: 50%;
	margin-top: -112px;
}

.innovate .at44 i {
	display: block;
	background: url('../images/zhineng/icon-pic6-6.png') no-repeat;
	width: 118px;
	height: 115px;
	position: absolute;
	left: 50%;
	margin-left: -59px;
	top: 50%;
	margin-top: -112px;
}

.innovate .at55 i {
	display: block;
	background: url('../images/zhineng/icon-pic6-4.png') no-repeat;
	width: 118px;
	height: 115px;
	position: absolute;
	left: 50%;
	margin-left: -59px;
	top: 50%;
	margin-top: -112px;
}

.innovate .at66 i {
	display: block;
	background: url('../images/zhineng/icon-pic6-5.png') no-repeat;
	width: 119px;
	height: 119px;
	position: absolute;
	left: 50%;
	margin-left: -59.5px;
	top: 50%;
	margin-top: -112px;
}

#zinengB {
	width: 91%;
	overflow: hidden;
	margin: auto;
	position: relative
}

.mt20 {
	margin: 20px auto;
}

.m10 {
	margin: 10px auto;
}

.mt60 {
	margin: 50px auto;
}

.pos-r {
	position: relative;
	height: 702px;
}

.shoes {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 26%;
	background: #e9ded7;
	padding-top: 20%;
}

.shoes-pic {
	position: absolute;
	left: 26%;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

.shoes-pic .icon-l,
.shoes-pic .icon-r {
	position: absolute;
	top: 42%;
	width: 89px;
	height: 89px;
	background: url("../images/icon-l-r.png") no-repeat;
	cursor: pointer;
}

.shoes-pic .icon-l {
	left: 0;
}

.shoes-pic .icon-r {
	right: 0;
}

.acces {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	letter-spacing: 4px;
	width: 26%;
	background: #c1d8e1;
	padding-top: 20%;
}

.main {
	background: #eee;
}

.list-pic {
	padding: 20px 0 80px;
}

.list-pic ul li {
	float: left;
	width: 25%;
	padding: 4px;
	box-sizing: border-box
}

.list-pic ul li img {
	max-width: 100%;
	cursor: pointer
}

.list-pic ul li span {
	display: none;
}

.mask {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 10;
}

.mask_box {
	width: 100%;
	height: 100%;
	display: table;
}

.mask_box_table {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.mask_box_table_con {
	height: 745px;
	width: 400px;
	padding: 36px 36px 10px;
	margin: 0 auto;
	background-color: #fff;
}

.mask_box_t_c_box {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.t_c_box_con {
	position: absolute;
	left: 0;
	height: 100%;
	/*width: 200%;*/
	z-index: 10;
}

.t_c_box_wrap {
	float: left;
	height: 100%;
	/*width: 50%;*/
	/*position: relative;*/
}

.t_c_box_wrap img {
	display: block;
	max-height: 700px;
	width: auto;
	margin: auto;
}

.t_c_box_wrap p {
	font-size: 12px;
	line-height: 25px;
	text-align: center;
	/* overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap; */
	text-transform: uppercase;
}

.mask_box_t_c_box .close {
	background: url('../images/icon-close.png') no-repeat;
	width: 40px;
	height: 40px;
	background-size: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 12;
	cursor: pointer;
}

.mask_box_t_c_box .icon-l {
	position: absolute;
	top: 42%;
	left: 0;
	width: 60px;
	height: 60px;
	background: url("../images/icon-l-s.png") left no-repeat;
	z-index: 12;
	cursor: pointer;
}

.mask_box_t_c_box .icon-r {
	position: absolute;
	top: 42%;
	right: 0;
	width: 60px;
	height: 60px;
	background: url("../images/icon-r-s.png") right no-repeat;
	z-index: 12;
	cursor: pointer;
}



.wrap-img {
	display: inline-block;
	height: 90%;
	width: 33%;
	background: #fff;
	padding: 36px;
	box-sizing: border-box;
	position: absolute;
	left: 36%;
	top: 5%;
	overflow: hidden;
}

.img-big {
	position: relative;
	text-align: center;
	height: 100%;
	width: 100%;
	float: left;
}

.img-big img {
	max-height: 100%;
	width: auto
}

.img-big i {
	background: url('../images/icon-close.png') no-repeat;
	width: 71px;
	height: 71px;
	position: absolute;
	right: 18px;
	top: 18px;
}

.img-big span {
	position: absolute;
	top: 42%;
	width: 89px;
	height: 89px;
	background: url("../images/icon-l-r.png") no-repeat;
	cursor: pointer;
}

.img-big p {
	text-align: right;
	font-size: 15px;
}

.img-big .icon-l {
	left: 0;
}

.img-big .icon-r {
	right: 0;
}




.floor_box {
	position: relative;
	margin-top: 30px;
}

.floor_box_mak {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.floor_box_a {
	display: block;
}

.floor_box_img {
	display: block;
	width: 100%;
}

.s_ser_box3 {
	padding-top: 60px;
	padding-bottom: 90px;
	text-align: center;
}

.s_ser_box3_wrap {
	display: inline-block;
}

.box3_wrap_box {
	float: left;
}

.box3_wrap_box img {
	display: block;
	width: 185px;
	height: 185px;
	margin: 20px 0 30px;
}

.box3_wrap_box p {
	font-size: 15px;
	color: #000;
	text-align: center;
	line-height: 15px;
}

.box3_wrap_box2 {
	margin: 0 280px;
}

.box3_wrap_box3_p2 {
	margin: 12px 0;
}

.s_ser_bottom {
	position: relative;
}

.s_ser_bottom img {
	display: block;
	width: 100%;
}

.s_ser_bottom p {
	position: absolute;
	top: 47%;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 31px;
	letter-spacing: 16px;
	z-index: 20;
	font-family: arial;
}

.s_ser_bottom div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	z-index: 10;
}

.about_box {
	max-width: 1920px;
	margin: 0 auto;
	margin-bottom: 20px;
	height: 690px;
}

.about_l {
	float: left;
}

.about_r {
	float: right;
}

.about_box_bjimg {
	width: 62%;
	height: 100%;
}

.about_box_bjimg img {
	display: block;
	max-width: 100%;
}

.about_box_bjc {
	position: relative;
	width: 36%;
	height: 100%;
}

/* .about_box_bjc p {
	position: absolute;
	font-size: 45px;
	left: 19%;
	color: #fff;
	font-family: Impact;
	letter-spacing: 5px;
	line-height: 31px;
} */

/* .about_box_bjc em {
	display: none;
	position: absolute;
	font-size: 31px;
	left: 19%;
	top: 42%;
	color: #fff;
	letter-spacing: 16px;
	line-height: 31px;
	font-style: normal;
} */

.about_box_bjc .p1 {
	top: 42%;
}

.about_box_bjc .p2 {
	top: 47%;
}

.about_box_bjc span {
	position: absolute;
	top: 66%;
	left: 19%;
	display: block;
	width: 340px;
	height: 59px;
	line-height: 59px;
	text-align: center;
	font-size: 22px;
	color: #fff;
	font-family: Arial;
	border: 1px solid #fff;
	letter-spacing: 8px;
}

.about_box_bjc span:hover {
	background: rgba(255, 255, 255, 0.2)
}

.about_summary_con {
	width: 100%;
	background-color: #eee;
}

.about_summary_box {
	width: 71%;
	margin: 0 auto;
	background-color: #fff;
	padding: 56px;
}

.about_summary_box_p {
	font-size: 16px;
	color: #000;
	line-height: 24px;
	letter-spacing: 1.5px;
	margin-bottom: 24px;
	font-weight: 100;
}

.about_summary_box_p span {
	display: inline-block;
}

.about_video_box {
	position: relative;
	width: 98%;
	margin: 0 auto;
	height: 8.07em;
	background-color: #a0a0a0;
}

.about_video_box_btn {
	width: 100%;
	height: 100%;
	background: url(../images/icon-video.png) center center no-repeat;
	background-size: 1.47em 1.47em;
}

.about_video_box_movie {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

.about_video_box_movie video {
	display: block;
	margin: auto;
}

.about_story_con {
	background-color: #313131;
	padding: 0 1.09em 0.78em 2.05em;
	margin-bottom: 0.65em;
}

.about_story_con_top {
	width: 78%;
	padding-left: 22%;
	height: 0.56em;
	line-height: 0.56em;
}

.about_s_c_t_box {
	height: 100%;
	width: 80%;
	margin: 0 auto;
}

.about_s_c_t_box li {
	position: relative;
	float: left;
	height: 0.56em;
	width: 20%;
	text-align: center;
}

.about_s_c_t_box li a {
	position: absolute;
	width: 100%;
	height: 102%;
	left: 0;
	bottom: 0;
	color: #fff;
	font-size: 0.25em;
	cursor: pointer;
}

.about_s_c_t_box li:nth-child(1) a:hover {
	background-color: #d2167b;
}

.about_s_c_t_box li:nth-child(2) a:hover {
	background-color: #f08c00;
}

.about_s_c_t_box li:nth-child(3) a:hover {
	background-color: #f3e727;
}

.about_s_c_t_box li:nth-child(4) a:hover {
	background-color: #e50012;
}

.about_s_c_t_box li:nth-child(5) a:hover {
	background-color: #2488ca;
}

.about_s_c_t_box li:nth-child(1) .on {
	background-color: #d2167b;
}

.about_s_c_t_box li:nth-child(2) .on {
	background-color: #f08c00;
}

.about_s_c_t_box li:nth-child(3) .on {
	background-color: #f3e727;
}

.about_s_c_t_box li:nth-child(4) .on {
	background-color: #e50012;
}

.about_s_c_t_box li:nth-child(5) .on {
	background-color: #2488ca;
}

.about_story_con_btm {
	height: 14em;
}

.about_story_con_btm .left {
	float: left;
	width: 22%;
	height: 100%;
	background-color: #d2167b;
}

.about_story_con_btm .right {
	overflow-y: auto;
	float: left;
	width: 78%;
	height: 100%;
	background-color: #fff;
}

.about_story_con_btm .l_box {
	padding-top: 24px;
}

.about_story_con_btm .l_box span {
	display: block;
	font-size: 0.81em;
	line-height: 1.37em;
	text-align: center;
	color: #fff;
}

.about_story_con_btm .r_box {
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
}

.r_box {
	text-align: center;
}

.r_box p {
	text-align: left;
}

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

.about_story_con_btm .r_box p {
	font-size: 15px;
	color: #000;
	line-height: 24px;
	margin-bottom: 24px;
}

.cultrue_con_img {
	display: block;
	max-width: 92%;
	margin: 0 auto;
}

.about_culture_con {
	padding-top: 30px;
}

.culture_bj img {
	display: block;
	/* max-width: 100%; */
	width: 100%;
}

.about_summary_con .about_culture_box {
	padding-top: 50px;
}

.about_news_con {
	padding: 56px 0;
	margin-bottom: 60px;
	background-color: #313131;
}

.about_news_box {
	width: 84%;
	margin: 0 auto;
	background-color: #fff;
	height: 800px;
	overflow-y: auto;
}

.about_news_box_left {
	float: left;
	width: 22%;
	background-color: #e50012;
}

.about_news_box_right {
	float: left;
	height: 100%;
	width: 78%;
	padding-top: 30px;
}

.a_n_b_l_box {
	position: relative;
	padding: 31px 0 88px;
}

.a_n_b_l_box a {
	display: block;
	height: 186px;
	line-height: 186px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	font-style: italic;
}

.a_n_b_l_box span {
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	font-style: italic;
	margin-left: 50px;
}

.a_n_b_r_box {
	padding: 0 50px 0 29px;
}

.a_n_b_r_box_con {
	height: 186px;
	border-bottom: 1px solid #a0a0a0;
	display: block;
}

.a_n_b_r_box_con img {
	display: block;
	float: left;
	width: 248px;
	height: 186px;
}

.a_n_b_r_box_con .table_div {
	display: table;
	height: 185px;
}

.a_n_b_r_box_con .table_div .div1 {
	display: table-cell;
	vertical-align: middle;
}

.a_n_b_r_box_con .table_div .div1 p {
	/*text-align: center;*/
	padding-left: 1em;
	font-size: 22px;
	color: #000;
	font-family: 微软雅黑;
	letter-spacing: 2px;
}

.img img {
	/* max-width: 100%; */
	width: 100%;
	vertical-align: top;
}

.a_n_b_l_box_c {
	position: relative;
	padding: 31px 0 88px;
}

.a_n_b_l_box_c a {
	display: block;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	font-style: italic;
}

.a_n_b_l_box_c span {
	font-size: 30px;
	line-height: 70px;
	color: #fff;
	font-style: italic;
	margin-left: 50px;
}

.return {
	display: block;
	font-size: 14px;
	color: #000;
	position: relative;
	top: 12px;
	 width: 200px;
}

.pFixed {
	position: fixed;
	top: 0;
	left: 0;
}

.align-center {
	text-align: center
}

.mt82 {
	margin-top: 162px;
}

.mt101 {
	margin-top: 101px;
}

.load_img {
	position: fixed;
	top: 0;
	z-index: 80;
	width: 100%;
	height: 100%;
}

.newsTxt {
	width: 90%;
	margin: auto;
	font-size: 15px;
	line-height: 24px;
	text-align: center
}

.newsTxt h1 {
	font-size: 18px;
	font-weight: 600;
	text-align: left
}

.newsTxt h2 {
	font-size: 16px;
	font-weight: 600;
	text-align: left
}

.newsTxt p {
	margin: 20px 0;
	text-align: left
}

.newsTxt time {
	display: block;
	font-size: 15px;
	font-weight: 100;
	margin-bottom: 20px;
	text-align: left;
	color: #999;
}

.newsTxt img {
	max-width: 100%;
	display: block;
	margin: auto;
}

.dateList {
	position: absolute;
	right: 8px;
	top: 0
}

.dateList a {
	display: block;
	width: 280px;
	font-size: 12px;
	color: #000;
	line-height: 18px;
	border-bottom: solid 1px #acaaab;
	padding: 10px 0;
}

.beishu {
	color: #363532;
	border-bottom: solid 1px #e8a0a9;
	padding-bottom: 8px;
}

.video-pic {
	width: 91%;
	margin: auto;
	padding-top: 40px;
}

.video-pic a {
	display: block
}

.video-pic a img {
	float: left;
	width: 49%;
}

.video-pic-tree {
	width: 89%;
	margin: auto;
	padding-top: 40px;
}

.video-pic-tree a {
	display: block
}

.video-pic-tree a img {
	float: left;
	width: 30%;
	margin-right: 5%;
}

.video-pic-tree1 {
	width: 89%;
	margin: auto;
	padding-top: 40px;
}

.video-pic-tree1 a {
	display: block
}

.video-pic-tree1 a img {
	float: left;
	width: 48%;
	margin-right: 4%;
}

@media screen and (min-width:1910px) {
	.box-pro .txt-cn {
		left: 6.3%
	}

	.box-pro-r .txt-cn {
		right: 6%
	}

	.logo-sup {
		right: 15%
	}
}

@media screen and (min-width:1441px) and (max-width:1680px) {
	.box-pro .txt-cn {
		left: 36%
	}

	.box-pro-r .txt-cn {
		right: 30.5%
	}

	.logo-sup {
		right: 17%
	}
}

@media screen and (min-width:1367px) and (max-width:1440px) {
	.box-pro .txt-cn {
		left: 9.6%
	}

	.box-pro-r .txt-cn {
		right: 8.8%
	}

	.logo-sup {
		right: 18%
	}
}

@media screen and (min-width:1281px) and (max-width:1366px) {
	.box-pro .txt-cn {
		left: 10%
	}

	.box-pro-r .txt-cn {
		right: 9.2%
	}

	.logo-sup {
		right: 19%
	}
}

@media screen and (min-width:1153px) and (max-width:1280px) {
	.box-pro .txt-cn {
		left: 11.2%
	}

	.box-pro-r .txt-cn {
		right: 11.6%
	}

	.logo-sup {
		right: 20%
	}
}

@media screen and (min-width:1025px) and (max-width:1152px) {
	.box-pro .txt-cn {
		left: 13%
	}

	.box-pro-r .txt-cn {
		right: 13.4%
	}

	.logo-sup {
		right: 21%
	}
}

/* 20180910 */
.mt10_div {
	position: absolute;
	top: 30%;
}

.videobox {
	width: 91%;
	margin: auto;
}

/*20190712*/
.nav_top {
	height: 30px;
	background: #eee;
	width: 100%;
}

.pFixed {
	z-index: 3;
	width: 100%;
}

.mt168 {
	margin-top: 190px;
}

.search_box {
	margin-left: 130px;
}

.search_box img {
	display: block;
	width: 18px;
	height: 18px;
	margin-top: 6px;
}

.search {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	outline: medium;
	background-color: transparent;
	border: none;
	border-bottom: #000000 1px solid;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	text-indent: 10px;
	margin-top: 5px;
	margin-left: 5px;
}

.nav_a_box {
	margin-right: 130px;
}

.nav_a_box img {
	display: block;
	width: 22px;
	height: 22px;
	margin-top: 5px;
	margin-right: 20px;
}

.mgr0 {
	margin-right: 0;
}

.head-home .logo {
	background-image: url(../images/new_logo.png);
}

.head-home .nav {
	margin-top: 30px;
	width: 75%;
}

.head-home .nav a {
	float: left;
	margin: 0 10px;
}

.head-home .nav a span {
	width: 115px;
	text-align: center;
}

.head-home .logo {
	width: 21.9%;
	max-width: 300px;
}



/* .title_line{
	background: #fff;
	height: 1px;
	width: 80px;
	margin: 10px auto;
	transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition:all 1s;
} */
/* .title_line1 {
	background: #fff;
	height: 1px;
	width: 0px;
	margin: 10px auto;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition:all 1s;
} */
/* #underline1{
            width: 80px;
            height: 2px;
            background:#fff;
            margin: 20px auto;
            position: relative;
        }
#underline1:after{
            content: "";
            width: 0;
            height: 5px;
            background:#f00;
            position: absolute;
            top: 100%;
            left: 50%;
            transition: all .8s;
        }
#underline1:hover:after{
            left: 0%;
            width: 100%;
        } */

.navigation-tab-head {
	position: relative
}
.navigation-tab-head ul{
	position: absolute;
	top:30px;
	left: 0;
	background: #fff;
	width: 130px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	box-sizing: border-box;
}
.navigation-tab-head ul li{
	font-size: 14px;
	line-height: 30px;	
}
.navigation-tab-head ul li a{
	text-align: left !important;
}
.navigation-tab-head:after {
	position: absolute;
	bottom: 0;
	width: 100%;
	display: block;
	content: "";
	border-bottom: .125rem solid #000;
	transform: scaleX(0);
	opacity: 0;
	transition: all .2s ease-out;
	transition-property: transform, opacity
}

.navigation-tab-head:hover:after {
	transform: scaleX(1);
	opacity: 1
}

.navigation-tab-head:first-child:active,
.navigation-tab-head:first-child:after {
	border-bottom: .125rem solid red;
}

.navigation-tab-head:nth-child(2):active,
.navigation-tab-head:nth-child(2):after {
	border-bottom: .125rem solid #f08c00;
}

.navigation-tab-head:nth-child(3):active,
.navigation-tab-head:nth-child(3):after {
	border-bottom: .125rem solid #f4e727;
}

.navigation-tab-head:nth-child(4):active,
.navigation-tab-head:nth-child(4):after {
	border-bottom: .125rem solid #9dbc19;
}

.navigation-tab-head:nth-child(5):active,
.navigation-tab-head:nth-child(5):after {
	border-bottom: .125rem solid #1a499b;
}

.navigation-tab-head:nth-child(6):active,
.navigation-tab-head:nth-child(6):after {
	border-bottom: .125rem solid #2588cb;
}

.navigation-tab-head:nth-child(7):active,
.navigation-tab-head:nth-child(7):after {
	border-bottom: .125rem solid #d3167c;
}

.title_s {
	font-size: 14px;
	text-align: center;
	color: #fff;
	font-family: arial;
	letter-spacing: 400;
	width: 200px;
	margin: 0 auto;
	position: relative;
}

.title_s:after {
	position: absolute;
	top: 0;
	width: 100%;
	display: block;
	content: "";
	border-top: .125rem solid #fff;
	transform: scaleX(0.7);
	opacity: 1;
	transition: all .2s ease-out;
	transition-property: transform, opacity
}

.title_s:hover:after {
	transform: scaleX(1);
	opacity: 1
}

.title_line {
	position: absolute;
	top: 69.5%;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	height: 1px;
	background: #fff;
}
.title_line1 {
	position: absolute;
	top: 55%;
	left: 20%;
	width: 60px;
	height: 1px;
	background: #fff;
}
.btn_new{
	position: absolute;
    top: 69%;
    left: 50%;
    margin-left: -105px;
	color: #fff;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 6px;
    font-family: arial;
	padding-top: 20px;
    width: 210px;
    height: 49px;
    box-sizing: border-box;
}
.about_box_bjc .btn_new{
	position: absolute;
	top: 60%;
	left: 19%;
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 6px;
	font-family: arial;
	padding-top: 20px;
	margin-left:0;
	width: 185px;
	height: 49px;
	box-sizing: border-box;
}

.arrow_right12 {
				width: 50px;
				height: 50px;
				background: #000000;
				line-height: 50px;
				display: inline-block;
				vertical-align: middle;
				position: absolute;

			}
.arrow_right_p1{
	left: 21%;
	top:58.7%;
}
.arrow_right_p2{
	right: 8%;
	top:80%;
}
.arrow_right_p3{
	left: 18%;
	top:80%;
}
.arrow_right_p4{
	right: 8%;
	top:42%;
}
.arrow_right12_source {
				fill: #fff;
				background: #000;
				width: 20px;
				height: 20px;
				margin-top: 15px;
				margin-left: 15px;
			}
.arrow_right12:hover svg {
				animation: l_link-item-arrow-right-bubble 700ms ease-in-out normal;
			}

@keyframes l_link-item-arrow-right-bubble {
				from {
					transform: translate3d(0, 0, 0)
				}

				25% {
					opacity: 0;
					transform: translate3d(1.5625rem, 0, 0)
				}

				50% {
					opacity: 0;
					transform: translate3d(-1.5625rem, 0, 0)
				}

				75% {
					opacity: 1;
					transform: translate3d(0, 0, 0)
				}

				to {
					transform: none
				}
			}


.link_follow{
	background: #fff;
	padding-bottom: 16px;
}

.link_follow p {
	font-size: 20px;
	color: #333;
	text-align: center;
	padding: 66px 0 66px;
	letter-spacing: 4px;
}

.link_follow span {
	letter-spacing: 6px;
	margin-right: 60px;
	text-transform: uppercase
}

.link_fol {
	width:680px;
	margin: auto;
}

.link_fol a {
	display: block;
	float: left;
	height: 88px;
	margin-right: 70px;
}

.link_fol a:last-child {
	margin-right: 0 !important;
}

.link_fol a img {
	width: auto;
}
.copyright{
	padding-top: 10px;
}

/*黑标2019.7.16*/

.box-pro-r1 {
    margin-top: 20px;
    position: relative;
}
.box-pro-r1 .txt-en,
.box-pro-r1 .txt-cn {
	position: absolute;
	top: 58.5%;
	width:100%;
	text-align: center;
}
/* .width90{
	width: 90%;
	margin: 0 auto;
} */
.list-pic1 {
	width: 90%;
	margin: 0 auto;
}

.list-pic1 ul li {
	float: left;
	width: 33.3%;
	padding: 4px;
	box-sizing: border-box
}

.list-pic1 ul li img {
	max-width: 100%;
	cursor: pointer
}

.list-pic1 ul li span {
	display: none;
}
.about-title{ 
	margin-top: 40%;
	text-align: center;
    font-size: 45px;
    color: #fff;
    font-family: Impact;
    letter-spacing: 5px;
    line-height: 31px;
}

.about_box_bjc em {
	text-align: center;
    font-size: 32px;
    color: #fff;
    font-family: Impact;
    letter-spacing: 5px;
    line-height: 31px;
	 font-style: normal;
}

.line1{
	height: 1px;
	background: #fff;
	width: 100px;
	margin: 0 auto;
	margin-top: 50px;
}
.explore{
	color: #fff;
	text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    letter-spacing: 6px;
    font-family: arial;
	margin-top: 50px;
}

@font-face {
		        font-family: myFont;
		        src:url("../font/840-CAI978.ttf"),
		             url("../font/DIDOTLTSTD-BOLD.eot");
		     }
.about-img-box{
	position: relative;
}
.about-title-p{
	position: absolute;
	top:0;
}
.t-f-r{
	right:0;
}
.t-f-l{
	left:0;
}
.about-title1{
    text-align: center;
    font-size: 64px;
    color: #fff;
    letter-spacing: 5px;
    line-height: 64px;
	position:absolute;
	top:50%;
	margin-top: -135px;
	width: 100%;
    }
	.about_box1 {
    max-width: 1920px;
    margin: 0 auto;
    margin-bottom: 20px;
   }
   .bg-gray{
	   background-image: url(../images/2020W/protective-suit/bg-gray.jpg);
		background-size: 100%;
   }
   .magrin-top0{
	   margin-top: 0px;
   }
   .img-btn{
	   width: 50%;
	   float: left;
	   display: block;
   }
   .img-btn img{
   	   width: 70%;
   	   display: block;
	   margin:  0 auto;
	   margin-top: 40px;
	   margin-bottom: 40px;
   }
   
   .web-covers {
       background: url(../images/2023SP/index/web-cover.svg) no-repeat;
       background-size: 100% auto;
       background-position: center;
       z-index: 999;
       position: fixed;
       right: 50px;
       bottom: 60px;
       width: 80px;
       height: 400px;
   }
   
   .web-covers > div, .web-covers > a {
       display: block;
       position: absolute;
       width: 100%;
       height: 33.3%;
       right: initial;
       bottom: initial;
       left: 0;
       cursor: pointer;
   }
   
   .web-covers > .cover-top {
       top: 0;
   }
   
   .web-covers > .cover-cart {
       top: 33.3%;
   }
 .web-covers > .cover-phone {
     top: 66.6%;
 }
   

 .contact-us-box{
	display: flex;
	height: 140px;
	width: 100%;
	position: absolute;
	bottom: 0;
 }
 .contact-us-item{
	flex: 1;
	height: 100%;
 }