@charset "utf-8";
html,body{height:100%;font-size:12px; }
body{ margin:0px; padding:0px; font-size:1em; font-family:"微软雅黑"; color:#505050;background:#fff;position:relative;-moz-user-select:none;overflow-x:hidden}
p,ul,li,dl,dd,dt,form,imput,h1,h2,h3,h4,h5,h6,h7{margin:0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;}
ul,li{ margin:0px; padding:0px; list-style-type:none;}
img{ border:none; vertical-align:top;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;color:#ff6b5a;}
.strong{ font-weight:bold;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; overflow:hidden; line-height:0px; height:0px; font-size:0px;}
i{list-style:none; font-style:normal;}
.clearfix::after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
input,select,button{font:12px "微软雅黑";vertical-align:middle;}
select::-ms-expand { display: none;}

/*head*/
.wrap{max-width:1200px;margin:0 auto;}
.header{width:100%;height:auto;}
.logo{max-width:338px;height:auto;margin-top:34px;margin-bottom:42px;}
.nav{width:862px;height:auto;}
.nav li{width:10.6%;height:auto;float:left;margin-right:4.5%;margin-top:37px;text-align:center;font-size:14px;color:#000;line-height: 20px;padding-top:25px;padding-bottom:30px;position: relative;}
.nav li:first-child{margin-left:8%;}
.nav li:hover{background:#ff9600;color:#000;}
.nav li:hover a{color:#fff;}
.nav li:hover ul{background:#fff;color: #fff;display: block;}
.nav li:hover ul li a{color: #000;}
.nav li ul{width:150%;height:auto;background:#fff;display: none;position: absolute;top:95px;left:0;z-index:999;}
.nav li ul li{width:100%;height:auto;padding:10px 0;margin:0;}
.nav li ul li:first-child{margin-left:0;}
.nav li ul li:hover{background: #ff9600;color:#fff;}
.nav li ul li:hover a{color:#fff;}
.nav span{font-size:10px;display: block;}
.current{background:#ff9600;color: #fff;}
.current a{color: #fff;}

/*banner*/
.banner{width:100%;height:auto;}
.js-silder{
	position: relative;	
	min-width: 320px;
}
.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.silder-main-img img{
	width: 100%;
}
.js-silder-ctrl{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom:20px;
}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "宋体";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}
.silder-ctrl-con{
	display: inline-block;
	width: 6.5%;
	padding: 10px 0;
	margin: 0 10px;
	cursor: pointer;
}
.silder-ctrl-con>span{
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding: 5px 0;
	cursor: pointer;
	background-color: #e4e4e4;
}
.silder-ctrl-con.active>span{
	background-color: #ff9600;
}

@media (max-width: 768px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		width: 10%;
		font-size: 26px;
		margin-top: -25px;
	}
	.silder-ctrl-con{
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0 5px;
	}
	.silder-ctrl-con>span{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		padding: 0;
	}
}

/*about*/
.indexabout{width:100%;height:auto;background:url(../images/indexaboutbg.jpg) repeat-y center;}
.indexaboutl{width:50%;height:auto;text-align: center;}
.indexaboutl img{max-width:100%;margin-top:120px;}
.indexaboutr{width:50%;height:auto;}
.indexaboutr dl{width:86%;height:auto;font-size:28px;color:#fff;margin-left:14%;margin-top:102px;}
.indexaboutr dt{width:100%;height:auto;font-size:14px;color:#fff;line-height: 30px;margin-top:52px;min-height:245px;}
.indexaboutr dd{margin-top:30px;font-size:14px;color:#fff;width:27%;height:auto;line-height: 30px;padding:6px 0;border:1px #ffdeaf solid;border-radius: 25px;text-align:center;margin-bottom:105px;}
.indexaboutr dd a{color:#fff;}
.indexaboutr dd:hover{background:#fff;border:1px #ff9600 solid;}
.indexaboutr dd:hover a{color:#ff9600;}


/*product*/
.product{height:auto;position:relative;}
.producttitle{width:100%;height:auto;background:url(../images/line.jpg) no-repeat center bottom;text-align:center;font-size:30px;color:#221815;margin-top:70px;padding-bottom:20px;margin-bottom:24px;}



.business{width:100%;height:auto;background:#ff9600;overflow:hidden;}
.businesstitle{width:100%;height:auto;background:url(../images/line2.jpg) no-repeat center bottom;text-align:center;font-size:30px;color:#fff;margin-top:70px;padding-bottom:20px;margin-bottom:24px;}
.businessbox{width:100%;height:auto;}
.businessbox li{width:17.8%;height:auto;float:left;margin-right:1.6%;background:#fff;font-size:12px;color:#9e9e9e;padding:45px 3%;}
.businessbox li a{color:#9e9e9e;}
.businessbox li:last-child{margin-right:0;}
.businessboxt{font-size:16px;color:#000000;}
.line{width:39%;height:4px;background:#fff;margin:15px 0;}
.businessbox li:hover .line{background:#ff9600;}
.businessmore{width:13%;height:auto;border:1px #ffdeaf  solid;border-radius: 20px;padding:6px 0;text-align: center;color:#fff;margin:60px auto 95px;font-size:20px;}
.businessmore a{color:#fff;}
.businessmore:hover{background:#fff;border:1px #fff solid;}
.businessmore:hover a{color:#ff9600;}

/*news*/
.news{width:100%;height:auto;padding-bottom:55px;}
.newstitle{width:100%;height:auto;background:url(../images/line.jpg) no-repeat center bottom;text-align:center;font-size:30px;color:#221815;margin-top:70px;padding-bottom:20px;margin-bottom:24px;}
.newsbox{width:100%;height:auto;}
.newsbox li{width:48.9%;height:auto;float:left;margin-right:1.75%;border:1px #aaabac solid;margin-bottom:20px;}
.newsbox li:nth-child(2n){margin-right:0;}
.newspic{width:35.7%;height:auto;}
.newspic img{max-width:100%;}
.newsbox li dl{width:55.7%;height:auto;float:left;padding:0 4.3%;font-size:16px;color:#221815;padding-top:35px;}
.newscottitle{width:100%;height:auto;overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/}
.newsbox li dl a{color:#221815;}
.newsbox li dt{width:100%;height:42px;font-size:12px;line-height: 20px;color:#929292;padding-top:13px;overflow: hidden;}
.newsbox li dd{width:100%;height:auto;font-size:12px;color:#a2a2a2;padding-top:14px;}
/*footer*/
.footer{width:100%;height:auto;overflow:hidden;border-top:5px #e7eaef solid;background:#eef1f5;padding-bottom:57px;}
.footerleft{width:71.5%;height:auto;padding-top:60px;border-right:1px #c0c1c5 solid;}
.footerleft dl{width:23%;height:auto;float:left;}
.footerleft dt{width:100%;height:auto;font-size:20px;color:#221815;line-height: 34px;margin-bottom:22px;}
.footerleft dd{width:100%;height:auto;font-size:14px;color:#666464;line-height: 15px;margin-bottom:20px;}
.footerleft dd a{color:#666464;}
.footerleft dd:hover a{color:#ff9600;}
.footerright{width:23.5%;height:auto;margin-top:57px;margin-left:4.5%;}
.footerlogo{width:100%;height:auto;}
.footerlogo img{max-width:100%;}
.footerright dl{width:100%;height:auto;font-size:12px;color:#666464;margin-top:27px;line-height: 22px;}
.footerright dt{width:100%;height:auto;font-size:30px;color:#b26a03;line-height: 36px;}
.bottom{width:90%;height:auto;background:#ff9600;font-size:12px;color:#fff;text-align:center;padding:22px 5%;overflow:hidden}
.bottom a{color:#fff;}
.blue{display:block}
.blue2{display:none}

#fh5co-offcanvas{width:100%;height:auto;overflow:hidden;position:absolute;z-index:10000;padding-top:68px;top:0;left:0}
#fh5co-offcanvas li{width:100%;padding:10px 0;line-height:23px;font-size:14px;color:#fff;border-bottom:1px dotted #ffbd5f;font-family:"微软雅黑";background:#ff9600;}
#fh5co-offcanvas li a{color:#fff;padding-left:3%}
#fh5co-offcanvas{display:none}
#fh5co-offcanvas li ul{width:auto;overflow:hidden;background:#fff !important;margin:10px 0;display:none}
#fh5co-offcanvas li ul li{width:100%;height:30px;line-height:30px;font-size:12px;padding-left:0 !important;background:#fff !important;border-bottom:1px dotted #999999 !important;}
#fh5co-offcanvas li ul li a{color:#333}
.navbtn{display: none;width: 50px;height: 50px;position: absolute;top: 10px;right: 0;z-index:10000}
.mobilebottom{width:100%;height:36px;line-height:36px;background:#fff;position:fixed;bottom:0;left:0;z-index:10000;padding-top:10px;display:none}
.mobilebottom li{width:33.333%;text-align:center;font-size:14px;color:#fff;background:#ff9600;line-height:36px;float:left}
.mobilebottom li a{color:#fff}



@media screen and (max-width: 1300px) {
.nav{width:800px;}
}
@media screen and (max-width: 1200px) {
.wrap{width:98%;}
.logo{margin:10px 0}
.nav{display:none}
.navbtn{display:block}

}

@media screen and (max-width: 1150px) {

}
@media screen and (max-width: 1100px) {

}
@media screen and (max-width: 1050px) {
.newsbox li dl {width: 55.6%;padding-top: 20px;}

}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 950px) {
.newspic {width: 40%;}
.newsbox li dl {width: 51.3%;}
.newsbox li {width: 48.8%;}
.indexaboutr dt {margin-top: 20px;}
}
@media screen and (max-width: 900px) {
.indexaboutr dl {width: 80%;margin:50px 10% 0;font-size: 24px;}
.indexaboutr dt {height:auto;min-height: auto;}
.indexaboutl img {margin-top: 60px;}
}
@media screen and (max-width: 850px) {
.footerleft{width:100%;padding-top: 20px;border-right:none;}
.footerleft dl {width: 25%;}
.footerright {width: 100%;margin-top: 10px;margin-left:0%;display:none}
.footer {padding-bottom: 15px;}
.newsbox li dl {padding-top: 10px;}
.newsbox li dt {padding-top: 8px;}
.newsbox li dd {padding-top: 5px;}
}
@media screen and (max-width: 800px) {
.businessmore {width: 16%;font-size: 14px;}
.indexaboutr dl{width: 90%;margin:5%;margin: 40px 5% 0 5%;}
}
@media screen and (max-width: 750px) {
.blue{display:none}
.blue2{display:block}
.mobilebottom{display:block}
.bottom{margin-bottom:50px;}

}
@media screen and (max-width: 700px) {
.newsbox li dl {padding-top: 5px;}
.newsbox li dt {padding-top: 5px;}
.newsbox li dd {padding-top: 2px;}
.newsbox li {width: 48.6%;}
.indexaboutr dd {width: 40%;margin-bottom: 25px;}
.indexaboutr dl {font-size:20px;}
}
@media screen and (max-width: 650px) {
.newstitle {margin-top: 20px;}
.news {padding-bottom: 20px;}
.businessmore {margin: 20px auto 20px;}
.businesstitle {margin-top:20px;}
}
@media screen and (max-width: 600px) {
.newsbox li {width:100%;}
.newspic{width:35.7%;}
.newsbox li dl{width:55.7%;padding:0 4.3%;padding-top:35px;}
.businessbox li {width: 43.2%;margin-bottom: 9px;}
.businessbox li:nth-child(2n){margin-right:0;}
.indexabout{background:none;}
.indexaboutl {width:100%;background:#e7eaf3;}
.indexaboutr {width:100%;background:#ff9600;}
.indexaboutl img {margin: 40px 0;}
}
@media screen and (max-width: 550px) {

}
@media screen and (max-width: 500px) {
.footerleft{display: none;}
.newsbox li dl{padding-top:25px;}
.logo{margin:20px 0}
.logo img{width:80%}
.header{height:68px;}

}
@media screen and (max-width: 450px) {
.newsbox li dl{padding-top:15px;}
}
@media screen and (max-width: 400px) {
.newsbox li dl{padding-top:5px;}
}
@media screen and (max-width: 350px) {
.newspic {width: 45.7%;}
.newsbox li dl {width: 50.3%;padding: 0 2%;padding-top:5px;}
}