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

#gh {
	float: right;
	height: 34px;
	width: 52px;
	left: 50%;
	top: 38px;
	position: absolute;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor: pointer;
	z-index: 9999;
	display: none;
}

#gh.selected {
	transform: rotate(90deg);
}

#gh a {
	background-color: #ffcc33;
	display: block;
	height: 5px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px;
}

#gh a:after,
#gh a:before {
	background-color: #ffcc33;
	content: "";
	display: block;
	height: 5px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px;
}

#gh a:after {
	top: 12px;
}

#gh a:before {
	top: -12px;
}

#gh.selected a:after,
#gh.selected a:before {
	top: 0;
}

#gh.selected a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
	background: #ffcc33;
}

#gh.selected a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
	background: #ffcc33;
}

#gh.selected a {
	background-color: transparent !important;
}

.selected {
	overflow: visible;
}

.selected .nav {
	display: block;
	z-index: 111;
	position: absolute;
	left: 0;
	top: 80px;
	right: 0;
	margin: 0;
}

.selected .nav li a {
	text-align: center;
	width: auto;
	display: block;
	background: rgba(255, 255, 255, 0.9);
	margin: auto;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	line-height: 50px;
	padding: 0;
}

.selected .nav li a {
	color: #000000;
}

.selected .nav .selected a {
	border-bottom-color: #73e5b1;
}





@media only screen and (max-width:1700px) {
	.new-lists li .txt{
		margin-left: 50px;
	    width: 60%;
	}
}



