*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
a{
	text-decoration: none;
	color: #333;
}
li{
	list-style: none;
}
img{
	display: initial;
	vertical-align: middle;
	max-width: 100%;
}
input,button,select,textarea{outline:none}
textarea{resize:none}

.header_box{
	position: absolute;
}
.header_box .language{
	color: #fff;
}
.header_triangle{
	border-top: 6px solid rgb(255, 255, 255);
}

.footer_box{
	height: auto;
}
.footer_box .footer_1 .right{
	padding-bottom: 30px;
}
.footer_box .footer_1 .right{
	overflow: hidden;
}
.footer_box .footer_bottom .txt{
	padding-top: 25px;
	padding-bottom: 70px;
}
@media screen and (max-width: 1200px){
	.footer_box .footer_1 .right{
		border: 0;
	}
	.footer_box .footer_1 .right{
		overflow: initial;
	}
	.footer_box .footer_bottom .txt{
		padding-top: 20px;
		padding-bottom: 30px;
	}
}
@media screen and (max-width: 750px){
	.footer_box .footer_bottom .txt{
		padding-top: 10px;
		padding-bottom: 15px;
	}
}


.gy-ban{
	position: relative;
}
.gy-ban>img{
	width:100%;
}
.gy-ban .swiper_btn{
	position: absolute;
	left: 50%;
	bottom: 45px;
	z-index: 19;
}
.gy-ban-div{
	width: 100%;
	padding: 0 5%;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	color: #fff;
}
.gy-ban-a{
	font-size: 48px;
	line-height: 1.2;
}
.gy-ban-b{
	font-size: 18px;
	line-height: 1.2;
	font-family: arial;
	text-transform: uppercase;
	margin-top: 20px;
	font-weight: 100;
}


.max1440{
	width: 92%;
	max-width: 1440px;
	margin: 0 auto;
}



