.fw {margin:0 auto;width:1300px;}
.fl {float:left;}
.fr {float:right;}
.topline {width:100%;height:40px;background:#f2f2f2;line-height:40px}
.topline .fr b{font-weight:bold;}
.topline .fr a {padding:5px 15px 5px 17px;font-size:14px; color:#333;}
.topline .fr a:hover {color: #e01e3c}
.topline .fr a.phone {display:none}
.topline .fr a.qq i {color: #287feb}
.topline .fr a.wx i {color: #3cb035}
.topline .fr a.tel i {color: #eb2852}
.topline .fr a i {padding-right: 5px}
.topline .fr .wxm{width: 100px;height: 100px; display: none; margin-left: 90px; position: absolute;top: 35px; right: 1; z-index: 9999;border: 1px #ddd solid;}
.topline .fr .wxm img{display: block;width: 100px;height: 100px;}
.topline .fr .wx:hover .wxm{display: block;}



.search-top {width:1300px;height:91px;margin:30px auto 0;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,0.2);margin-bottom:10px;border:3px solid #e60039}
.search-top .tt {float:left;font-size:24px;color:#e60039;width:175px;text-align:center;line-height:85px;font-weight:bold;position:relative}
.search-top .tt:before {position:absolute;content:'';width:2px;height:46px;background:#ccc;right:0;top:20px}
.search-top form {width:1115px;float:right}
.search-top p {
	vertical-align:middle;
	color:#666;
	height:85px;
	font-size:14px;
	float:left
	}
.search-top span.s1 {float:left;line-height:85px;padding-right:10px;padding-left:20px}
.search-top input.text1 {
	width:152px;
	height:35px;
	line-height:35px;
	border:1px solid #ccc;
	border-radius:3px;
	padding:0 5px;
	background:#fff;
	float:left;
	margin-top:25px
	}
.search-top input.text2 {width:60px}
.search-top .btn1 {
	width:85px;
	height:85px;
	display:block;
	float:right;
	background:#e60039;
	border:0;
	text-align:center;
	color:#fff;
	cursor:pointer;
	font-size:14px;
	line-height:28px;
	margin-right:3px
	}
.search-top .btn1 i {display:block;font-size:30px;margin-top:15px;}
.search-top .btn1:hover i {margin-top:25px}
.search-top .btn1:hover span {opacity:0}
.select_box select{
	position:relative;
    cursor:pointer;
	background:#fff;
	font-size:12px;
	color:#000;
	height:35px;
	line-height:35px;
	border:1px solid #ccc;
	border-radius:3px;
	z-index:500;
	float:left;
	margin-top:25px;
    width:145px;
    overflow:hidden;
	}	

.about_in {background: #f8f8f8;width: 100%;}
.about_in .fw .ml{width:300px;float:left;}
.about_in .fw .ml .mlicon{float:left;margin-top:20px;display:none}
.about_in .fw .ml .mlicon img{width:300px;}

.ad1 {display: block;background: url(../images/ad1.jpg) no-repeat center;width: 100%;height: 437px;position: relative; margin:0px; padding:0px;}

.hz_in {width:100%;background:url(../images/hz_bg.gif) no-repeat top right;background-color:#f2f2f1;padding:60px 0px;}
.hz_in .title2 {display:none}
.hz_in .fw {padding-right:240px;position:relative}
.hz_in .tt {position:absolute;right:20px;top:0px}
.hz_in .list {width:100%}
.hz_in .list li {float:left;width:20%;padding:25px 10px}
.hz_in .list li img {display:block;margin:0 auto;width:100%;height:auto;transition:all 0.3s}
.hz_in .list li:hover img {transform:translateY(-10px)}


.feed_in {padding:35px 0;width:100%;border-top:1px solid #eee}
.feed_in h4 {font-size:18px;color:#eb2852;margin-bottom:20px}
.feed_in .text1{float:left;width:290px;height:40px;line-height:40px;padding:0 20px;margin-right:20px;background:#f2f2f2;border-radius:40px}
.feed_in .text2 {width:516px;border:0}
.feed_in .btn1 {width:110px;background:#f60034;transition:all 0.3s;-ms-transition: all 0.3s;color:#fff;border-radius:40px;height:40px; cursor:pointer}
.feed_in .btn1:hover {background:#ff3b64}

.foot {background:#333;width:100%;padding:60px 0}
.foot .fl {width:346px;margin-left: 40px}
.foot .list h2 {font-size:18px;color:#fff;font-weight:600;margin-bottom:20px}
.foot .list li {width:50%;float:left;box-sizing:border-box;padding-right:20px;line-height:35px}
.foot .list li a {color:#adadad;display:block;border-bottom:1px dotted #666;font-size: 14px}
.foot .list li a:hover {color:#fff}
.foot .fr {width:168px;font-size:14px;color:#f2f2f2}
.foot .fr h2 {font-size:18px;margin-bottom:20px;color:#fff}
.foot .fr img {display: block;width: 100%}
.foot .bout {width: 300px;margin-left: 0}
.foot .bout img {margin-bottom:20px}
.foot .bout p {font-size:14px;color: #fff;line-height: 30px }
.foot .bout h2 {font-size: 28px;color: #fff;margin-bottom: 10px}

/*虚拟按键*/
/*start*/
.footbottommobile{display: none;overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;text-align: center!important;background: rgb(248,248,248);}
.footbottommobile .mains{display: flex;}
.footbottommobile .mains>div{flex: 1;}
.footbottommobile a.item{color: #555555;padding: 5px 0;display: inline-block;}
.footbottommobile a.item i{font-size: 16px;display: block;}
.footbottommobile a.item span{color: #555555; font-size: 12px;}
/*end*/

.copyright {background: #394150;padding-top:10px;}
.copyright p {line-height: 30px;color: #fff}
.copyright p a {color: #eb2852;font-size: 14px}
.copyright p a:hover {color: #fff}

@media screen and (max-width:1300px){
	.fw {width:auto;padding:0 20px}
	.feed_in {padding:35px 10px}
	.feed_in .text1 {width:16%}
	.feed_in .text2 {width:40%}
	.foot .fl {width:25%}
}

@media screen and (max-width:1200px){
    .search_in,.search-top {display:none}	
    .hz_in {background-size:cover}
	.hz_in .title2 {display:block}
	.hz_in .tt {display:none}
	.hz_in .fw {padding:0}
}

@media screen and (max-width:960px){	
	.about_in .fw .ml{width:100%;float:left;}
	.about_in .fw .ml .mlicon{width:100%;text-align:center;display:block;}
	.about_in .fw .ml .mlicon img{width:100%;}
	#sidenav-toggle {display:block}
	.ad1 {height: 240px;background-size: cover}
	.ad1 img {height: 340px}
	.foot .fl {width: 100%;margin-left: 0;margin-bottom: 40px}
	.foot .fr {float: left}	
}
@media screen and (max-width:768px){
	.footbottommobile{display: block;}	
    .hz_in .list li {width:33.333333%}
}
@media screen and (max-width:628px){	
	.ad1 {height: 268px}	
	.feed_in h4 {text-align: center}
	.feed_in .text1 {width: 100%;margin-bottom: 10px}
	.feed_in .text2 {width: 100%;height: 130px;border-radius: 10px}
	.feed_in .btn1 {width: 100%}
    .hz_in .list li {padding:15px 10px}
}
@media screen and (max-width:580px){
	#sidenav-toggle {margin-top: 0}
	.topline .fl {display: none}
	.topline .fr {width: 100%;text-align: center}
}
@media screen and (max-width:480px){
	.fw {padding: 0 10px}
	.ad1 {height: 150px}
	.ad1 img {
		display: block;
		height: 200px;
		right: 0;
		bottom: -60px;}	
	.feed_in {
		padding: 35px 0px;
	}
	.copyright {height: auto;line-height: 22px;padding:20px}
	.hz_in .list li {width:50%}
    .hz_in .list li {padding:5px 10px}
    .hz_in {padding:40px 0}
}

@media (max-width:558px){
	.topline .fr{text-align:left;}
	.topline .fr a {padding:5px 0px 5px 5px;font-size:13px}
	.footnav {display: block}
	#rightArrow {display:none;}
	#floatDivBoxs {display:none;}
}
/*底部联系方式*/
.footnav {width: 100%;padding: 10px 0;overflow: hidden;background: #f8f8f8;border-top: 1px solid #ddd;position:fixed;bottom:0;display:none;z-index:9000}
.footnav a {display:block;width:25%;text-align: center;color:#555;float:left}
.footnav a i {font-size:24px;display: block}