/*ban*/
#ban{
	width: 100%;
	height: 476px;
	position: relative;
}

#ban .bantitle{
	width: 100%;
	position: absolute;
	left: 0;
	top: 180px;
	z-index: 10;
	color: white;
}

#ban .bantitle h3{
	font-size: 32px;
}

#ban .bantitle span{
	font-size: 30px;
	line-height: 2.5;
}

#ban .bantitle .lujing{
	padding-top: 3px;
}

#ban .bantitle .lujing li{
	display: inline-block;!important;
	padding: 0 4px;
	float: left;
	line-height: 2;
}

#ban .bantitle a{
	color: white;
}

.ml260{
	margin-left: 260px;
}

/*#ban .banblack{*/
/*width: 100%;*/
/*height: 476px;*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*z-index: 9;*/
/*background: url("../images/banback.png") repeat;*/
/*}*/

/*#ban .banimg{
	height: 476px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 8;
}*/
#ban .banimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 8;
}


/*subnav*/
#subnav{
	height: 58px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	background: #eeeeee;
}

#subnav li{
	display: inline-block;
	float: right;
	margin-left: 1px;
	position: relative;
}

#subnav a{
	display: block;
	height: auto;
	padding: 0 54px;
	line-height: 58px;
}
#subnav a:hover{
	text-decoration: none;
}
#subnav ul li ul li{
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 1px;
}
#subnav ul li ul a{
	display: block;
	height: auto;
	width: 100%;
	padding: 14px 0;
	line-height: 1.5;
	text-align: center;
}
#subnav ul li ul a:hover{
	color:white;
	background:#c30d23;
}
#subnav ul li ul .cur{
	color:white;
	background:#c30d23;
}

#subnav ul li:hover{
	color: #333333;
	background: url("../images/subbg.jpg") left bottom repeat-x;
	text-decoration: none;
}

#subnav .cur{
	display: block;
	background: url("../images/subbg.jpg") left bottom repeat-x;
}

#subnav ul li ul{
	display: none;
}
#subnav ul li:hover ul{
	display: block;
	position: absolute;
	width: 100%;
	top: 58px;
	left: 0;
	box-shadow: 0 2px 10px 0 rgba(102,102,102,0.16);
	-webkit-box-shadow: 0 2px 10px 0 rgba(102,102,102,0.16);
	-moz-box-shadow: 0 2px 10px 0 rgba(102,102,102,0.16);
	background: white;
}

#subnav ul li ul li:hover{
	background: #c30d23;
}
#subnav ul li ul li:hover a{
	color: white;
}

/*subnav2*/
#subnav2{
	height: auto;
	border-top: 1px solid #eeeeee;
	/*border-bottom: 1px solid #eeeeee;*/
	background: #eeeeee;
}

#subnav2 li{
	float: left;
	padding-left: 1px;
	margin-bottom: 1px;
}

#subnav2 a{
	display: block;
	height: 58px;
	padding: 0 24px;
	line-height: 58px;
}

#subnav2 a:hover{
	color: #333333;
	background: url("../images/subbg.jpg") left bottom repeat-x;
	text-decoration: none;
}

#subnav2 .cur{
	background: url("../images/subbg.jpg") left bottom repeat-x;
}

#main{
	padding-top: 60px;
}

#main1{
	/*padding-top: 60px;*/
	padding-top: 46px;
	background: #fdffff;
}
#main2{
	padding-top: 90px;
	background: #f8f8f8;
}

.pb64{
	padding-bottom: 64px;
}

/*intro*/
.intro{
	padding-bottom: 90px;
	background: url("../images/introbg.png") center bottom no-repeat;
}

.intro .introtop{
	height: auto;
	overflow: hidden;
}
.intro .introtop .intimg{
	width: 670px;
	padding-top: 14px;
}
.intro .introtop .intleft .text{
	padding-top: 8px;
	line-height: 42px;
}
.intro .introtop .intleft{
	width: 690px;
}
.intro .title{
	line-height: 40px;
}

.intro .title h3{
	font-size: 30px;
}

.intro .title span{
	display: inline-block;!important;
	font-size: 24px;
	font-weight: bold;
	color: #666666;
}

/*fourgroups*/
.fourgroups{
	width: 1400px;
	height: 138px;
	margin: 60px auto 0 auto;
	background: white;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	box-shadow: 0 2px 10px 0 rgba(102,102,102,0.16);
	-webkit-box-shadow: 0 2px 10px 0 rgba(102,102,102,0.16);
	-moz-box-shadow: 0 2px 10px 0 rgba(102,102,102,0.16);
	overflow: hidden;
}

.fourgroups .list{
	width: 199px;
	height: 96px;
	padding-top: 42px;
	padding-left: 150px;
	border-right: 1px solid #ebebeb;
	background: url("../images/fourgroups.png") 82px center no-repeat;
}

