/*header*/
.header{
	width: 100%;
	height: 50px;
	display: flex;
	flex-direction: row;
	background: #e4e4e4;
}
img{
	display: block;
	border: none;
}
.headerl{
	width: 85%;
	height: 50px;
}
.headerl img{
	margin:0 auto;
}
.headerr{
	width: 15%;
	height: 50px;
}
.headerr img{
	margin: 0 auto;
	margin-top: 6px;
}
/*MENU*/
.menu{
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 40px;
	background: #4A5F86;
	display:none;
}
.menu_item{
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-bottom: 1px solid #f1f1f1;
}
.menu_item a{
	display: inline-block;
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 40px;
}
/*banner*/
.banner{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.dotbg{
	background: #E7061C;
}
.banner img{
	width: 100%;
}
.dot{
	position: absolute;
	top: 80%;
	left: 50%;
	margin-left: -30px;
}
.dot ul li{
	float: left;
	width: 8px;
	height:8px;
	border: 1px solid #fff;
	border-radius: 50%;
	margin:0 5px;
	opacity: 0.5;
}
/*notice*/
.notice{
	width: 100%;
	min-height: 50px;
	background: #eee;
}
.notice span{
	margin-left:10px;
}
/*ht*/
.ht{
	width: 100%;
	padding-top: 10px;
	height: 40px;
	background: #888;
}
.ht span{
	display: block;
	width: 100px;
	height: 20px;
	border-left: 2px solid #E7061C;
	text-align: center;
	padding-top: 6px;
	margin-left:10px;
	color: #fff;
}
/*items*/
.items{
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 4px;
}
.items div{
	margin-top:5px ;
	width: 23%;
	border:1px solid #f1f1f1;
	padding-top: 2%;
	border-radius: 4px;
}
.items div img{
	width: 100%;
}
.items div p{
	text-align: center;
	line-height: 30px;
	color: #6075DD;
}
/*indent*/
.indent{
	width: 98%;
	display: block;
	margin:0 auto;
}
.indent p{
	margin:5px 0;
}
.indent input{
	width: 98%;
	height: 40px;
	margin:0 auto;
	border-radius: 4px;
	border: none;
	border: 1px solid #888;
	outline-color: #6075DD;
	padding-left: 2%;
	box-shadow: none;
}
.indent textarea{
	resize: none;
	width: 98%;
	padding-left: 2%;
	border-radius: 4px;
}
.indent p span{
	color: #E7061C;
}
.bindent img{
	display: block;
	width: 100%;
}
.indent input[type="submit"]{
	background: #6075DD;
	color: #fff;
}
.triangle{
	width: 98%;
	margin:0 auto;
	height: 50px;
	border: 1px  dashed #888;
}
.triangle span{
	display: inline-block;
	float: left;
	margin-left: 10px;
}
.triangle span:nth-of-type(2){
	line-height: 50px;
	color:  #E7061C;
}
.kailong{
	width:0;
    height:0;
	border-top:25px solid transparent;
	border-bottom:25px solid transparent;
	border-left:50px solid  #E7061C;
}
.about{
	width: 96%;
	margin:0 auto;
	padding: 0 1%;
	min-height: 190px;
	text-indent: 2em;
	border:1px solid #6075DD;
	border-top: none;
}
/*ad*/
.ad{
	width: 100%;
	min-height: 100px;
	background: #4b6188;
	padding: 20px 0;
	margin-top: 5px;
}
.ad h3{
	color: #fff;
	margin-left: 15px;
	margin-top: 20px;
	text-shadow:  5px 5px 5px #222;
}
.ad h2{
	border: 1px dashed #E7061C;
	color: #fff;
	text-align: center;
	margin-top: 5px;
	text-shadow:  5px 5px 5px #222;
}
.bmenu{
	width: 100%;
	height: 50px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	background: #292829;
}
.bmenu div{
	text-align: center;
	width: 25%;
	height: 50px;
}
.bmenu div a{
	display: block;
	width: 98%;
	height: 30px;
	border-left: 1px dashed #fff;
	line-height: 30px;
	margin-top: 10px;
}
.bmenu div:nth-of-type(1) a{
	border: none;
}
/*contact*/
.contact{
	width: 100%;
	min-height: 50px;
	background: #888;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-bottom: 1px solid #eee;

}
.contact div{
	width: 100%;
	margin-top: 10px;
}
.contact div span{
	margin-left:30px;
}
/*ewm*/
.ewm{
	width: 100%;
	min-height: 30px;
	background: #888;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.ewm div{
	width: 30%;
	text-align: center;
	margin-top: 10px;
}
.ewm div img{
	width: 100%;
}
.copy{
	width: 100%;
	height: 50px;
	background: #292829;
	text-align: center;
	margin-bottom:50px;
}
.copy span{
	font-size: 12px;
	color:#fff;
	line-height: 50px;
}
.dtel{
	width: 100%;
	max-width: 800px;
	height: 50px;
	background: #a50010;
	position: fixed;
	bottom: 0;
		text-align: center;
}
.dtel a{
	display: inline-block;
	width: 100%;
	line-height: 50px;
	font-size: 16px;
}

/*------------------------sbox*/
.sbox{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
	border-bottom: 1px solid #f00;
}
.sbox .item{
	border: 1px solid #eee;
	width: 32%;
	height: 30px;
	margin-top:10px;
	text-align: center;
}
.sbox .item input[type="radio"]{
	display: none;
}
.itemempty {
    height: 0px;
    width: 32%;
  }
  .sbox .item span{
  	display: inline-block;
  	width: 100%;
  	height: 30px;
  	line-height: 30px;
  }
.fault{
  	width: 100%;
  	display: flex;
  	flex-direction: row;
  	justify-content: space-around;
  	flex-wrap: wrap;
  	border-bottom: 1px solid #f00;
  	margin-bottom: 10px;
  	padding-bottom: 9px;
  }
.fault .fault_item{
	border: 1px solid #eee;
	width: 32%;
	height: 30px;
	margin-top:10px;
	text-align: center;
}
.fault .fault_item span{
  	display: inline-block;
  	width: 100%;
  	height: 30px;
  	line-height: 30px;
  }
.fault .fault_item input[type="radio"]{
	display: none;
}
.conta{
	width: 100%;
	height: 50px;
}
.conta span:before{ 
	content:"*";
	color: #f00;
	line-height: 50px;
	margin-left:10px;
}
/*myfoem*/
.mess{
	width: 100%;
}
.mess .mess_item{
	width: 100%;
	min-height: 30px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-bottom: 10px;
}
.mess_item div:nth-of-type(1){
	width: 28%;
	height: 28px;
	text-align: center;
	line-height: 30px;
	border: 1px solid #eee;
}
.mess_item div:nth-of-type(2){
	width: 70%;
	min-height: 30px;
	text-align: center;
}
.mess_item div:nth-of-type(2) input{
	width: 97%;
	height: 28px;
	border: 1px solid #eee;
	padding-left: 5px;
}
.mess_item div:nth-of-type(2) textarea{
	width: 97%;
	height: 140px;
	border: 1px solid #eee;
	padding-left: 5px;
	resize: none;
}
.mess_item div:nth-of-type(1).mesg{
	width: 28%;
	height: 140px;
}
.sub{
	width: 100%;
	height: 40px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-bottom: 10px;
}
.sub div{
	width: 48%;
	height: 40px;
	text-align: center;
}
.sub div input{
	width: 100%;
	height: 38px;
}

/*detail*/
.detailimg{
	width: 60%;
	margin:0 auto;
	border: 8px solid #eee;
	margin-top: 10px;
	margin-bottom: 10px;
}
.detailimg img{
	width: 100%;
}
/*details*/
.details{
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	min-height: 500px;
	border-bottom: 1px solid #eee;
}
/*ordert*/
.ordert{
	text-align: center;
	color: #f00;
}
/*project*/
.project{
	width: 100%;
	min-height: 400px;
	border-bottom: 1px solid #eee;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}
.project_item img{
	width: 100%;
}
.project .project_item{
	width: 42%;
	border: 1px solid #eee;
	margin-top: 10px;
	text-align: center;

}
.contacts{
	width: 98%;
	padding-left:1%;
	padding-right:1%;
	min-height: 400px;
	border-bottom: 10px dashed #6075DD;
	margin:10px 0;
}
.contacts p{
	margin:10px 0;
}