.about-ab{
	overflow: hidden;
	padding-top: 130px;
}
.about-a{
	width: calc(100% - 810px);
	float: left;
	max-width: 580px;
}
.about-a1{
	font-size: 36px;
	color: #524d47;
	line-height: 42px;
	font-weight: bold;
}
.about-a2{
	margin-top: 15px;
	margin-bottom: 40px;
}
.about-a3{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	min-height: 300px;
	text-align: justify;
}
.about-a4{
	overflow: hidden;
	width: 100%;
	font-size: 0;
	text-align: right;
	margin-top: 40px;
}
.about-a4>img{
	float: right;
}
.about-a4>span{
	display: block;
	width: calc(100% - 200px);
	max-width: 200px;
	height: 3px;
	background: #fcc80e;
	float: left;
	margin-top: 35px;
}
.about-b{
	width: 780px;
	float: right;
	padding-left: 80px;
	padding-bottom: 50px;
	position: relative;
}
.about-b1{
	position: relative;
	z-index: 2;
}
.about-b2{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.about-b3{
	position: absolute;
	left: 80px;
	bottom: 50px;
	z-index: 3;
}

.about-cd{
	margin-top: 170px;
	overflow: hidden;
}
.about-c{
	width: 720px;
	float: left;
	position: relative;
	z-index: 1;
}
.about-c2{
	position: absolute;
	right: -100px;
	bottom: 75px;
	z-index: 3;
}
.about-c3{
	position: absolute;
	right: 0px;
	bottom: 75px;
	z-index: 4;
}
.about-d{
	width: calc(100% - 760px);
	max-width: 660px;
	float: right;
	position: relative;
	z-index: 5;
}
.about-d2{
	width: 200px;
	margin-top: 25px;
	height: 2px;
	background: #fcc80e;
	margin-bottom: 50px;
}
.about-e{
	margin-top: 115px;
	text-align: center;
	font-size: 36px;
	color: #524d47;
	font-weight: bold;
	line-height: 1;
}
.about-e>img{
	position: relative;
	top: -5px;
}
.about-f{
	position: relative;
	margin-top: 20px;
	text-align: center;
}
.about-f1{
	display: inline-block;
	width: 200px;
	background: #fff;
	font-size: 18px;
	color: #524d47;
	line-height: 24px;
	position: relative;
	z-index: 2;
}
.about-f:after{
	content: '';
	width: 100%;
	height: 2px;
	background: #fec222;
	position: absolute;
	top: 50%;
	left: 0;
}
.about-g{
	padding: 0 4%;
	margin-top: 60px;
	text-align: center;
}
.about-h{
	font-size: 36px;
	color: #fec222;
	font-weight: bold;
	line-height: 50px;
	margin-top: 100px;
	text-align: center;
}
.about-i{
	font-size: 24px;
	color: #666;
	line-height: 35px;
	margin-top: 30px;
	text-align: center;
}
.about-j{
	margin-top: 40px;
	margin-bottom: 100px;
	width: calc(100% + 20px);
	font-size: 0;
}
.about-jli{
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 20px);
	margin-right: 20px;
	margin-bottom: 20px;
	height: 345px;
	background: #f2f2f2;
	padding: 0 25px;
	padding-top: 60px;
}
.about-j1{
	font-size: 24px;
	color: #333;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
}
.about-j2{
	font-size: 16px;
	color: #666;
	line-height: 30px;
	margin-top: 35px;
	text-align: justify;
}
@media screen and (max-width: 1600px){
	.gy-ban-a{
		font-size: 40px;
	}
	.gy-ban-b{
		font-size: 16px;
	}
	.gy-ban .swiper_btn{
		bottom: 20px;
	}

	.about-b{
		width: 600px;
		padding-left: 60px;
		padding-bottom: 50px;
	}
	.about-b2{
		width: 130px;
	}
	.about-b3{
		left: 60px;
		bottom: 50px;
		width: 80px;
	}
	.about-a{
		width: calc(100% - 640px);
	}
	.about-a1{
		font-size: 30px;
		line-height: 36px;
	}
	.about-a2{
		margin-bottom: 30px;
	}
	.about-a3{
		min-height: 200px;
	}
	.about-ab{
		padding-top: 80px;
	}
	.about-cd{
		margin-top: 80px;
	}
	.about-a3{
		font-size: 14px;
		line-height: 25px;
	}
	
	.about-c{
		width: 600px;
	}
	.about-c2{
		width: 160px;
		right: -60px;
		bottom: 50px;
	}
	.about-c3{
		bottom: 50px;
		width: 80px;
	}
	.about-d{
		width: calc(100% - 640px);
	}
	.about-d2{
		margin-bottom: 30px;
	}
	
	.about-e{
		margin-top: 80px;
	}
	.about-g{
		margin-top: 40px;
	}
	.about-h{
		font-size: 30px;
		line-height: 40px;
		margin-top: 70px;
	}
}
@media screen and (max-width: 1200px){
	.mobile_screen{
		position: relative;
		z-index: 39;
	}
	.heade{
		width: 100%;
	}
	.gy-ban{
		margin-top: 50px;
	}
	.about-a{
		width: 100%;
		margin-bottom: 50px;
		max-width: initial;
	}
	.about-b{
		float: left;
	}
	.about-a3{
		min-height: initial;
	}
	.about-d{
		width: 100%;
		max-width: initial;
		margin-bottom: 30px;
	}
	.about-jli{
		padding: 0 20px;
		padding-top: 50px;
	}
	.about-j2{
		margin-top: 20px;
	}
	.gy-ban .swiper_btn{
		margin-left: -20px;
	}
}
@media screen and (max-width: 1000px){
	.about-j{
		width: calc(100% + 10px);
		margin-bottom: 50px;
	}
	.about-jli{
		width: calc(25% - 10px);
		margin-right: 10px;
		margin-bottom: 10px;
		padding-top: 40px;
	}
	.about-j2{
		font-size: 14px;
		line-height: 25px;
	}
}
@media screen and (max-width: 750px){
	.gy-ban-a{
		margin-top: -15px;
	}
	.gy-ban-a{
		font-size: 18px;
		font-weight: bold;
	}
	.gy-ban-b{
		font-size: 10px;
		margin-top: 5px;
	}
	.gy-ban .swiper_btn{
		transform:scale(.5);
		-ms-transform:scale(.5);
		-moz-transform:scale(.5);
		-webkit-transform:scale(.5);
		bottom:5px;
	}
	.about-ab{
		padding-top: 40px;
	}
	.about-a1{
		font-size: 20px;
		line-height: 28px;
	}
	.about-a2{
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.about-a3{
		font-size: 12px;
		line-height: 20px;
	}
	.about-a4{
		margin-top: 25px;
	}
	.about-a4>img{
		width: 100px;
	}
	.about-a4>span{
		margin-top: 25px;
	}
	.about-b{
		width: 100%;
		padding-left: 40px;
		padding-bottom: 30px;
	}
	.about-b2{
		width: 80px;
	}
	.about-b3{
		left: 40px;
		bottom: 30px;
		width: 40px;
	}
	.about-a{
		margin-bottom: 30px;
	}
	.about-cd{
		margin-top: 40px;
	}
	.about-d2{
		width: 120px;
		margin-top: 15px;
		margin-bottom: 20px;
	}
	.about-d{
		margin-bottom: 20px;
	}
	.about-c{
		width: 100%;
		padding-right: 40px;
	}
	.about-c2{
		width: 80px;
		right: 0px;
		bottom: 30px;
	}
	.about-c3{
		right: 40px;
		bottom: 30px;
		width: 40px;
	}
	.about-e{
		margin-top: 40px;
		font-size: 20px;
	}
	.about-e>img{
		height: 20px;
		top: -3px;
	}
	.about-f{
		margin-top: 10px;
	}
	.about-f1{
		font-size: 14px;
		width: 140px;
	}
	.about-g{
		margin-top: 20px;
	}
	.about-h{
		font-size: 18px;
		line-height: 30px;
		margin-top: 30px;
	}
	.about-i{
		font-size: 14px;
		line-height: 20px;
		margin-top: 15px;
	}
	.about-j{
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.about-jli{
		width: calc(50% - 10px);
		height: 240px;
		padding: 0 15px;
		padding-top: 30px;
	}
	.about-j1{
		font-size: 18px;
	}
	.about-j2{
		font-size: 12px;
		line-height: 20px;
		margin-top: 15px;
	}
}



.contact-nav{
	width: 100%;
	border-bottom: 1px solid #e8e8f0;
	text-align: center;
	font-size: 0;
}
.contact-nav a{
	display: inline-block;
	font-size: 16px;
	color: #666;
	line-height: 75px;
	margin: 0 35px;
	position: relative;
}
.contact-nav a:after{
	content: '';
	width: 0px;
	height: 2px;
	background: #fcc80e;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: 0px;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.contact-nav a:hover:after,.contact-nav a.on:after{
	width: 20px;
	margin-left: -10px;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.contact-div{
	padding-top: 75px;
	padding-bottom: 60px;
	width: 92%;
	max-width: 900px;
	margin: 0 auto;
}
.contact-tit{
	font-size: 36px;
	line-height: 1.1;
	text-align: center;
	color: #524d47;
}
.contact-ul{
	width: 100%;
	overflow: hidden;
	margin-top: 70px;
}
.contact-li{
	width: calc(50% - 15px);
	float: left;
}
.contact-li:first-child{
	margin-right: 30px;
}
.contact-a{
	font-size: 24px;
	line-height: 30px;
	color: #000;
	margin-bottom: 35px;
}
.contact-b{
	font-size: 18px;
	color: #666;
	line-height: 25px;
	margin-bottom: 10px;
	padding-left: 25px;
	background: no-repeat left 5px;
}

.message{
	width: 92%;
	max-width: 1070px;
	padding-top: 55px;
	padding-bottom: 100px;
	margin: 0 auto;
}
.message-b{
	width: 200px;
	height: 2px;
	background: #fcc80e;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 50px;
}

.message-fm{
	
}
.message-ul{
	width: calc(100% + 15px);
	overflow: hidden;
	margin-bottom: 10px;
}
.message-li{
	width: calc(33.333% - 15px);
	height: 65px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	background: #fff;
	border: 1px solid #dcdcdc;
	position: relative;
}
.message-li input{
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #000;
	padding-left: 35px;
	padding-right: 50px;
	border: 0;
	background: initial;
	font-weight: bold;
}
.message-li input::placeholder{
	color: #999;
}
.message-li span{
	display: inline-block;
	font-size: 16px;
	color: #f54336;
	line-height: 70px;
	position: absolute;
	top: 0;
	right: 25px;
}
.message-c{
	font-size: 14px;
	line-height: 1.1;
	color: #333;
	font-weight: bold;
}
.message-d{
	width: 100%;
	height: 310px;
	background: #fff;
	border: 1px solid #dcdcdc;
	padding: 15px;
	font-size: 16px;
	line-height: 25px;
	color: #000;
	resize: none;
	margin-top: 15px;
	margin-bottom: 40px;
	font-weight: bold;
}
.message-e{
	width: 100%;
	overflow: hidden;
}
.message-e1{
	width: 60%;
	float: left;
	margin: 0;
}
.message-e2{
	float: left;
	margin-left: 10px;
	position: relative;
	text-align: left;
}
.message-e2>img{
	height: 65px;
}
.message-f{
	margin-top: 70px;
	text-align: center;
	font-size: 0;
}
.message-f1{
	display: inline-block;
	width: 180px;
	height: 55px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	background: #333333;
	border-radius: 5px;
	margin: 0 10px;
	border: 0;
	position: relative;
	top: 0;
	cursor: pointer;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.message-f1:hover{
	top: -5px;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.message-fsub{
	background: #fec222;
	color: #524d47;
}

@media screen and (max-width: 1600px){
	.contact-nav a{
		line-height: 55px;
	}
	.contact-tit{
		font-size: 30px;
	}
	.contact-a{
		font-size: 22px;
	}
	.contact-b{
		font-size: 16px;
	}
	.message-li{
		height: 50px;
		line-height: 48px;
		font-size: 0;
	}
	.message-li span{
		height: 48px;
		line-height: 55px;
	}
	.message-li input{
		padding-left: 20px;
	}
	.message-e2>img{
		height: 50px;
	}
	.message-d{
		height: 200px;
	}
	.message-e2{
	}
	.message-f{
		margin-top: 50px;
	}
	.message-f1{
		width: 150px;
		height: 50px;
		font-size: 16px;
	}
	.contact-ul{
		margin-top: 50px;
	}
}
@media screen and (max-width: 750px){
	.contact-nav a{
		font-size: 14px;
		line-height: 40px;
		margin: 0 10px;
	}
	.contact-div{
		padding-top: 40px;
		padding-bottom: 30px;
	}
	.contact-tit{
		font-size: 22px;
		font-weight: bold;
	}
	.contact-ul{
		margin-top: 30px;
	}
	.contact-li{
		width: 100%;
		margin-bottom: 20px;
	}
	.contact-a{
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 10px;
		font-weight: bold;
	}
	.contact-b{
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 5px;
		background-position-x: 3px;
	}
	.message{
		padding: 40px 0;
	}
	.message-b{
		width: 140px;
		margin-top: 10px;
		margin-bottom: 30px;
	}
	.message-ul{
		width: 100%;
	}
	.message-li{
		height: 40px;
		width: 100%;
		margin: 0;
		margin-bottom: 5px;
		font-size: 0;
	}
	.message-li input{
		font-size: 12px;
		line-height: 38px;
		padding-left: 20px;
		padding-right: 40px;
	}
	.message-li span{
		right: 20px;
		height: 38px;
		line-height: 42px;
	}
	.message-d{
		height: 150px;
		margin-bottom:15px;
		margin-top: 10px;
		font-size: 12px;
		line-height: 20px;
		padding:5px 15px;
	}
	.message-e1{
		width: 60%;
	}
	.message-e2{
	}
	.message-e2>img{
		height: 40px;
	}
	.message-f{
		margin-top: 20px;
	}
	.message-f1{
		width: 100px;
		height: 35px;
		font-size: 12px;
		margin: 0 5px;
	}
}


.hoverImg{
	overflow: hidden;
}
.hoverImg .hover-img{
	transition: all .3s;
  -webkit-transition:all .3s;
}
.hoverImg:hover .hover-img{
	transform: scale(1.05);
	-ms-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	transition: all .3s;
  -webkit-transition:all .3s;
}

.brand{
	padding-top: 40px;
	padding-bottom: 120px;
	overflow: hidden;
}
.brand-a{
	font-size: 16px;
	color: #666;
	line-height: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e8e8e8;
}
.brand-ul{
	margin-top: 65px;
	width: 105.555%;
	font-size: 0;
	margin-bottom: 80px;
}
.brand-li{
	width: 27.778%;
	margin-right: 5.555%;
	margin-bottom: 40px;
	display: inline-block;
	vertical-align: text-top;
	padding-bottom: 35px;
	border-bottom: 1px solid #e5e5e5;
}
.brand-b{
	overflow: hidden;
}
.brand-c{
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	margin-top: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.brand-d{
	font-size: 16px;
	color: #333333;
	line-height: 25px;
	height: 50px;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.brand-e{
	font-size: 16px;
	color: #666;
	line-height: 20px;
	margin-top: 10px;
}
.brand-li:hover .brand-c{
	color: #fec222;
}

.page{
	text-align: center;
	font-size: 0;
}
.page a{
	display: inline-block;
	width: 45px;
	height: 45px;
	border: 1px solid #e5e5e5;
	font-size: 18px;
	color: #666;
	line-height: 43px;
	margin: 0 3px;
	text-align: center;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.page a:hover,.page a.active{
	background-color: #fcc80e;
	border-color: #fcc80e;
	color: #fff;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.page a.prev{
	background: url(../img/ico09_1.png) no-repeat center;
}
.page a.prev:hover{
	background:#fcc80e url(../img/ico09_3.png) no-repeat center;
}
.page a.next{
	background: url(../img/ico09_2.png) no-repeat center;
}
.page a.next:hover{
	background:#fcc80e url(../img/ico09_4.png) no-repeat center;
}

@media screen and (max-width: 1200px){
	.brand-ul{
		width: 103%;
		margin-bottom: 40px;
	}
	.brand-li{
		width: 30.333%;
		margin-bottom: 30px;
		margin-right: 3%;
		padding-bottom: 15px;
	}
	.brand-c{
		font-size: 20px;
		margin-top: 15px;
	}
	.brand-d{
		font-size: 14px;
	}
	.brand-e{
		font-size: 14px;
	}
	.brand{
		padding-bottom: 80px;
	}
}
@media screen and (max-width: 750px){
	.brand{
		padding-top: 30px;
		padding-bottom: 50px;
	}
	.brand-a{
		font-size: 14px;
		line-height: 20px;
		padding-bottom: 10px;
	}
	.brand-ul{
		width: 102%;
		margin-top: 25px;
		margin-bottom: 20px;
	}
	.brand-li{
		width: 48%;
		margin-right: 2%;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	.brand-c{
		font-size: 14px;
		height: 20px;
		line-height: 20px;
		margin-top: 5px;
	}
	.brand-d{
		font-size: 12px;
		line-height: 20px;
		height: 40px;
		margin-top: 5px;
	}
	.brand-e{
		font-size: 12px;
		margin-top: 5px;
	}
	
	.page a{
		width: auto;
		padding: 0 2px;
		min-width: 25px;
		height: 25px;
		font-size: 12px;
		line-height: 23px;
		margin: 0 1px;
		
	}
	.page a.prev,.page a.next{
		background-size: 10px auto;
	}
}

.bdinfo{
	padding: 80px 0;
}
.bdinfo-a{
	font-size: 26px;
	font-weight: bold;
	color: #333;
	line-height: 1.4;
	text-align: center;
}
.bdinfo-b{
	font-size: 14px;
	color: #999;
	line-height: 1.4;
	margin-top: 10px;
	text-align: center;
}
.bdinfo-c{
	font-size: 16px;
	color: #333;
	line-height: 30px;
	margin-top: 30px;
	padding: 30px 0;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}
@media screen and (max-width: 750px){
	.bdinfo{
		padding: 40px 0;
	}
	.bdinfo-a{
		font-size: 16px;
	}
	.bdinfo-b{
		font-size: 12px;
	}
	.bdinfo-c{
		font-size: 14px;
		line-height: 20px;
		margin-top: 20px;
		padding: 20px 0;
	}
}


.fgjs{
	padding-top: 90px;
	padding-bottom: 110px;
}
.fgjs-a{
	font-size: 48px;
	line-height: 1.2;
	color: #333;
	text-align: center;
}
.fgjs-b{
	font-size: 24px;
	color: #333;
	line-height: 35px;
	margin-top: 20px;
	text-align: center;
}
.fgjs-cd{
	overflow: hidden;
	margin-top: 50px;
}
.fgjs-c{
	width: calc(100% - 350px);
	float: left;
}
.fgjs-d{
	width: 330px;
	float: right;
	position: relative;
}
.fgjs-Dswiper{
	width: 100%;
	height: 580px;
}
.fgjs-d1{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.fgjs-d2{
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 2;
}
.fgjs-d3{
	width: 50px;
	height: 25px;
	background: url(../img/ico12_1.png) no-repeat center;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -25px;
	z-index: 3;
	cursor: pointer;
}
.fgjs-d4{
	width: 50px;
	height: 25px;
	background: url(../img/ico12_2.png) no-repeat center;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -25px;
	z-index: 3;
	cursor: pointer;
}
.fgjs-d3:hover,.fgjs-d4:hover{
	opacity: .5;
}
.fgjs-d3:focus,.fgjs-d4:focus{
	outline: none !important;
}
.fgjs-e{
	width: 100%;
	height: 4px;
	background: #f7f7f7;
	margin: 110px 0;
}
.fgjs-fg{
	margin-top: 50px;
	overflow: hidden;
	
}
.fgjs-f{
	width: calc(50% - 15px);
	float: left;
}
.fgjs-f1{
	font-size: 24px;
	color: #000;
	/*padding-top: 30px;*/
}
.fgjs-f2{
	font-size: 16px;
	color: #333;
	line-height: 30px;
	padding-top: 10px;
	min-height: 190px;
}
.fgjs-g{
	width: calc(50% - 15px);
	height: 440px;
	position: relative;
	float: right;
}
.vdinfo-vd{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	z-index: 2;
	display: none;
}
.vdinfo-vdclk{
	z-index: 3;
	background: url(../img/ico14.png) no-repeat center;
	background-size: 80px auto;
	cursor: pointer;
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.fgjs-g1{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: no-repeat center;
	background-size: cover;
}
.fgjs-f3{
	width: calc(100% + 30px);
}
.fgjs-f3 li{
	width: calc(50% - 30px);
	height: 220px;
	position: relative;
	float: left;
	margin-right: 30px;
}

.fgjs-h{
	width: 100%;
	margin-top: 40px;
	padding-bottom: 60px;
	position: relative;
	overflow: hidden;
}
.fgjs-h1{
	overflow: hidden;
}
.fgjs-hslide{
	height: 480px;
}
.fgjs-h2{
	font-size: 24px;
	line-height: 35px;
	color: #333;
	margin-top: 20px;
	font-weight: bold;
}
.fgjs-h2>img{
	max-height: 28px;
}
.fgjs-h3{
	font-size: 16px;
	line-height: 25px;
	color: #999;
	margin-top: 10px;
}
.fgjs-hspan span{
	width: 15px;
	height: 15px;
	opacity: 1;
	background: #ccc;
	margin: 0 10px !important;
}
.fgjs-hspan span.swiper-pagination-bullet-active{
	background: #ffef00;
}

.fgjs-j{
	margin-top: 40px;
}
.fgjs-jli{
	margin-bottom: 15px;
	padding: 25px 0;
	border-bottom: 1px solid #bfbfbf;
}
.fgjs-j1{
	font-size: 18px;
	color: #000;
	line-height: 1.4;
	font-weight: bold;
}
.fgjs-j2{
	font-size: 14px;
	color: #808080;
	line-height: 25px;
	margin-top: 15px;
}
.fgjs-k{
	margin-top: 90px;
}
.fgjs-m{
	margin-top: 40px;
	width: calc(100% + 30px);
	font-size: 0;
}
.fgjs-mli{
	display: inline-block;
	width: calc(33.333% - 30px);
	margin-right: 30px;
	margin-bottom: 30px;
	vertical-align: top;
	cursor: pointer;
}
.fgjs-m1{
	position: relative;
	overflow: hidden;
}
.fgjs-m1>i{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5) url(../img/ico14.png) no-repeat center;
}
.fgjs-mdiv{
	width: 100%;
	min-height: 145px;
	border: 1px solid #f2f2f2;
	padding: 20px 25px;
}
.fgjs-m2{
	font-size: 24px;
	color: #333;
	line-height: 30px;
	font-weight: bold;
}
.fgjs-m3{
	font-size: 16px;
	color: #666;
	line-height: 1.2;
	margin-top: 15px;
}

.fgjs-Dswiper {
	text-align: center;
}
.fgjs-Dswiper img{
	max-height: 100%;
}
.fgjs-e2{
	margin-top: 35px;
	margin-bottom: 80px;
}
@media screen and (max-width: 1600px){
	.fgjs{
		padding: 80px 0;
	}
	.fgjs-a{
		font-size: 40px;
	}
	.fgjs-b{
		font-size: 20px;
		line-height: 30px;
	}
	.fgjs-d{
		width: 270px;
	}
	.fgjs-Dswiper{
		height: 490px;
	}
	.fgjs-c{
		width: calc(100% - 300px);
	}
	.fgjs-e{
		margin: 60px 0;
	}
	.fgjs-f1{
		font-size: 20px;
		font-weight: bold;
		padding: 0;
	}
	.fgjs-f2{
		font-size: 14px;
		line-height: 25px;
		min-height: 160px;
	}
	.fgjs-h2{
		font-size: 20px;
		line-height: 30px;
	}
	.fgjs-h2>img{
		max-height: 22px;
	}
	.fgjs-m2{
		font-size: 20px;
		line-height: 28px;
	}
	.fgjs-e2{
		margin-top: 30px;
		margin-bottom: 50px;
	}
	.fgjs-g{
		height: 380px;
	}
	.fgjs-f3 li{
		height: 195px;
	}
}
@media screen and (max-width: 1200px){
	.fgjs-d{
		width: 200px;
	}
	.fgjs-Dswiper{
		height: 370px;
	}
	.fgjs-c{
		width: calc(100% - 230px);
	}
	.fgjs-hslide{
		height: 400px;
	}
	.fgjs-h2{
		font-size: 16px;
	}
	.fgjs-h3{
		font-size: 14px;
	}
	.fgjs-f2{
		line-height: 23px;
		min-height: 184px;
	}
	.fgjs-f3 li{
		height: 170px;
	}
}
@media screen and (max-width: 1000px){
	.fgjs-a{
		font-size: 30px;
		font-weight: bold;
	}
	.fgjs-b{
		font-size: 16px;
		line-height: 25px;
	}
	.fgjs-c{
		width: 100%;
	}
	.fgjs-d{
		width: 100%;
		padding: 0 50px;
		margin-top: 30px;
	}
	.fgjs-d2,.fgjs-d1{
		display: none;
	}
	.fgjs-Dswiper{
		height: auto;
	}
	.fgjs-Dswiper .swiper-slide{
		opacity: .6;
	}
	.fgjs-Dswiper .swiper-slide-active{
		opacity: 1;
	}
	.fgjs-d3{
		left: 0;
		top: 50%;
		width: 30px;
		height: 40px;
		margin: 0;
		margin-top: -20px;
		background-image: url(../img/ico12_3.png);
	}
	.fgjs-d4{
		left: initial;
		right: 0;
		bottom: initial;
		top: 50%;
		width: 30px;
		height: 40px;
		margin: 0;
		margin-top: -20px;
		background-image: url(../img/ico12_4.png);
	}
	.fgjs-f{
		width: 100%;
	}
	.fgjs-g{
		width: 100%;
		margin-top: 30px;
	}
	.fgjs-hslide{
		height: 360px;
	}
	.fgjs-m{
		width: 103%;
	}
	.fgjs-mli{
		width: 30.333%;
		
		margin-right: 3%;
	}
	.fgjs-m1>i{
		background-size: 40px;
	}
	.fgjs-mdiv{
		min-height: 100px;
		padding: 15px;
	}
	.fgjs-m2{
		font-size: 16px;
		line-height: 22px;
	}
	.fgjs-m3{
		font-size: 14px;
		margin-top: 10px;
	}
	.fgjs-k{
		margin-top: 50px;
	}
	.fgjs-f2{
		min-height: auto;
		margin-bottom: 30px;
	}
	.fgjs-f3 li{
		height: 190px;
	}
}

@media screen and (max-width: 750px){
	.fgjs{
		padding: 40px 0;
	}
	.fgjs-a{
		font-size: 20px;
	}
	.fgjs-b{
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
	}
	.fgjs-cd{
		margin-top: 30px;
	}
	.fgjs-d{
		margin-top: 20px;
		padding: 0 20px;
	}
	.fgjs-d3,.fgjs-d4{
		width: 15px;
		background-size: 8px auto;
	}
	.fgjs-e{
		margin: 30px 0;
	}
	.fgjs-fg{
		margin-top: 30px;
	}
	.fgjs-f1{
		font-size: 18px;
	}
	.fgjs-f2{
		margin-bottom: 0;
	}
	.fgjs-f3{
		width: 103%;
	}
	.fgjs-f3 li{
		width: calc(47%);
		margin-right: 3%;
		height: 120px;
		margin-top: 15px;
	}
	.fgjs-g{
		margin-top: 20px;
		height: 200px;
	}
	.fgjs-e2{
		margin-top: 15px;
		margin-bottom: 30px;
	}
	.fgjs-hslide{
		min-height: 280px;
	}
	.fgjs-hspan span{
		width: 10px;
		height: 10px;
		margin: 0 3px !important;
	}
	.fgjs-j{
		margin-top: 20px;
	}
	.fgjs-jli{
		padding: 10px 0;
		margin-bottom: 10px;
	}
	.fgjs-j1{
		font-size: 14px;
	}
	.fgjs-j2{
		font-size: 12px;
		line-height: 20px;
		margin-top: 5px;
	}
	.fgjs-k{
		margin-top: 30px;
	}
	.fgjs-m{
		width: 100%;
		margin-top: 25px;
	}
	.fgjs-mli{
		width: 100%;
		margin-bottom: 10px;
	}
	
	
}




.gytk-bj{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 69;
	background: rgba(0,0,0,.6);
	display: none;
}
.gytk{
	width: 100%;
	max-width: 60%;
	max-height: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	text-align: center;
	transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
}
.gytk>i{
	width: 80px;
	height: 80px;
	background: #fff;
	position: absolute;
	top: 0;
	right: -80px;
}
.gytk>i:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 0%;
	bottom: 0;
	left: 0;
	background: #e6e6e6;
	z-index: 2;
	transition: all .5s;
-webkit-transition: all .5s;
}
.gytk>i:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../img/x03.png) no-repeat center;
	z-index: 3;
	transition: all .5s;
-webkit-transition: all .5s;
}
.gytk>i:hover:after{
	height: 100%;
	transition: all .5s;
-webkit-transition: all .5s;
}
.gytk>i:hover:before{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transition: all .5s;
-webkit-transition: all .5s;
}
.gytk video,.gytk img{

	max-width: 100%;
	max-height: 100%;
	max-height: 80vh;

}
.gytk iframe{
	width: 1000px;
	height: 600px;
}
.gytk-bj>i{
	display: inline-block;
	width: 55px;
	height: 55px;
	background: url(../img/x02.png) no-repeat center; 
	background-size: cover;
	position: absolute;
	top: 5%;
	right: 20%;
	display: none;
}

@media(max-width:1200px){
	.gytk{
		max-width: 80%;
	}
	.gytk-bj>i{
		right: 5%;
	}
	.gytk>i{
		width: 50px;
		height: 50px;
		right: -50px;
	}
	.gytk iframe{
		width: 800px;
		height: 500px;
	}
	.heart{
		width: 100%;
	}
}
@media(max-width:750px){
	.gytk{
		max-width: 92%;
	}
	.gytk>i{
		width: 30px;
		height: 30px;
		right: 0px;
		top: -30px;
	}
	.gytk>i:before{
		background-size: 15px;
	}
}


.product .footer_box{
	height: 100%;
}
.product-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:  no-repeat center;
	background-size: cover;
	z-index: 1;
}
.product-ab{
	width: 100%;
	padding: 0 5%;
	position: absolute;
	left: 0;
	top: 30%;
	z-index: 2;
	text-align: center;
}
.product-b{
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	color: #fff;
}
.product-c{
	width: 240px;
	line-height: 50px;
	background: #fff;
	border-radius: 25px;
	text-align: center;
	color: #0c1d27;
	font-size: 16px;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 150px;
	z-index: 3;
	margin-left: -120px;
	transition: all .3s;
-webkit-transition: all .3s;
}
.product-c:hover{
	background: #f1c01f;
	color: #fff;
	transition: all .3s;
-webkit-transition: all .3s;
}
.product .swiper_btn{
	bottom: 35px;
}

@media(max-width:1600px){
	.product-a{
		height: 80px;
	}
	.product-b{
		font-size: 16px;
	}
	.product-c{
		width: 200px;
		line-height: 40px;
		margin-left: -100px;
		bottom: 130px;
	}
}
@media(max-width:750px){
	.product-a{
		height: 60px;
	}
	.product-b{
		font-size: 14px;
	}
	.product-c{
		width:160px;
		line-height: 35px;
		margin-left: -80px;
		font-size: 14px;
		bottom: 100px;
	}
	.product .swiper_btn{
		bottom: 20px;
	}
}


.max1660{
	width: 92%;
	max-width: 1660px;
	margin: 0 auto;
}
.proinfo-top-bj{
	width: 100%;
	height: 100px;
	background: #524d46;
}
.proinfo-a{
	width: 100%;
	position: relative;
}
.proinfo-a1{
	width: 100%;
}
.product-a23{
	width: 92%;
	max-width: 1660px;
	position: absolute;
	left: 50%;
	top: 33%;
	z-index: 2;
	text-align: center;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
}
.product-a3{
	font-size: 14px;
	color: #fff;
	margin-top: 20px;
}

.proinfo-bc{
	padding-top: 90px;
	padding-bottom: 150px;
	font-size: 0;
}
.proinfo-b{
	width: calc(100% - 1000px);
	display: inline-block;
	vertical-align: text-top;
}
.proinfo-bdiv{
	width: 100%;
	max-width: 450px;
}
.proinfo-b1{
	font-size: 36px;
	color: #000;
	font-weight: bold;
	margin-bottom: 50px;
}
.proinfo-b2{
	font-size: 24px;
	line-height: 40px;
	color: #666;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #c8c8c8;
}
.proinfo-b2:first-child{
	margin: 0;
	padding: 0;
	border: 0;
}
.proinfo-c{
	width: 1000px;
	vertical-align: top;
	display: inline-block;
	width: 1000px;
	text-align: right;
}
.proinfo-cbt{
	display: inline-block;
	width: 245px;
	height: 65px;
	position: relative;
	border-radius: 33px;
	background: #f1c121;
	overflow: hidden;
	margin-right: 10px;
	box-shadow: 0 0 10px #999;
}

.O11 .proinfo-cbt{
	display: none !important;
}

.proinfo-cbt-a{
	width: 100%;
	font-size: 30px;
	color: #fff;
	padding-left: 125px;
	text-align: left;
	line-height: 65px;
transition: all .5s;
-webkit-transition: all .5s;
}
.proinfo-cbt-b{
	width: 63px;
	height: 63px;
	position: absolute;
	top: 1px;
	left: 1px;
	border-radius: 100%;
	background: #fff;
	font-size: 24px;
	line-height: 63px;
	text-align: center;
	color: #333;
	cursor: pointer;
transition: all .5s;
-webkit-transition: all .5s;
}
.proinfo-cbt.on .proinfo-cbt-a{
	padding-left: 65px;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.proinfo-cbt.on .proinfo-cbt-b{
	left: calc(100% - 64px);
transition: all .5s;
-webkit-transition: all .5s;
}

.proinfo-cdiv{
	display: inline-block;
	padding: 0 110px;
	margin-top: 35px;
	position: relative;
	padding-bottom: 80px;
}
.proinfo-cdiv2{
	display: none;
}

.proinfo-cys{
	width: 100%;
	text-align: right;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 0;
	margin-top: 15px;
}
.proinfo-cys>div{
	width: 35px;
	height: 35px;
	border-radius: 100%;
	display: inline-block;
	margin-right: 22px;
	cursor: pointer;
	position: relative;
	top: 0;
	/*transition: all .3s;
   -webkit-transition: all .3s;  */
}
/*.proinfo-cys>div:hover{
	top: -5px;
	transition: all .3s;
-webkit-transition: all .3s;  
}*/
.proinfo-cys>div.on{
	background: url(../img/ico23.png) no-repeat center;
}
.proinfo-cimg img{
	display: none;
}

.proinfo-cul{
	width: 110px;
	position: absolute;
	top: 0;
	left: 0;
}
.proinfo-cli{
	text-align: center;
	cursor: pointer;
}
.proinfo-c1{
	font-size: 0;
	
}
.proinfo-c1>img{
	max-width: 77px;
	max-height: 77px;
}
.proinfo-c2{
	font-size: 14px;
	color: #242424;
	line-height: 20px;
	margin-top: 10px;
	width: 120px;
	margin-left: calc(50% - 60px);
	transition: all .3s;
-webkit-transition: all .3s; 
}
.proinfo-c3{
	display: none;
}

.proinfo-cli:hover .proinfo-c2{
	color: #f1c121;
	transition: all .3s;
-webkit-transition: all .3s; 
}
.proinfo-cdiv1 .proinfo-c2{
	height: 40PX;
}
.proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
	margin-top:65px;
}
.proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(3){
	margin-top:55px;
}
.proinfo-cul2{
	left: initial;
	right: 0;
}
.proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(1){
	margin-top:50px;
}
.proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(2){
	margin-top:15px;
}
.proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(3){
	margin-top:55px;
}
.proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(4){
	margin-top:50px;
}

.proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(1){
	margin-top: 25px;
}
.proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(2){
	margin-top: 75px;
}
.proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(3){
	margin-top: 210px;
}



.proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(1){
	margin-top: 75px
}
.proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(2){
	margin-top: 40px
}
.proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(3){
	margin-top: 70px
}
.proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(4){
	margin-top: 10px
}


.proinfo-c.O3 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(1){
	margin-top: -25px;
}
.proinfo-c.O3 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
	margin-top: 95px;
}


.proinfo-c.O6 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(1){
	margin-top: -15px;
}
.proinfo-c.O6 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
	margin-top: 85px;
}

.proinfo-c.O6 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(1){
	margin-top: 10px;
}
.proinfo-c.O6 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(2){
	margin-top: 95px;
}
.proinfo-c.O6 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(1){
	margin-top: 95px;
}
.proinfo-c.O6 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(4){
	margin-top: 40px;
}





.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(1){
	margin-top: 20px;
}
.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
	    margin-top: 110px;
}
.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(3){
	margin-top: 0px;
}
.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(4){
	margin-top: 45px;
}

.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(1){
	margin-top: 0px;
}
.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(2){
	margin-top: 125px;
}
.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(3){
	margin-top: 20px;
}
.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(4){
	margin-top: 45px;
}

.proinfo-c.O9  .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(2){
	margin-top: 175px;
}
.proinfo-c.O9  .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(3){
	margin-top: 135px;
}

.proinfo-c.O9  .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(1){
	margin-top: 135px;
}
.proinfo-c.O9  .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(2){
	margin-top: 0px;
}
.proinfo-c.O9  .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(3){
	margin-top: 10px;
}
.proinfo-c.O9  .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(4){
	margin-top: 45px;
}



.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(1){
	margin-top: 250px;
}
.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
	margin-top: 5px;
}
.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(3){
	margin-top: 0px;
}
.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(4){
	margin-top: -10px;
}

.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(1){
	margin-top: 185px;
}
.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(2){
	margin-top: 0px;
}
.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(3){
	margin-top: 45px;
}
.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(4){
	margin-top: 0px;
}

.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(1){
	margin-top: 60px;
}
.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(2){
	margin-top: 220px;
}
.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(3){
	margin-top: 90px;
}
.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(4){
	margin-top: 0px;
}

.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(1){
	margin-top: 105px;
}
.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(2){
	margin-top: 35px;
}
.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(3){
	margin-top: 110px;
}
.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(4){
	margin-top: 5px;
}



.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(1){
	margin-top: 100px;
}
.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
	margin-top:0;
}
.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(3){
	margin-top: 15px;
}
.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(4){
	margin-top: 67px;
}

.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(1){
	margin-top: 0;
}
.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(2){
	margin-top: 30px;
}
.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(3){
	margin-top: 0;
}
.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(4){
	margin-top: 145px;
}


.proinfo-c.O12 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(1){
	margin-top: -20px;
}
.proinfo-c.O12 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
	margin-top:90px;
}
.proinfo-c.O12 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(3){
	margin-top: 30px;
}
.proinfo-c.O12 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(3){
	margin-top: 50px;
}

