@charset "utf-8";
/* CSS Document akakaz */
* {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

div,strong,a,span,li {
	font-size: 12px;
}

img {
	border: none;
}

ul, li, ol {
	list-style: none;
}
i,em {font-style:normal;}
/* CSS Document */
/* 样式重置
-----------------------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ul {
	list-style: none;
}
/* 清除浮动
----------------------------------------------------------------------------------------------------*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* 兼容清除浮动和错位 */
a {
	text-decoration: none;
	color: #333;
}

a:hover {
	color: #ec3b02;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* 主体宽度设置
----------------------------------------------------------------------------------------------------*/
body {
	background: #fff;
	min-width: 1200px;
}

.box {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.flex-between {
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex;
	display: -o-flex; 
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-moz-justify-content:space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}
.flex-around {
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex;
	display: -o-flex; 
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: space-around;
	-moz-justify-content:space-around;
	-ms-justify-content: space-around;
	-o-justify-content: space-around;
	justify-content: space-around;
}
.flex-center {
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex;
	display: -o-flex; 
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: space-center;
	-moz-justify-content:space-center;
	-ms-justify-content: space-center;
	-o-justify-content: space-center;
	justify-content: space-center;
}
.flex-wrap {
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap;
}
.ll {
	float: left;
}
.rr {
	float: right;
}
.scale {
	transition: 1s;
	transform:scale(1.2,1.2); 
	-ms-transform:scale(1.2,1.2);  	/* IE 9 */
	-moz-transform:scale(1.2,1.2); 	/* Firefox */
	-webkit-transform:scale(1.2,1.2);  /* Safari 和 Chrome */
	-o-transform:scale(1.2,1.2); 
}
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}

/*公共头部样式*/
.headtop {
	width: 100%;
	max-width: 1920px;
	height: 30px;
	margin: 0 auto;
	overflow: hidden;
	border-top:3px solid #f9b73a;
	border-bottom: 2px solid #f1f1f0;
}
.headtop span {
	color: #919191;
	font-size: 14px;
	line-height: 30px;
}
.headtop span.rr {
	width: 280px;
	height: 30px;
	padding: 0 50px;
	background: url(../images/headtop.jpg) no-repeat center;
}
.headtop span a {
	display: block;
	width: 110px;
	float: left;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	padding-left: 30px;
}
.headtop span a.ftel {
	background: url(../images/ftel.png) no-repeat left center;
}
.headtop span a.fonline {
	background: url(../images/fonline.png) no-repeat left center;
}
.head {
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
	padding:15px 0;
	height: 75px;
}
.logo {height: 75px;overflow: hidden;}
.logol {padding: 0;overflow: hidden;}
.logol h2 {
	color: #f8bd30;
	font-size: 24px;
	line-height: 40px;
}
.logol h3 {
	color: #2c2c2c;
	font-size: 18px;
	line-height: 30px;
}
.headright {
	width: 215px;
	height: 75px;
}
.headtel {
	padding: 8px 0;
	overflow: hidden;
	text-align: right;
}
.headtel p {
	color: #9a9a9a;
	font-size: 16px;
	line-height: 20px;
}
.headtel span {
	display: block;
	float: right;
	color: #2c2c2c;
	font-size: 24px;
	line-height:40px;
	font-weight: bold;
}
.nav {
	width: 100%;
	max-height: 1920px;
	margin:0 auto;
	height: 60px;
	background: #fbae27;
}
.nav ul {
	padding: 0;
	height: 60px;
}
.nav li.navli {
    width: 10%;
    line-height: 60px;
    text-align: center;
    float: left;
    position: relative;
}
.nav .navli a {display: block;}
.nav .navli p {
	color: #000;
	font-size: 16px;
	line-height: 60px;
}
.nav .navli .child{
	display: none;
	width: 160%;
	position: absolute;
	top:60px;
	left:-30%;
	z-index: 3;
	transition: all .3s ease;
}
.nav li .child li {
	padding: 0;
	background: #fff;
	line-height: 36px;
	border-bottom: 1px solid #dadada;
}
.nav li .child li a {
	display: block;
	font-size: 14px;
	color: #000;
	line-height: 36px;
}
.nav .navli:hover {background: #333;}
.nav .navli:hover p {color: #fff;}
.nav .navli:hover .child {display: block;}
.nav .child li:hover a {
	background: #fbae27;
	color: #000;
}

/*banner*/
.flexslider { margin: 0px auto; position: relative; width: 100%; height: 650px; overflow: hidden; zoom: 1; }
.flexslider .slides li { width: 100%; height: 100%; }
.flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 0px; }
.flex-direction-nav .flex-next { background-position: 0 -70px; right: 0; }
.flex-direction-nav .flex-prev { left: 0; }
.flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); }
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; }
.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1;  *display: inline;
}
.flex-control-paging li a { background: url(../images/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; }
.flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-position: 0 0; }
.flexslider .slides a img { width: 100%; height:650px; display: block; }
/*公共标题*/
.title_1 {
	padding: 0;
	overflow: hidden;
	text-align: center;
	margin-bottom: 35px;
}
.title_1 h3 {
	color: #1e1d23;
	font-size: 42px;
	line-height: 60px;
	font-weight: normal;
}
.title_1 h3 strong {
	color: #f9b73a;
	font-size: 42px;
	line-height: 70px;
}
.title_1 span {
	display: inline-block;
	padding: 0 20px;
	color: #353535;
	font-size: 20px;
	line-height: 35px;
	position: relative;
}
.title_1 span:before,.title_1 span:after {
	content: "";
	width: 80px;
	height: 2px;
	background: #f9b73a;
	position: absolute;
	top:50%;
	margin-top: -1px;
}
.title_1 span:before {
	left: -80px;
}
.title_1 span:after {
	right: -80px;
}

