@font-face{ font-family: fontR; src: url('../fonts/Alibaba-PuHuiTi-Regular.ttf');}
@font-face{ font-family: fontB; src: url('../fonts/Alibaba-PuHuiTi-Bold.ttf');}
body{padding: 0;margin: 0;font-family: "Alibaba",fontR,"微软雅黑";font-size: 14px;color: #666666;overflow-x:hidden;}
.wrap{max-width: 1200px;margin: 0 auto;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
p{margin: 0;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
.ovh1{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.bgf3f3f3{background: #f3f3f3;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.hidden-xs{display: block;}
.visible-xs{display: none;}

.db{display: block;}
.tc{text-align: center;}
img{max-width: 100%;}
.c_center{width: 1200px;margin: 0 auto;}
.baibg{background: #ffffff;}
.huibg{background: #f8f8f8;}
.pore{position: relative;}
.flexb{display: flex;align-items: center;justify-content: center;}

/**导航菜单**/
header{width: 100%;transition: all .3s;background: #fff;}
header>.wrap{padding: 0;border-radius: 6px;margin: 0 auto;}
.on-fixed header{background: #fff;top: 0;box-shadow: 0px 0px 20px rgba(132,132,132,0.15);}
header .logo{
	width: 100%;
	display: block;
	line-height: 120px;
} 
header .logo img{max-height: 80%;}
header .rightDiv{
	border-radius: 6px;
	background-color: rgb(56, 56, 56);
	width: 100%;
	line-height: 56px;
	/* overflow: hidden; */
}
header .rightDiv .menu{height: 56px;}
header .rightDiv .menu>ul>li{
	float: left;
	border-right: 1px solid #030303;
}
header .rightDiv .menu>ul>li:first-child{border-left: 0;}
header .rightDiv .menu>ul>li .submenu-button{
	position: absolute;
	right: 8px;
	top: 50%;
	/* content: ">"; */
	background: url(/skin/img/xl1.png) center no-repeat;
	background-size: cover;
	width: 10px;
	height: 10px;
	margin-top: -4px;
	z-index: 9;
	transition: all 0.3s;
}
header .rightDiv .menu>ul>li:hover .submenu-button{background-image: url(/skin/img/xl2.png);}
header .rightDiv .menu>ul>li>a{height: 56px;line-height: 56px;text-align: center;color: #ffffff;font-size: 14px;display: block;text-transform:capitalize;padding: 0 24px;border-right: 1px solid #585858;}
header .rightDiv .menu>ul>li:first-child>a{border-radius: 6px 0 0 6px;}
header .rightDiv .menu>ul>li:hover,
header .rightDiv .menu>ul>li:focus,
header .rightDiv .menu>ul>li.on,
header .rightDiv .menu>ul>li.active{background: none;position: relative;}
header .rightDiv .menu>ul>li:hover>a,
header .rightDiv .menu>ul>li:focus>a,
header .rightDiv .menu>ul>li.on>a,
header .rightDiv .menu>ul>li.active>a{background: #b81d22;color: #ffffff;}
header .mbtn {display: inline-block;width: 50px;height: 50px;background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;}
header.indexHeader .mbtn{background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;}
header .telDiv {display: flex;align-items: center;height: 32px;margin-top: 12px;}
header .telDiv form{
	position: relative;
	height: 32px;
	line-height: 32px;
	width: 360px;
	border-radius: 4px;
	border: 0;
	background: #ffffff;
	overflow: hidden;
}
header .telDiv form input.shuru{
	height: 32px;
	line-height: 32px;
	width: 80%;
	border: 0;
	background: #ffffff;
	text-indent: 10px;
}
header .telDiv form input.tijiao{
	position: absolute;
	right: 8px;
	top: 50%;
	margin-top: -8px;
}
header .telDiv .langBox{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(27, 27, 27);
	border-radius: 8px;
	background-color: rgb(255, 255, 255);
	height: 28px;
	margin: 0 20px;
	padding: 3px;
}
header .telDiv .langBox a{
	display: block;
	float: left;
	padding: 0 10px;
	height: 20px;
	line-height: 20px;
	border-radius: 8px;
	color: #383838;
}
header .telDiv .langBox a.on{
	background: #383838;
	color: #ffffff;
}

.menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position: relative;}
.menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.menu #menu-button{display:none}
.menu{width:auto;}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.menu>ul>li{float:left;} 
.menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;text-transform:uppercase;color:#282828;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.menu>ul>li:hover>a,.menu>ul>li.active>a{color: #fff;}
.menu>ul>li.has-sub>a::after{position:absolute;top:50%;margin-top:-3px;right:0;width:10px;height:6px;content:"";background:url(../img/xia.png) no-repeat;}
.menu ul ul{position:absolute;left:-9999px;text-align: center;}
.menu li:hover>ul{left: 0;}
.menu ul ul ul{right:100%;top:0;width: 100%;}
.menu ul ul li:hover>ul{;margin-left: 0;}
.menu ul ul{padding: 0; width: 100%;text-align: center;top: 56px;line-height: 40px;z-index: 9;}
.menu ul ul .ul{background: rgba(255, 255, 255, 1);border-radius: 0 0 6px 6px;box-shadow: 0px 5px 5px rgba(0,0,0,.1);}
.menu ul ul li{padding: 0 8px;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;text-align: center;}
.menu ul ul li>a{font-size: 16px;color:#7A7A7A;border-bottom: 1px solid #e5e5e5;text-decoration:none;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;padding: 0;}
.menu ul ul li>a:hover,
.menu ul ul li a:hover{color: #b81d22;}
.menu ul ul li:last-child>a{border: 0;}


/********************************* 首页 **********************************/

 
  
@media all and (max-width:992px){
	.topDiv{height: 50px;}
	header .logo {
	    float: left;
	    width: 50%;
	    line-height: 50px;
	}
	header.indexHeader{background: #fff;top: 0;}
	.on-fixed header.indexHeader{top: 0;}
	.menu{width:100%}
	.menu ul{width:100%;display: block;}
	.menu ul ul{top: 0;border: 0;}
	.menu>ul>li>a{padding: 0 20px;}
	.menu.align-center>ul,.menu.align-right ul ul{text-align:left}
	.menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(120,120,120,.15)}
	.menu ul li a,.menu ul ul li a{width:100%}
	.menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block}
	.menu ul ul li a{padding:0 20px 0 30px;font-size:12px;background:0 0}
	/*.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#fff}*/
	.menu ul ul ul li a{padding-left:40px}
	.menu ul ul,
	.menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
	.menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none}
	#menu-line{display:none}
	.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
	.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff}
	.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff}
	.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,.15);height:52px;width:52px;cursor:pointer}
	.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;z-index:99}
	.menu .submenu-button.submenu-opened:after{display:none}
	.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
	.menu ul ul ul{top: 0;}
	.menu li:hover>ul{left: auto;margin-left: auto;}
	.menu ul ul li>a:last-child{border-bottom: 0;}
	header {
		position: fixed !important;
		z-index: 99;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		transition: right 300ms !important;
	}
	header .logo a{height: 50px;line-height: 50px;width: initial;z-index: 0;}
	header .logo img {max-height: 70%;}
	header .mbtn {display: block;}
	body.on-menu header .mbtn{z-index: 1;}
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: 0px;
		right: 0;
		width: 100%;
		height: 100%;
		padding-top: 0;
		background-color: rgba(255, 255, 255, .94);
		transition: right 300ms;
		right: -100%;
		padding: 0;
		overflow-y: auto;
	}
	header .rightDiv .menu ul li {
		padding: 0;
		margin: 0;
		position: relative;
		float: none;
		border: 0;
	}
	header .rightDiv .menu ul li a {
		display: block;
		line-height: 50px;
		height: 50px;
		text-align: left;
		font-size: 16px;
		border: 0;
	}
	header .rightDiv .menu>ul {display: block;padding-top: 50px;}
	header .rightDiv .menu ul li a span {display: none;}
	header .rightDiv .menu ul li a.on {background: none;}
	body.on-menu header .rightDiv .menu {right: 0;}
	body.on-menu .main {right: 0;}
	header .rightDiv .menu ul li i{display: block;}
	header .rightDiv .menu ul li>a{margin: 0;width: 100%;}
	header .rightDiv .menu .linkDiv{display: none;}
	header .rightDiv .menu>ul>li.has-sub{padding: 0;}
	header .rightDiv .menu>ul>li>a{color: #333333;}
	header .rightDiv .menu>ul>li>a::before{display: none;}
	.menu ul ul .wrap{padding: 0;border: 0;}
	.menu ul ul,.on-fixed header.indexHeader .wrap,.menu ul ul .ul{box-shadow: none;background: none;border-radius: 0;}
	.menu ul ul li .alist a{margin-top: 0;line-height: 40px;height: 40px;font-size: 14px;}
	.main {position: relative;right: 0;transition: right 300ms !important;margin-top: 50px;}
	header .telDiv1 {display: flex!important;align-items: center;height: 50px;font-size: 12px;padding-left: 5px;margin-left: 24%;}
	header .telDiv{display: none;}
	header .telDiv1 img{height: 16px;margin-right: 8px;}
	header .telDiv1 span{font-weight: 700;}
	header .rightDiv .menu>ul>li:hover::before, header .rightDiv .menu>ul>li:focus::before, header .rightDiv .menu>ul>li.on::before, header .rightDiv .menu>ul>li.active::before{display: none;}
	header .rightDiv{
		background: none;
		float: right;
		width: auto;
	    margin-right: 40px;
	}
	header{padding: 0 8px;}
	header .logo{width: 64%;}
	header .telDiv1{margin: 0;}
	header .telDiv1 .langBox {
	    border-style: solid;
	    border-width: 1px;
	    border-color: rgb(27, 27, 27);
	    border-radius: 8px;
	    background-color: rgb(255, 255, 255);
	    height: 28px;
	    padding: 3px;
	}
	header .telDiv1 .langBox a {
	    display: block;
	    float: left;
	    padding: 0 10px;
	    height: 20px;
	    line-height: 20px;
	    border-radius: 8px;
	    color: #383838;
	}
	header .telDiv1 .langBox a.on {
	    background: #383838;
	    color: #ffffff;
	}
	header .headForm{
	    height: 32px;
	    line-height: 32px;
	    width: 92%;
	    border-radius: 4px;
	    border: 0;
	    background: #ffffff;
	    overflow: hidden;
		border: 1px solid #dadada;
		margin: 16px 4%;
		position: relative;
	}
	header .headForm input.shuru {
	    height: 32px;
	    line-height: 32px;
	    width: 80%;
	    border: 0;
	    background: #ffffff;
	    text-indent: 10px;
	}
	header .headForm input.tijiao {
	    position: absolute;
	    right: 8px;
	    top: 50%;
	    margin-top: -8px;
	}
	.hidden-xs{display: none;}
	.visible-xs{display: block;}
} 
#swiper_banner{margin-top: 10px;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
}
#swiper_banner .swiper-pagination-bullet{
	border-radius: 50%;
	background-color: rgb(255, 255, 255);
	width: 14px;
	height: 14px;
	opacity: 1;
	transition: all 0.3s;
	border: 1px solid rgba(0,0,0,0.3);
}
#swiper_banner .swiper-pagination-bullet-active{
	background-color: rgb(255, 255, 255);
	width: 36px;
	height: 14px;
	border-radius: 7px;
}
.indp1{margin-top: 40px;}
.ptitBox{
	border: 1px solid rgb(235, 232, 232);
	border-radius: 4px;
	width: 100%;
	padding: 16px 20px;
}
.ptitBox .ptit{
	font-size: 20px;
	color: rgb(56, 56, 56);
	line-height: 28px;
	margin: 0;
}
.ptitBox .ptit i{
	background-color: rgb(205, 31, 37);
	width: 3px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	margin-top: -3px;
}
.ptitBox .more{
	font-size: 14px;
	color: rgb(51, 51, 51);
	line-height: 28px;
	background: url(../img/more.png) right center no-repeat;
	background-size: 6px 12px;
	padding-right: 12px;
}
.proUl{margin: 6px -10px;}
.proUl li{
	width: 25%;
	float: left;
	padding: 10px;
}
.proUl .kuang{
	border: 1px solid rgb(216, 216, 216);
	border-radius: 2px;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
	width: 100%;
	padding: 18px;
}
.proUl .imgBox,
.proUl .imgBox img{display: block;width: 100%;}
.proUl .desc{
	font-size: 12px;
	color: rgb(69, 83, 92);
	line-height: 16px;
	text-align: center;
	height: 48px;
}
.proUl .tit{
	background-color: rgb(205, 31, 37);
	width: 100%;
	padding: 8px;
	font-size: 12px;
	color: rgb(255, 255, 255);
	display: block;
	margin: 16px 0 0;
	text-align: center;
}
footer{
	background: #262626;
	color: #cccccc;
	margin-top: 40px;
}
footer a{color: #cccccc;}
footer a:hover{color: #ffffff;}
footer .line1{padding: 40px;margin: 0 -10px;}
footer .line1>div{width: 46%;padding: 0 10px;}
footer .line1 .tit{color: #ffffff;margin-bottom: 16px;font-weight: 700;}
footer .line1 a{
	width: 28%;
	float: left;
	margin-right: 2%;
	color: #7e7e7e;
	font-weight: 700;
}
/* footer .line1 a:nth-child(2n+1){margin-right: 0;} */
footer .line2{padding: 16px 40px;border-top: 1px solid rgba(230,230,230,0.1);}
.proP{margin-top: 30px;min-height: 49vh;}

.processP{margin-top: 20px;}
.processP .processUl{margin: 0 -11px;overflow: hidden;}
.processUl li{
	width: 20%;
	float: left;
	padding: 96px 11px 0;
	position: relative;
}
.processUl li:nth-child(-n+5){padding-top: 32px;}
.processUl li::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 96px;
	background: url(../img/xian2.png) center no-repeat;
	background-size: cover;
}
.processUl li:nth-child(-n+5)::before{display: none;}
.processUl li:nth-child(6)::before{background-image: url(../img/xian1.png);}
.processUl li:nth-child(5n)::before,
.processUl li:last-child::before{background-image: url(../img/xian4.png);}
.processUl li:nth-child(5n+1)::before{background-image: url(../img/xian3.png);}
.processUl li::after{
	content: "";
	position: absolute;
	left: 0;
	top: calc(50% + 48px);
	width: 100%;
	height: 4px;
	background: #b4e3e9;
	z-index: -1;
}
.processUl li:nth-child(-n+5)::after{display: none;}
.processUl li:nth-child(5n)::after,
.processUl li:last-child::after{width: calc(100% - 11px);}
.processUl li:nth-child(5n+1)::after{width: calc(100% - 11px);left: 11px;}


.processUl li .imgBox,
.processUl li .imgBox img{display: block;width: 100%;border-radius: 8px;}
.processUl li .textBox{
	position: absolute;
	right: 13px;
	bottom: 10px;
	background-color: rgb(184, 29, 34);
	width: 80%;
	height: 44px;
	color: #FFFFFF;
	font-size: 12px;
}
.processUl li .textBox::before{
	content: "";
	position: absolute;
	left: -12px;
	top: 0;
	width: 12px;
	height: 44px;
	background: url(../img/bg1.png) center center no-repeat;
	background-size: 100% 100%;
}
.processUl li .textBox::after{
	content: "";
	position: absolute;
	right: -12px;
	top: 0;
	width: 12px;
	height: 44px;
	background: url(../img/bg2.png) center center no-repeat;
	background-size: 100% 100%;
}
.processUl li .textBox b{font-size: 18px;font-weight: 700;display: block;}
.processUl li .textBox span{text-align: center;margin-left: 2px;}
.downP{margin-top: 20px;}
.downP{min-height: 50vh;}
.leftNav{
	width: 200px;
	margin-right: 40px;
}
.leftNav a{
	display: block;
	margin-bottom: 2px;
	background-color: rgb(244, 244, 244);
	width: 100%;
	padding: 16px;
	color: #666666;
}
.leftNav a.on{
	background-color: rgb(184, 29, 34);
	color: #ffffff;
	position: relative;
}
.leftNav a.on:after{
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	border: 3px solid #ffffff;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -7px;
	border-radius: 50%;
}
.rightNr{
	width: calc(100% - 240px);
	border: 1px solid #eeeeee;
}
.rightNr .ptitBox{
	border: none;
	background: #f8f8f8;
}
.rightNr .ptitBox{border-bottom: 1px solid #eeeeee;}
.rightNr .ptitBox .ptit i{margin-top: 0;}
.rightNr .ptitBox .ptit h1{
	font-size: 16px;
	color: #333333;
	display: inline-block;
}
.rightNr .ptitBox .formBox input.shuru{
	border: 1px solid rgb(204, 204, 204);
	background-color: rgb(255, 255, 255);
	width: 364px;
	height: 36px;
	line-height: 36px;
	display: block;
	float: left;
	border-radius: 4px 0 0 4px;
	background: url(../img/find.png) 12px center no-repeat;
	background-size: 16px;
	text-indent: 32px;
	border-right: 0;
}
.rightNr .ptitBox .formBox input.tijiao{
	border: 1px solid rgb(184, 29, 34);
	background-color: rgb(184, 29, 34);
	padding: 0 24px;
	height: 36px;
	line-height: 36px;
	display: block;
	float: left;
	border-radius: 0 4px 4px 0;
	color: #ffffff;
	font-size: 14px;
}
.downUl li{
	border-bottom: 1px solid #eeeeee;
	padding: 14px;
}
.downUl li .tit{
	font-size: 14px;
	line-height: 28px;
	color: rgb(102, 102, 102);
	width: calc(100% - 128px);
}
.downUl li .downBtn{
	display: block;
	padding: 0 10px;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 4px;
	padding: 0 12px;
	height: 28px;
	line-height: 28px;
	color: #999999;
}
.downUl li .downBtn::after{
	content: "";
	display: inline-block;
	width: 9px;
	height: 8px;
	background: url(../img/down.png) center no-repeat;
	background-size: cover;
	margin-left: 4px;
}
.downUl li:hover .downBtn{
	background: #b81d22;
	border-color: #b81d22;
	color: #ffffff;
}
.downUl li:hover .downBtn::after{background-image: url(../img/down2.png);}

.xiaocms-page{text-align: center;margin: 32px 0;}
.xiaocms-page a,
.xiaocms-page span{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(238, 238, 238);
	min-width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 16px; 
	color: #333333; 
	padding: 0 8px;
	display: inline-block;
	text-align: center; 
	margin: 0 2px;
}
.xiaocms-page span{
	border-color: #b81d22;
	background-color: #b81d22;
	color:#ffffff; 
}
.aboutP{margin-top: 44px;}
.aboutP .leftNr{
	width: calc(100% - 378px);
}
.aboutP .rightContact{
	width: 322px;
	margin-left: 56px;
}
.aboutP .aboutTit{
	font-size: 24px;
	color: rgb(56, 56, 56);
	margin-bottom: 24px;
}
.aboutP .aboutCon{
	font-size: 14px;
	color: #666666;
	line-height: 20px;
}
.aboutP .historyBox{margin-top: 40px;}
.aboutP .contactForm{margin-top: 48px;}
.aboutP .contactForm p{
	margin-top: 12px;
	font-size: 14px;
	color: #333333;
	margin-bottom: 4px;
}
.aboutP .contactForm p span{color: #b81d22;}
.aboutP .contactForm input{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(204, 204, 204);
	background-color: rgb(255, 255, 255);
	width: 100%;
	height: 44px;
	line-height: 44px;
	text-indent: 8px;
}
.aboutP .contactForm textarea{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(204, 204, 204);
	background-color: rgb(255, 255, 255);
	height: 156px;
	width: 100%;
	padding: 8px;
}
.aboutP .contactForm .tijiao{
	border-radius: 4px;
	background-color: rgb(184, 29, 34);
	width: 88px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: rgb(255, 255, 255);
	border: 0;
	margin-top: 20px;
	text-indent: 0;
	cursor: pointer;
}
.detailP .midBox .clickBox{margin-top: 30px;}
.detailP .midBox .clickBox .eachBox{
	float: left;
	margin-right: 56px;
	font-size: 20px;
	color: rgb(51, 51, 51);
	line-height: 44px;
	border-bottom: 1px solid #999999;
	cursor: pointer;
}
.detailP .midBox .clickBox .eachBox.on{border-bottom: 3px solid #b81d22;}
.detailP .midBox .showBox{
	margin-top: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(193, 193, 193);
	padding: 16px;
	line-height: 28px;
}
.detailP .midBox .showBox .eachBox{display: none;}
.detailP .midBox .showBox .eachBox table{max-width: 100%;}
.detailP .posi{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(235, 232, 232);
	border-radius: 4px;
	padding: 20px;
	font-size: 12px;
	color: #333333;
	margin-top: 20px;
}
.detailP .posi a{color: #333333;}
.detailP .topInfo{margin-top: 20px;}
.detailP .topInfo .textBox{
	width: 47%;
}
.detailP .topInfo .textBox .wzTit{
	font-size: 24px;
	color: rgb(184, 29, 34);
	margin-top: 16px;
}
.detailP .topInfo .textBox .renzheng{
	font-size: 18px;
	color: rgb(184, 29, 34);
}
.detailP .topInfo .textBox .desc{
	font-size: 14px;
	color: rgb(153, 153, 153);
	line-height: 22px;
	margin-top: 20px;
}
.detailP .topInfo .imgBox{
	width: 50%;
}
.detailP .topInfo .imgBox .swiper_pro1{
	width: 100%;
}
.detailP .topInfo .imgBox .swiper_pro1 .swiper-button-next{
	right: 0;
	border-radius: 50%;
	border: 2px solid #636363;
	width: 48px;
	height: 48px;
}
.detailP .topInfo .imgBox .swiper_pro1 .swiper-button-prev{
	left: 0;
	border-radius: 50%;
	border: 2px solid #636363;
	width: 48px;
	height: 48px;
}
.detailP .topInfo .imgBox .swiper_pro1 .swiper-button-next:after, 
.detailP .topInfo .imgBox .swiper_pro1 .swiper-button-prev:after{
	color: #333333;
	font-size: 22px;
	font-weight: 700;
}
.detailP .topInfo .imgBox .swiper_pro2{margin-top: 10px;}
.detailP .topInfo .imgBox .swiper_pro2 .swiper-slide{border: 1px solid #dfdfdf;}
.detailP .topInfo .imgBox .swiper_pro2 .swiper-slide-thumb-active{border: 2px solid #b81d22;}
.detailP .recomBox{margin-top: 28px;}
.searchP .rightNr{float: none;width: 100%;min-height: 48vh;}
.searchP .rightNr li .time{width: 100px;line-height: 28px;text-align: right;}
/* .searchP .downUl li:last-child{border-bottom: 0;} */
@media (max-width:1200px) {
	.c_center{width: 960px;}
	header .rightDiv .menu>ul>li>a{padding: 0 16px;}
	header .telDiv form input.shuru{width: 320px;}
	.proUl li{width: 33.33%;}
	.detailP .topInfo .imgBox .swiper-button-next,
	.detailP .topInfo .imgBox .swiper-button-prev{
		width: 40px;
		height: 40px;
		top: 124px;
	}
}
@media (max-width:996px) {
	.c_center{width: 750px;}
	.proUl li{width: 50%;}
	#swiper_banner{margin: 0;}
	.processUl li{
		width: 33.3%;
		padding: 48px 11px 0;
		position: relative;
	}
	.processUl li:nth-child(-n+5){padding-top: 48px;}
	.processUl li:nth-child(-n+3){padding-top: 24px;}
	.processUl li::before{height: 48px;}
	.processUl li:nth-child(-n+5)::before{display: block;}
	.processUl li:nth-child(-n+3)::before{display: none;}
	.processUl li:nth-child(6)::before{background-image: url(../img/xian2.png);}
	.processUl li:nth-child(4)::before{background-image: url(../img/xian1.png);}
	.processUl li:nth-child(5n)::before,
	.processUl li:last-child::before{background-image: url(../img/xian2.png);}
	.processUl li:nth-child(5n+1)::before{background-image: url(../img/xian2.png);}
	.processUl li:nth-child(3n)::before,
	.processUl li:last-child::before{background-image: url(../img/xian4.png);}
	.processUl li:nth-child(3n+1)::before{background-image: url(../img/xian3.png);}
	.processUl li::after{top: calc(50% + 24px);}
	.processUl li:nth-child(-n+5)::after{display: block;}
	.processUl li:nth-child(-n+3)::after{display: none;}
	.processUl li:nth-child(5n)::after,
	.processUl li:last-child::after{width: 100%;}
	.processUl li:nth-child(5n+1)::after{width: 100%;left: 0;}
	.processUl li:nth-child(3n)::after,
	.processUl li:last-child::after{width: calc(100% - 11px);} 
	.processUl li:nth-child(3n+1)::after{width: calc(100% - 11px);left: 11px;}
	.detailP .topInfo .imgBox .swiper-button-next,
	.detailP .topInfo .imgBox .swiper-button-prev{
		top: 90px;
	}
	.detailP{margin: 0 4%;}
}
@media (max-width:768px) {
	.c_center{width: 100%;}
	.indp1,
	.processP{margin: 16px 4% 0;}
	.ptitBox{padding: 8px;}
	.ptitBox .ptit{font-size: 16px;}
	.proUl{margin: 6px -4px;}
	.proUl li{padding: 4px;}
	.proUl .kuang{padding: 4px;}
	.proUl .tit{margin-top: 8px;padding: 4px;}
	footer .line1{padding: 16px;}
	footer .line2{padding: 8px 16px;}
	footer .line1>div{width: 100%;float: none;margin: 8px 0 0 ;}
	footer .line1 .tit{margin-bottom: 4px;}
	footer .line1 a{float: none;margin: 0;width: 100%;display: block;}
	#swiper_banner .swiper-pagination-bullet{width: 8px;height: 8px;}
	#swiper_banner .swiper-pagination-bullet-active{
		width: 16px;
		border-radius: 4px;
	}
	.processP .processUl{margin: 0 -8px;}
	.processUl li{width: 50%;padding: 32px 8px 0;}
	.processUl li:nth-child(-n+5),
	.processUl li:nth-child(-n+3){padding-top: 32px;}
	.processUl li:nth-child(-n+2){padding-top: 16px;}
	.processUl li::before{height: 32px;}
	.processUl li:nth-child(-n+3)::before{display: block;}
	.processUl li:nth-child(-n+2)::before{display: none;}
	.processUl li:nth-child(odd)::before{background-image: url(../img/xian3.png);}
	.processUl li:nth-child(even)::before{background-image: url(../img/xian4.png);}
	.processUl li:last-child::before{background-image: url(../img/xian5.png);}
	.processUl li .textBox b{font-size: 14px;}
	.processUl li .textBox span{font-size: 12px;}
	
	
	.processUl li::after{top: calc(50% + 16px);}
	.processUl li:nth-child(-n+3)::after{display: block;}
	.processUl li:nth-child(-n+2)::after{display: none;}
	.processUl li:nth-child(3n)::after,
	.processUl li:last-child::after{width: 100%;}
	.processUl li:nth-child(3n+1)::after{width: 100%;left: 0;}
	.processUl li:nth-child(2n)::after{width: calc(100% - 8px);} 
	.processUl li:nth-child(2n+1)::after{width: calc(100% - 8px);left: 8px;}
	.processUl li:last-child::after{width: calc(100% - 16px);} 
    .xiaocms-page a, .xiaocms-page span{
        margin-bottom: 4px;
        min-width: 24px;
        height: 24px;
        line-height: 24px;
        padding: 0px 4px;font-size: 14px;}
    .xiaocms-page{margin: 16px 0;}
	.leftNav{width: 92%;float: none;margin: 0 4% 0;}
	.leftNav a{padding: 8px ;}
	.rightNr{width: 92%;float: none;margin: 16px 4% 0;}
	.rightNr .ptitBox .formBox{
		width: 100%;
		float: none;
	}
	.rightNr .ptitBox .formBox input.shuru{width: calc(100% - 64px);}
	.rightNr .ptitBox .formBox input.tijiao{padding: 0;width: 64px;}
	.downUl li{padding: 8px;}
	.downUl li .tit{width: calc(100% - 80px);}
	.aboutP .leftNr{width: 92%;float: none;margin: 0 4%;}
	.aboutP .rightContact{width: 92%;float: none;margin: 24px 4% 0;}
	.aboutP{margin-top: 20px;}
	.aboutP .aboutTit{font-size: 20px;margin-bottom: 8px;}
	.aboutP .historyBox,
	.aboutP .contactForm{margin-top: 24px;}
	.aboutP .contactForm input{
		height: 32px;
		line-height: 32px;
	}
	.detailP .topInfo .imgBox{width: 100%;float: none;}
	.detailP .topInfo .textBox{width: 100%;float: none;margin-top: 16px;}
	.detailP .midBox .clickBox{margin-top: 16px;}
	.detailP .midBox .clickBox .eachBox{margin-right: 16px;line-height: 32px;}
}