@media only screen and (max-width:1400px) {
	.page2 .body li.selected::after,
	.page2 .body li::after{
		width: 15px ;
		height: 100px;
		background-size: 15px 100px;
	}
.page2 .body li:hover:after,
.page2 .body .selected:after{
	background: url(../images/zys_img109.png) no-repeat center;
		width: 15px ;
		height: 100px;
		background-size: 15px 100px;
}
	.page2 .body li span{
		font-size: 14px;
		line-height: 20px;
	}
	.p5-txt .bd p br{
		display: none;
	}
	.p5-txt .bd p{
		height: 60px;
		overflow: hidden;
	}
.r-txt{
	position: absolute;
	top: 50px;
	right: 80px;
	width: 300px;
	height: 300px;
	padding-top: 38px;
	padding-left: 42px;
	background-color: #e61020;
}
.r-txt .txt h4{
	margin-top: 10px;
	font-size: 17px;
}

}
@media only screen and (max-width:1220px) {
	body{
		/*margin: 0 auto;*/
		/*width: 640px;*/
		background-color: #f3f3f3;
	}
	.sidebar{
		position: fixed;
		height: 107px;
		width: 640px;
		padding: 0;
		left: 50%;
		margin-left: -320px;
	}
	#gh{
		/*display: none;*/
		float: none;
		left: auto;
		right: 32px;
		display: block;
	}
	
	.sidebar .logo{
		display: none;
	}
	.logo-re{
		display: block;
		position: absolute;
		left: 30px;
		top: 20px;
	}
	.nav{
		position: absolute;
		top: 107px;
		left: 0;
		right: 0;
		display: none;
		margin-top: 0;
		padding-left: 0;
	}
	.nav li{
		border-top: 1px solid #e60012;
		text-align: center;
		width: 100%;
		background: rgba(0,0,0,0.8);
	}
	.nav li a{
		font-size: 26px;
		line-height: 1.7;
		display: block;
		padding:8px 0;
		color: #fff;
	}
	.contact-us{
		display: none;
	}
	.header{
		display: none;
	}
	.layout{
		width: 640px;
		position: absolute;
		left: 50%;
		margin-left: -320px;
	}
	.section{
		width: 100%;
	}
	#fp-nav.right{
		display: none;
	}
	.h-banner{
	}
	.fp-controlArrow{
		display: none;
	}
	.page2 .body ul{
		padding: 0;
	}
	.page2 .body li{
		width: 470px !important;
		margin: 0 15px;
	}
	.page2 .fp-tableCell{
		height: 634.5px !important;
	}
	.page2 .fp-slides{
		padding-left: 70px;
	}
	#fp-nav ul li a span, 
	.fp-slidesNav ul li a span{
		width: 5px;
		height: 5px;
		background-color: transparent;
		border: 2px solid #cccccc;
	}
	#fp-nav ul li a.active span, 
	.fp-slidesNav ul li a.active span, 
	#fp-nav ul li:hover a.active span, 
	.fp-slidesNav ul li:hover a.active span{
		border: none;
		width: 11px;
		height: 11px;
		background-color: #ffcc33;
		top: 10px;
	}
	.fp-slidesNav{
		bottom: 40px !important;
	}
	.page3{
		overflow: hidden;
	}
	.p3-txt{
		width: 492px;
		margin-left: -246px;
	}
	.page3 .txt{
		margin-top: 50px;
	}
	.page3 .body{
		margin-top: 40px;
	}
	.page3 .body li{
		margin: 0;
		margin-right: 90px;
		margin-bottom: 54px;
	}
	.page3 .body ul{
	    padding-left: 68px;
	    width: 120%;
	}
	.page4 .body ul{
		padding-left: 0;
	}
	.page4 .body li{
	    width: 309px !important;
		height: 580px;
    	margin: 0 15px;
	}
	.page4 .fp-tableCell{
		height: 580px !important;
	}
	.page4 .fp-slides{
		padding-left: 125px;
	}
	.page5 .item{
		overflow: hidden;
	    width: 640px;
	}
	.p5-txt{
		width: 395px;
		margin: 0 auto;
		right: 0;
	}
	.p5-txt .ft{
		margin-top: 100px;
	}
	.p5-txt .ft ul{
		padding-left: 0;
	}
	.p5-txt .ft li a{
		width: 165px;
		background: url(../images/zys_img72.png) no-repeat 168px center;
	}
	.page6 .h-contact .map img{
		width: 640px;
		height: 555px;
	}
	.r-txt{
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 185px;
		background-color: rgba(230,16,32,.9);
	}
	.f-cont-us{
		display: block;
		margin-top: 105px;
	}
	.f-cont-us .copyright p{
		font-size: 18px;
		color: #666666;
		text-align: center;
	}
	.f-cont-us ul{
		text-align: center;
		/*overflow: hidden;*/
	    margin-top: 20px;
	}
	.f-cont-us li{
		/*float: left;*/
		display: inline;
		margin-right: 22px;
	}
	.f-cont-us li a{
		display: inline-block;
		width: 48px;
		height: 49px;
	}
	
	/*2品牌1-品牌故事 开始*/
	.layout{
		margin-top:107px ;
	}
	.ui-tab-th{
		width: 640px;
	}
	.ui-tab-th li a{
		width: 100%;
		font-size: 24px;
		display: block;
	}
	.ui-tab-th li.selected a, .ui-tab-th li:hover a{
		font-size: 24px;
	}
	.ui-tab-th li.selected em, .ui-tab-th li:hover em{
		width: 100%;
	}
	.ui-tab-tb{
		margin-top: 0;
	}
	.ui-tab-tb .img {
	}
	.brand-story ul li .r{
		width: auto;
	}
	.ui-tab-tb .img img{
		height: auto;
		width:100% !important;
	}
	.ui-tab-tb .img .tit img{
		width: 70%;
		margin-top: 37px;
	}
	.ui-tab-tb .tit{
		left: auto;
		width: 150px;
		height: 150px;
		right: 75px;
	}
	.join-in tr .spacing{
		padding: 40px 20px;
	}
	.ui-tab-tb .tit h4{
		display: none;
	}
	.ui-tab-tb .tit .ico img{
		width: 60%;
		margin-top: 20px;
	}
	.ui-tab-tb em{
		left: 30px;
		background-size: 40px 30px;
	}
	.brand-story ul {
	    margin: 30px 0;
	}
	.brand-story{
		padding: 100px 30px 0;
	    /*background: url(../images/zys_img101.png) no-repeat center;*/
	}
	.brand-story li .img{
		height: 329px;
	}
	.brand-story ul li .l{
		float: none;
		width: auto;
	}
	.brand-story ul li .r{
		float: none;
	}
	.ui-tab-tb .brand-story .img img{
		width: 580px;
	}
	.brand-story ul li .txt{
		padding: 0;
	    width: 580px;
	}
	.brand-story ul li{
		border: none;
		height: auto;
	}
	
	.top{
		display: block !important;
		margin-top: 55px;
		text-align: center;
	}
	
	/*2品牌1-品牌故事 结束*/
	
	/*2品牌2-品牌溯源 开始*/
	.brand-history{
	    padding: 155px 30px 54px;
	}
	.brand-history li .bd p{
		font-size: 18px;
		line-height: 24px;
	}
	.brand-history ul{
		margin-top: 40px;
	}
	.brand-history li{
		margin-bottom: 50px;
	}
	.brand-history li .img{
		position: static;
		width: auto;
		height: auto;
		text-align: center;
	}
	.brand-history li .img img{
		display: inline-block;
	}
	.brand-history li .txt{
		margin-top: 15px;
	}
	.top-b2{
		margin-top: 95px;
	}
	/*2品牌2-品牌溯源 结束*/
	
	/*2品牌3-品牌荣誉1 开始*/
	.brand-honor .hd{
		margin: 43px 0;
	}
	.brand-honor .bd{
		padding: 0 30px;
	}
	.brand-honor .bd .txts{
		float: none;
	}
	.brand-honor .bd .imgs {
	    float: none;
	    margin-right: 0;
	    margin-top: 40px;
	    width: auto;
	}
	.brand-honor .bd .imgs ul{
		overflow-y: hidden;
		height: auto;
	}
	.brand-honor .bd .imgs ul li{
		float: none;
		margin-right: 0;
		margin-bottom: 35px;
		width: auto;
	}
	.brand-honor .bd .imgs .img{
		text-align: center;
	}
	.brand-honor .bd .imgs .img img{
		display: inline-block;
		width: auto;
	}
	.brand-honor .bd .imgs h4{
		margin-top: 18px;
		font-size: 18px;
		line-height: 22px;
	}
	/*2品牌3-品牌荣誉1 结束*/
	
	/*2品牌3-品牌荣誉2 开始*/
	.brand-honor .lists{
		padding: 0 30px;
	}
	.brand-honor .lists li{
		width: 580px;
	}
	.brand-honor .lists li .txt{
		padding: 55px 22px 40px;
	}
	.brand-honor .lists li .tx h4{
		font-size: 20px;
	    width: 365px;
	}
	/*2品牌3-品牌荣誉2 结束*/

