.banner{
	position: relative;
	width: 100%;
	height: 500px;
	text-transform: uppercase;
	margin: 0px auto;
	overflow: hidden;
	background-position: center;
	background-repeat:  no-repeat;
	animation: banner 2s forwards ease;
}

@keyframes banner{
	from{background-size: 2300px 600px;}
	to{background-size: 1920px 500px;}
}

@media screen and (max-width: 1920px){
	.banner{height: 500px}
}

.b0{background-image: url(b0.jpg);}
.b1{background-image: url(b1.jpg);}
.b2{background-image: url(b2.jpg);}
.b3{background-image: url(b3.jpg);}
.b4{background-image: url(b4.jpg);}
.b5{background-image: url(b5.jpg);}

.place_box{
	display: none;
	float: left;
	padding: 0px 40px;
	margin-top: 440px;
	color: #666;
	line-height: 60px;
	background: rgba(255,255,255,.95);
	overflow: hidden;
}

.place_box a{color: #666;}

.place_box span a{color: #f1d327;}

.place_box .fa{margin: 0 12px;}

.cp_class{
	float: left;
	margin-top: 440px;
	margin-left: 40px;
	overflow: hidden;
}

.cp_class a{
	float: left;
    display: block;
	color: #bebebe;
	font-size: 16px;
    font-weight: 700;
	line-height: 60px;
	margin-right: 3px;
	padding: 0 35px;
	background: #3c3c3c;
	transition: all 0.3s;
}

.cp_class a:hover{color: #fff!important;}

.smenu,a.class_active{color: #040000!important; background: #f1d327!important;}

#main_box{
	width: 100%;
	margin: 0px auto;
	padding: 50px 0 70px 0;
	overflow: hidden;
}

.pro_bg{
	width: 100%;
	background: url(product_bg.jpg);
	overflow: hidden;
}

.pro_bg h2,.pro_bg h2 a{color: #fff!important}

#main_box h2{
	width: 1240px;
	margin: 0 auto;
	margin-bottom: 30px;
    color: #040000;
	font-size: 45px;
    letter-spacing: 1px;
	line-height: 60px;
	font-weight: 700;
	text-transform: uppercase;
    overflow: hidden;
}

.page_box strong{display: inline-block;margin: 60px auto 40px auto;}

#main_box h2 .fa-angle-right{display: none}

#main_box .nav{color: #040000;}

#main_box .back{
	float: right;
    color: #666;
    font-size: 14px;
    line-height: 50px;
    font-weight: 500;
    overflow: hidden;
}

#main_box .back:hover{color: #040000;}

#main_box .back .fa{margin-right: 9px}

.page_box{
	width: 1240px;
	margin: 0 auto;
    overflow: hidden;
}
.page_box p em{
	font-weight:bold;
	}
/*down*/
.down_query{float: left;}

.down_query li{
	float: left;
	width: 550px;
	padding: 20px;
	margin: 60px 20px 30px 40px;
	background: #fff;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
	overflow: hidden;
}

.down_query li span{
	float: left;
	width: 225px;
	height: 315px;
	margin-right: 30px;
	overflow: hidden;
}

.down_query li h3{
	float: left;
	width: 295px;
margin-bottom:40px;
	margin-top: 40px;
	font-size: 20px;
	font-weight: 600;
	overflow: hidden;
}

.down_query li h4{
	float: left;
	width: 275px;
	margin-top: 20px;
	margin-bottom: 60px;
	color: #666;
	font-size: 14px;
	overflow: hidden;
}

.down_query li p{
	float: left;
	width: 275px;
	margin: auto;
	color: #999;
	overflow: hidden;
}

.down_query li a{
	float: right;
	display: block;
	margin-top: 75px;
	color: #f1d327;
	border-bottom: 1px solid #f1d327;
	overflow: hidden;
}

.down_query li a:hover{color: #040000;border-bottom: 1px solid #040000;}

.down_query li a .iconfont{font-size: 21px;margin-right: 6px;}

/*news*/
.news_query,.cp_query{
	width: 1240px;
	margin: 0 auto;
	margin-top: 50px;
	overflow: hidden;
}

.news_query a{
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #bebebe;
	overflow: hidden;
}

.news_query a span{
	position: absolute;
	display: block;
	width: 100%;
	height: 0px;
	left: 0px;
	bottom: 0px;
	background: rgba(0,0,0,.05);
	transition: all 0.6s ease 0s;
	z-index: 9;
	overflow: hidden;
}

.news_query a:hover span{height: 100%;background: rgba(0,0,0,.0);}

.news_query a h4{
	float: left;
	width: 290px;
	height: 210px;
	margin-right: 50px;
	overflow: hidden;
}

.news_query a h4 img{
	display: block;
	width: 290px;
	height: 210px;
	transition: all 0.5s;
	overflow: hidden;
}

.news_query a:hover h4 img{transform: scale(1.1,1.1);}

.news_query a h3{
	float: left;
	width: 850px;
	margin-top: 20px;
	font-size: 20px;
	line-height: 30px;
    
    font-weight: 600;
    letter-spacing: 1px;
	transition: all 0.6s ease 0s;
	overflow: hidden;
}

.news_query a p{
	float: left;
	color: #666;
	width: 850px;
	height: 48px;
    line-height: 24px;
	transition: all 0.6s ease 0s;
	overflow: hidden;
}

.news_query a font{
	float: left;
	width: 850px;
    color: #999;
	transition: all 0.6s ease 0s;
}

.news_query a font .fa{margin-right: 9px;color: #f1d327}

.news_query a:hover h3,.news_query a:hover p,.news_query a:hover font{margin-left: 30px;}

.news_detail,.cp_detail{
	width: 1240px;
	margin: 0 auto;
	margin-top: 60px;
	overflow: hidden;
}

.news_detail h3{
	color: #040000;
	font-size: 27px;
    line-height: 40px;
	font-weight: 700;
	text-align: center;
	overflow: hidden;
}

.news_detail dd{
	width: 100%;
	color: #666;
    line-height: 60px;
	text-align: center;
	border-bottom: 1px dotted #bebebe;
	margin-bottom: 30px;
	overflow: hidden;
}

.news_con{width: 100%;overflow: hidden;}

.news_con img{
	display: block;
	max-width: 100%;
	margin: 50px auto auto;
	text-align: center;
	overflow: hidden;
}

.show{
	width: 100%;
	border-top: 1px solid #bebebe;
	margin: 50px auto;
	padding-top: 30px;
	overflow: hidden
}

.show li{
	float: left;
	width: 100%;
	padding: 10px 0;
	color: #666;
	overflow: hidden
}

.show_pages{
	width: 1240px;
	margin: 30px auto;
	text-align: center;
	overflow: hidden;
}

.show_pages table{margin: 0 auto;}

.show_pages a{
	display: inline-block;
	margin: 0 10px;
	width: 40px;
	line-height: 40px;
	border-radius: 40px;
	text-transform: uppercase;
	background: #f6f6f6;
}

.pages1{padding: 0 32px!important;}

.pagesnow{
	display: inline-block;
	margin: 0 10px;
	width: 40px;
	line-height: 40px;
	border-radius: 40px;
	color: #040000;
	background: #f1d327;
}

/*contact*/
.contact_box{
	width: 1240px;
	margin: 0 auto;
	margin-top: 60px;
	overflow: hidden;
}

.contact_box h3{
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 60px;
	color: #333;
	font-size: 27px;
    
    font-weight: 600;
	letter-spacing: 0.5px;
	border-bottom: 1px solid #bebebe;
	overflow: hidden;
}

.contact_box .left{
	float: left;
	width: 550px;
	color: #666;
	margin-right: 140px;
	overflow: hidden;
}

.contact_box .left li{margin-top: 40px;}

.contact_box .left strong{font-size: 20px;}

.contact_box .left .iconfont{margin-right: 10px;font-size: 21px;}

.form_box{
	float: right;
    width: 550px;
	color: #666;
    overflow: hidden;
}

.feedback{margin-top: 50px;}

.feedback li{float: left; margin-bottom: 20px;}

.feedback li input{
	float: left;
	width: 518px;
    height: 38px;
	background: #f7f7f7;
	border: 1px solid #eaeaea;
	text-indent: 10px;
}

.feedback li textarea{
	float: left;
    width: 498px;
	background: #f7f7f7;
	border: 1px solid #eaeaea;
	min-height: 200px;
    padding: 20px 10px;
	font: 400 13.3333px Arial;
}

.feedback li font{
	float: right;
	height: 40px;
	margin-left: 10px;
}

.feedback .button{
	display: block;
	width: 145px;
	height: 45px;
	text-align: center;
	border-radius: 3px;
	color: #040000;
	font-size: 16px;
	border: none;
	text-transform: uppercase;
	line-height: 45px;
	background: #f1d327;
	overflow: hidden;
}

.feedback .button:hover{color: #fff;}

/*cp_detail*/
.cp_detail .left{
	float: left;
	width: 600px;
	height: 600px;
	border: 1px solid #e5e5e5;
}

.cp_detail .right{
	float: right;
	width: 580px;
	line-height: 28px;
	overflow: hidden;
}

.cp_detail .right h2{width: 100%!important;font-size: 27px!important;}

.cp_detail .right h2 span{color: #f1d327; font-size: 18px!important;font-weight: 500;}

.cp_detail .right h4{
	width: 100%;
	color: #666;
	font-size: 14px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #bebebe;
}

.cp_detail .right h5 li{
	width: 100%;
	color: #666;
	font-size: 14px;
	background: url(icon.png) no-repeat left top;
	text-indent: 27px;
	margin-bottom: 10px;
}

.cp_detail .right h6{
	width: 300px;
    height: 60px;
	margin-top: 50px;
	font-size: 16px;
    line-height: 60px;
	font-weight: 600;
    text-align: center;
    background-color: #f1d327;
}

.cp_detail .right h6 a{color: #000;}

.cp_detail .cp_intro{
    width: 100%;
	margin-top: 50px;
	overflow: hidden;
}

.cp_detail .cp_intro strong{
	display: block;
    width: 100%;
	font-size: 27px;
	font-weight: 600;
	line-height: 70px;
	margin-top: 50px;
	
}

.cp_detail .cp_intro table,.page_box table{
    width: 1238px;
	margin: 0 auto;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	overflow: hidden;
}

.cp_detail .cp_intro table td,.page_box table td{
    padding: 10px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: center;
}
.page_box .wzbg{
	font-weight:bold;
	}
/*cp_index*/
.cp_index{
	width: 1230px;
	margin: 0 auto;
	margin-top: 50px;
	background: #fff;
	border-top: 2px solid #e5e5e5;
	border-left: 5px solid #fff100;
	border-right: 5px solid #fff100;
	overflow: hidden;
}

.cp_index h4{
	width: 285px;
    height: 50px;
	color: #040000;
    font-size: 27px;
    line-height: 50px;
	font-weight: 600;
	text-indent: 30px;
	
    background: url(class_bg.png) no-repeat;	
}

.cp_index ul{
	width: 1230px;
    border-bottom: 5px solid #fff100;
	overflow: hidden;
}

.cp_index ul h5{
	float: left;
	width: 220px;
	margin-top: 15px;
	text-indent: 30px;
    font-size: 18px;
    line-height: 50px;
	font-weight: 600;
	text-transform: uppercase;
}

.cp_index ul li{
	float: left;
	width: 1000px;
	min-height: 365px;
	margin-top: 5px;
	margin-left: 10px;
	overflow: hidden	
}

.cp_index ul li a{
	float: left;
	display: block;
	width: 200px;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	overflow: hidden;
	height:363px;
}

.w5{
	width: 1240px;
	height: 5px;
	background: #040000;
	margin: 0 auto;
	overflow: hidden;	
}

.cp_query a{
	float: left;
	display: block;
	width: 248px;
	height: 365px;
	margin-bottom: 30px;
	font-size: 18px;
    font-weight: 600;
	text-align: center;
	transition: all 0.3s;
	overflow: hidden;
}

.cp_query a:hover{
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}

.cp_query a img{
	display: block;
	width: 145px;
	height: 270px;
	margin: 30px auto auto auto;
	transition: all 0.5s;
}

.cp_query a:hover img{margin-top: 10px}

.size_top{
	width: 1240px;
	margin: 0 auto;
	margin-top: 50px;
	background: #fff100;
	color: #040000;
    font-size: 27px;
    line-height: 50px;
    font-weight: 600;
    text-indent: 30px;
    
	overflow: hidden;
}

.size_top span,.size_index h5{
	float: left;
	display: block;
	width: 189px;
	border-right: 1px solid #fff;
	overflow: hidden;
}

.size_index h5{width: 188px;border-right: none;font-weight: 600;}

.size_top font,.size_index li{
	float: left;
	display: block;
	width: 1050px;
	overflow: hidden;
}

.size_index li{width: 1047px;border-left: 1px solid #d9d9d9;}

.size_index{
	width: 1236px;
	border: 2px solid #d9d9d9;
	margin: 0 auto;
	background: #fff;
	color: #040000;
	font-size: 21px;
    font-weight: 700;
    line-height: 130px;
    
	text-align: center;
	overflow: hidden;
}

.size_index ul{border-bottom: 1px solid #d9d9d9;overflow: hidden}

.size_index a{
	float: left;
	width: 65px;
	margin: 10px 20px;
	overflow: hidden;

}

.size_index a img{
	display: block;
	width: 65px;
	height: 121px;
}

.size_index a p{
	width: 65px;
	margin: auto;
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
}