.fourgroups .list:last-child {
	border-right: 1px solid #ebebeb;
}

.fourgroups .list li{
	font-size: 20px;
	font-weight: bold;
}

.fourgroups .list span{
	display: inline-block;!important;
	line-height: 34px;
	color: #666666;
}

/*honor*/
.honor{
	height: auto;
}
.honor .list{
	width: 320px;
	margin: 0 18px 36px 18px;
	border-radius: 5px;
	overflow: hidden;
}

.honor .list .listimg{
	width: 318px;
	height: 239px;
	padding-bottom: 8px;
	border-top: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-left:  1px solid #dbdbdb;
	background: white;
}

.honor .list .listimg img{
	width: 100%;
	height: auto;
	max-height: 239px;
}

.honor .list .listitle{
	height: 56px;
	background: #dbdbdb;
}

.honor .list .listitle li{
	line-height: 56px;
	text-align: center;
}

.honor .list .listitle a{
	display: block;
    padding: 0 7px;
}

.honor .list .listitle a:hover{
	color: white;
	text-decoration: none;
	background: #c30d23;
}

/*分页*/
.paging{
	text-align: center;
	font-size: 0;
}

.paging li{
	display: inline-block;!important;
	height: 32px;
	margin: 0 5px;
}

.paging li a{
	display: block;
	height: 32px;
	line-height: 34px;
	padding: 0 12px;
	border: 1px solid #cccccc;
	font-size: 14px;
}

.paging .cur{
	color: white;
	border: 1px solid #c30d23;
	background: #c30d23;
}

.paging li a:hover{
	color: white;
	border: 1px solid #c30d23;
	text-decoration: none;
	background: #c30d23;
}

/*详细页*/
.detail{
	height: auto;
}

.detail .detail-r{
	width: 376px;
	float: left;
	margin-left: 40px;
	padding: 30px 32px 0 32px;
	box-shadow: 0 2px 10px 0 rgba(102,102,102,0.3);
	-webkit-box-shadow: 0 2px 10px 0 rgba(102,102,102,0.3);
	-moz-box-shadow: 0 2px 10px 0 rgba(102,102,102,0.3);
	background: url("../images/detail-r.png") repeat;
}
.detail .detail-l{
	width: 836px;
	padding: 40px 42px 0 42px;
	height: auto;
	float: left;
	overflow: hidden;
	background: white;
	box-shadow: 0 2px 10px 0 rgba(102,102,102,0.3);
	-webkit-box-shadow: 0 2px 10px 0 rgba(102,102,102,0.3);
	-moz-box-shadow: 0 2px 10px 0 rgba(102,102,102,0.3);
	background: url("../images/detline.jpg") left top no-repeat;
}

.detail .detail-l .nr img{
	display: inline-block;
	width: auto;
	max-width: 100%;
}

.detail .detail-l .dettltle{
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eeeeee;
}

.detail .detail-l .dettltle h3{
	font-size: 24px;
}

.detail .detail-l .dettltle span{
	display: block;
	padding-top: 10px;
	font-size: 14px;
	line-height: 32px;
}

.detail .detail-l .nr{
	padding-bottom: 27px;
	line-height: 32px;
}

.page{
	padding-top: 30px;
	padding-bottom: 46px;
	border-top: 1px solid #eeeeee;
}

.page .pagel{
	width: 690px;
}

.page .prev li, .page .next li{
	display: inline-block;!important;
	line-height: 2;
	float: left;;
}

.page .pagel a{
	display: inline-block;!important;
	float: left;
	width: 570px;
}
.page a{

}

.page .pager{
	padding-top: 13px;
}

.page .pager li a{
	display: block;
	width: 128px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: white;
	border: 1px solid #eeeeee;
	border-radius: 10px;
	overflow: hidden;
}

.page .pager li a:hover{
	color: white;
	background: #c30d23;
	border: 1px solid #c30d23;
	text-decoration: none;
}

.detail .detail-r .tuijian{
	padding-bottom: 30px;
	font-size: 24px;
	font-weight: bold;
}

.detail .detail-r .img{
	width: 100%;
	height: 211px;
	padding-bottom: 20px;
}

.detail .detail-r .img img{
	width: 100%;
	height: 211px;
}

.detail .detail-r .list{
	width: 100%;
	margin-bottom: 28px;
	border-bottom: 1px dashed #eeeeee;
}
.detail .detail-r .list a{
	display: block;
	line-height: 2;
}
.detail .detail-r .list span{
	display: block;
	padding-top: 14px;
	padding-bottom: 22px;
	font-size: 14px;
}

/*news*/
.news{
    padding-top: 45px;
    background: url("../images/detline2.jpg") left top no-repeat;
}