/*公共栏目样式*/
.sidebar {
	padding:0;
	width: 258px;
	overflow: hidden;
}
.sidebar .sideT {
	padding: 0;
	overflow: hidden;
	text-align: center;
	color: #f9b73a;
	font-size: 24px;
	line-height: 84px;
	background: #2c2c2c;
	font-weight: bold;
	border-radius: 20px 0 0 0;
}
.sidebar .sideT strong {
	color: #fff;
	font-size: 24px;
	line-height: 84px;
}
.sidetit {
	background: url(../images/sidetitbg.png) no-repeat 25px center #f4f3f3;
	overflow: hidden;
	color: #161616;
	font-size: 16px;
	line-height: 60px;
	font-weight: bold;
	padding-left: 57px;
}
.sidebar .snav {
	padding:0 7px 7px;
	overflow: hidden;
	border:1px solid #e9e9e9;
}
.sidebar .l-ul {
}
.sidebar .l-ul li {
	line-height: 50px;
	padding-left: 20px;
	border-bottom: 1px solid #e9e9e9;
}
.sidebar .l-ul li a{
	font-size: 14px;
	color: #3d3d3d;
	display: block;
}
.sidebar .l-ul li:hover{
	background: #f9b73a;
	color: #000;
}
.sidebar .l-ul li:hover a {
	color: #000;
}
.sidebar .sidemore a {
	line-height: 55px;
	padding-left: 20px;
	font-size: 14px;
	color: #e7a414;
	display: block;
	font-weight: bold;
	transition: all 0.3s;
}
.sidebar .sidemore a:hover {
	padding-left: 25px;
}
.sidebar .sidelx{
	background: #f9b73a;
	padding:25px 0;
	overflow: hidden;
	text-align: center;
}
.sidebar .sidelx img {
	max-width: 100%;
	margin:0 auto;
}
.sidebar .sidelx p {
	color: #000;
	font-size: 16px;
	line-height: 30px;
}
.sidebar .sidelx h4 {
    color: #000;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
}

