@charset "utf-8";
.main {
	padding: 0;
	overflow:hidden;
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
}
/*搜索*/
.sousuo {
	padding: 29px 0;
	overflow: hidden;
	background: url(../images/soubg.jpg) no-repeat center;
	border-bottom: 1px solid #d1d1d1;
}
.sousuo .soul {
	width: 50%;
}
.sousuo .soul h3 {
	color: #fff;
	font-size: 32px;
	line-height: 45px;
}
.sousuo .soul h3 strong {
	display: inline-block;
	color: #f9b73a;
	font-size: 32px;
	line-height: 45px;
}
.sousuo .soul p {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
}
.sousuo .sour {
	padding: 0 0 0 50px;
	overflow: hidden;
	width: 550px;
}
.search-form {padding: 0;overflow: hidden;border: 1px solid #d1d1d1;outline: none;background: #fff;margin-bottom: 5px;}
.search-form .form-control {
	padding: 0 10px;
	width: 440px;background: #fff;float: left;height: 43px;
    border: 0;
    border-radius: 0;
    -webkit-appearance:none;/*去除阴影边框*/
    outline: none;
    -webkit-tap-highlight-color:#fff;
}
.search-form .search_btn {width: 88px;background:#f9b73a;height: 43px;border: none;font-size: 14px;color: #fff;}
.sousuo .sour p {
	color: #de1c09;
	font-size: 14px;
	line-height: 25px;
}
.sousuo .sour p a {
	display: inline-block;
	color: #9d9d9d;
	font-size: 14px;
	line-height: 25px;
	padding-right: 10px;
}
.sousuo .sour p a:hover {color: #de1c09;}

/*产品中心*/
.main1f {
	padding:45px 0 15px;
	overflow: hidden;
}

/*产品展示*/
.chanpinbox {
	padding: 0;
	overflow: hidden;
}
.chanpinr {
	width: 922px;
	padding: 0;
	overflow: hidden;
}
.chanpinr .cphot {
	padding: 0;
	overflow: hidden;
	background: #f4f3f3;
	border:10px solid #f4f3f3;
	margin-bottom: 15px;
}
.chanpinr .cphot .swiper-slide {
	width: 100%;
	height: 100%;
}
.chanpinr .cphot .hotbox {
	padding: 0;
	overflow: hidden;
}
.chanpinr .cphot .hotimg {
	width: 463px;
	height: 344px;
	padding: 0;
	overflow: hidden;
}
.chanpinr .cphot .hotimg a {
	display: block;
	width: 100%;
	height: 100%;
}
.chanpinr .cphot .hotimg .icon {
	width: 463px;
	height: 344px;
	background: #fff;
	padding: 0;
	overflow: hidden; 
}
.chanpinr .cphot .hotimg .icon p {
	width: 463px;
	height: 344px;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	*text-align:center;/* 针对IE的Hack */
	*display: block;
}
.chanpinr .cphot .hotimg .icon img {
	vertical-align:middle;
	transition-duration:0.6s;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.chanpinr .cphot .hotcon {
	padding: 15px;
    overflow: hidden;
    width: 390px;
}
.chanpinr .cphot .hotcon .htit{
	color: #2c2c2c;
	font-size: 26px;
	line-height: 45px;
	font-weight: bold;
}
.chanpinr .cphot .hotcon .hcanshu{
	padding: 0;
	overflow: hidden;
	margin-bottom: 20px;
}
.chanpinr .cphot .hotcon .hcanshu h4 {
	color: #f9b73a;
	font-size: 18px;
	line-height: 40px;
}
.chanpinr .cphot .hotcon .hcanshu p {
	color: #474f58;
	font-size: 14px;
	line-height: 30px;
	background: url(../images/cs.png) no-repeat left center;
	padding-left: 20px;
}
.chanpinr .cphot .hotcon .hcanshu span {
	display: inline-block;
	color: #474f58;
	font-size: 14px;
	font-weight: bold;
}
.chanpinr .cphot .hotcon .hmore {
	padding: 0 0 10px 0;
	overflow: hidden;
}
.chanpinr .cphot .hotcon .hmore a {
	display: inline-block;
	width: 140px;
	height: 40px;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	background: #2c2c2c;
	margin-right: 20px;
	text-align: center;
	transition: all 0.3s;
}
.chanpinr .cphot .hotcon .hmore .hright {
	background: #f9b73a;
	color: #000;
}
.chanpinr .cphot .hotcon .hmore a:hover {
	box-shadow: 3px 3px 5px 1px #2c2c2c;
}
.chanpinr .cphot .phot {
	text-align: right;
}
.chanpinr .cphot .phot .swiper-pagination-bullet-active
{
	background: #f9b73a;
}
/*产品列表*/
.cplist {
	width:100%;
	margin:0 auto;
	padding: 0;
	overflow: hidden;
}
.cplist ul {
	padding: 0;
	overflow: hidden;
}
.cplist li {
	width: 290px;
	height: 265px;
	border:1px solid #ededed;
	float: left;
	position: relative;
	margin:0 5px 20px;
}
.cplist li a {
	display: block;
	width: 100%;
	height: 100%;
}
.cplist li .pic {
	width: 290px;
	height: 215px;
	background: #fff;
	padding: 0;
	overflow: hidden; 
}
.cplist li .pic p {
	width: 290px;
	height: 215px;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	*text-align:center;/* 针对IE的Hack */
	*display: block;
}
.cplist li .pic img {
	vertical-align:middle;
	transition-duration:0.6s;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cplist li .cptit {
	padding: 0;
	overflow: hidden;
	position: relative;
	background: #2c2c2c;
}
.cplist li span {
	display: block;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	position: relative;
	z-index: 1;
}
.cplist li .cptit:before,.cplist li .cptit:after {
    position: absolute;
    top: 50%;
    content: '';
    width: 20px;
    height: 20px;
    background: #fbae27;
    border-radius: 50%;
}
.cplist li .cptit:before {
	left: -20px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
/*     animation: criss-cross-left 0.8s reverse; */
}
.cplist li .cptit:after {
	right: -20px;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
  /*     animation: criss-cross-right 0.8s reverse; */
}
.cplist li:hover .cptit::before {
	-webkit-animation: criss-cross-left 0.8s both;
	animation: criss-cross-left 0.8s both;
}
.cplist li:hover .cptit::after {
	-webkit-animation: criss-cross-right 0.8s both;
	animation: criss-cross-right 0.8s both;
}
.cplist li:hover p img {
	transition: 1s;
	transform:scale(1.2,1.2); 
	-ms-transform:scale(1.2,1.2);   	
	-moz-transform:scale(1.2,1.2);  	
	-webkit-transform:scale(1.2,1.2);   
	-o-transform:scale(1.2,1.2);  
}

/*通栏一*/
.tonglan {
	padding: 0;
	overflow: hidden;
	height: 369px;
	background: url(../images/tl.jpg) no-repeat top center;
}
.tonglan .tlcon {
	padding: 75px 0 0 530px;
	overflow: hidden;
}
.tonglan .tlcon h3 {
	color: #fff;
	font-size: 36px;
	line-height: 55px;
	margin-bottom: 20px;
}
.tonglan .tlcon h3 small {
	color: #fff;
	font-size: 36px;
	line-height: 55px;
	font-weight: 300;
}
.tonglan .tlcon .tlitem {
	padding: 0;
	overflow: hidden;
	margin-bottom: 40px;
} 
.tonglan .tlcon .tlitem span {
	display: inline-block;
	padding: 0 20px;
	overflow: hidden;
	background: #f9b73a;
	border-radius: 20px;
	line-height: 45px;
	text-align: center;
	color: #000;
	font-size: 18px;
	margin-right: 15px;
}
.tonglan .tltel {
	padding-left: 80px;
	overflow: hidden;
	background: url(../images/tltel.png) no-repeat left center;
	line-height: 53px;
}
.tonglan .tltel p {
	color: #fff;
	font-size: 16px;
	line-height: 53px;
}
.tonglan .tltel strong {
	display: inline-block;
	color: #e7a414;
	font-size: 28px;
	line-height: 53px;
	transition: all 0.3s;
	animation: zoomIn1 2s infinite;
}
@keyframes zoomIn1 {
0% {
    transform: translate3d(0,5px,0);
}
50% {
    opacity: 1;
    transform: none;
}	
100% {
    opacity: 1;
    transform: translate3d(0,5px,0);
}
}
 
/*质量优势*/
.main2f {
	padding: 45px 0 0;
	overflow: hidden;
	background: url(../images/m2bg.png) no-repeat top center;
}
.main2f .title_1 i {
	display: inline-block;
	width: 50px;
	height: 61px; 
	background: url(../images/four.png) no-repeat center;
	margin:0 20px;
	vertical-align: top;
}
.ys1f {
	padding: 0 0 55px;
	overflow: hidden;
}
.ys1f .ysl,.ys1f .ysr {
	width: 350px;
	padding: 0;
	overflow: hidden;
}
.ys1f .ysc {
	padding: 0;
	overflow: hidden;
	width: 497px;
}
.ys1f .ysitem {
	padding: 0;
	overflow: hidden;
} 
.ys1f .ysitem .yspic {
	width: 90px;
	height: 103px;
}
.ys1f .ysitem .yspic img {
	max-width: 100%;
}
.ys1f .ysitem .yscon {
	width: 240px;
}
.ys1f .ysitem .yscon h3 {
	color: #2c2c2c;
	font-size: 24px;
	line-height: 46px;
	margin-top: 10px;
}
.ys1f .ysitem .yscon p {
	color: #7c7c7c;
	font-size: 16px;
	line-height: 25px;
}
.ys1f .ysl .ysitem:first-child,.ys1f .ysr .ysitem:first-child {
	margin-bottom: 170px;
}
.ys1f .ysr .yscon {
	text-align: right;
}
/*流程*/
.ys2f {
	padding: 30px 40px;
	overflow: hidden;
	background: #2c2c2c;
	border-radius: 25px;
}
.ys2f .ys2tit {
	padding: 0;
	overflow: hidden;
	margin-bottom: 30px;
}
.ys2f .ys2tit .ys2tl,.ys2f .ys2tit .ys2tr{
	width: 50%;
	padding: 0;
	overflow: hidden;
}
.ys2f .ys2tit .ys2tl h3 {
	color: #fff;
	font-size: 40px;
	line-height: 60px;
}
.ys2f .ys2tit .ys2tl h3 strong{
	color: #f9b73a;
	font-size: 40px;
	line-height: 60px;
}
.ys2f .ys2tit .ys2tl p {
	color: #fff;
	font-size: 18px;
	line-height: 35px;
}
.ys2f .ys2tit .ystit {
	display: block;
	float: right;
	margin:20px 0 0 104px;
	width: 446px;
	color: #000;
	font-size: 16px;
	line-height: 55px;
	background: url(../images/ytelbg.png) no-repeat left center;
}
.ys2f .ys2tit .ystit strong {
	display: inline-block;
	background: url(../images/ytel.png) no-repeat 34px center;
	padding-left: 90px;
	color: #242424;
	font-size: 24px;
	line-height: 55px;
	vertical-align: middle;
	width: 270px;
}
.ys2f .ys2tit .ystit a {
	display: inline-block;
	color: #000;
	font-size: 16px;
	line-height: 55px;
	vertical-align: middle;
	transition: all 0.3s;
}
.ys2f .ys2tit .ystit a:hover {
	color: #fff;
}
.ys2f .yslc {
	padding: 0;
	overflow: hidden;
}
.ys2f .yslc li {
	width: 185px;
	float: left;
	text-align: center;
	position: relative;
}
.ys2f .yslc li:after {
	content: ">";
	color: #fff;
	font-size: 16px;
	position: absolute;
	font-style: normal;
	right: 0;
	top:50%;
	margin-top:-10px;
}
.ys2f .yslc li:last-child:after {
	content: "";
}
.ys2f .yslc li img {
	width: 43px;
}
.ys2f .yslc li p {
	color: #fff;
	font-size: 18px;
	line-height: 35px;
}
.ys2f .yslc li small {
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
}

/*为什么选择*/
.main3f {
	padding: 50px 0 0;
	overflow: hidden;
}
.main3f .title_1 h3 {
	line-height: 93px;
}
.main3f .title_1 i {
	display: inline-block;
	width: 206px;
	height: 93px; 
	background: url(../images/why.png) no-repeat center;
	margin-right:20px;
	vertical-align: top;
}
.choose {
	padding: 0;
	overflow: hidden;
	margin:0 auto;
	position: relative;
}
.choose .chooseli {
	padding: 0;
	overflow: hidden;
	width: 100%;
	margin-bottom: 60px;
}
.choose .chooseli.ch2 {
	margin-bottom: 0;
}
.choose .chooseli .chooseimg {
	width: 50%;
	height: 444px;
}
.choose .chooseli .chooseimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.choose .chooseli .choosecon {
	width: 50%;
	padding: 0;
	overflow: hidden;
}
.choose .chooseli .choosecon .chooseitem{
	width: 510px;
	padding: 0;
	overflow: hidden;
	margin-left: 70px;
	margin-bottom: 60px;
}
.choose .ch2 .choosecon .chooseitem {
	margin-left:auto !important;
	margin-right: 70px;
}
.choose .chooseli .choosecon .chooseitem h3 {
	color: #102540;
	font-size: 25px;
	line-height: 60px;
	border-bottom: 1px solid #102540;
	padding-left: 90px;
	margin-bottom: 10px;
}
.choose .chooseitem:nth-child(1) h3{
	background: url(../images/01.png) no-repeat left center;
}
.choose .chooseitem:nth-child(2) h3{
	background: url(../images/02.png) no-repeat left center;
}
.choose .ch2 .chooseitem:nth-child(1) h3{
	background: url(../images/03.png) no-repeat left center;
}
.choose .ch2 .chooseitem:nth-child(2) h3{
	background: url(../images/04.png) no-repeat left center;
}
.choose .chooseli .choosecon .chooseitem p {
	color: #8f8f8f;
	font-size: 16px;
	line-height: 30px;
}
.chooseliimg {
	position: absolute;
	width: 298px;
	height: 298px;
	left: 50%;
	top:183px;
	z-index: 1;
	margin-left: -254px;
	animation: myMove1 5s linear infinite;
    -webkit-animation: myMove1 5s linear infinite;
}
.chooseliimg img {
	max-width: 100%;
}

/*案例展示*/
.main4f {
	padding: 55px 0 75px;
	overflow: hidden;
	background: url(../images/m4bg.jpg) no-repeat top center;
}
.main4f .title_1 h3,.main4f .title_1 span {color: #fff;}
.main4f .casenav {
	padding: 0;
	overflow: hidden;
	border-top:1px solid #6c6c6c;
	border-bottom:1px solid #6c6c6c;
	margin-bottom: 45px;
}
.main4f .casenav span,.main4f .casenav a {
	display: inline-block;
	color: #fff;
	font-size: 18px;
	line-height: 66px;
	text-align: center;
	vertical-align: middle;
	width: 296px;
	border-right:1px solid #727273;
}
.main4f .casenav span {
	color: #ffa800;
	font-weight: bold;
}
.main4f .casenav a:last-child {
	border-right:none;
}
.main4f .casenav a img {
	display: inline-block;
	line-height: 66px;
	vertical-align: middle;
	margin-right: 50px;
}
.main4f .casenav a:hover {
	color: #ffa800;
}
.caselist {
	padding: 0;
	overflow: hidden;
}
.caselist .swiper-slide-prev,.caselist .swiper-slide-next {
	opacity: 0.4;
}
.caselist .swiper-slide-prev .casecon,.caselist .swiper-slide-next .casecon {
	opacity: 0;
}
.caselist .caseitem {
	width: 100%;
	height: 662px;
	overflow: hidden;
	position: relative;
}
.caselist .caseitem .caseimg {
	width: 100%;
	height:602px;
}
.caselist .caseitem .caseimg a {
	display: block;
	width: 100%;
	height: 602px;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}
.caselist .caseimg img {
	vertical-align:middle;
	transition-duration:0.6s;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.caselist .casecon {
	position: absolute;
	background: #fff;
	left: 40px;
	right: 40px;
	z-index: 1;
	bottom: 0;
	padding: 0;
	overflow: hidden;
}
.caselist .casecon .casel{
	padding:0;
	overflow: hidden;
	background: #f9b73a;
	width: 25%;
}
.caselist .casecon .casel .casek {
	padding: 25px 0;
	overflow: hidden;
	margin:18px;
	text-align: center;
	border:1px solid #fcdb9d;
}
.caselist .casecon .casel h3 {
	color: #000;
	font-size: 30px;
	line-height: 40px;
}
.caselist .casecon .casel p {
	color: #000;
	font-size: 15px;
	line-height: 25px;
	text-transform: uppercase;
}
.caselist .casecon .caser{
	padding: 18px 2.5%;
	overflow: hidden;
	width: 70%;
}
.caselist .casecon .caser h2 {
	color: #2c2c2c;
	font-size: 24px;
	line-height: 40px;
}
.caselist .casecon .caser p {
	color: #757575;
	font-size: 14px;
	line-height: 25px;
}
.caselist .casecon .caser a {
	display: block;
	text-align: right;
	color: #aaa;
	font-size: 14px;
	text-decoration: underline;
}
.caselist .casecon .caser a:hover {
	color: #ff0000;
}

/*关于我们*/
.main6f {
	padding: 75px 0 0;
	overflow: hidden;
	background: url(../images/aboutbg.jpg) no-repeat top center #eaebf0;
}
.main6f .about {
	padding: 0;
	overflow: hidden;
}
.main6f .about h3 {
	color: #fff;
	font-size: 38px;
	line-height: 60px;
	margin-bottom: 20px;
	text-align: center;
}
.main6f .about .aboutnr,.main6f .about .aboutnr p,.main6f .about .aboutnr span {
	color: #fff;
	font-size: 16px;
	line-height: 35px;
}
.main6f .about .aboutmore {
	display: block;
	width: 140px;
	height: 40px;
	background: #f9b73a;
	margin:60px auto;
	color: #000;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	transition: all 0.3s;
}
.main6f .about .aboutmore:hover {
	box-shadow: 3px 3px 5px 1px #b5b5b5;
}
/*数字*/
.numlist {
	padding: 20px 0;
	overflow: hidden;
	background: #fff;
	border-bottom: 8px solid #f9b73a;
	margin-bottom: 30px;
}
.numlist .num_cont {
	width: 296px;
	float: left;
	border-right: 1px dashed #e7ecf6;
	text-align: center;
}
.numlist .num_cont:last-child {
	border-right: none;
}
.numlist .num_cont h3 {
	color: #2c2c2c;
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 10px;
}
.numlist .num_cont  em {
	display: block;
	width: 20px;
	height: 2px;
	background: #444;
	margin:0 auto;
}
.numlist .num_cont h6 {
	color: #f9b73a;
	font-size: 18px;
}
.numlist .num_cont h6 i {
	color: #f9b73a;
	font-size: 58px;
	line-height: 70px;
}
.numlist .num_cont p {
	color: #8e8e8e;
	font-size: 15px;
	line-height: 20px;
}
/*厂房设备*/
.cfsb {
	padding: 0 0 70px;
	overflow: hidden;
}
.cfsb .cfnav {
	padding: 0;
	overflow: hidden;
	text-align: center;
	line-height: 40px;
	margin-bottom: 30px;
}
.cfsb .cfnav ul li {
	display: inline-block;
	cursor: pointer;
	color: #292929;
	font-size: 20px;
	line-height: 40px;
	padding:0 35px;
	vertical-align: middle;
	position: relative;
}
.cfsb .cfnav ul li:after {
	content: "";
	width: 0;
	height: 2px;
	background: #f9b73a;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 1;
	transition: all 0.3s;
}
.cfsb .cfnav ul li.on {
	color: #f9b73a;
}
.cfsb .cfnav ul li.on:after {
	width: 60%;
	margin-left: -30%;
}
.cflist {
	height: 261px;
}
.cfsb .slideBox {
	overflow:hidden;
	zoom:1;
	position:relative;
}
.cfsb .cflist ul {
	overflow:hidden;
	zoom:1;
}
.cfsb .cflist ul li {
	float:left;
	border: 1px solid #d8d8d8;
	margin: 0 14px;
	width: 270px;
	height: 261px;
}
.cfsb .cflist ul li .cfimg {
	width: 270px;
	height: 201px;
	background: #fff;
	padding: 0;
	overflow: hidden;
}
.cflist ul li img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}
.cflist ul li span {
	display: block;
	line-height: 60px;
	background: #2c2c2c;
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.cflist ul li:hover span {
	color: #000;
	background: #f9b73a;
}

/*相关动态*/
.main8f {
	padding: 40px 0 30px;
	overflow: hidden;
}
.main8f .xw {
	padding: 0;
	overflow: hidden;
}
.main8f .xw .xwnav {
	padding: 0 100px;
	overflow: hidden;
	margin-bottom: 30px;
}
.main8f .xw .xwnav li {
	width: 248px;
	float: left;
	text-align: center;
	border-right:1px solid #c4c4c4;
}
.main8f .xw .xwnav li:last-child {
	border-right:none;
}
.main8f .xw .xwnav li h3 {
	color: #4b4b4b;
	font-size: 16px;
	line-height: 30px;
}
.main8f .xw .xwnav li p {
	color: #ccc;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
}
.main8f .xw .xwnav li:hover h3,.main8f .xw .xwnav li:hover p {
	color: #f9b73a;
}
.main8f .xwhot {
	padding: 0;
	overflow: hidden;
	margin-bottom: 30px;
}
.main8f .xwhot .xwimg {
	padding: 0;
	overflow: hidden;
	width: 585px;
	height: 370px;
}
.main8f .xwhot .xwimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.main8f .xwhotlist {
	padding: 0;
	overflow: hidden;
	width: 580px; 
}
.main8f .xwhotlist li {
	padding: 25px 0;
	height: 70px;
	border-bottom:1px solid #d6d6d6;
	position: relative;
}
.main8f .xwhotlist li:after {
	content: "";
	width: 0;
	height: 5px;
	background: #f9b73a;
	position: absolute;
	right: 0;
	bottom:-2px;
	z-index: 1;
	transition: all 0.3s;
}
.main8f .xwhotlist li:first-child {
	border-top:1px solid #d6d6d6;
}
.main8f .xwhotlist li a {
	display: block;
	width: 100%;
	height: 100%;
}
.main8f .xwhotlist li .xwhotl {
	width: 390px;
	padding:0 0 0 10px;
	overflow: hidden;
	position: relative;
}
.main8f .xwhotlist li .xwhotl:after {
	content: "";
	width: 3px;
	height: 4px;
	background: #666;
	position: absolute;
	top:15px;
	left: 0;
	z-index: 1;
}
.main8f .xwhotlist li .xwhotl h3 {
	color: #102540;
	font-size: 16px;
	line-height: 40px;
}
.main8f .xwhotlist li .xwhotl p {
	color: #102540;
	font-size: 15px;
	line-height: 30px;
}
.main8f .xwhotlist li .xwhotr{
	padding: 0;
	overflow: hidden;
	width: 130px;
	text-align: right;
}
.main8f .xwhotlist li .xwhotr h4 {
	color: #cacaca;
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
}
.main8f .xwhotlist li .xwhotr p {
	color: #cacaca;
	font-size: 16px;
	line-height: 30px;
}
.main8f .xwhotlist li:hover:after {
	width: 130px;
}
.main8f .xwhotlist li:hover .xwhotl:after {
	background: #f9b73a;
}
.main8f .xwhotlist li:hover h3,.main8f .xwhotlist li:hover h4,.main8f .xwhotlist li:hover p {
	color: #f9b73a;
}
.main8f .xwlist {
	padding: 0;
	overflow: hidden;
}
.main8f .xwlist li {
	padding: 0;
	overflow:hidden;
	width: 345px;
	float: left;
}
.main8f .xwlist li:nth-child(2) {
	margin:0 80px;
}
.main8f .xwlist li a {
	display: block;
	width: 100%;
	height: 100%;
}
.main8f .xwlist li h3 {
	color: #413e3e;
	font-size: 16px;
	line-height: 50px;
	padding-left: 20px;
	position: relative;
	border-bottom: 1px solid #c3c3c3;
	margin-bottom: 10px;
}
.main8f .xwlist li h3:before {
	content: "";
	width: 3px;
	height: 4px;
	background: #666;
	position: absolute;
	left: 0;
	top: 23px;
	z-index: 1;
}
.main8f .xwlist li h3:after {
	content: "";
	width: 0;
	height: 4px;
	background: #f9b73a;
	position: absolute;
	left: 0;
	bottom: -2px;
	z-index: 1;
	transition: all 0.3s;
}
.main8f .xwlist li p {
	color: #757373;
	font-size: 15px;
	line-height: 25px;
}
.main8f .xwlist li:hover h3{
	color: #f9b73a;
}
.main8f .xwlist li:hover h3:before,.main8f .xwlist li:hover h3:after {
	background: #f9b73a;
}
.main8f .xwlist li:hover h3:after {
	width: 100%;
}
.zoomIn4 {animation: zoomIn4 2s infinite;}
@keyframes zoomIn4 {
	0% {transform: scale(1,1); }
	50% {transform: scale(0.9,0.9);}
	100% {transform: scale(1,1);}
}

@-webkit-keyframes criss-cross-left {
	0% {left: -20px;}
	50% {left: 50%;width: 20px;height: 20px;}
	100% {left: 50%;width: 375px;height: 375px;}
}
@keyframes criss-cross-left {
	0% {left: -20px;}
	50% {left: 50%;width: 20px;height: 20px;}
	100% {left: 50%;width: 375px;height: 375px;}
}
@-webkit-keyframes criss-cross-right {
	0% {right: -20px;}
	50% {right: 50%;width: 20px;height: 20px;}
	100% {right: 50%;width: 375px;height: 375px;}
}
@keyframes criss-cross-right {
	0% {right: -20px;}
	50% {right: 50%;width: 20px;height: 20px;}
	100% {right: 50%;width: 375px;height: 375px;}
}

@keyframes myMove1 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@-webkit-keyframes myMove1 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}