/*8.14*/

.brand-video{
	padding: 0;
}
.introduction .article .hd h2{
	line-height: 1.7;
	margin-top: 160px;
}
.introduction .article .bd p{
	font-size: 24px;
	line-height: 1.5;
	padding: 0 20px;
}
.introduction{
	padding: 0 0 165px;
}
.introduction .article .hd{
	height: auto;
}
.int-tab .int-tah li{
	display: inline-block;
	height: 65px;
	width: 22%;
}
.int-tab .int-tah li a{
	width: 100%;
	display: block;
	font-size: 16px;
}
.int-tab .int-tah ul{
	text-align: center;
}
.intr-one li{
	padding: 5% ;
	height:380px ;
}
.intr-two li{
}
.intr-three{
	text-align: center;
}
.intr-three li{
	min-height: 180px;
	display: inline-block;
	width: 240px;
	padding:40px;
}
.intr-four li{
	width: 22%;
	padding: 40px 0;
}
.intr-three h4{
	height: 50px;
}
.intr-three p{
	text-align:left;
}
.intr-two li{
	width: 610px;
	padding: 40px 15px 10px;
}
.intr-four li{
	width: 183.333px;
	padding: 0 15px;
	height: 400px;
}
.h85{
	height:260px;
}
.intr-four li p{
	font-size: 18px;
}
.h75{
	height: 260px;
}
.pt50{
	padding-top: 40px;
}
.h95{
	height: 260px;
	padding-top: 40px !important;
}
.intr-one li p{
	font-size: 18px;
	line-height: 1.6;
	max-height: none;
}
.intr-one li h4{
	font-size: 24px;
	height: 80px;
}
.intr-two li h4{
	font-size: 24px;
}
.intr-two li p{
	font-size: 18px;
}
.intr-two li{
	height: 160px;
}
.brand-story p{
	font-size: 18px;
	line-height: 1.6;
}
.brand-honor .bd .txts li{
	font-size: 24px;
	line-height: 2;
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.brand-video .lists .next, .brand-video .lists .prev{
	display: none;
}
.BMap_mask{
	margin: 0 auto !important;
	width: 100% !important;
}
.left{
	float: none;
}
.right{
	float: none;
}
.contact-way .left{
	width: 100%;
}
.contact-way .right{
	width: auto;
	margin: 0;
}
.contact-way .right .txts h2{
	margin-bottom: 0;
}
.contact-way .right .txts p{
	font-size: 20px;
	line-height: 1.6;
}
.talents-wrap .aside li a{
	width: auto;
}
.talents-wrap .aside{
	float: none;
	width: 100%;
	margin-top: 30px;
}
.talents-wrap .main{
	width: 100%;
	float: none;
}
.talents-wrap .main .join-us ul{
	height: auto;
	overflow: hidden;
}
.talents-wrap .main .join-us li{
	font-size: 20px;
}
.join-us .txt h4{
	font-size: 20px;
}
.join-us .txt p{
	font-size: 20px;
	line-height: 1.6;
}
.join-us .e-mail h4{
	font-size: 20px;
}
.join-us .e-mail p{
	font-size: 26px;
}
.h-adv .b-img,
.h-banner .b-img{
	width: 400%;
	margin-left: -200%;
}
.page1 .txt{
	font-size: 18px;
	line-height: 1.6;
}
.page1 .txt br{
	display: none;
}
.section .ui-head{
	padding: 15px 0;
}
.page3 .txt p{
	font-size: 18px;
	line-height: 1.8;
}
.h-project .h-eng{
	display: none;
}
.p5-txt .ft li{
	width: 40%;
	float: none;
	display: inline-block;
	margin: 0 4%;
}
.p5-txt .ft ul{
	text-align: center;
}
.p5-txt .ft li a{
	width: auto;
	display: block;
	background: rgba(0, 0, 0, 0) url("../images/zys_img72.png") no-repeat right 8%  center;
}
.join-in .lists .bd li{
	line-height: 1.7;
	overflow: hidden;
	height: 100px;
}
.join-in .lists .bd .img{
	float: left;
	width: 30px;
	margin-top: 20px;
}
.join-in .lists .bd table{
	height: 100%;
}
.join-in .lists .bd span{
	float: left;
	display: block;
	width: 400px;
	margin-left: 20px;
}
.join-in{
	padding: 60px 0 0 0;
}
.ui-tab-tb .tit .ico{
	margin-top: 38px;
}
.ui-tab-th01 li{
	width: 33.33%;
}
.store-map .map{
	width: 100%;
}
.store-map .right{
	margin: 0 auto;
}
.store-map .right .srch li em{
	left: auto;
}
.store-map .right .txt h4{
	font-size: 20px;
}
.store-map .right .txt p a{
	font-size: 20px;
	line-height: 1.7;
}
.store-map .right .srch .subm{
	font-size: 20px;
}
.new-lists li .img img{
	width: 100%;
	height: auto;
}
.new-lists li .txt{
	width: auto;
	margin:15px 30px;
}
.ui-pages li .subm, .ui-pages li a{
	padding: 0 12px;
}
.new-detail{
	padding: 70px 30px;
}
.new-detail .body p{
	font-size: 20px;
	line-height: 1.7;
}
.layout{
	padding: 0;
}
.pro-type .pro-tit p{
	font-size: 20px;
	line-height: 1.7;
}
.pro-type .pro-tit{
	height: auto;
	background-size: cover;
	padding-bottom: 20px;
}

.pro-type .pages h4{
	font-size: 24px;
	line-height: 1.7;
	padding-right: 15px;
}
.pro-lists .img{
	width: 300px;
	margin-right:43px;
}
.pro-lists .sub{
	display: none;
}
.pro-lists .txt{
	margin: 0;
}
.pro-detail .pro-img .img{
	float: none;
	width: 100%;
	background-size:300px;
	background-position: left 200px top 70px;
	height: 200px;
}
.pro-detail .pro-img .img img{
	left: 0;
	right: 0;
	margin: 0 auto;
}
.pro-detail .pro-img .txt{
	width: auto;
	padding: 40px;
}
.pro-detail .pro-img{
	height: 800px;
}
.ui_back a{
	margin-top: 320px;
}
.pro-detail .pro-img .txt ul{
	margin-top: 30px;
}
.pro-detail .pro-img .txt h5, .pro-detail .pro-img .txt h5 span{
	font-size: 20px;
}
.pro-detail .pro-img .txt h5 big{
	font-size: 34px;
}
.pro-detail .pro-img .txt li{
	font-size: 20px;
	line-height: 2;
}
.pro-detail .pro-txt{
	padding: 0 30px;
	height: 650px;
}
.pro-detail .pro-txt .item{
	width: auto;
}
.pro-detail .pro-txt .item p{
	font-size: 20px;
	line-height: 1.7;
}
.pro-detail .pro-txt .item h2{
	font-size: 30px;
	line-height: 1.7;
}
.pro-lists01 li{
	height: 540px;
}
.pro-lists .img{
	height:240px ;
}
.tea-survey{
	padding: 100px 30px 182px;
}
.tea-survey p{
	font-size: 20px;
	line-height: 1.7;
}
.ui-tab-tb .aside a{
	display: block;
}
.talents-wrap .main .img{
	padding-bottom: 40px;
}
.talents-wrap{
	padding-top: 30px;
}
.tech3 .talents-list li .hd{
	width: auto;
}
.tech3 .talents-list li .bd{
	width: auto;
}
.tech3 .talents-list li .bd p{
	font-size: 20px;
	line-height: 1.6;
	padding: 10px 0;
}
.safe .sub .txt{
	width: 500px;
	margin-left: 5px;
}
.safe .sub li{
	overflow: hidden;
	float: none;
	width: 100%;
	height: 240px;
}
.safe .sub{
	padding: 60px 30px 0;
}
.safe .sub .num{
	height: 240px;
	line-height: 240px;
}
.safe .sub li .txt p{
	font-size: 20px;
	line-height: 1.7;
}
.foot-txt{
	padding: 70px 30px 0;
}
.join-in .ft{
	padding: 40px 30px;
}
.new-detail .head h4{
	font-size: 20px;
}
.join-in .table{
	margin-top: 24px;
	overflow-x: scroll;
}
.brand-video .lists .list{
	margin-bottom: 150px;
}
.ui-tab-tb .big_img img{
	width: 100%;
}
.ui-tabb{
	margin-bottom: 150px;
}
.foot-txt p{
	font-size: 20px;
	line-height: 1.7;
}
.join-in .table01 table{
	width: 1456px;
}
.h-layout{
	padding: 0 !important; 
}
.section{
	padding-top:0 !important;
}
.h_btn{
	display: none;
}
.page4 li .img{
	overflow: hidden;height:auto;
}





/*11.6新增开始*/
.introduction-ly .p{font-size: 18px;line-height: 28px;border-bottom: 1px dashed #dcdcdc;padding-bottom: 33px;}
.introduction-ly h2{text-align: center;}
.introduction-ly h2 span{font-size: 20px;margin-top: 33px;}
.introduction-ly .in-l1 p{margin-top: 30px;font-size: 18px;line-height: 28px;}
.introduction-ly .in-l1 .img{margin: 0;}
.introduction-ly .in-l1 .img .rt,
.introduction-ly .in-l1 .img .lt{width: 100%;float: none;margin-top: 25px;}
.introduction-ly .in-l2 li .ico{width: 16%;}
.introduction-ly .in-l2 li .text{width: 84%;}
.introduction-ly .in-l2 li .text h4{font-size: 18px;line-height: 28px;padding-bottom: 30px;}
.introduction-ly .in-l3-bd .img{width: 100%;float: none;}
.introduction-ly .in-l3-bd .txt{width: 100%;float: none;position: static;overflow: hidden;padding-bottom: 6%;}
.introduction-ly .in-l3-bd .txt h5{margin-top: 5%;font-size: 18px;line-height: 28px;}
.ui-tabb-l{padding-bottom: 20px;margin: 0;}
.introduction-ly .in-l-nav li{margin: 0 7px;}
.introduction-ly .in-l1{display: none;}
.introduction-ly .in-l2{display: block;}
.introduction-ly .in-title{text-align: center;font-size: 24px;}
.introduction-ly .in-l-table td{height: 65px;}
.introduction-ly{padding:106px 4% 0 ;}
.introduction-ly .p1{font-size: 18px;line-height: 28px;}
.introduction-ly .in-l-bm li .ly-b-ico{width: 16%;}
.introduction-ly .in-l-bm li h2{text-align: left;}
.introduction-ly .in-l-bm li .text{width: 84%;}
.introduction-ly .in-l-bm li p{font-size: 18px;line-height: 28px;}
.introduction-ly .in-l-z .text{width: auto;float: none;}
.introduction-ly .in-l-z .img{width: auto;float: none;position: static;margin-top: 10px;}
.introduction-ly .in-l-zx h2 span{font-size: 20px;}
.introduction-ly .in-l-z h3{font-size: 20px;padding-top: 25px;margin-bottom: 25px;}
.introduction-ly .in-l-z p{font-size: 18px;line-height: 28px;}
.introduction-ly .in-l-z .img .i-b{padding: 0;display: block;}
.introduction-ly .in-l-z .img .i-b img{width: 100%;}
.introduction-ly .in-l-z .img span{font-size: 19px;line-height: 62px;}
.introduction-ly .in-l-z{padding-bottom: 35px;margin-top: 0;}
.introduction-ly .in-l-zx5 .img .i-b{display: inline-block;width: 45%;}
.introduction-l-map{margin: 0;padding: 0;}
.introduction-l-map .in-l-map{width: auto;float: none;}
.introduction-l-map .in-l-map #allmap{height: 395px !important;}
.introduction-l-map .in-m-text{float: none;width: auto;}
.introduction-l-map .in-m-text h2{font-size: 30px;}
.introduction-l-map .in-m-text p{font-size: 24px;line-height: 38px;}
.introduction-l-map .in-m-text li{height: auto;padding-bottom: 40px;}
.introduction-l-map .in-m-text h3{font-size: 28px;line-height: 80px;}
/*11.6新增结束*/
}