/*友情链接*/
.links {
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
	padding: 10px 0;
	overflow: hidden;
	border-top: 1px solid #dcdcdc;
}
.links a {
	display: inline-block;
	color: #b1b1b1;
	font-size: 14px;
	line-height: 30px;
	padding: 0 10px;
}
.links a.linkt {
	color: #ffa800;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
.links a:hover {
	color: #f9b73a;  
}

/*底部公用样式*/
.flx {
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
	padding: 0;
	overflow: hidden;
	background: #f9b73a;
}
.flx li {
	padding:28px 60px;
	overflow: hidden;
	border-right: 1px solid #fbcd75;
	float: left;
	margin-right: 66px;
	min-width:230px;
}
.flx li:nth-child(1) {
	background: url(../images/flx1.png) no-repeat left center;
}
.flx li:nth-child(2) {
	background: url(../images/flx2.png) no-repeat left center;
}
.flx li:nth-child(3) {
	background: url(../images/flx3.png) no-repeat left center;
	border-right: none;
	margin-right: 0;
}
.flx li span {
	color: #000;
	font-size: 20px;
	line-height: 30px;
	display: block;
}
.flx li p {
	color: #000;
	font-size: 15px;
	line-height: 25px;
}
.footer {
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
	background: #303030;
	padding:50px 0 0;
	overflow: hidden;
} 
.foot1f {
	padding: 0 0 40px;
	overflow: hidden;
}
.foot1f .fnav {
	padding: 0;
	overflow: hidden;
	width: 1000px;
}
.foot1f .fnav dl {
	padding: 0;
	overflow: hidden;
	float: left;
	min-width: 150px;
	margin-right: 35px;
}
.foot1f .fnav dl dt a {
	color: #adadad;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 20px;
}
.foot1f .fnav dl dd a {
	display: block;
	color: #848484;
	font-size: 14px;
	line-height: 30px;
}
.foot1f .fnav dl a:hover {
	color: #fff;
}
.fewm {
	padding: 0;
	overflow: hidden;
	width: 174px;
	height: 179px;
	background: url(../images/ewm.png) no-repeat top center;
}
.fewm p {
	width: 134px;
	height: 134px;
	padding: 23px 19px 22px 20px;
}
.fewm p img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.copyright {
	border-top: 1px solid #1e1e1e;
	padding: 10px 0;
	overflow: hidden;
	text-align: center;
}
.copyright p,.copyright a,.copyright span { 
	color: #646464;
	font-size: 14px;
	line-height: 30px;
}
.copyright a:hover {
	color: #fff;
}

/*源头厂家*/
.main5f {
	padding: 65px 0 55px;
	overflow: hidden;
	background: #f3f4f7;
}
.main5f .ytlist {
	padding: 0;
	overflow: hidden;
}
.main5f .ytlist li {
	width: 280px;
	float: left;
	text-align: center;
	margin:0 10px;
	position: relative;
	padding: 35px 0 0;
	overflow: hidden;
}
.main5f .ytlist li .ytjt {
	width: 70px;
	height: 70px;
	margin:0 auto;
	background: url(../images/dui.png) no-repeat center;
	background-size: contain;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	top:0;
	z-index: 2;
	transition: all 0.3s;
}
.main5f .ytlist li .ytitem {
	padding: 48px 10px 10px;
	overflow: hidden;
	background: #fff;
	transition: all 0.3s;
	position: relative;
	z-index: 1;
}
.main5f .ytlist li .ytitem:before,.main5f .ytlist li .ytitem:after {
    position: absolute;
    top: 50%;
    content: '';
    width: 20px;
    height: 20px;
    background: #fbae27;
    border-radius: 50%;
}
.main5f .ytlist li .ytitem h3,.main5f .ytlist li .ytitem em,.main5f .ytlist li .ytitem p,.main5f .ytlist li .ytitem .ytimg {
	position: relative;
	z-index: 2;
}
.main5f .ytlist li .ytitem h3 {
	color: #2c2c2c;
	font-size: 25px;
	line-height: 50px;
}
.main5f .ytlist li .ytitem em {
	display: block;
	width: 34px;
	height: 3px;
	background: #f9b73a;
	margin:0 auto 10px;
}
.main5f .ytlist li .ytitem p {
	padding: 0 50px;
	color: #000;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 15px;
}
.main5f .ytlist li .ytitem .ytimg {
	width: 100%;
	height: 158px;
}
.main5f .ytlist li .ytitem .ytimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.main5f .ytlist li:hover {
	cursor: pointer;
}
.main5f .ytlist li:hover .ytjt {
	background: url(../images/duia.png) no-repeat center;
	background-size: contain;
}
/*.main5f .ytlist li:hover .ytitem {
	background: #f9b73a;
}*/
.main5f .ytlist li:hover .ytitem em {
	background: #000;
}
.main5f .ytlist li .ytitem:before {
	left: -20px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
/*     animation: criss-cross-left 0.8s reverse; */
}
.main5f .ytlist li .ytitem:after {
	right: -20px;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
  /*     animation: criss-cross-right 0.8s reverse; */
}
.main5f .ytlist li:hover .ytitem::before {
	-webkit-animation: criss-cross-left 0.8s both;
	animation: criss-cross-left 0.8s both;
	border-radius: 0;
}
.main5f .ytlist li:hover .ytitem::after {
	-webkit-animation: criss-cross-right 0.8s both;
	animation: criss-cross-right 0.8s both;
	border-radius: 0;
}