.proinfo-c.O12 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(1){
	margin-top: 20px;
}
.proinfo-c.O12 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(2){
	margin-top: 130px;
}
.proinfo-c.O12 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(3){
	margin-top: 170px;
}
.proinfo-c.O12 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(1){
	margin-top: 115px;
}
.proinfo-c.O12 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(3){
	margin-top: 75px;
}
.proinfo-c.O12 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(4){
	margin-top: 20px;
}



.proinfo-tk-bj{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(0,0,0,.7);
	display: none;
}
.proinfo-tk{
	max-width:1100px;
	background: #fff;
	padding: 45px 65px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.proinfo-tk-a img{
	width: initial;
	max-width: 70vw;
	max-height: 70vh;
}
.proinfo-tk-b{
	font-size: 16px;
	color: #666;
	line-height: 30px;
	margin-top: 20px;
}
.proinfo-tk-b>span{
	font-size: 18px;
	font-weight: bold;
	margin-right: 45px;
}
.proinfo-tk-c{
	width: 75px;
	height: 65px;
	background: #f0f0f0 url(../img/ico22.png)  no-repeat center;
	position: absolute;
	top: 20px;
	right: -74px;
	cursor: pointer;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.proinfo-tk-c:hover{
	background-color: #d4d4d4;
	transition: all .3s;
-webkit-transition: all .3s;  
}


.proinfo-d{
	padding-top: 70px;
	padding-bottom: 50px;
}
.proinfo-d1{
	font-size: 48px;
	line-height: 1.3;
	text-align: center;
	color: #333;
}
.proinfo-d2{
	font-size: 18px;
	color: #1d1d1d;
	line-height: 40px;
	margin-top: 20px;
	text-align: center;
}
.proinfo-dsw{
	width: 100%;
	overflow: hidden;
	margin-top: 50px;
	padding-bottom: 90px;
	position: relative;
}
.proinfo-dsp span{
	width: 20px;
	height: 20px;
	background: #000;
	opacity: 1;
	margin: 0 6px !important;
}
.proinfo-dsp span.swiper-pagination-bullet-active{
	background: #fff;
}

.proinfo-e{
	background: #000;
	position: relative;
}
.proinfo-evd{
	width: 100%;
	display: none;
}

.proinfo-e23{
	position: relative;
	z-index: 2;
}
.proinfo-e2{
	width: 100%;
}
.proinfo-e3{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.7) url(../img/ico17.png)  no-repeat center;
}
.proinfo-e4{
	width: 60px;
	position: absolute;
	right: 15px;
	top: 30px;
	z-index: 9;
	cursor: pointer;
	opacity: .6;
	display: none;
}
.proinfo-e4:hover{
	opacity: 1;
}
.proinfo-f{
	padding: 70px 0;
}
.proinfo-f1{
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 1.2;
}
.proinfo-ful{
	overflow: hidden;
	margin-top: 35px;
}
.proinfo-fli{
	width: 10%;
	float: left;
	height: 105px;
	padding: 10px;
	font-size: 0;
	margin: 5px 0 ;
	line-height: 95px;
	text-align: center;
}
.proinfo-fli img{
	max-height: 100%;
}
.proinfo-g{
	font-size: 48px;
	color: #333;
	line-height: 1.2;
	padding: 50px 0;
	text-align: center;
}
.proinfo-hi{
	padding: 55px 0;
	overflow: hidden;
	position: relative;
}
.proinfo-hi:after{
	content: '';
	width: 1px;
	height: calc(100% - 110px);
	position: absolute;
	left: 42%;
	top: 55px;
	background: #858585;
}
.proinfo-h{
	width: 42%;
	float: left;
	padding-right: 40px;
}
.proinfo-hdiv{
	width: 100%;
	max-width: 460px;
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
}
.proinfo-hli{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	float: left;
	min-height: 100px;
	margin-bottom: 30px;
}
.proinfo-h1{
	width: 30px;
	height: 2px;
	background: #808080;
	margin-bottom: 20px;
}
.proinfo-h2{
	font-size: 14px;
	color: #fff;
	line-height: 25px;
}
.proinfo-h3{
	font-size: 16px;
	color: #fff;
	line-height: 25px;
}
.proinfo-hli:nth-child(9){
	width: 100%;
}
.proinfo-i{
	float: right;
	width: 58%;
	padding-left: 40px;
	overflow: hidden;
	padding-bottom: 40px;
}
.proinfo-idiv{
	width: 100%;
	max-width: 700px;
	float: right;
}
.proinfo-i1{
	text-align: center;
	padding: 0 20px;
}
.proinfo-i2{
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	text-align: center;
	margin-top: 15px;
}
.proinfo-idiv table{
	width: 100%;
	color: #fff;
	margin-top: 25px;
	border: 2px solid #b3b3b3;
}
.proinfo-idiv table th,.proinfo-idiv table td{
	border: 1px solid #858585;
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	padding: 10px;
	text-align: center;
}
.proinfo-idiv table th{
	font-size: 20px;
}
@media(max-width:1600px){
	.product-a2{
		height: 90px;
	}
	.proinfo-d1{
		font-size: 40px;
	}
	.proinfo-d2{
		line-height: 30px;
		font-size: 16px;
	}
	.proinfo-g{
		font-size: 40px;
		padding: 40px 0;
	}
	.proinfo-hli{
		min-height: 80px;
	}
	.proinfo-idiv table th, .proinfo-idiv table td{
		font-size: 14px;
		padding: 5px;
	}
	
	.proinfo-cbt{
		height: 50px;
		width: 160px;
	}
	.proinfo-cbt-a{
		line-height: 50px;
		padding-left: 90px;
		font-size: 20px;
	}
	.proinfo-cbt-b{
		width: 48px;
		height: 48px;
		font-size: 18px;
		line-height: 48px;
	}
	.proinfo-cbt.on .proinfo-cbt-a{
		padding-left: 30px;
	}
	.proinfo-cbt.on .proinfo-cbt-b{
		left: calc(100% - 47px);
	}
	
	.proinfo-cys{
		padding-right: 10px;
	}
	.proinfo-cys>div{
		width: 25px;
		height: 25px;
		margin-right: 15px;
	}
	
	.proinfo-b{
		width: calc(100% - 600px);
		padding-right: 30px;
	}
	.proinfo-b1{
		font-size: 30px;
	}
	.proinfo-b2{
		font-size: 20px;
		line-height: 30px;
	}
	.proinfo-c{
		width: 600px;
	}
	.proinfo-c1 img{
		width: 55px;
	}
	.proinfo-c2{
		margin-top: 5px;
		font-size: 13px;
	}
	.proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
		margin-top: 25px;
	}
	.proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(3){
		margin-top: 20px;
	}
	
	.proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(1){
		margin-top: 28px
	}
	.proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(2){
		margin-top: 0px
	}
	.proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(3){
		margin-top: 20px
	}
	.proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(4){
		margin-top: 10px
	}
	
	.proinfo-bdiv{
		max-width: 400px;
	}
	.proinfo-cdiv2 .proinfo-c1 img{
		width: 45px;
	}
	.proinfo-cdiv2 .proinfo-c2{
		font-size: 12px;
		line-height: 18px;
		margin-top: 0;
	}
	.proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(1){
		margin-top: 10px;
	}
	.proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(2){
		margin-top: 35px;
	}
	.proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(3){
		margin-top: 95px;
	}
	
	
	.proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(1){
		margin-top: 35px
	}
	.proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(2){
		margin-top: 10px
	}
	.proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(3){
		margin-top: 30px
	}
	.proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(4){
		margin-top: 5px
	}
	
	
	.proinfo-c.O3 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(1){
		margin-top: -15px;
	}
	.proinfo-c.O3 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
		margin-top:40px;
	}
	
	
	.proinfo-c.O6 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
		margin-top: 45px;
	}
	
	.proinfo-c.O6 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(1){
		margin-top: 0;
	}
	.proinfo-c.O6 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(2) {
	    margin-top: 45px;
	}
	.proinfo-c.O6 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(1){
		margin-top: 45px;
	}
	.proinfo-c.O6 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(4){
		margin-top: 20px;
	}
	
	
	
	
	
	.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(1){
		margin-top: 10px;
	}
	.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
		    margin-top: 50px;
	}
	.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(3){
		margin-top: 0px;
	}
	.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(4){
		margin-top: 10px;
	}
	
	
	.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(2){
		margin-top: 60px;
	}
	.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(3){
		margin-top: 0;
	}
	.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(4){
		margin-top: 15px;
	}
	
	
	.proinfo-c.O9  .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(2){
		margin-top: 80px;
	}
	.proinfo-c.O9  .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(3){
		margin-top: 60px;
	}
	
	.proinfo-c.O9  .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(1){
		margin-top: 65px;
	}
	.proinfo-c.O9  .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(3){
		margin-top: -15px;
	}
	.proinfo-c.O9  .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(4){
		margin-top: 20px;
	}
	
	
	
	.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(1){
		margin-top: 155px;
	}
	.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
		margin-top: -10px;
	}
	.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(3){
		margin-top: -10px;
	}
	.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(4){
		margin-top: -15px;
	}
	
	.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(1){
		margin-top: 115px;
	}
	.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(2){
		margin-top: -10px;
	}
	.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(3){
		margin-top: 0px;
	}
	.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(4){
		margin-top: -15px;
	}
	
	.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(1){
		margin-top: 24px;
	}
	.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(2){
		margin-top: 100px;
	}
	.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(3){
		margin-top: 45px;
	}
	
	.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(1){
		margin-top: 50px;
	}
	.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(2){
		margin-top: 10px;
	}
	.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(3){
		margin-top: 50px;
	}
	.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(4){
		margin-top: 5px;
	}
	
	
	
	.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(1){
		margin-top: 60px;
	}
	.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
		margin-top:0;
	}
	.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(3){
		margin-top: -25px;
	}
	.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(4){
		margin-top: 25px;
	}
	
	.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(1){
		margin-top: 0;
	}
	.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(2){
		margin-top: 0px;
	}
	.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(3){
		margin-top: 0;
	}
	.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(4){
		margin-top: 60px;
	}

	
	
	.proinfo-c.O12 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
		margin-top: 45px;
	}
	.proinfo-c.O12 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(3){
		margin-top:0px;
	}
	
	.proinfo-c.O12 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(3){
		margin-top: 15px;
	}
	
	.proinfo-c.O12 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(1){
		margin-top: 5px;
	}
	.proinfo-c.O12 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(2){
		margin-top: 60px;
	}
	.proinfo-c.O12 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(3){
		margin-top: 80px;
	}
	.proinfo-c.O12 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(1){
		margin-top: 55px;
	}
	.proinfo-c.O12 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(3){
		margin-top: 35px;
	}
	.proinfo-c.O12 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(4){
		margin-top: 10px;
	}
	
}
@media(max-width:1200px){
	.proinfo-a{
		margin-top: 50px;
	}
	.product-a2{
		height: 70px;
	}
	.proinfo-d1{
		font-size: 36px;
	}
	.proinfo-d2{
		font-size: 14px;
		line-height: 30px;
	}
	.proinfo-fli{
		width: 16.666%;
	}
	.proinfo-g{
		font-size: 36px;
		padding: 35px 0;
	}
	.proinfo-tk{
		padding: 30px;
	}
	.proinfo-tk-a img{
		max-width: 80vw;
	}
	.proinfo-top-bj{
		height: 50px;
	}
}
@media(max-width:1000px){
	.proinfo-hli{
		width: 100%;
		min-height: auto;
		margin-bottom: 25px;
	}
	.proinfo-h1{
		margin-bottom: 10px;
	}
	
	.proinfo-b{
		width: 100%;
		margin-bottom: 40px;
	}
	.proinfo-cys{
		padding-right: 15px;
	}
}
@media(max-width:750px){
	.product-a23{
		top: 30%;
	}
	.product-a2{
		height: 40px;
	}
	.product-a3{
		font-size: 12px;
		margin-top: 10px;
	}
	.proinfo-d{
		padding: 40px 0;
	}
	.proinfo-d1{
		font-size: 24px;
		font-weight: bold;
	}
	.proinfo-d2{
		font-size: 12px;
		line-height: 25px;
		margin-top: 15px;
	}
	.proinfo-dsw{
		margin-top: 25px;
		padding-bottom: 50px;
	}
	.proinfo-dsp span{
		width: 10px;
		height: 10px;
		margin: 0 3px !important;
	}
	.proinfo-e3{
		background-size: 30px;
	}
	.proinfo-e4{
		width: 20px;
		top: 10px;
		right: 10px;
	}
	.proinfo-f{
		padding: 40px 0;
	}
	.proinfo-f1{
		font-size: 20px;
	}
	.proinfo-ful{
		margin-top: 25px;
	}
	.proinfo-fli{
		width: 25%;
		height: 80px;
		padding: 5px;
		line-height: 70px;
	}
	.proinfo-g{
		font-size: 22px;
		font-weight: bold;
		padding: 25px 0;
	}
	.proinfo-hi{
		padding: 35px 0;
	}
	.proinfo-hi:after{
		display: none;
	}
	.proinfo-h{
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
		padding-bottom: 20px;
		border-bottom: 1px solid #333;
	}
	.proinfo-hli{
		width: 50%;
		padding-right: 10px;
		margin-bottom: 20px;
	}
	.proinfo-h2{
		font-size: 12px;line-height: 20px;
	}
	.proinfo-h3{
		font-size: 13px;
		line-height: 20px;
	}
	.proinfo-i{
		width: 100%;
		padding: 0;
	}
	.proinfo-i2{
		font-size: 12px;
		line-height: 20px;
		margin-top: 10px;
	}
	.proinfo-idiv table th, .proinfo-idiv table td{
		font-size: 12px;
	}
	.proinfo-idiv table th{
		font-size: 14px;
	}
	
	.proinfo-tk{
		padding: 15px;
	}
	.proinfo-tk-c{
		width: 40px;
		height: 40px;
		top: -39px;
		right: 0;
		background-size: 12px;
	}
	.proinfo-tk-b{
		font-size: 12px;
		line-height: 20px;
		margin-top: 10px;
	}
	.proinfo-tk-b>span{
		font-size: 14px;
		margin-right: 15px;
	}
	
	.proinfo-bc{
		padding: 40px 0;
	}
	.proinfo-b{
		padding: 0;
		margin-bottom: 40px;
	}
	.proinfo-b1{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.proinfo-b2{
		font-size: 13px;
		line-height: 20px;
		margin-top: 15px;
		padding-top: 15px;
	}
	.proinfo-cul{
		width: 50px;
	}
	.proinfo-c{
		text-align: center;
		width: 100%;
	}
	.proinfo-cdiv{
		padding: 0 50px;
		padding-bottom: 40px;
	}
	.proinfo-cdiv2{
		padding-bottom: 60px;
	}
	.proinfo-c1 img{
		width: 30px;
	}
	.proinfo-c2{
		font-size: 10px;
		line-height: 15px;
		margin-top: 2px;
		width: 70px;
		margin-left: calc(50% - 35px);
	}
	
	.proinfo-cys{
		padding-right: .1rem;
	}
	.proinfo-cys>div{
		width: 20px;
		height: 20px;
		margin-right: 10px;
	}
	.proinfo-cys>div.on{
		background-size: 10px auto;
	}
	
	.proinfo-cbt{
		height: 40px;
		width: 120px;
	}
	.proinfo-cbt-a{
		line-height: 40px;
		padding-left: 70px;
		font-size: 16px;
	}
	.proinfo-cbt-b{
		width: 38px;
		height: 38px;
		font-size: 14px;
		line-height: 38px;
	}
	.proinfo-cbt.on .proinfo-cbt-a{
		padding-left: 20px;
	}
	.proinfo-cbt.on .proinfo-cbt-b{
		left: calc(100% - 37px);
	}
	
	.proinfo-cdiv1 .proinfo-c2{
		height: 30px;
	}
	.proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
		margin-top: 15px;
	}
	.proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(3){
		margin-top: 15px;
	}
	
	.proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(1){
		margin-top: 18px
	}
	.proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(2){
		margin-top: 0px
	}
	.proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(3){
		margin-top: 15px
	}
	.proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(4){
		margin-top: 12px
	}
	
	.proinfo-cdiv{
		width: 345px;
		/*margin-left: calc(50% - 172px);*/
	}
	.proinfo-cdiv2 .proinfo-c1 img{
		width: 30px;
	}
	.proinfo-cdiv2 .proinfo-c2{
		font-size: 12px;
		line-height: 14px;
		margin-top: 0;
	}
	.proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(1){
		margin-top: 5px;
	}
	.proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(2){
		margin-top: 15px;
	}
	.proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(3){
		margin-top: 48px;
	}
	
	.proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(1){
		margin-top: 10px
	}
	.proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(2){
		margin-top: 3px
	}
	.proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(3){
		margin-top: 10px
	}
	.proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(4){
		margin-top: 2px
	}
	
	.proinfo-c.O3 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(1){
		margin-top: -10px;
	}
	.proinfo-c.O3 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
		margin-top:30px;
	}
	
	.proinfo-c.O6 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(1) {
	    margin-top: -8px;
	}
	.proinfo-c.O6 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2) {
	    margin-top: 30px;
	}
	
	.proinfo-c.O6 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(2) {
	    margin-top: 22px;
	}
	.proinfo-c.O6 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(1){
		margin-top: 30px;
	}
	.proinfo-c.O6 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(4){
		margin-top: 0px;
	}
	
	
	
	
	
	.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(1){
		margin-top: 5px;
	}
	.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
		    margin-top: 35px;
	}
	.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(3){
		margin-top: 0px;
	}
	.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(4){
		margin-top: 5px;
	}
	
	
	.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(2){
		margin-top: 45px;
	}
	.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(3){
		margin-top: 0;
	}
	.proinfo-c.O9 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(4){
		margin-top: 15px;
	}
	
	
	.proinfo-c.O9  .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(2){
		margin-top: 50px;
	}
	.proinfo-c.O9  .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(3){
		margin-top: 20px;
	}
	
	.proinfo-c.O9  .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(1){
		margin-top: 45px;
	}
	.proinfo-c.O9  .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(3){
		margin-top: -30px;
	}
	.proinfo-c.O9  .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(4){
		margin-top: 10px;
	}
	
	
	
	.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(1){
		margin-top: 105px;
	}
	.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
		margin-top: 0px;
	}
	.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(3){
		margin-top: -10px;
	}
	.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(4){
		margin-top: -10px;
	}
	
	.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(1){
		margin-top: 80px;
	}
	.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(2){
		margin-top: -10px;
	}
	.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(3){
		margin-top: 10px;
	}
	.proinfo-c.O10 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(4){
		margin-top: -15px;
	}
	
	.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(1){
		margin-top: 15px;
	}
	.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(2){
		margin-top: 65px;
	}
	.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(3){
		margin-top: 10px;
	}
	
	.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(1){
		margin-top: 30px;
	}
	.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(2){
		margin-top: 10px;
	}
	.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(3){
		margin-top: 5px;
	}
	.proinfo-c.O10 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(4){
		margin-top: 5px;
	}
	
	
	.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(1){
		margin-top: 42px;
	}
	.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2){
		margin-top:0;
	}
	.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(3){
		margin-top: -12px;
	}
	.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(4){
		margin-top: 20px;
	}
	
	.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(1){
		margin-top: 5px;
	}
	.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(2){
		margin-top: 0px;
	}
	.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(3){
		margin-top: 0;
	}
	.proinfo-c.O11 .proinfo-cdiv1 .proinfo-cul2 .proinfo-cli:nth-child(4){
		margin-top: 42px;
	}
	
	
	.proinfo-c.O12 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(1) {
	    margin-top: -10px;
	}
	.proinfo-c.O12 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2) {
	    margin-top: 35px;
	}
	
	.proinfo-c.O12 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(1) {
	    margin-top: -10px;
	}
	.proinfo-c.O12 .proinfo-cdiv1 .proinfo-cul1 .proinfo-cli:nth-child(2) {
	    margin-top: 30px;
	}
	
	.proinfo-c.O12 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(2) {
	    margin-top: 35px;
	}
	.proinfo-c.O12 .proinfo-cdiv2 .proinfo-cul1 .proinfo-cli:nth-child(3) {
	    margin-top: 30px;
	}
	
	.proinfo-c.O12 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(1){
		margin-top: 35px;
	}
	.proinfo-c.O12 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(3){
		margin-top: 15px;
	}
	.proinfo-c.O12 .proinfo-cdiv2 .proinfo-cul2 .proinfo-cli:nth-child(4){
		margin-top: 0px;
	}
	
}




