@charset "utf-8";
/* CSS Document */
*{ font-size:14px; font-family:"微软雅黑"; color:#1a1a1a;}
body,html,ul,li,h1,h2,h3,h4,span,p,dl,dd,dt,ol{margin:0; padding:0; }
a{ text-decoration:none; display:block;}
a:hover{ cursor:pointer;}
li{ list-style:none;}
h1,h2,h3,h4{ font-weight:normal;}
input{ outline:none; border:none; margin:0; padding:0;}
img{ display:block;margin: 0 auto;}
p{ text-indent:2em;}
.clearfix{ clear:both;}
/*top*/
.top{ max-width:1200px; margin:0 auto;}
.logo{ float:left; margin:30px 0;}
.ewm{ float:right; margin:30px 0;}
/*nav*/
.nav_box{ background:#ea1221;}
.nav{ max-width:1200px; margin:0 auto;}
.nav > li{ float:left; margin-right:1px; position:relative;}
.nav > li > a{ padding:0 17px; line-height:60px; font-size:16px; color:#fff;}
.nav > li > a:hover{ background-color:#1a1a1a;}
.sub_nav{ position:absolute; left:0; top:60px;width:100%;}
.sub_nav li{background-color:#ea1221; }
.sub_nav li a{ text-align:center; border:1px solid #fff; color:#fff; line-height:40px;}
.sub_nav li a:hover{background-color:#1a1a1a;}

/*banner*/
.banner_box{max-width:1920px; max-height:520px;  overflow:hidden; position:relative; }
.banner{ position:relative; }
.banner img{ position:relative; left:50%; margin-left:-960px;width:auto; height:100%;}
.btns{position:absolute; left:50%; margin-left:-50px; bottom:20px;}
.btns li{float:left;width:20px;height:20px;background-color:#fff;margin:0 4px; border-radius:10px;}
.btns .current{background-color:#ea1221; width:50px; -webkit-transition: all 0.5s linear; transition: all 0.5s linear;}
.btns li:hover{ cursor:pointer;}

.bbbox{
	/* border: solid 1px red; */
}
@media (max-width: 768px) {
	.bbbox img{
		width: 100%;
	}
}
/* .wintips-center {
	border: solid 1px #555;
} */
.wintips-center a{
	color: #555;
	transition: all .3s ease;
}
.wintips-center a:hover{
	color: #ea1221;
}

.swiper6{
	/* border: solid 1px red;
	padding: 5px; */
}
.swiper6 .swiper-slide{
	/* border: solid 1px black; */
}
.swiper6 .swiper-slide img{
	width: 100%;
}
.swiper6 .img-text{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 30px;
	line-height: 30px;
	background-color: rgba(0,0,0,0.5);
	color: white;
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 10px;
}
.swiper6 .img-text span{
	color: white;
}
.b-box{
	max-width:1200px;
	margin:0 auto;
	margin-top: 30px;
	height: 80px;
	box-sizing: border-box;
}
.b-box img{
	width: 100%;
}
.b-list{
	width: 50%;
	height: 80px;
	float: left;
	padding-right: 10px;
	box-sizing: border-box;
}
.c-list{
	width: 50%;
	height:80px;
	float: left;
	padding-left: 10px;
	box-sizing: border-box;
}
@media (max-width: 768px) {
	.b-box{
		padding: 0 10px;
	}
	.b-list{
		width: 100%;
		padding: 0;
	}
	.c-list{
		width: 100%;
		padding: 0;
	}
}


/*滚动*/
.index_scroll{ max-width:1200px; margin:0 auto; margin-top:60px;}
.scroll_left{ width:31.6%; float:left; overflow:hidden;}
.scroll_pho{ position:relative; overflow:hidden;}
.scroll{ width:100%; max-height:300px; overflow:hidden;}
.scroll span{ position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.5); color:white; line-height:40px; width:100%; padding-left:10px;}
.btn{position:absolute; right:10px; bottom:15px;}
.btn li{float:left;width:8px;height:8px;margin:0 4px; border-radius:10px; border:1px solid white; box-sizing:border-box;}
.btn li:hover{ cursor:pointer;}
.btn .cur{background-color:#ea1221;}
/*通知公告*/
.tongzhi_box{ float:left; width:34.2%; overflow:hidden;}
.tongzhi{ margin-left:30px;}
.tongzhi_title{ border-bottom:1px solid #ccc; box-sizing:border-box;}
.tongzhi_title h1{ float:left; font-size:18px; color:#1a1a1a; line-height:18px; padding-bottom:13px; border-bottom:2px solid #ea1221;}
.tongzhi_title h2{ float:left; color:#ea1221; padding-top:6px; line-height:12px; padding-bottom:13px; padding-left:20px; border-bottom:2px solid #ea1221;}
.tongzhi_pho{ margin-top:10px; width:100%; max-height:80px; overflow:hideen;}
.tongzhi_pho img{ width:100%; height:auto;}
.tongzhi_con{ margin-top:3px;}
.tongzhi_con li{ line-height:30px;}
.tongzhi_con a{ float:left;}
.tongzhi_con li:hover a,.tongzhi_con li:hover span{ color:#ea1221; text-decoration:underline;}
.tongzhi_con span{ float:right; color:#808080;}
/*广告条*/
.index_gg_box{max-width:1920px; margin:0 auto;height:250px; overflow:hidden;margin-top:60px; }
.index_gg{ position:relative;}
.index_gg img{ position:relative; left:50%; margin-left:-960px;}
.index_gg .lianxi{ line-height:35px; width:163px; text-align:center; background-color:#ea1221; position:absolute; left:50%; margin-left:-82px; top:155px; font-size:16px; color:#fff; border:1px solid #ea1221; box-sizing:border-box;}
.index_gg .lianxi:hover{ background-color:rgba(0,0,0,0); color:#ea1221;}
/*首页新闻资讯*/
.index_new{ max-width:1200px; margin:0 auto; margin-top:70px;}
.index_new_title{ margin-bottom:38px;}
.index_new_title h1{ font-size:36px; text-align:center; line-height:36px; padding-bottom:14px; background: no-repeat center;}
.index_new_title h2{ font-size:16px; color:#666; text-align:center; line-height:16px;}
.index_new_left{ float:left; width:31.6%;}
.index_new_con,.index_new_right{ float:left; width:34.2%;}
.index_newpho{ margin-top:10px; height:134px; overflow:hidden;}
.index_newpho img{height:100%; width:auto;}
.index_newtit{ }
.index_newtit h3{ font-size:16px; float:left; line-height:36px; padding-top:12px;}
.more{ font-size:16px; float:right; line-height:36px; padding-top:12px;}
.more:hover{ color:#ea1221;}
/*首页风采*/
.index_style{ max-width:1200px; margin:0 auto; margin-top:70px; overflow:hidden;}
.index_style_con{ height:170px; overflow:hidden;}
.index_style_pho{ width:240px; float:left; height:170px;overflow:hidden;}
.index_style_pho a{ margin:0 6px; }
/*友情链接*/
.index_link{ max-width:1200px; margin:0 auto; margin-top:60px;}
select{ margin-right:24px;}
/*footer*/
.footer_box{ background:url(../img/footer_bg.png) no-repeat; margin-top:40px; height:126px;}
.footer{ max-width:1200px; margin:0 auto;}
.copy{ text-align:center; color:#fff; line-height:30px; margin-top:20px;}
.copy a{ text-align:center; color:#fff; line-height:30px;}
.copy a:hover{ color:#ea1221;}

/*新闻列表*/
.new_list{ max-width:1200px; margin:0 auto; margin-top:50px; overflow:hidden;}
.list_left{ width:25%; float:left;}
.list_side{ margin-right:30px;}
.list_side h1{ text-align:center; font-size:30px; line-height:80px; background-color:#ea1221; color:#fff; margin-bottom:16px;}
.list_side li{width:270px; height:60px; text-align:center; line-height:60px; margin-bottom:8px;}
.list_side a{ font-size:20px; background:url(../img/title_gray.jpg) no-repeat center;}
.list_side li:hover a{ color:#ea1221; background:url(../img/title_red.jpg) no-repeat center;}
.list_side .hover{ background:url(../img/title_red.jpg) no-repeat center; color:#ea1221;}
.side_pho{ margin-right:30px; marign:0 auto; width:270px; margin-top:50px;}
.side_pho img{ margin:0 auto;}
.list_right{ width:75%; float:right; border-left:1px solid #ccc; box-sizing:border-box; overflow:hidden;}
.list{ margin-left:20px; margin-top:10px;}
.list li{}
.list span{ float:right; color:#666;}
.list a{ float:left; line-height:30px;}

.position{ padding-left:20px; border-bottom:1px solid #ccc;}
.position a{ float:left; padding-bottom:10px;}
.position a:hover{ color:#ea1221;}
.butt{position:relative; left:50%; margin-left:-93px; padding-top:30px;}
.butt span{ float:left; padding:0 10px; border:1px solid #b3b3b3; margin:0 2px; height:38px; line-height:38px;}
.butt li{ float:left; margin:0 2px; padding:0 10px; height:38px; line-height:38px; border:1px solid #b3b3b3; overflow:hidden;}
.butt a{height:38px; line-height:38px;overflow:hidden;}
.butt .curr{ background-color:#ea1221; color:#fff;}
.butt .nxt{ height:38px; line-height:38px;}
/*视频列表*/
.video_list{ margin-left:10px; margin-top:10px;}
.video_list li{ float:left; width:33.3%; overflow:hidden;}
.video_list li a{ margin:15px 10px;}
.video{ height:200px; overflow:hidden;}
.video img{ width:100%; height:auto;}
.video_title{ text-align:center; white-space:nowrap;}
.video_title:hover{ color:#ea1221;}

/*留言*/
.basic-grey {margin-left:auto;margin-right:auto;max-width: 500px;background: #F7F7F7;padding: 25px 15px 25px 10px; color: #888;text-shadow: 1px 1px 1px #FFF;border:1px solid #E4E4E4;}
.basic-grey h1 {font-size: 30px;padding: 0px 0px 10px 40px;display: block;border-bottom:1px solid #E4E4E4;margin: -10px -15px 30px -10px;;color: #1a1a1a;}
.basic-grey h1>span {display: block;font-size: 14px; color:#ea1221; line-height:24px;}
.basic-grey label {display: block;margin: 0px;}
.basic-grey label>span {float: left;width: 20%;text-align: right;padding-right: 10px;margin-top: 10px;color: #888; font-size:14px;}
.basic-grey input[type="text"], .basic-grey input[type="tel"], .basic-grey textarea, .basic-grey select {border: 1px solid #DADADA;color: #888;height: 30px;margin-bottom: 16px;margin-right: 6px;margin-top: 2px;outline: 0 none;padding: 3px 3px 3px 5px;width: 70%;font-size: 12px;line-height:15px;box-shadow: inset 0px 1px 4px #ECECEC;-moz-box-shadow: inset 0px 1px 4px #ECECEC;-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey textarea{padding: 5px 3px 3px 5px;}
.basic-grey select {background: #FFF url('down-arrow.png') no-repeat right;background: #FFF url('down-arrow.png') no-repeat right);appearance:none;-webkit-appearance:none;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';width: 70%;height: 35px;line-height: 25px;
}
.basic-grey textarea{height:100px;}
.basic-grey .button {background: #ea1221;border: none;padding: 10px 35px 10px 35px;color: #FFF; cursor: pointer; font-size:16px}
.basic-grey .button:hover {background:rgba(0,0,0,0); border:1px solid #ea1221; color:#ea1221;}



/*在线报修*/
.online{ max-width:1200px; margin:0 auto; margin-top:20px;}
.cf {zoom: 1;}
 .s-con {width: 980px;overflow: hidden;_zoom: 1;margin: 0 auto;}
.cf:before, .cf:after {content: "";display: table;}
.industry-left, .product-intro {overflow: hidden;}  
.industry-left{width:55%;float: left;} 
 
.h-title {border-bottom: 1px solid #DCDCDC;font-size: 20px;height: 35px;line-height: 35px;}
.mt20 {margin-top: 20px;}
.memu {border-top: 1px solid #dcdcdc;margin-top: 1px;}
.memu .row {width: 290px;float: left;padding-left: 20px;margin-top: 15px;}
.memu .row p {width: 100%; text-indent:0;}
.memu .row p.p2 input.text {background: #eeeeee;width: 270px;padding: 0px 10px;height: 34px;line-height: 34px;border: 1px solid #333;}
.memu .row-area {width: 600px;}
.memu .row p.p1 {height: 30px;}
.memu .row p.p1 span {padding-left: 10px;color: #ea1221;}
.memu .row-area .area {background: #eeeeee;line-height: 20px;border: 1px solid #333;padding: 5px;width: 590px;height: 180px;display: block;margin: 0px;}
.industry-right {width:25%;height: auto; margin-top:30px;float: right;}
.contact-item {padding-bottom: 5px;}
.right-item {width: 312px;border: 1px solid #e9e6e6;margin-bottom: 30px;}
.right-item h3 {height: 38px;border-bottom: 1px solid #e9e6e6;line-height: 38px;text-indent: 50px;color: #535353;font-size: 14px;position: relative;}
.contact-item h3 {margin-bottom: 5px;}
.right-item h3 i {height: 38px;width: 32px;display: block;position: absolute;left: 10px;top: 0;}
.right-item dl {margin: 20px 0px;}
.contact-item dt {float: left;margin-left: 15px;width: 38px;height: 38px;}
.contact-item dd {float: left;margin-left: 8px;}
.contact-item dd p {color:#ea1221;font-size: 16px;line-height: 18px;text-indent:0;}

.contact-item dd span {font-family: Arial;font-size: 16px;color: #535353;margin-right: 10px;}
.clear {clear: both;width: 100%;font-size: 0px;overflow: hidden;}
.layout {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;z-index: 1001;-moz-opacity: 0.3;opacity: .30;filter: alpha(opacity=30);}
.memu .row-button {float: left;height: 35px;width: 100%;text-align: center;padding: 45px 0px;}
input.box-button {width: 110px;height: 35px;border: none; background:#ea1221;color:#fff; border:1px solid #ea1221;margin: 0px 10px;cursor: pointer;}
input.box-button:hover{ background-color:#fff; color:#ea1221;}
.box-suface {width: 614px;height: auto;}
.box-suface p {background: url(../images/download/ht23.jpg) no-repeat;height: 33px;line-height: 33px; text-indent:0;}
.login-info {display: none;position: fixed;_position: absolute;top: 50%;left: 50%;width: 500px;height: 383px;background-color: #fff;z-index: 1002;overflow: auto;border: 1px solid #eee;margin: -191px 0 0 -422px;}
.login-info p {height: 38px;text-indent: 20px;background:url(../img/look-more.jpg) repeat-x scroll 0 0;line-height: 38px;color: #535353;font-size: 20px;position: relative;text-indent:0;}
.login-info p a {background: url(..img/form-close.png) 0 0 no-repeat;width: 18px;height: 13px;overflow: hidden;display: block;position: absolute;top: 12px;right: 16px;}
.suface-nr {width: 600px;margin: 64px auto 0px;overflow: hidden;padding-bottom: 30px;}
.suface-nr h2 {height: 26px;line-height: 26px;text-align: center;font-size: 18px;padding-bottom: 30px;}
.suface-nr h3 {font-size: 16px;text-align: center;height: 100px;line-height: 30px;}
.suface-nr .bottom {width: 100%;text-align: center;height: 35px;overflow: hidden;}
.msg-wrap {width: 312px;height: 248px;padding-top: 30px;}
.msg-wrap img{display: block;margin: 0 auto;}
.msg-wrap p {text-align: center;margin-top: 10px;line-height: 32px;font-size: 17px;color: #535353;text-indent:0;}
.right-item h3 i.contact{background:url(../img/contact.png) 0 center no-repeat;}
.right-item h3 i.msg {background:url(../img/msg.png) center center no-repeat;}
.contact-item dd a.online1 {background:url(../img/online1.jpg) no-repeat;}
.contact-item dd a.online-serve {width: 110px;height: 35px;margin-right: 10px;display: block;float: left;}

/*关于我们*/
.about{ margin-left:20px;}
.about img{
	display: block;
	margin: 0 auto;
}
.about h1{ line-height:60px; font-size:24px; text-align:center;}
.about p{ font-size:16px; line-height:24px;}
.swiper-container .swiper-slide img{
	width: 100%;
}
.scroll_pho a img{
	width: 100%;
}


.sjnav_box{ float:right; position:relative; display:none;}
.sjnav_btn{ width:50px; height:50px; overflow:hidden; padding-top:46px; margin:0 10px;}
.sjnav_btn img{ width:100%;}
.sjnav{position:absolute; top:110px; right:10px; z-index:999;}
.sjnav > li{ width:340px; background-color:#ea1221; position:relative;}
.sjnav > li > a{font-size:16px; height:30px; line-height:30px; text-align:center; color:#fff; padding:0 17px; border-bottom:1px solid white; }
.sjnav span{ line-height:14px; line-height:40px; text-align:center; color:#fff; padding-left:10px;}
.sjnav > li:hover > a,.sjnav > li:hover span{ color:white;}
.sjnav li:hover{ background-color:#1a1a1a;}
.sjsub_nav{ width:90%; margin:0 auto;}
.sjsub_nav > li{ text-align:center; line-height:38px; border-bottom:1px solid white; background-color:#f77cab; }
.sjsub_nav > li > a{ width:100%; color:white; text-align:center; font-size:16px;}
.sjsub_nav > li:hover{ background-color:rgba(255,255,255,0.5); box-sizing:border-box;}
.sjsub_nav > li:hover a{ color:#f867a0}
.sjnav_box .sjnav .show{ display:block;}

/*  */

.zxkf-box{
	position: fixed;
	bottom: 45%;
	right: 10px;
	z-index: 9999;
}
.zxkf-box li.title{
	padding: 5px 10px;
	font-size: 15px;
	border-bottom: dashed 1px #ddd;
}
.zxkf-box ul{
	padding: 0;
}
.zxkf-box ul li{
	overflow: hidden;
	margin-bottom: 10px;
	padding: 7px;
	border-radius: 3px;
	background-color: #f2f2f2;
	transition: all .5s ease;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.zxkf-box ul li:hover{
	transform: translateX(-5px);
}
.zxkf-box ul li a{
	/* font-size: 16px; */
}
.zxkf-box ul li a:hover{
	color: lightseagreen;
}
.zxkf-box ul li img{
	display: block;
	width: 25px;
	height: 25px;
	float: left;
	margin: auto 0;
}
@media (max-width:768px) {
	.zxkf-box{
		display: none;
	}
}
/* 问候语 */
.wintips{
	position: fixed;
	bottom: 0;
	right: 0;
	/* padding: 15px; */
	border-right: none;
	border-bottom: none;
	box-shadow:  0 0 10px rgba(0,0,0,0.2);
	z-index: 99;
	visibility: hidden;
	opacity: 0;
	transition: all 1s ease-out;
	transform: translateX(300px);
	background: #ea1221; /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #ed213a, #ea1221); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #ed213a, #ea1221); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
@media (max-width:768px){
	.wintips{
		width: 92%;
	}
}
@media (min-width:768px){
	.wintips{
		width: 400px;
	}
}
.wintips img{
	width: 100%;
}
.wintips-show{
	visibility: visible;
	opacity: 1;
	transform: translateX(0);
}
.wintips h2{
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 10px;
	color: #fcfcfc;
}
.wintips-center a{
	color: white;
}
.wintips-center a:hover{
	text-decoration: underline;
	color: white;
}
.wintips p{
	font-size: 14px;
	color: #666;
	margin: 0 0 20px;
}
.wintips .djs{
	position: absolute;
	top: 5px;
	left: 40%;
	color: #888;
	letter-spacing: 2px;
	transition: all 2s ease-out;
}
.btn-info:hover{
	background-color: #666;
	border-color: #888;
}
.btn-info.btn-wintips{
	display: inline-block;
	background-color: #888;
	border-color: #888;
	color: #FFFFFF;
	padding: 5px 10px;
}
.wintips-close{
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 14px;
	color: #ddd;
	cursor: pointer;
}
.wintips-close i:hover{
	color: #000;
}