@charset "utf-8";

.flash {
	width: 100%;
	float: left;
	position: relative; z-index:99; 
}

#owl-demo {
	width: 100%;
	float: left;
}
#topcontrol { z-index:9999}

#owl-demo .item {
	display: block;
}

#owl-demo img {
	display: block;
	width: 100%;
}

#owl-demo-a {
	width: 100%;
	float: left;
}

.bannerwenz {position:absolute; right:10%; bottom:200px; line-height:120px; font-size:74px; color:#fff; font-weight:bold; font-family: "Neue Hans Kendrick", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;text-shadow: 0 3px 5px #666;}
.mobilebanne {font-size:16px; line-height:42px; width:80%; position:absolute; left:10%;  top:40%;font-family: 'Neue Hans Kendrick', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; z-index:9; font-weight:bold; color:#fff}

#owl-demo-a .item {
	display: block;
}

#owl-demo-a img {
	display: block;
	width: 100%;
}

.header {
	width: 100%;
	float: left;
	position: fixed;
	top: 40px; z-index:999;
	left: 0px;
}

.w1700 {
	width: 100%;
	padding-left: 8%;
	float: left;
}

.guabbi { width:40px; height:40px; background-color:#F47C5B; border-radius:100%; line-height:40px; font-size:20px; cursor: pointer; position:absolute; right:-20px; top:-20px; color:#fff}

.head {
	width: 100%;
	background-color: #fff;
	float: left;
	min-height: 60px;box-shadow: 0 10px 30px 0 rgba(0, 0, 0,0.1);
}

.logo {
	float: left;
	margin: 15px;
	margin-left: 40px;
}

.logo img {
	height: 54px;
	float: left;
}

.nav {
	float: left;
	margin-left: 10%;
}

.nav li {
	float: left;
	line-height: 80px;
	font-weight: bold;
	box-sizing: border-box;
	margin-left: 30px;
	margin-right: 30px;
	padding-left: 5px;
	padding-right: 5px;
}

.nav li a {
	font-size: 16px;
	color: #000000;
	float: left;
	box-sizing: border-box;
}

.nav li:hover {
	border-bottom: solid 4px #F47C5B;
	color: #F47C5B
}

.nav li:hover a {
	color: #F47C5B
}

.nav li.arc {
	border-bottom: solid 4px #F47C5B;
	color: #F47C5B
}

.nav li.arc a {
	color: #F47C5B
}

.en {
	float: right;
	line-height: 34px;
	margin-right: 20px;
	margin-top: 25px;
}

.en a {
	font-size: 14px;
	color: #9c9c9c;
	text-transform: uppercase;
	margin-right: 10px;
}

.en a:hover {
	color: #F47C5B;
	border-bottom: solid 1px #F47C5B
}

.en a.arc {
	color: #F47C5B;
	border-bottom: solid 1px #F47C5B
}

#owl-demo .owl-controls .owl-buttons div {
	width: 72px;
	height: 72px;
	position: absolute;
	top: 50%;
	margin-top: -36px;
	z-index: 999;
	text-indent: 9999
}

#owl-demo .owl-controls .owl-buttons .owl-prev {
	background-image: url(../images/prce.png);
	background-repeat: no-repeat;
	left: 5%;
	background-position: center center;
}

#owl-demo .owl-controls .owl-buttons .owl-next {
	background-image: url(../images/next.png);
	background-repeat: no-repeat;
	right: 5%;
	background-position: center center;
}

#owl-demo .owl-controls .owl-buttons .owl-prev:hover {
	background-image: url(../images/prce-h.png);
}

#owl-demo .owl-controls .owl-buttons .owl-next:hover {
	background-image: url(../images/next-h.png);

}




#owl-demo-a .owl-controls .owl-buttons div {
	width: 72px;
	height: 72px;
	position: absolute;
	top: 50%;
	margin-top: -36px;
	z-index: 999;
	text-indent: 9999
}

#owl-demo-a .owl-controls .owl-buttons .owl-prev {
	background-image: url(../images/prce.png);
	background-repeat: no-repeat;
	left: 5%;
	background-position: center center;
}

#owl-demo-a .owl-controls .owl-buttons .owl-next {
	background-image: url(../images/next.png);
	background-repeat: no-repeat;
	right: 5%;
	background-position: center center;
}

.commer {
	width: 100%;
	float: left;
}

.news {
	width: 100%;
	float: left;
	position: relative;
	z-index: 9;
	margin-top: -100px;
	background-color: #fff;
	min-height: 160px;
}

.w1750 {
	width: 100%;
	padding-left: 5%;
	padding-right: 5%; max-width:1600px; margin:0px auto
}

.footer {
	width: 100%;
	float: left;
	padding-top: 30px; background-color:#fff
}

.foot {
	width: 100%;
	float: left;
	margin-bottom: 60px;
}

.foot a {
	font-size: 14px;
	color: #575757;
	margin-left: 25px;
	margin-right: 25px;
	line-height: 40px;
}

.foot a:hover {
	color: #F47C5B
}

.foot_bootom {
	/* float: left; */
	position: fixed;
	right: 12px;
	top: calc(50% - 100px);
	width: 52px;
	border-radius: 6px;
	z-index: 9999;
	background: #fff;
}
.foot_bootom .bshare-custom a{
	margin-right: 2px!important;
	margin-left: 2px!important;
}
.foot_bootom > .foot_right{
	margin: 0!important;
}
.foot_left {
	float: left;
	/*border-bottom: solid 24px #F47C5B;*/
	padding-left: 60px;
	padding-right: 60px;
}

.foot_top {
	font-size: 52px;
	color: #1f1f1f;
	line-height: 60px;
	font-weight: bold;
}

.foot_bottom {
	color: #6f6f6f;
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 30px;
}

.foot_right {
	float: right;
	margin-right: 60px;
	margin-top: 40px;
}

.foot_right img {
	float: left;
	width: 40px; 
}

.bg {
	background-color: #f8f8f8
}

.newy {
	width: 100%;
	float: left;
	margin-top: 50px;
	margin-bottom: 100px;
}

.newy_t {
	width: 100%;
	float: left;
}

.newy_l {
	float: left;
}

.newy_l p {
	font-size: 60px;
	color: #000000;
	line-height: 90px;
	text-transform: uppercase;
	font-weight: bold;
}

.w1450 {
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
    max-width:1600px; margin:0px auto
}

.w1550 {
	width: 100%;
	padding-left: 8%;
	padding-right: 8%;
    max-width:1600px; margin:0px auto
}

.newy_y {
	float: left;
}

.newy_r {
	float: right;
	width: 200px;
	height: 38px;
	margin-top: 50px;
	border: solid 1px #4f4f4f;
	line-height: 34px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.newy_r a {
	font-size: 18px;
	color: #000000;
	width: 100%;
	float: left; text-transform:capitalize
}

.newy_r:hover {
	background-color: #F47C5B;
	border: solid 1px #F47C5B;
}

.newy_r:hover a {
	color: #fff
}



.btny {
	width: 100%;
	height: 82px;
	display: table;
	float: left;
	margin-top: 50px;

}

.spanList {
	line-height: 82px;
	text-align: center;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	width: calc(25% - 4px);
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
}

.spanList b {
	display: table-cell;
	line-height: 42px;
	height: 42px;
	overflow: hidden;
	font-size: 18px;
	font-weight: normal;
	color: #1f1f1f;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	float: left;
	border-right: solid 1px #e4e4e4;
	text-align: center
}

.spanList:last-child b {
	border-right: none
}

.activey a {
	color: #fff
}

.activey {
	background-color: #F47C5B;
	border-right: none
}

.spanList img {
	margin-right: 10px;
	width: 24px;
	vertical-align: middle;
	margin-top: -5px;
}

.activey b {
	border-right: none
}

.spanList:hover {
	background-color: #F47C5B;
}

.spanList:hover b {
	border-right: none
}

.context {
	width: 100%;
	float: left;
}

.con {
	/*display: none;*/
	width: 100%;
	float: left;
	margin-top: 50px;
}

.con li {
	width: calc(33.33% - 10px);
	float: left;
	position: relative;
	box-sizing: border-box;
	margin: 5px;
}

.tupian {
	cursor: pointer;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 100%;
}

.tupian img {
	width: 100%;
	top: 0;
	position: relative;
	left: 0;
	height: 100%;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
}

.tupian img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.con li a {
	width: 100%;
	float: left;
	background-color: #fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.con li a:hover {
	box-shadow: #efefef 10px 10px 30px 5px;
}

.school_t {
	width: 100%;
	height: 318px;
	position: relative;
}

.con li a:hover .tupian img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.wenzhi {
	position: absolute;
	width: 144px;
	height: 36px;
	line-height: 36px;
	left: 0px;
	bottom: 0px;
	font-size: 12px;
	color: #1f1f1f;
	text-align: left;
	text-indent: 15px;
	background-color: #fff
}

.school_y {
	width: 100%;
	float: left;
	text-align: left;
}

.biaoti {
	font-size: 16px;
	line-height: 24px;
	color: #1f1f1f;
	width: 100%;
	padding: 20px;
	height: 88px;
	overflow: hidden;
	width: 100%;
	float: left;
}

.time {
	width: 100%;
	float: left;
	padding-left: 20px;
	color: #7e7e7e;
	font-size: 16px;
	line-height: 34px;
	height: 44px;
}

.time i {
	display: none;
	float: right;
	width: 44px;
	height: 44px;
	background-color: #F47C5B;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.time i img {
	width: 24px;
	margin: 10px;
	float: left;
}

.con li a:hover .time i {
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

#owl-demoa {
	width: 100%;
	float: left;
	margin-bottom: 140px;
	margin-top: 40px;
}

#owl-demoa .item {
	display: block;
	padding: 6px;
	position: relative;
}

