/*header*/
.header{
	width: 100%;
	min-width: 1200px;
	height: 30px;
	background: #45495a;
}
/*body{
	-webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
        _filter:none; 
} */
/**/
.top{
	width: 100%;
	min-width: 1200px;
	height: 100px;
}
.top_center{
	width: 1200px;
	height: 100px;
	margin:0 auto;
}
.top_centerl img{
	margin-top: 20px;
}
.top_centerl{
	width: 260px;
	height: 100px;
	float: left;
}
.top_centerm{
	width: 680px;
	height: 100px;
	float: left;
}
.top_centerm ul li{
	float: left;
	width: 100px;
	line-height: 100px;
	margin-left: 30px;
}
.top_centerm ul li a{
	display: inline-block;
	width: 100px;
	height: 100px;
	text-align: center;
	border-radius: 20px;
}
.top_centerr{
	width: 260px;
	height: 100px;
	float: left;
}
.top_centerr span{
	line-height: 100px;
}
.top_centerr img{
	vertical-align: middle;
	line-height: 100px;
	margin-left:20px;
}
/*banner*/
.bannerbg{
	width: 100%;
	min-width: 1200px;
}
.dots{
	position: absolute;
	top: 400px;
	left: 50%;
	margin-left: -40px;
}
.dots ul li{
	float: left;
	margin:5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	opacity: 0.8;
	border: 1px solid #fff;
	cursor: pointer;
}
.banner{
	width: 1200px;
	height: 500px;
	overflow:hidden;
	margin:0 auto;
	position: relative;
}
.search{
	width: 100%;
	min-width: 1200px;
	height: 50px;
	background: #272525;
}
.searchc{
	width: 1200px;
	height: 50px;
	margin:0 auto;
}
.searchl{
	float: left;
	line-height: 50px;
	color: #e7061c;
}
.searchr{
	float: right;
}
.searchr input:first-child{
	width: 250px;
	height: 28px;
	border: 1px solid #eee;
	margin-top: 9px;
	border-radius: 2px;
    padding-left: 5px;
}
.subSearch{
	width: 40px;
	height: 30px;
	background: #e7061c;
    color: #fff;
}
/*indent*/
.indent{
	width: 1200px;
	min-height: 100px;
	border-bottom: 5px solid #000;
	margin:0 auto;
	padding-bottom: 20px;
}
.indentl{
	width: 800px;
	min-height: 200px;
	float: left;
}
.indentr{
	width: 400px;
	min-height: 200px;
	float: right;
}
.indentlt{
	width: 800px;
	height: 50px;
}
.headline{
	width: 300px;
	text-align: center;
	line-height: 30px;
	display: inline-block;
	height: 30px;
	border-left: 2px solid #E7061C;
	margin:10px 0 10px 0;
}
.indentld{
	width: 800px;
	min-height: 200px;
}
.indentld ul li{
	width: 165px;
	min-height: 165px;
	margin-top: 20px;
	border:1px solid #eee;
	float: left;
	margin-left:20px;
	border:1px solid #eee;
	padding: 5px;
}
.indentld ul li img{
	width: 100%;
}
.indentld ul li p{
	text-align: center;
	line-height: 40px;
}
.indentbox{
	width: 165px;
	height: 165px;
}
.indentbox img{
	width: 100%;
	transition: 1s;
}
.indentrt{
	width: 400px;
	height: 50px;
}
.indentrd input{
	width: 388px;
	height: 50px;
	border:1px solid #6075dd52;
	padding-left: 10px;
	border-radius: 5px;
	outline: none;
}
.indentrd p{
	widows: 100%;
	height: 30px;
	font-size: 12px;
	color: #f00;
	line-height: 30px;
}
.indentrd textarea{
	width: 388px;
	height: 120px;
	padding-left: 10px;
	padding-top: 10px;
	resize: none;
	margin-bottom: 28px;
	border:1px solid #6075dd52;
	outline: none;
	border-radius: 5px;
}
.ordersdl p{
	widows: 100%;
	height: 20px;
	font-size: 12px;
	color: #f00;
	line-height: 30px;
}
/*about*/
.about{
	width:1200px;
	min-height: 500px;
	margin:0 auto;
}
.aboutd{
	min-height: 500px;
}
.aboutt{
	border-bottom: 1px solid #eee;
	text-align: center;
	height: 25px;
}
.aboutt span{
	background: #fff;
	line-height: 50px;
}
.aboutl{
	width: 550px;
	height: 350px;
	float: left;
}
.abouttw{
	width: 1200px;
	height: 50px;
}
.aboutr{
	width: 650px;
	min-height: 350px;
	float: left;
	text-indent: 2em;
}
.aboutr img{
	display: block;
	width: 100%;
}
.aboutr span{
	display: inline-block;
	margin-top:50px;
	font-size: 14px;
	line-height: 30px;
	white-space: 10px;
}
/*hot*/
.hot{
	width: 1200px;
	height: 450px;
	margin:0 auto;
}
.hotd{
	width: 1200px;
	height: 320px;
	padding: 0px;
    overflow: hidden;
}
#rollrun td,#bottom td{
	padding: 0 24px;
	cursor: pointer;
}
#rollrun td img,#bottom td img{
	width: 250px;
}
.btd{
	text-align: center;
	font-size: 18px;
	border-bottom: 1px solid #eee;
}
.btd span{
	display: inline-block;
	width: 100px;
	height: 30px;
	background: #E7061C;
	color: #fff;
	border-radius: 5px;
}
/*footer*/
.footer{
	width: 100%;
	min-width: 1200px;
	min-height: 500px;
	background: #242323;
}
.footerct{
	width: 100%;
	min-width: 1200px;
	min-height: 50px;
	background: #110B0B;
}
.footerctm{
	width: 1200px;
	height: 50px;
	margin:0 auto;
}
.footerctm ul li{
	float: left;
	text-align: center;
	line-height: 50px;
	width: 150px;
	height: 50px;
}
.footerctm ul li a{
	display: inline-block;
	width: 150px;
	height: 50px;
	border-left: 1px solid #242323;

}
.footerctm ul li:first-child a{
	border-left: none;
}
.footerc{
	width: 1200px;
	min-height: 350px;
	margin:0 auto;
}
.footercl{
	width: 400px;
	height: 350px;
	float: left;
}
.footercm{
	width: 400px;
	height: 350px;
	float: left;
}
.footercm p:first-child{
	margin-top: 55px;
}
.footercm p{
	margin-left: 30px;
	margin-top: 30px;
	color: #666;
}
.footercr{
	width: 400px;
	height: 350px;
	float: left;
}
.footercr ul li{
	float: left;
	margin-left: 35px;
	margin-top: 50px;
	text-align: center;
	color: #fff;
}
.ylink{
	line-height: 50px;
	color: #fff;
}
.copyright{
	width: 1200px;
	height: 50px;
	margin:0 auto;
	text-align: center;
	color: #666;
	line-height: 50px;
}
/*---indent---*/
.advertising{
	width: 1200px;
	height: 400px;
	margin:0 auto;
}
/*hendlinew*/
.hendlinew{
	width: 1200px;
	height: 50px;
	margin:0 auto;
	border-bottom: 5px solid #272233;
}
/*orders*/
.orders{
	width: 1200px;
	min-height: 700px;
	border-bottom: 5px solid #272233;
	margin:0 auto;
	margin-bottom: 25px;
	padding-bottom: 10px;
}
.orderst{
	width: 1200px;
	min-height: 340px;
}
.orderst ul li .dn{
	/*display: none;*/
}
.orderst ul li{
	width: 200px;
	height: 60px;
	border: 1px solid #272233;
	float: left;
	margin-left: 30px;
	margin-top: 20px;
	line-height: 60px;
	text-align: center;
	border-radius: 5px;
}
.orderst ul li label{
	display: inline-block;
	width: 80%;
	height: 60px;
	cursor: pointer;
}
.orderst ul li input{
	/*display: none;*/
}
.ordersd{
	width: 1200px;
	min-height: 340px;
}
.ordersdl{
	width: 50%;
	min-height: 340px;
	float: left;
}
.ordersdl input{
	width: 580px;
	height: 40px;
	border:1px solid #ccc;
	margin-top: 10px;
	border-radius: 5px;
	padding-left: 20px;
}
.ordersdl textarea{
	width: 580px;
	height: 150px;
	border:1px solid #ccc;
	margin-top: 10px;
	border-radius: 5px;
	resize:none;
	padding-left: 20px;
}
.ordersdl input[type="submit"]{
	width: 100%;
	background: #6075DD;
	color: #fff;
}
.ordersdr{
	width: 50%;
	min-height: 340px;
	float: left;
}
.practical{
	width: 90%;
	height: 350px;
	margin:0 auto;
	margin-top: 20px;
	box-shadow: 0px 0px 10px #272233;
}
.practical p{
	padding-top: 50px;
	padding-left: 50px;
}
/*-------------content-------------*/
.content{
	width: 1200px;
	min-height: 600px;
	background: #fafafa;
	margin:0 auto;
	border-bottom: 5px solid #272233;
	margin-bottom: 20px;
}
.pitem li{
	width: 220px;
	min-height: 220px;
	border: 1px solid #eee;
	float: left;
	margin:4px;
	padding: 5px;
	text-align: center;
}
.pitem li img{
	width: 220px;
	height: 220px;
}
.process_item{
	width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 50px solid #E7061C;
    display: inline-block;
    vertical-align: middle;
}
.process{
	padding: 20px;
}