.searchs{
	padding:80px 0;
}
.searchs-a{
	font-size: 24px;
	line-height: 1.2;
	margin-top: 20px;
	color: #666;
}
.searchs-b{
	margin-top: 50px;
	overflow: hidden;
	border-bottom: 1px solid #D0D0D0;
}
.searchs-b a{
	font-size: 18px;
	line-height: 30px;
	padding-bottom: 20px;
	color: #333;
	display: inline-block;
	margin-right: 30px;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.searchs-b a:hover,.searchs-b a.on{
	color: #fec222;
	transition: all .3s;
-webkit-transition: all .3s;  
}
/*.searchs-cli{
	display: none;
}*/
.searchs-c{
/*	margin-top: 40px;*/
}
.searchs-flfg,.searchs-nw,.searchs-abt{
	margin-top: 40px;
}
.searchs-abt{
	width: 100%;
	max-width: initial;
	float: initial;
}
.searchs-abt .about-a3{
	min-height: auto;
}

@media(max-width:750px){
	.searchs{
		padding: 40px 0;
	}
	.searchs-a{
		font-size: 18px;
		margin: 0;
		font-weight: bold;
	}
	.searchs-b{
		margin-top: 25px;
	}
	.searchs-b a{
		font-size: 14px;
		line-height: 25px;
		padding-bottom:5px;
		margin-right: 15px;
	}
	.searchs-flfg, .searchs-nw, .searchs-abt{
		margin-top: 25px;
	}
}