.news .list{
    margin-bottom: 44px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #eeeeee;
}
.news .list .title li{
    width: 1200px;
    float: left;
}
.news .list .title a{
    font-size: 18px;
    font-weight: bold;
}
.news .list .title .rq{
    width: 106px;
    float: right;
    font-weight: normal;
    text-indent: 26px;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    background: url("../images/icon1.png") left center no-repeat;
}

.news .list .zy span{
    padding-top: 12px;
}
.news .list .zy a{
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}
.news .list .zy a:hover{
    text-decoration: none;
}

/*products*/
.products{

}
.products .prtop{
	padding: 40px 36px;
	background: white;
	box-shadow: 0 2px 10px 0 rgba(102,102,102,0.3);
	-webkit-box-shadow: 0 2px 10px 0 rgba(102,102,102,0.3);
	-moz-box-shadow: 0 2px 10px 0 rgba(102,102,102,0.3);
}
.products .prtop .proint{
	width: 772px;
	padding-top: 8px;
	line-height: 2;
}

.products .prtop .proint h3{
	padding-bottom: 14px;
	color: #c30d23;
	font-size: 20px;
}

.products .prtop .proint a{
	display: block;
	width: 157px;
	height: 43px;
	margin-top: 30px;
	line-height: 43px;
	text-align: center;
	color: white;
	border-radius: 10px;
	overflow: hidden;
	background: #c30d23;
}

.products .prtop .proint a:hover{
	text-decoration: none;
	background: #333333;
}

.products .probottom{
	margin-top: 40px;
	padding-bottom: 20px;
}
.products .probottom .prolist{
	margin-bottom: 20px;
	color: #333333;
	background: white;
}

.products .probottom .prolist .act{
	background: #666666;
}

.products .probottom .prolist .act .sp1, .products .probottom .prolist .act .zk{
	color: white;
}

.prolist .sp1{
	display: inline-block;!important;
	padding-left: 26px;
	color: #333333;
	font-weight: bold;
}

.prolist dt {
	height: 40px;
	line-height: 40px;
	color: #333333;
	font-size: 16px;
	cursor:pointer;
	position: relative;
	border-bottom: 1px dashed #ebebeb;
	background: #eeeeee;
}

.prolist dt .zk{
	text-align: right;
	width: 64px;
	height: 20px;
	padding-left: 16px;
	line-height: 20px;
	position: absolute;
	right: 13px;
	top: 12px;
	background: url(../images/icon5.png) no-repeat;
}

.prolist dd{
	display: none;
	margin: 0;
	padding:26px 26px 46px 26px;
	line-height: 2;
	background: white;
	box-shadow: 0 2px 10px 0 rgba(102,102,102,0.3);
	-webkit-box-shadow: 0 2px 10px 0 rgba(102,102,102,0.3);
	-moz-box-shadow: 0 2px 10px 0 rgba(102,102,102,0.3);
}
.on dd{
	display: block;
}


.prolist .act .zk{
	color: #c30d23;
	background: url(../images/icon6.png) no-repeat;
}

.probox{
	width:1426px;
	padding-bottom: 26px;
}

.probox dl{
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}