#owl-demoa img {
	display: block;
	width: 100%;
}

.title {
	font-size: 60px;
	line-height: 158px;
	width: 100%;
	float: left;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 40px;
}

.wenzii {
	width: 80%;
	height: 44px;
	float: left;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: #fff;
	overflow: hidden;
	line-height: 64px;
	text-align: left;
	text-indent: 20px;
	font-size: 16px;
	color: #2d2d2d
}

#owl-demoa .owl-controls {
	width: 100%;
	position: absolute;

	top: auto; bottom: -80px;
	left: 0px;
}

.about {
	width: 50%;
	float: left; position:relative;
}

.about_l {
	width: 95%;
	float: left;
	padding-right: 35px;
	 position:relative; z-index:1; background-color:#fff; margin-bottom:120px;
}

.huangkuai { width:100%; height:550px; background-color:#F47C5B; position:absolute; top:0px; left:0px;}


.about_r {
	width: 50%;
	float: right;
	box-shadow: #efefef 10px 10px 30px 5px;
}

.about_r img {
	width: 100%;
	float: left;
}

.yyt {
	width: 100%;
	float: left; overflow:hidden;
	margin-top: -50px;
	margin-bottom: 30px;
}

.ysd {
	position: relative;
}

.news {
	width: 100%;
	position: relative;
	box-shadow: #efefef 2px 5px 30px 2px;
	margin-top: -100px;
	z-index: 9;
	height: 246px;
}

.aboput {
	width: 100%;
	float: left;
	background-color: #fff;
	float: left;
	position: relative;
	z-index: 10;
	padding: 50px;
	text-align: left;
	margin-top: -50px;
}

.about_wz {
	font-size: 68px;
	width: 100%;
	float: left;
	color: #000;
	font-weight: bold;
	line-height: 60px
}

.about_zw {
	width: 100%;
	float: left;
	font-size: 32px;
	color: #000;
	line-height: 50px;
}

.about_body {
	width: 100%;
	float: left;
	color: #333;
	font-size: 20px;
	line-height: 1.5;
	margin-top: 30px;
	margin-bottom: 60px;
}

.more {
	width: 100%;
	float: left;
	height: 60px;
	width: 50%;
	margin-left: 20%;
	margin-top: 50px;
	border: solid 2px #000000;
	line-height: 52px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.more a {
	float: left;
	width: 100%;
	font-size: 30px;
	color: #000; text-transform:Capitalize
}

.more:hover {

}

.more:hover a {

}


.black_overlaya {
	display: none;
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 999999;
	-moz-opacity: 0.4;
	opacity: .40;
	filter: alpha(opacity=44);
}

.white_contenta {
	display: none;
	position: fixed;
	top: 64px;
	left: 0%;
	margin-left: 0%;
	width: 100%;
	height: auto;
	padding: 0px;
	background-color: rgba(255, 255, 255, .9);
	z-index: 1000000;

	padding-top: 20px;
	padding-bottom: 20px;
}

.white_contenta a {
	line-height: 40px;
	font-size: 16px;
}

.wap_w {
	display: none
}

.banner {
	width: 100%;
	float: left;
}

.banner img {
	width: 100%
}

.dw {
	width: 100%;
	float: left;
	margin-top: 50px;
	margin-bottom: 50px;
}

.dw img {
	float: left;
	width: 30px;
	margin-right: 5px;
}

.dw a {
	float: left;
	font-size: 16px;
	color: #595757;
	line-height: 30px;
	margin-left: 5px;
	background-image: url(../images/jt.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.dw a:hover {
	color: #F47C5B
}

.dw a:last-child {
	background-image: none
}

.about_01 {
	width: 100%;
	float: left;
	margin-top: 150px;
}

.w50 {
	width: 50%;
}

.fd {
	float: left;
	text-align: left;
}

.fdy {
	
	float: left;
	padding-left: 100px;
	padding-bottom: 100px; position:relative;
}

.bjsk {  width:100%; height:100%; position:absolute; left:0px; top:0px;background-color: #F47C5B;}


.fdy img {
	float: right;
	width: 100%; position:relative; z-index:9;
	margin-top: 140px;
	box-shadow: #ccc 10px 10px 30px 5px;
}

.wshitu .fdy img { width:95%; float:left;}

.dbt {
	font-size: 66px;
	width: 100%;
	float: left;
	line-height: 80px;
	color: #000;
	font-weight: bold;
	margin-top: -80px
}

.annr {
	width: 100%;
	float: left;
	margin-top: 20px; cursor:pointer;
}

.annr i {
	width: 10px;
	height: 10px;
	background: #000;
	float: left;
	border-radius: 10px;
	margin-right: 10px;
}

.wsbnr {
	width: 100%;
	float: left;
	padding: 80px;
	margin-top: 60px;
}

.wsbnr h1 {
	width: 100%;
	font-size: 32px;
	line-height: 40px;
	color: #000;
}

.bhhd {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #959595;
	margin-top: 60px;
	line-height: 32px;
}

.about_02 {
	width: 100%;
	float: left;
	margin-top: 100px;

	position: relative;
}

.bjss {	background-color: #F47C5B; position:absolute; right:0px; top:0px; height:100%; width:20%;}

.about_tr {
	width: 90%;
	float: left;
	text-align: left;
}

.about_tr h1 {
	font-size: 50px;
	color: #000;
	line-height: 70px;
	width: 80%;
	padding-bottom: 50px;
	margin-top: -60px;
	background-color: #fff;
}

.tupiant {
	width: 100%;
	float: left;
	position: relative; z-index:9
}

.bgt img {
	width: 100%;
	float: left;
	box-shadow: #ccc 10px 10px 30px 5px;
}

.wnzaa {
	position: absolute;
	top: 50%;
	left: 50px;
	width: 50%;
	background-color: rgba(255, 255, 255, .7);
	font-size: 16px;
	color: #000000;
	line-height: 32px;
	padding: 60px;
	margin-top: -175px;
}

.tanchuang {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-top: -40px;
	margin-left: 10px; cursor:pointer;
}


.tanchuang img {
	width: 100%;
	top: 0;
	position: relative;
	left: 0;
	height: 100%;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
}

.tanchuang img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.tanchuang img {
	width: 100%;
}

.about_03 {
	width: 100%;
	float: left;
	margin-top: 100px;
	margin-bottom: 60px;
}

.about_03 h1 {
	width: 100%;
	font-size: 50px;
	line-height: 70px;
	float: left;
}

.about_03 h2 {
	width: 50%; margin-left:25%;
	color: #959595;
	font-weight: normal;
	margin-top: 30px;
	font-size: 14px;
	line-height: 33px;
	float: left;
}

.w60 {
	width: 60%;
}

.w40 {
	width: 40%;
}

.wshitu {
	width: 100%;
	float: left;
	margin-top: 270px;
}

.wshitu .fdy {
	padding-left: 0px;
	padding-right: 50px;
	padding-bottom: 100px;
}

.wshitu .fdy img {
	margin-top: -200px;
}

.yyc {
	float: left;
	padding: 50px;
	padding-right: 80px;
	margin-top: -100px;
	text-align: left;
}

/*.hhff {*/
/*	font-size: 55px;*/
/*	color: #000000;*/
/*	line-height: 64px;*/
/*	font-weight: bold;*/
/*	margin-top: 40px;	text-transform: uppercase;*/
/*}*/

.msd {
	font-size: 14px;
	color: #959595;
	line-height: 26px;
	width: 100%;
	float: left;
	margin-top: 60px;
}

.hsd {
	width: 60%;
	margin-left: 20%;
	top: 10%; background:none;
	position: fixed;
	padding: 0px
}

.hsd video {
	width: 100%;
}

.baise {
	background-color: #fff;

}

.zhanwei {
	width: 100%;
	height: 120px;
	float: left;
}

.titlea {
	width: 100%;
	float: left;
	font-size: 60px;
	color: #000000;
	margin-bottom: 30px;
	font-weight: bold;
	line-height: 120px;
	text-transform: Capitalize
}

.line {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

.line li {
	width: 100%;
	float: left;
	background-color: #fff;
	padding: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.tupiany {
	width: 45%;
	float: left;
	position: relative;
}

.tupiany img {
	width: 100%;
	float: left;
}

.dwebe {
	width: 144px;
	line-height: 36px;
	color: #1f1f1f;
	font-size: 12px;
	background-color: #fff;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.yuoche {
	width: 55%;
	float: left;
	padding: 50px 80px;
	padding-bottom: 0px;
	padding-top: 30px;
	text-align: left;
}

.yoyuchet {
	font-weight: bold;
	font-size: 22px;
	color: #1f1f1f;
	line-height: 34px;
	width: 100%;
	float: left;
}

.yoyuchei {
	margin-top: 30px;
	color: #595757;
	font-size: 18px;
	line-height: 30px;
	width: 100%;
	float: left;
}
.yoyuchem {position: relative; z-index:1; height:100%;}

.yoyuchem:before,
.yoyuchem:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; z-index:-1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1), -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
}

.yoyuchem:before {
	background-color: #F47C5B; z-index:-1;
}

.yoyuchem:after {
	background-color: #F47C5B; z-index:-1;
}
.yoyuchem:hover:after{
	transition-delay: 0.22s;
	transform: scaleX(1);
	transform-origin: 0 100%; z-index:-1;
}
.yoyuchem:hover:before{
	transform: scaleX(1);
	transform-origin: 0 100%; z-index:-1;
}
.yoyuchem:hover {
	transition: all 0.5s;
	border-color: transparent
}
/*.yoyuchem:hover{*/
/*	border: 1px solid transparent;*/
/*}*/
.yoyuchem {
	border: 1px solid #333;
	width: 200px;
	height: 38px;
	line-height: 36px;
	float: left;
	text-align: center;
	margin-top: 50px;
	font-size: 18px;
	font-weight: 700;text-transform:capitalize
}

.line li:hover {
	box-shadow: #efefef 10px 10px 30px 5px;
}

.line li:hover .yoyuchem {

	color: #000000
}

.line_t {
	width: 100%;
	float: left;
}

.line_tl {
	float: left;
	font-size: 26px;
	color: #000;
	line-height: 60px;
	font-weight: bold;
}

/* 公共样式 */
.trans {
	transition: .3s all;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.tac {
	text-align: center;
}

.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.oh {
	overflow: hidden;
}

.flex {
	display: flex;
	display: -ms-flex;
	display: -webkit-flex;
}

.flex_1 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
}

.flex_03 {
	flex: 33.333%;
	-webkit-flex: 33.333%;
	-ms-flex: 33.333%;
}

.f_warp {
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.itc {
	-webkit-align-items: center;
	align-items: center;
}

.juc {
	-webkit-justify-content: center;
	justify-content: center;
}

.jue {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}


/* product */
.fn {
	float: none;
}

.pLine {
	height: 1px;
	background-color: #000;
}

.box {
	overflow: hidden;
}

.pLeft {
	border-right: 1px solid #000;
	width: 328px;
}

.pr45 {
	padding-right: 45px;
}

.h45 {
	height: 45px;
}

.pSearchBox {
	height: 60px;
	border-bottom: 1px solid #c7c7c7;
}

.pSearchBox input {
	background-color: transparent;
	border: 0px; font-size:14px; color:#898989

}

.pSearchBox button {
	background-color: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.filterTitle {
	font-size: 18px;
	padding-left: 35px;
	background-position: left center;
	background-repeat: no-repeat;
}

.filterTitle-emoji {
	padding-left: 0;
	display: flex;
	align-items: center;
	gap: 8px;
}

.filter-emoji {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	font-size: 18px;
	line-height: 1;
	flex-shrink: 0;
}

.filterTop {
	height: 50px;
}

.pToggle {
	cursor: pointer;
}

.filterLi {
	width: 120px;
	height: 44px;
	margin-left: 10px;
	cursor: pointer;
}
.filterLi input { width:18px; height:18px; float:left; margin:0px; margin-right:15px; border:solid 1px #c3c3c3;}
.filterBox {
	padding: 20px 0;
	border-bottom: 1px solid #c7c7c7;
	padding-bottom: 20px;
}

.filterLi input[type='radio'].radio:checked + .radio { display:none
        }

.filterLi input:disabled + label {
	color: #ccc!important;
}
.filterLi input:disabled + label::before {
	background: #ccc!important;
}
.filterLi input:disabled + label + label{
	color: #ccc!important;
}
.filterLi>input{
    display: none;
}
.filterLi>label{
    position: relative;

}
.filterLi label:not(:last-child)::before{
    display: inline-block;
    content: "";
    width: 18px;
    height: 18px; margin-right:10px;
    border-radius: 50%;
    border: 1px solid #c3c3c3;
    vertical-align: bottom;
}
.filterLi>input:checked+label::before{
    background-color: #fff; border:solid 1px #F47C5B
}
.filterLi>input:checked+label::after{
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    bottom: 5px;
    background-color: #F47C5B;
}



.colorBox input[type='radio'].radio:checked + .radio { display:none
        }
.colorBox>input{
    display: none; padding:0px;
}
.colorBox>input:disabled + label{
	cursor: not-allowed;
}
.colorBox>label{
    position: relative;
    padding: 0;
    border: 4px solid #fff;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    flex-shrink: 0;
    margin: 0;
    box-sizing: content-box;
    box-shadow: 0 0 0 1px #b8b8b8;
}
.colorBox label::before{
    display: block;
    content: "";
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin: 1px auto 0;
}
.colorBox>input:checked+label::before{
    background-color:none; border:solid 4px #F47C5B
}
.colorBox>input:checked+label::after{
    display: inline-block;
    content: ""; display:none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    bottom: 5px;
    background-color: #F47C5B;
}


.checkTest { cursor:pointer}

.checkDiv {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1px solid #c3c3c3;
	margin-right: 15px;
}

.checkTest {
	text-align: left;
	font-size: 15px;
	color: #595757;
}

.colorList {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin: 0;
	cursor: pointer;
}

.colorBox .active {
	border: 4px solid #f8ea00;
}

.colorBox {
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.sizeLi {
	width: 100%;
	height: 40px;
	margin-left: 10px;
}

.pRight {
	padding-top: 60px;
	padding-bottom: 120px;
	padding-left: 40px;
}


.productList {
	width: 32%;
	background-color: #FFFFFF;
	margin-left: 1.3333%;
	margin-bottom: 60px;
}

.productList:hover {
	box-shadow: 2px 2px 12px #ddd;
}

.productList:hover .pMoreBox {
	opacity: 1;
}

.pImg {
	width: 100%;
	padding-top: 72%;
	background-size: cover;
	background-position: center;

}

.productTest {
	height: 50px;
	padding: 0 20px;
	font-size: 17px;
	color: #1f1f1f;
}

.pMore {
	width: 50px;
	height: 50px;
	background-color: #F47C5B;
	margin-top:0px;
}

.pMoreBox {
	opacity: 0;
}

/* f分页 */
.pageBox .btn {
	width: 145px;
	height: 38px;
	border: 1px solid #7c7c7c;
	line-height: 36px;
	cursor: pointer;
}
.pageBox .btn:hover { background-color:#F47C5B;}
.pageBox a,
.pageBox span {
	margin: 0 5px;
}
.pageBox .btn:hover a { color:#000}
/* case */
.caseTab {
	height: 82px; cursor:pointer;
border-bottom:solid 3px #fff
}
.caseTabBox a { width:100%; float:left; font-size:16px;}
.caseTabBox a:hover { color:#000}
.caseTabBox a .caseTab span { color:#666}
.caseTabBox a .active span { color:#000}
.caseTabBox .active { color:#000}
.caseTabBox { color:#666}
.caseTab img {
	margin-right: 20px;
}

.caseTabBox .active { border-bottom:solid 3px #F47C5B; color:#000;
}
.caseTabBox .caseTab:hover {border-bottom:solid 3px #F47C5B; color:#000;}
.caseTabBox a .caseTab:hover { color:#000}
.h100 {
	height: 100px;
}

.caseList {
	width: 31%;
	margin: 0 1.16% 85px 1.16%;
}

.caseImg {
	padding-top: 72%;
	position: relative;
	background-size: cover;
	background-position: center;
}

.caseTest {
	width: 80%;
	background-color: #fff;
	height: 50px;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 20px;
	overflow: hidden;
}

.caseList:hover .caseTest {
	background-color: #F47C5B;
	color: #000;
}

.caseList:hover {
	box-shadow: 2px 2px 12px #999;
}




.loadAnimation {
	animation-name: loadMore;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes loadMore {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}


/* Business */
.topSelect{
	width: 170px;
	height: 34px;
	line-height: 34px;
	background-color: #fff;
	border: 0;
	margin-left: 45px;
	padding-left: 20px;
}
.h80{
	height: 80px; 
}

.xx { float:none; height:60px;}

.bLeft ,.bRight{
	/* width: 610px; */
	width: 46%;
}



.waaad { width:100%;}
.fenx { text-transform:capitalize}
.ysdd  { width:46%; float:left;}
.ycc { float:right;}
.waaad .tar { text-align: center}
.ttt .addressInfo { margin-bottom:10px; border-bottom:none}

.smallTile .tName { font-size:26px; color:#000000}
.smallTile .tInfo { font-size:20px;}

.bLeftTitle{
	font-size: 50px;
	font-weight: bold; text-align:left;
	line-height: 50px;
	margin-bottom: 50px;
}
.h80 { height:80px}

.bImg{
	box-shadow: 2px 2px 12px #999;
	width: 100%;
}
#kkpager span.curr {border: 1px solid #F47C5B; background: #F47C5B;}
.bRightTitle{
	font-size: 24px;
	line-height: 50px;
	margin-bottom: 50px;
}

.smallTile{
	height: 120px;
}
.smallTile div{
	margin-left: 20px;
}

.smallTile .tName{
	font-weight: 500;
}
.smallTile .tInfo{
	color: #959595;
}

.addTitleImg{
	margin-right: 23px;
	width: 23px;
}
.addTitleInfo{
	font-size: 24px;
}
.addTitle{
	margin-bottom: 5px;
}

.addressInfo{
	padding-left: 46px;
	font-size: 20px;
	line-height: 40px;
	color: #727171;
	margin-bottom: 40px; padding-bottom:10px; border-bottom:dashed 1px #feec21
}
.formInput input { border:solid 1px #777}
.ffd { margin-bottom:100px;}
.submit:hover { background-color:#F47C5B; border-color: transparent}
.formInput .layui-input-block { margin-left:0px; width:100%;}
.addressList{
	/* border-bottom: 1px dashed #fbf295; */
}

	
.fromNmae{
	font-size: 20px;
	margin-bottom: 10px;
}

.formInput input{
	width: 100%;
	height: 46px;
	padding: 0 10px;
	box-sizing: border-box;
}

.bSelect{
	width: 100%;
	height: 46px;
	padding: 0 20px;
	box-sizing: border-box;
}
.formInput {
	margin-bottom: 20px;
}

.formInput textarea{
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #878787;
	resize: none;
	height: 200px;
}

.submit{
	border: 1px solid #000000;
	width: 315px;
	height: 50px;
	background-color: #fff;
	cursor: pointer;
	
	font-size: 20px;
}
.w45{
	width: 45px;
}
.contactImgBox{
	position: relative;
	margin-bottom: 150px;
}

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

.contactInfoT{
	font-size: 30px;
	color: #fff;
}
.contactInfo{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
}
.contactImgBox:hover{
	box-shadow: 2px 2px 12px #999;
}
.contactRightImg{
	width: 100%;
}
/* 新闻详情 */
.newTopBtn{
	background-color: #f8ea00;
	padding: 10px 20px;
	display: inline-block;
	margin-bottom: 20px;
}
.infoTitle{
	font-size: 50px;
	line-height: 70px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding: 30px 0; font-weight:bold;
}

.newsInfoBox{
	padding: 80px 20px;
}

.ainfo img{
	width: 100%;
	box-shadow: 2px 2px 12px #999;
}
.ainfo{
	font-size: 18px;
	 line-height: 40px; color:#595757;
}.ree { font-size:14px; color:#000; text-indent:20px; margin-bottom:20px;}

.infoRight{
	width: 30%;
	margin-left: 5%;
}
.infoTime{
	font-size: 22px;
}

.shareBox{
	margin-top: 10px; width:100%; float:left; display:block
}
.shareBox img{
	margin-right: 30px; width:40px; margin-bottom:10px;
}

.infoBack{
	font-size: 22px;
	width: 366px;
	height: 72px;
	border: 1px solid #000;
	text-align: center;
	line-height: 70px;	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	margin: 150px auto;text-transform:capitalize
}
.infoBack a { width:100%; float:left;}
.infoBack:hover { }
.infoBack:hover a { color:#000}
.line_tr { float:right; margin-top:-20px;}
.gfas { width:100%; float:left;}
.gfas .infoBack { margin:50px auto}
.line_tr .layui-form-item { float:left; clear:none; width:200px; margin-top:20px;}
.line_tr .layui-input-block { margin-left:30px;}

.layui-input,.layui-select,.layui-textarea { font-size:18px; color:#000; border:none }
.layui-form-select .layui-edge {border-top-color: #000;box-shadow:none}
.layui-form-select dl dd.layui-this { background-color:#efefef; color: rgba(0, 0, 0, .85);}
.layui-form-select dl { top:38px; border:none; height:240px}
input::-webkit-input-placeholder {
        color: #000;
      }
      input::-moz-input-placeholder {
        color: #000;
      }
      input::-ms-input-placeholder {
        color: #000;
      }
.layui-form-select dl dd,.layui-form-select dl dt { text-align:left;}


.flex_1::-webkit-input-placeholder {
        color: #898989;
      }
.flex_1::-moz-input-placeholder {
        color: #898989;
      }
.flex_1::-ms-input-placeholder {
        color: #898989;
      }
	
.bfd { width:100%;}
.dyw { margin-top:40px; margin-bottom:40px;}
.nerr { width:100%; float:left; margin-top:0px; margin-bottom:80px;}



.box03{ width:100%; float:left;}
 .box03 ul li{ width:100%; float:left; border-bottom:solid 1px #dcdbda; padding-top:30px; padding-bottom:30px; font-size:30px; color:#1f1f1f; line-height:38px; text-align:left;}
.box03 ul li p{  line-height:24px; margin-top:40px; width:100%; float:left; font-size:16px; color:#000000}
.box03 ul li p b { font-size:20px;}
.box03 ul li p a { width:200px; height:38px; background-color:#F47C5B; font-size:18px; color:#000; margin-bottom:30px; margin-top:40px; float:left; text-align:center; line-height:38px;}
span.head{ display:block; background:none; min-height:0px; cursor:pointer; box-shadow: 0 10px 30px 0 rgba(0, 0, 0,0); }
.box03 ul li span b { width:33.33%; text-align:left; font-weight:normal; float:left;}
.box03 ul li.selected { background:#f6f6f6;}
.box03 ul li span b.cyc { float:right; width:200px; height:38px; font-size:18px; color:#000000; line-height:36px; border:solid 1px #4f4f4f; text-align:center;}
.box03 ul li.selected p{color:#1f1f1f;}

span.selected{ }
.hffr { width:100%; float:left; margin-top:40px;}

.sxt { margin-top:20px; margin-bottom:40px;}
      .swiper {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
      }

      .swiper-slide {
        background-size: cover;
        background-position: center;
      }

      .mySwiper2 {
        height: 80%;
        width: 100%;
      }

    .ptrodf_left    .mySwiper {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
      }

    .ptrodf_left    .mySwiper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
      }

   .ptrodf_left     .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
      }

    .ptrodf_left  .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
	  
	.ptrodf_left    .swiper {
        width: 100%;
        height: 100%;
      }

     .ptrodf_left   .swiper-slide {
        text-align: center;
        font-size: 18px;
        background:rgba(0,0,0,.5);

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
	  .tuijian { width:100%; float:left; margin-top:100px; margin-bottom:100px;}
	  .ptrodf { width:100%; float:left; margin-top:60px;}
	  .ptrodf_left { width:50%; float:left;}
	  
	.ptrodf_left    .swiper-pointer-events { margin-bottom:50px;	box-shadow: #ccc 10px 10px 30px 5px;}
	  .uanmj { position:absolute; width:80PX; height:80px; border-radius:100%; background-color:rgba(255,255,255,.5); line-height:20px; font-size:18px; color:#000; z-index:99; left:20px; bottom:20px;}.uanmj img { margin-top:5px;}
	  
	  .prdduct { width:45%; float:right;  text-align:left; font-size:16px; color:#000000; line-height:32px;}
	  .pro_t { font-size:40px; font-weight:bold; float:left; width:100%; margin-bottom:20px;}
.pro_in { font-size:16px; color:#959595; line-height:32px; border-bottom:solid 1px #bfbfbf; padding-bottom:30px;}
.pro_tr { width:100%; float:left; margin-top:20px;}
.pro_tr b { font-weight: normal; width:55%; display: inline-block;vertical-align: middle;line-height: normal}
.pro_tr .ysnee { width:44%;}
.pro_tr .yff > span { font-weight: normal; width:45%; display: inline-block;vertical-align: middle; line-height: normal}
.ysnee span { width:28px; float:left; height:28px; margin-right:20px; border-radius:100%; margin-top:11px;}
.pro_tr .yff { width:100%; float:left; margin-bottom:15px;}
.ycff { float:left;}
.xkkf { float:left; font-size:14px; color:#000; width:200px; line-height:24px; margin-right:20px; height:100%; position:relative;}
.yfff { float:left; border:solid 1px #000; margin-bottom:10px;}
.mingc { position:absolute; left:-2px; bottom:-10px;}
.ycff { width:60%;}
.fdanxiang { width:100%; margin-top:20px; padding-top:20px;border-top:solid 1px #bfbfbf; float:left; font-size:22px; color:#000}
.tupivz { width:100%; float:left;}
.tupivz img { width:40px; float:left; margin-top:20px; margin-right:20px;}
.ydw { width:100%; text-align:left;}
.nerrr { width:100%; margin-top:40px; margin-bottom:50px; float:left; text-align:left; font-size:16px; color:#959595; line-height:32px;}
.ners { font-size:24px; color:#000; margin-bottom:20px;}
.dwe { width:100%; position:absolute; height:100%; left:0px; top:0px; background-color:rgba(0,0,0,.5); z-index:0}
.header  { z-index:9999}
.hgg { position:absolute; top:50%; left:0px; width:100%; font-size:40px; color:#ffffff; margin-top:-20px; line-height:40px; font-weight:bold;}
.hgg i { width:20px; height:20px; background-color:#F47C5B; display:inline-block; margin-left:-10px; position:relative; z-index:-1; margin-top:10px;}

.lxfs { width:100%; float:left; margin-bottom:50px;}
.hs { width:100%; float:left; font-size:32px; font-weight:bold; line-height:50px;}
.lxfs li { width:50%; float:left; border-bottom:solid 2px #748095; padding-top:60px; padding-bottom:60px; text-align:left;}
.hs span { float:left; position:relative; z-index:1}
.hs i { width:17px; height:17px; float:left; background-color:#F47C5B; margin-top:30px; margin-left:-10px;}
.hf { width:100%; float:left; font-size:24px; line-height:60px;}
.hge { width:100%; float:left; font-size:16px; line-height:50px;}
.hge_l { float:left; width:40%; color:#898989;}
.hge_l img { width:20px; float:left; margin-top:15px; margin-right:15px;}
.yt { border-bottom:dashed 1px #F47C5B; float:left; line-height:24px; margin-top:13px;}
.map { width:100%; float:left; margin-top:0px; position:relative; margin-bottom:30px;}
.map_tu { width:100%; float:left;}
.ft { position:relative; width:100%; height:100%; float:left;}
.shuru { width:400px; position:absolute; left:0px; top:60px; background-color:#fff; padding:30px; text-align:left;}
.dwff { position:absolute; left:0px; top:0px; width:100%; }
.shuru_t { width:100%; float:left; font-size:20px; font-weight:bold; line-height:50px;}
.shuru .dyw { margin-top:20px; margin-bottom:20px;}
.shuru  .line_tr .layui-input-block { width:100%; float:left; margin-left:0px; border-bottom:solid 1px #888888}
.shuru  .line_tr .layui-form-item { width:100%;}
.shuru  .layui-input,.shuru .layui-select, .shuru .layui-textarea { font-size:16px; color:#898989}
.shuru input::-webkit-input-placeholder {
        color: #898989;
      }
.shuru input::-moz-input-placeholder {
        color: #898989;
      }
.shuru input::-ms-input-placeholder {
        color: #898989;
      }
.ann { width:60%; margin-left:20%; cursor:pointer; margin-right:20%; float:left; border:none; line-height:50px; background-color:#F47C5B; font-size:14px; color:#000000; margin-top:0px;}
.ann:hover { background-color:#000; color:#fff;}
.xianshi { width:100%; float:left; margin-top:40px; font-size:14px; line-height:40px;}
.xianshi_l { float:left;}
.xianshi_r { float:left; margin-left:20px;}
.xianshi_l i { width:20px; height:20px; float:left; background-color:#3C3; border-radius:100%; margin-top:10px; margin-right:10px;}

.xianshi_r i { width:14px; height:14px; float:left; background-color:#F47C5B; border-radius:100%; margin-top:13px; margin-right:10px;}
.dwee { float:right; position:absolute; right:0px; top:50px;   width:600px;}
.zc { width:25%; float:left; text-align:left;}
.yc { float:right; width:75%; font-size:16px; text-align:left;}
.qwee { width:100%; float:left; font-size:16px; color:#898989; line-height:50px; margin-top:10px;}
.yc .hge_l { width:60%;}
.der {background-color:#fff; width:100%;padding:30px; float:left;}
.yc .hge_l img { margin-right:5px;}


.news .swiper {
	width: calc(100% - 180px);
	margin-right: 48px;
	float: right;
	height: 100px;
}

.news .swiper-wrapper {
	width: 80%;
	float: left;
	text-align: left;
}

.news .swiper-slide {
	text-align: left;
	color: #000;
	font-size: 16px;
	line-height: 100px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

	/* Center slide text vertically */

}

.news .newNews b {
	font-size: 16px;
	font-weight: normal;
	color: #5c5c5c;
	margin-right: 30px;
}

.news .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news_t {
	line-height: 100px;
	margin-left: 48px;
	font-size: 16px;
	font-weight: bold;
	float: left;
	color: #000;
}

.news .swiper-pagination {
	width: 60px;
	position: absolute;
	right: 30px;
	bottom: 0px;
	line-height: 100px;
	font-size: 16px;
	color: #5c5c5c;
	float: right;
}

.news .swiper-button-next,
.news .swiper-button-prev {
	width: 40px;
	height: 40px;
	float: right;
	margin-top: -20px;
}

.news .swiper-button-next,
.news .swiper-rtl .swiper-button-prev {
	background-image: url(../images/more.png);
	background-repeat: no-repeat;
	background-position: center center
}

.news .swiper-button-prev,
.news .swiper-rtl .swiper-button-next {
	left: auto;
	right: 100px;
	background-image: url(../images/more01.png);
	background-repeat: no-repeat;
	background-position: center center
}

.news .swiper-button-next:after,
.news .swiper-rtl .swiper-button-prev:after {
	display: none
}

.news .swiper-button-prev:after,
.news .swiper-rtl .swiper-button-next:after {
	display: none
}

.news .newNews a:hover {
	color: #F47C5B
}


.cyc {position: relative;}
   
    .cyc:before,
    .cyc:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; z-index:-1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition: -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1), -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
    }

    .cyc:before {
        background-color: #F47C5B; z-index:-1;
    }

    .cyc:after {
        background-color: #F47C5B; z-index:-1;
    }
    .cyc:hover:after{
    	transition-delay: 0.22s;
    	transform: scaleX(1);
     	transform-origin: 0 100%; z-index:-1;
    }
    .cyc:hover:before{
    	transform: scaleX(1);
     	transform-origin: 0 100%; z-index:-1;
    }
	
	
	.yoyuchem {position: relative;}
   
    .yoyuchem:before,
    .yoyuchem:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; z-index:-1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition: -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1), -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
    }

    .yoyuchem:before {
        background-color: #F47C5B; z-index:-1;
    }

    .yoyuchem:after {
        background-color: #F47C5B; z-index:-1;
    }
    .yoyuchem:hover:after{
    	transition-delay: 0.22s;
    	transform: scaleX(1);
     	transform-origin: 0 100%; z-index:-1;
    }
    .yoyuchem:hover:before{
    	transform: scaleX(1);
     	transform-origin: 0 100%; z-index:-1;
    }

.more a {position: relative; z-index:99; height:100%;}
   
    .more a:before,
    .more a:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; z-index:-1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition: -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1), -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
    }

    .more a:before {
        background-color: #F47C5B; z-index:-1;
    }

    .more a:after {
        background-color: #F47C5B; z-index:-1;
    }
    .more a:hover:after{
    	transition-delay: 0.22s;
    	transform: scaleX(1);
     	transform-origin: 0 100%; z-index:-1;
    }
    .more a:hover:before{
    	transform: scaleX(1);
     	transform-origin: 0 100%; z-index:-1;
    }
	
	
	
	.infoBack a {position: relative; z-index:99; height:100%;}
   
    .infoBack a:before,
    .infoBack a:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; z-index:-1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition: -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1), -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
    }

    .infoBack a:before {
        background-color: #F47C5B; z-index:-1;
    }

    .infoBack a:after {
        background-color: #F47C5B; z-index:-1;
    }
    .infoBack a:hover:after{
    	transition-delay: 0.22s;
    	transform: scaleX(1);
     	transform-origin: 0 100%; z-index:-1;
    }
    .infoBack a:hover:before{
    	transform: scaleX(1);
     	transform-origin: 0 100%; z-index:-1;
    }


.submit {position: relative; z-index:99}
   
    .submit:before,
    .submit:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; z-index:-1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition: -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1), -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
    }

    .submit:before {
        background-color: #F47C5B; z-index:-1;
    }

    .submit:after {
        background-color: #F47C5B; z-index:-1;
    }
    .submit:hover:after{
    	transition-delay: 0.22s;
    	transform: scaleX(1);
     	transform-origin: 0 100%; z-index:-1;
    }
    .submit:hover:before{
    	transform: scaleX(1);
     	transform-origin: 0 100%; z-index:-1;
    }


@media (max-width: 1720px) {
	.foot > div {
		float: inherit;
		text-align: center;
		margin-left: 0!important;
		margin-right: 0!important;
	}
	.about_body {
		margin-bottom: 20px;
	}

	.about_l {
		padding-bottom: 100px;
	}

	.w1450 {
		padding-left: 10%;
		padding-right: 10%;
	}
	.w1550 {
		padding-left: 5%;
		padding-right: 5%;
	}
		.nav { margin-left:5%}
}

@media (max-width: 1520px) {
	.about_body {
		margin-bottom: 0px;
	}
.infoTitle { font-size:40px; line-height:60px;}
.nav li { margin-left:20px; margin-right:20px}
	.about_l {
		padding-bottom: 60px;
	}.bLeftTitle { font-size:32px;}

	.about_wz {
		font-size: 58px;
		line-height: 50px;
	}
.tuijian { margin-top:60px; margin-bottom:60px;}
	.about_zw {
		font-size: 26px;
	}

	.title {
		font-size: 52px;
	}

	.newy_l p {
		font-size: 52px;
	}

	#owl-demoa {
		margin-bottom: 100px;
	}

	.w1550 {
		padding-left: 5%;
		padding-right: 5%;
	}
	.h80 { height:30px}
	
	.contactImgBox { margin-bottom:80px;}
}
.bRightTitle { font-size:40px;}

@media (max-width: 1420px) {
	.nav li {
		margin-left: 15px;
		margin-right: 15px;
	}
	.ptrodf { margin-top:00px;}
	.box03 ul li { font-size:20px; line-height:30px; padding-top:10px; padding-bottom:10px;}
.bRightTitle { font-size:32px;}
	.news {
		height: 186px;
	}

.box03 ul li span b.cyc { font-size:14px; width:120px; height:30px; line-height:28px; margin-top:4px;}
	.about_body {
		margin-top: 15px;
	}

	#owl-demoa {
		margin-bottom: 60px;
	}

.hgg { font-size:30px;}
	.school_t {
		height: 258px;
	}

	.newy {
		margin-bottom: 60px;
	}

	.w1550 {
		padding-left: 5%;
		padding-right: 5%;
	}
	.yoyuchem { margin-top:30px;}
	.yuoche { padding-top:0px;}
	.caseList { margin-bottom:40px;}
	.h100 { height:50px;}
}

@media (max-width: 1320px) {
	.nav {
		margin-left: 5%;
	}

	.w1700 {
		padding-left: 3%
	}

	.w1700_1 {
		padding-left: 6%!important;
	}
	.w1750 {
		padding-left: 3%;
		padding-right: 3%
	}
	.tuijian { margin-top:30px; margin-bottom:30px; }

	.news_t {
		margin-left: 30px
	}

	.swiper {
		margin-right: 30px;
	}

	.w1550 {
		padding-left: 3%;
		padding-right: 3%;
	}

	.about_wz {
		font-size: 42px;
		line-height: 40px;
	}

	.about_zw {

		font-size: 20px;
	}

	.about_body {
		line-height: 20px;
	}

	.more a {
		font-size: 20px;
	}

	.more {
		margin-top: 30px;
		height: 50px;
		line-height: 44px;
	}

	.title {
		font-size: 42px;
		line-height: 80px;
	}

	.wenzii {
		font-size: 14px;
	}

	.newy_l p {
		font-size: 42px;
		line-height: 62px;
	}

	.newy {
		margin-top: 0px;
		margin-bottom: 20px;
	}

	.w1450 {
		padding-left: 3%;
		padding-right: 3%;
	}

	.spanList {
		height: 62px;
		line-height: 62px;
	}

	.spanList b {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.btny {
		height: 62px;
	}

	.spanList b {
		font-size: 16px;
	}

	.foot_top {
		font-size: 42px;
	}

/*	.foot_left {
		border-bottom: solid 14px #F47C5B;
	}*/

	.dbt {
		font-size: 52px;
		line-height: 70px;
	}

	.annr {
		margin-top: 10px;
	}

	.wsbnr {
		padding: 30px;
	}

	.about_01 {
		margin-top: 70px;
	}

	.wsbnr h1 {
		font-size: 24px;
		line-height: 30px;
	}

	.about_tr h1 {
		font-size: 32px;
		line-height: 42px;
	}

	.about_02 {
		margin-top: 75px;
	}

	.wnzaa {
		padding: 30px;
	}

	.about_03 h1 {
		font-size: 32px;
		line-height: 50px;
	}

	.about_03 {
		margin-top: 50px;
	}

	.wshitu {
		margin-top: 0px;
	}

	.hhff {
		font-size: 32px;
		line-height: 42px;
	}
	.yoyuchet { font-size:20px; line-height:30px;}
	.yoyuchei { margin-top:20px;}
	.infoTitle { font-size:32px; line-height:42px;}

}


@media (max-width: 1190px) {
	.nav li {
		margin-left: 10px;
		margin-right: 10px;
	}.nav { margin-left:0px;} .logo { margin-left:20px;}}


.web { display:block}
.wap { display: none}

.kuande { width:50%; margin-left:25%; float: left}
.fhsd { width:100%; float:left; margin-top:-60px;}
.hfsssd { font-size:24px; font-weight:bold; text-align:left; line-height:45px; margin-top:20px; }
.dwddww { border-bottom:solid 1px #e6e6e6; padding-left:30%; padding-right:30%;}
.xioan { width:1px; height:40px; background-color:#e6e6e6; margin-left:30px; margin-top:20px; margin-right:30px;} 
.hhdad { width:400px; float:left;}
.dyw { margin-top:0px;}
.hhdad .caseTab { height:62px;}

.hdddad { font-size:30px; line-height:60px;}
.w1000 {width: 100%;
    padding-left: 30%;
    padding-right: 30%;
    margin: 0px auto;}
body { max-width:1920px;}	
.header .w1700 { max-width:1920px; margin:0px auto; float:none}	
	.yydse { width:46%;}
	.businessBox { float:left;}
	.BusinessItem .flex_1 { display:flex}
	
.bshare-custom .bshare-twitter { background: url(../images/ico01.png); background-size:40px;}
	
@media (max-width: 1024px) {
	.news .newNews a {
		font-size: 12px!important;
	}
	.nav {
		display: none
	}
	.infoTitle {
		border-bottom: none!important;
	}
	.bjss { top:60px;}
	#owl-demoa .owl-controls { top: auto; bottom: -50px}
	#owl-demoa { margin-top:60px;}
	.businessBox { width:100%;}
	.xianshi { font-size:12px;}
	.yydse { width:100%;}
	.w1000 { padding-left:5%; padding-right:5%;}
	.xioan { display:none}
	.dwddww { padding:0px;}
	.fhsd { margin-top:0px;}
	.tupiant { width:100%;}
.kuande { width:100%; }
.hhdad { width:100%;}
.web { display:none}
.wap { display:block}
	.pro_tr .yff{
		margin-bottom: -2px!important;
	}
.bgt { width:94%;}
.wnzaa { background-color:#fff; width:94%}

	.header {
		top: 10px
	}
	.box03 ul li { font-size:14px;}

	.logo {
		margin: 10px;
	}

	.logo img {
		height: 34px;
	}
	.ptrodf_left { width:100%; float:left;}
.hgg { font-size:20px;}
	.ptrodf_left .swiper { width:100%; height:auto}
	.prdduct { width:100%; float:left; margin-top:40px;}
	.pro_t { font-size:24px; margin-bottom:20px;}
.nerr { margin-bottom:30px;}
.dyw { margin-top:0px; margin-bottom:20px;} 
.box03 ul li p b { font-size:16px;}
.box03 ul li p { margin-top:20px;}
.box03 ul li p a { font-size:16px; margin-top:20px;}
	.head {
		min-height: 20px;
		opacity: 0.8;
	}

	.en {
		margin-top: 10px;
		float: right;
		margin-right: 10px;
	}
	.contactImgBox { margin-bottom:20px;}

	.wap_w {
		display: block;
		margin-top: 12px;
		margin-right: 10px;
		float: right;
	}

	.wap_w img {
		width: 30px;
	}

	.news {
		margin-top: 10px;
	}

	.news_t {
		line-height: 40px;
		margin-left: 0px;
	}

	.swiper {
		width: 80%;
		height: 40px;
		margin-right: 0px;
	}

	.swiper-slide {
		font-size: 14px;
		line-height: 40px;
	}

	.swiper-slide b {
		display: none
	}

	.swiper-slide a {
		width: 100%;
		overflow: hidden;
		float: left;
		height: 40px;
		font-size: 12px;
	}

	.swiper-pagination {
		line-height: 40px;
	}

	.about {
		width: 100%;
	}

	.news {
		height: auto;
		min-height: auto; padding-left:5px;
	}

	.yyt {
		margin-top: 0px;
	}

	.aboput {
		margin-top: 0px;
		padding: 14px!important;
	}

	.about_l {
		padding-right: 20px;
		padding-bottom: 00px; margin-bottom:0px;
	}
	.huangkuai { height:410px;}

	.about_wz {
		font-size: 32px;
		line-height: 30px;
	}

	.about_zw {
		font-size: 16px;
		line-height: 24px;
		margin-top: 5px;
	}

	.about_body {
		font-size: 14px;
	}

	.more {
		margin-left: 25%; margin-top:50px;
	}

	.about_r {
		width: 100%;
		margin-top: 30px;
	}
.news .swiper-slide { line-height:40px;}
.news .swiper { height:40px; width:80%; margin-right:10px;}
.news .swiper-pagination { height:40px; line-height:40px; width:40px;}
.news .swiper-button-prev, .news .swiper-rtl .swiper-button-next { right:65px;}
.news .swiper-slide { font-size:14px;}
	.title {
		margin-top: 0px;
		font-size: 24px;
		line-height: 30px;
		padding-bottom: 20px;
	}

	.wenzii {
		line-height: 44px;
	}

	.newy_l p {
		font-size: 24px;
		line-height: 32px
	}

	.newy_r {
		width: 140px;
		margin-top: 10px;
	}

	.newy_r a {
		font-size: 14px;
	}

	.spanList {
		width: 50%;
		float: left;
	}

	.spanList b {
		font-size: 14px;
	}

	.btny {
		margin-top: 20px;
	}

	.con {
		margin-top: 20px;
	}

	.con li {
		width: 100%;
	}

	.con li:first-child {
		margin: 0px;
	}

	.con li:last-child {
		margin: 0px;
	}

	.biaoti {
		font-size: 14px; height:auto;
		padding: 15px;
	}

	.time {
		padding-left: 15px;
	}

	.footer {
		padding-top: 25px;
	}

	.foot {
		margin-bottom: 20px;
	}

	.newy {
	 padding-top:25px;
	}

	.foot a {
		width: 33.33%;
		float: left;
		margin: 0px;
	}

	.foot_left {
		padding: 0px;
		width: 100%;
	}

	.foot_top {
		font-size: 32px;
		line-height: 42px;
	}

	.foot_right {
		margin: 0px;
		width: 100%;
		margin-top: 20px; margin-bottom:20px;
	}

	.foot_right img {
		float: none;
		margin-left: 10px;
		margin-right: 10px;
	}

	#owl-demo .owl-controls .owl-buttons div {
		width: 32px;
		height: 32px;
		background-size: 100%;
		margin-top: -16px;
	}
	
	#owl-demo-a .owl-controls .owl-buttons div {
		width: 32px;
		height: 32px;
		background-size: 100%;
		margin-top: -16px;
	}

	.dw {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.dw a {
		font-size: 14px;
	}

	.w50 {
		width: 100%;
	}

	.dbt {
		font-size: 36px;
		line-height: 52px;
	}

	.wsbnr {
		display: block!important;
		padding: 10px;
		margin-top: 5px!important;
	}
	.about_03 {
		margin-bottom: -30px!important;
		margin-top: 0px!important;
	}
	.dbtTitle {
		margin-top: 10px!important;
		margin-bottom: 10px!important;
	}
	.wsbnr *{
		font-size: 14px!important;
		line-height: 20px!important;
	}
	.hhff * {
		font-size: 14px!important;
		line-height: 20px!important;
	}
	.wnzaa *{
		font-size: 14px!important;
		line-height: 20px!important;
	}
	.wsbnr p{
		width: 100%!important;
	}
	.bhhd {
		margin-top: 20px;
	}

	.fdy img {
		 width:94%; margin-top:-30px!important;
		float: none;
		margin-left: 2%;
	}

	.fdy {
		margin-top:60px;
		padding: 0px; padding-bottom:30px;
	}

	.about_tr {
		width: 100%;
	}

	.about_tr h1 {
		width: 100%;
		font-size: 24px;
		line-height: 32px;
	}

	.wnzaa {
		width: 100%;
		padding: 15px;
		left: 0px;
		top: 0px;
		position: relative;
		margin-top: 0px;
		float: left;
		font-size: 14px;
		line-height: 24px;
	}

	.about_02 {
		margin-top: 0px;
		background-color: #fff
	}

	.bgt {
		float: left;
	}

	.tanchuang {
		top: 28%;
		margin-left: -20px;
		width: 40px;
		height: 40px;
	}

	.about_03 h1 {
		font-size: 24px;
		line-height: 32px;
	}

	.about_03 h2 {
		line-height: 24px; width:90%; margin-left:5%;
	}

	.w60 {
		width: 100%;
	}

	.wshitu .fdy {
		padding: 0px; padding-bottom:30px;
	}

	.w40 {
		width: 100%;
	}

	.yyc {
		padding: 20px;
		margin-top: 10px!important;
	}

	.hhff {
		font-size: 24px;
		line-height: 32px;
		margin-top: -60px;
	}

	.msd {
		margin-top: 30px;
		line-height: 24px;
	}

	.about_03 {
		margin-bottom: 30px;
	}
	.zhanwei { height:60px;}
	.dw img { height:20px; height:20px; margin-top:5px; width:20px;}
	.line_tl { font-size:20px; line-height:40px;}
	.line_tr .layui-input-block { margin-left:10px;}
	.layui-input, .layui-select, .layui-textarea { font-size:14px;}
	.line_tr .layui-form-item { width:100%; margin-top:2px;}
	.titlea { font-size:30px; line-height:60px; margin-bottom:20px;}
	.line li { padding:15px;}
	.tupiany { width:100%; margin-bottom:20px;}
	.yuoche { width:100%; padding:0px;}
	.yoyuchet { font-size:18px; line-height:24px;}
	.yoyuchei { font-size:14px; line-height:24px;}
	.yoyuchem { width:140px; font-size:14px; margin-bottom:20px; }
	.line { margin-bottom:15px;}
	.infoTitle { font-size:24px; line-height:32px; padding:15px 0px}
	.newsInfoBox { padding:20px 0px;}
	.flex { display:block}
	.ainfo { font-size:16px; line-height:30px;}
	.infoRight { width:100%; margin:0px; margin-top:20px;}
	.infoBack { height:52px; line-height:52px; font-size:18px; width:300px; margin:50px auto; margin-top:200px;} 
	.foot_right img { width:30px; margin-bottom:20px;}
	.pLeft { width:100%; border:none}
.h45 { height:25px;}
.pr45 { padding-right:0px;}
.pSearchBox { height:40px;}
.flex_1 { width:50%; float:left;}
.filterTitle { font-size:16px;}
.pToggle { float:right;}
.filterLi { width:50%!important; float:left; height:30px; margin-left:0px; text-align:left;}
.f_warp { width:100%; float:left;}
.filterBox { width:100%; float:left;}
.filterTop { height:42px;}
.filterBox { padding-bottom:10px;}
.colorBox {
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	float: none;
	width: auto;
}
.sizeLi { width:50%; height:30px; margin-left:0px; float:left; text-align:left;}
.pRight { width:100%; padding:20px 0px}
.productList { width:48%; margin:1%; float:left;}
.productTest { width:100%; font-size:14px; padding-left:10px; padding-bottom:10px; line-height:42px; height:42px;}
.pMore { display:none}
.itc { width:100%; float:left; }
.pageBox .btn { float:left; width:80px; }
.pageBox .nextBtn { float:right;}
.pageBox a, .pageBox span { margin:0px 5px; line-height:38px;}
.pageBox { margin-top:30px; margin-bottom:30px;}
.caseTabBox .flex_1 { width:100%;}
.caseTab { height:52px; line-height:52px;}
.caseList { width:48%; margin:1%; margin-bottom:20px; float:left;}
.caseTest { font-size:14px; padding:5px 10px; height:40px; line-height:30px;}
/*.caseImg { padding-top:92%;}*/
.caseBox { margin-top:30px; float:left; width:100%;}
.bLeftTitle { font-size:24px; margin-bottom:20px;}
.bLeft,.bRight { width:100%;}
.BusinessItem .flex_1 { width:100%; margin-bottom:10px; text-align:left; display:block}
.smallTile { height:auto; margin-top:20px; margin-bottom:20px;}
.smallTile div { margin-left:0px;}
.addTitleInfo { float:left;}
.addTitleImg { float:left;position: relative;
	top: 8px;}
.addTitleInfo {font-size: 16px!important;}
.addressInfo { font-size:14px; line-height:26px;}
.addressInfo { margin-bottom:5px!important;padding-bottom: 5px!important;}
.smallTile { margin-bottom:30px;}
.titlea { line-height:42px;font-size: 32px!important;}
.bRightTitle { font-size:20px; line-height:32px; margin-bottom:20px;}
.ffd { margin-bottom:50px;}
.submit { width:100%;}
.hsfa .flex_1 { width:100%;}
.caseBox { margin-top:0px;}
.caseTabBox { margin-bottom:0px; width:100%; float:left;}
.con li { margin-bottom:20px;}
.ners { font-size:18px;}
.map { margin:0px;}
.dwff { position:relative; float:left;}
.shuru { width:100%; float:left; position:relative; top:0px; margin-top:20px; padding:20px;}
.dwee { position:relative; top:0px; margin-top:30px; width:100%;}
.zc { width:100%;}
.hs { width:auto; font-size:24px;}
.qwee { width:auto; float:left; margin-left:15px; margin-top:0px;}
.hf { font-size:16px; line-height:50px;}
.hf { width:auto; margin-left:20px;}
.yc { width:100%; font-size:14px;}
.der { padding:15px;}
.box03 ul li span b.cyc { width:100%;}
.hge_l { width:55%;}
.lxfs li {border-bottom: solid 1px #748095;}
.lxfs li { width:100%; padding-top:30px; padding-bottom:30px;}
.kuande { margin-left:0px;}
.kuande .more { margin-top:20px; border:solid 1px #000; height:40px; line-height:38px;}
.hsd { width:90%; margin-left:5%; top:30%;}
.guabbi { width:30px; height:30px; line-height:30px; top:-15px; right:-15px; font-size:18px;}
.curr { line-height:28px}
.nerr .box03 ul li span b.cyc { width:100px; height:24px; line-height:24px;}
.line_tr { width:100%; margin-top:0px;}
.con li:first-child { margin-bottom:20px;}
.pSearchBox button { float:right;}
.pageBox a,.pageBox span { line-height:28px; margin:0px 2px;}
/*.filterList { display:none}*/
	.filterLi:nth-child(2n - 1) {
		margin-left: 0!important;
	}
}
@font-face {
	font-family: jost;
	src: url('https://www.twyfordtile.com/css/jost.ttf')
}
body *{
	font-family: jost;
}
@media (max-width: 750px) { .footer .bshare-custom { display: none } }

@media (max-width: 404px) {.huangkuai { height:450px;} }



.foot_bootom2 {
    position: fixed;
    right: 12px;
    top: calc(50% + 130px);
    width: 200px;
    border-radius: 6px;
    z-index: 9999;
    /*background: #fff;*/
}
.foot_bootom2 .bshare-custom2 a{
    margin-right: 2px!important;
    margin-left: 2px!important;
}
.foot_bootom2 > .foot_right2{
    margin: 0!important;
}

.foot_bottom2 {
    color: #6f6f6f;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 30px;
}

.foot_right2 {
    float: right;
    margin-right: 60px;
    margin-top: 40px;
}

.foot_right2 img {
    float: left;
    width: 40px;
}

.bshare-custom2 a {display: inline-block; width:200px; height:40px; margin-left:2px;  margin-right:2px;padding-left:40px; }

.bshare-custom2 .ico09 {
    background: url(/images/hot.png);
    background-size:200px;
    display:inline-block
}