.prolist .prod{
	margin-top: 36px;
}
.prolist .prod .pronr{
	width: 1107px;
}
.prolist .prod .pronr table{
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;

}
.prolist .prod .pronr table td{
	line-height: 40px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.prolist .prod .proimg{
	width: 219px;
	margin-left: 16px;
	text-align: center;
}
.prolist .prod .proimg img{
	display: inline-block;!important;
	width: 100%;
	height: auto;
}


/*problem*/
.problem .list{
	width: 677px;
	padding-bottom: 13px;
	margin:  0 72px 40px 0;
	border-bottom: 1px dashed #666666;
}

.problem .list:nth-child(2n) {
	margin-right: 0;
}

.problem .list h5{
	width: 560px;
	padding-left: 14px;
	font-size: 16px;
	float:left;
}

.problem .list span{
	display: block;
	padding-right: 22px;
	float: right;
}

/*case*/
.case .list{
	width:329px;
	margin: 0 36px 35px 0;
}
.case .list:nth-child(4n) {
	margin-right: 0;
}

.case .list .img{
	width: 100%;
	height: 212px;
}

.case .list .img img{
	width: 100%;
	height: 212px;
}

.case .list .title{
	width: 327px;
	height: 50px;
	border: 1px solid #eeeeee;
	background: white;
}

.case .list .title a{
	display: block;
	text-align: center;
	line-height: 50px;
	padding: 0 17px;
}
.case .list .title a:hover{
	color: white;
	text-decoration: none;
	background: #c30d23;
}

/*contact*/
.contact{
	width: 1221px;
	/*margin: 0 auto 117px auto;*/
	margin: 0 auto 90px auto;
	padding: 0 0 0 55px;
	background: white;
}
.contact .conleft{
	width: 445px;
	margin-right: 45px;
	padding-top: 44px;
}
.contact .conleft .coonlogo{
	padding-bottom: 28px;
	border-bottom: 1px solid #ebebeb;
}
.contact .conleft .coonlogo li{
	font-size: 30px;
}
.contact .conleft .coonlogo span{
	font-size: 18px;
	font-family: Arial;
	text-transform: uppercase;
	line-height: 2;
}
.contact .conleft .list li{
	padding:  24px 0 24px 67px;
	line-height: 30px;
	border-bottom: 1px solid #ebebeb;
}

.contact .conleft .list .c1{
	background: url("../images/c1.png") 16px 18px no-repeat;
}
.contact .conleft .list .c2{
	background: url("../images/c2.png") 16px 18px no-repeat;
}
.contact .conleft .list .c3{
	background: url("../images/c3.png") 16px 18px no-repeat;
}
.contact .conleft .list .c4{
	background: url("../images/c4.png") 16px 18px no-repeat;
}
.contact .conleft .erweima{
	width: 100%;
	margin-top: 40px;
	text-align: center;
}
.contact .conleft .erweima img{
	display: inline-block;!important;
	width: 258px;
	height: auto;
}
.contact .conright{
	width: 730px;
}
.contact .conright .map{
	width: 100%;
	height: 843px;
}
.contact .conright .map img{
	width: 100%;
	height: auto;
	max-height: 843px;
}

/*join*/
.join{
	width: 924px;
	margin: 0 auto;
}
.join span{
	color: #c30d23;
}
.join .jbox{
	padding-top: 68px;
}

.join .jbox .list input{
	height: 36px;
	padding: 0 20px;
	border: 1px solid #cccccc;
}

.join .jbox .list li{
	margin-bottom: 10px;
	line-height: 2;
}

.join .jbox .list span{
	display: inline-block;!important;
	padding: 0 7px;
}

.join .jbox .list1{
	width: 384px;
	margin-right: 156px;
}
.join .jbox .list1 input{
	width: 342px;
}

.join .jbox .list2 input{
	width: 882px;
}

.join .jbox .list1:nth-child(2n) {
	margin-right: 0;
}

.join .jbox .list3 textarea{
	width: 882px;
	padding: 13px 20px;
	line-height: 2;
	border: 1px solid #cccccc;
}
.join .botton{
	padding-top: 34px;
	text-align: center;
}
.join .botton .submit,.join .botton .reset{
	display: inline-block;!important;
	width:118px;
	height: 36px;
	margin: 0 15px;
	font-size: 16px;
	cursor: pointer;
}

.join .botton .submit{
	color: white;
	background: #c30d23;
}

.join .botton .reset{
	color: #333333;
	background: #cccccc;
}

/*job*/
.jlist{
	height: auto;
	margin-bottom: 1px;
	overflow: hidden;
	background: white;
	color: #333333;
}

.jlist .rect span{
	color: #c30d23;
}
.jlist .rect .youx{
	display: block;
	width: 157px;
	height: 43px;
	color: white;
	font-size: 16px;
	text-align: center;
	line-height: 43px;
	border-radius: 10px;
	overflow: hidden;
	background: #c30d23;
}

.jlist .rect .youx:hover{
	text-decoration: none;
	background: #333333;
}

.jlist .rect{
	padding-top: 42px;
}

.jlist .rect li{
	margin-bottom: 20px;
}
.jlist .sp1{
	font-weight: bold;
}

.jlist .sp1, .jlist .sp2, .jlist .sp3, .jlist .sp4{
	display: inline-block;!important;
	color: #666666;
	text-align: center;
}

.jlist dt {
	height: 62px;
	line-height: 62px;
	color: #333333;
	font-size: 16px;
	cursor:pointer;
	position: relative;
	border-bottom: 1px dashed #ebebeb;
}

.jlist dt .zk{
	text-align: right;
	width: 64px;
	height: 20px;
	padding-left: 30px;
	line-height: 20px;
	position: absolute;
	right: 13px;
	top: 23px;
	background: url(../images/icon3.png) no-repeat;
}

.jlist dd{
	display: none;
	margin: 0;
	padding:42px 36px 50px 36px;
	line-height: 2;
	background: #f3f4f8;
}
.on dd{
	display: block;
}

.jlist .sp1{
	padding: 0 2%;
	width: 21%;
}
.jlist .sp2{
	width: 21%;
}
.jlist .sp3{
	width: 26%;
}
.jlist .sp4{
	width: 17%;
}

.jlist .act .zk{
	color: #c30d23;
	background: url(../images/icon4.png) no-repeat;
}

.jbox{
	width:1426px;
	padding-bottom: 26px;
}

.jbox .jobtitle{
	color: white;
}

.jbox dl{
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}