#tonglangg{
	display: block;
	background-color: #F5F5F5;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;

	
	margin-top: 10px;
	margin-bottom: 10px;
height:400px;
	background-repeat: no-repeat;
	background-position: center top;
}
#cpzs{
	display: block;
	background-color: #F5F5F5;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;

	background-image: url(images/cpzs.jpg);
	margin-top: 5px;
	margin-bottom: 10px;
height:80px;
	background-repeat: no-repeat;
	background-position: center top;
}
#cjzs{
	display: block;
	background-color: #F5F5F5;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;

	background-image: url(images/cjzs.jpg);
	margin-top: 30px;
	margin-bottom: 10px;
height:80px;
	background-repeat: no-repeat;
	background-position: center top;
}
#yuying {
	display: block;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-color:#DC191F;
	height:5px;
}
#yuying1 {
	display: block;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-color:#242624;
	height:50px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 50px;
	font-weight: bold;
	color: #FFFFFF;
}
#lmbt {
	display: block;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-color:#fff;
	height:50px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 50px;
	font-weight: bold;
	color: #C46200;
}
#biaoti {
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-color:#EEEEEE;
	margin-top:0px;

}
#biaoti p{
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
text-align:center;
font-size:26px;
	margin-top:20px;
height:50px;
line-height:50px;
color:#333;

}
#biaoti h5{
	display: block;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
margin-top:20px;                                                                                                                                                                  
}
#biaoti h5 .bt{         
	display: block;
	width: 90px;
	text-align:center;
	font-size:22px;
	height:40px;
	line-height:40px;
	color:#ccc;
border:solid 1px #ccc;
float:left;
margin-bottom:20px;
cursor:pointer;
}
#biaoti h5 .bt:hover{         
background-color:#666666;
}
#biaoti h5 .rightb{         
margin-left:10px;
}
#main1 {
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-color:#EEEEEE;
	margin-top:0px;
height:340px;

-webkit-filter: transition:all 3s ease-out;
-moz-filter: transition:all 3s ease-out;
-ms-filter: transition:all 3s ease-out; 
-o-filter: transition:all 3s ease-out;
transition:all 3s ease-out;
opacity:0;
}
.main1show{
opacity:1;
}

#main1 .our{
width:1050px;
height:300px;
margin:10px auto 30px;
overflow:hidden;
}
#main1 .ourimg{
width:455px;
height:300px;
float:left;
overflow:hidden;
}

#main1 .ournr{
width:540px;
height:260px;
float:right;
background-color:#fff;
overflow:hidden;
padding:20px;
font-size:14px;
line-height:22px;

}
#main1 .ournr p{
	font-size:16px;
	text-align:left;
font-weight:bold;
}
#main2 {
	display: block;
	width: 1050px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-color: #FFFFFF;
height:400px;
position:relative;

}
#main2 p{
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
text-align:center;
font-size:26px;
	margin-top:20px;
height:50px;
line-height:50px;
color:#333;

}

#main2 h5 span{
	display: block;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align:center;
	font-size:22px;
	height:40px;
	line-height:40px;
	color:#FE4C50;


}
#main2 ul{
	display: block;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	display: block;
margin-top:20px;
position:absolute;
transition:all 0.3s ease;
transform:translateY(10px);
}
#main2 ul:hover{
transform:translateY(0px);
}
#main2 ul li{
	display: block;
	width:25%;
float:left;
	overflow: hidden;
margin-bottom:10px;
}
#main2 ul li .cp{
	display: block;

	overflow: hidden;
width: 164px;
	height: 164px;
	border-radius: 50%;
border: 8px solid #eee; 
}
#main2 ul li .cp img{

width: 100%;

}

#main2 ul li:hover  .cp{
border: 8px solid #FE4C50;   
}



#main2 ul li .bt{
	display: block;
	width: 200px;
	height: 50px;
	background: url(images/bg_p1.jpg) no-repeat;
	text-align: center;
	line-height: 55px;
}
#main2 ul li:hover .bt{
	background: url(images/bg_p2.jpg) no-repeat;color: #fff;
}

#indexdt {
	display: block;
	height:500px;
	margin-top: 30px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;

}

#main3 {
background-color:#eee;
width:100%;
margin:20px auto;

overflow:hidden;
}
#main3 .btn{

overflow:hidden;
display:block;
margin:20px auto;
width:550px;
}
#main3 .bt{
display:block;
width:150px;
height:40px;
line-height:40px;
text-align:center;
border:solid 1px #ccc;
float:left;
margin-left:20px;
background-color:#999;
font-size:14px;
color:#fff;
}
#main3 .bt:hover{
background-color:#FF6600;
}
.cpcontent{
width:960px;
margin:10px auto;
overflow:hidden;
}
.product{
width:300px;
height:260px;
float:left;
margin:20px 20px 0px auto;
display:block;
overflow:hidden;
}
.imgc{
width:300px;
height:230px;
margin:0px;auto;
overflow:hidden;
display:block;
border-radius:5px;
}
#main4yw{width:100%;margin-top:0px;}
#main4yw p{ display:block;width:100%;height:30px;line-height:30px;}


.imgc:hover img{
transform:scale(1.5);
transition:transform 0.5s;
-webkit-transform:scale(1.05);
-webkit-transition:-webkit-transform 0.5s;

}
.imgc img{
width:300px;

}

.product p{
text-align:center;
line-height:30px;


}




#main5 {
	display: block;
	width: 100%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #00A904;
	overflow: hidden;
height:300px;
}
.main5{	width: 1050px;margin:0 auto;position:relative;height:300px;overflow:hidden;}
.main5 .content{
	display: block;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
position:absolute;
-webkit-filter: transition:all 3s ease-out;
-moz-filter: transition:all 3s ease-out;
-ms-filter: transition:all 3s ease-out; 
-o-filter: transition:all 3s ease-out;
transition:all 3s ease-out;
transition:all 3s ease;
opacity:0;
left:1000px;
}


#main5 span{
	display: block;
	width: 32%;
	float:left;
	margin-left:2%;
	color:#CCCCCC;
	overflow: hidden;
	
	height:300px;
	background-image: url(images/connavbg2_5.png);
	background-repeat: no-repeat;
	background-position: right 20px;
}
#main5 span h6{
	display: block;
	width: 100%;
	overflow: hidden;
	margin-top:20px;
	height:40px;

}
#main5 span h6 p{
	display: block;
	width: 100px;
	overflow: hidden;
	float:left;
	height:40px;
line-height:40px;
color:#fff;
font-size:14px;
margin-left:20px;
}
#main5 span h6 a{
	display: block;
	width: 80px;
	overflow: hidden;
	float:right;
	height:40px;
line-height:40px;
color:#000;
}
#main5 span ul{
	display: block;
	width: 100%;
	overflow: hidden;
background-color:#fff;
height:200px;
}
#main5 span li{
	display: block;
	width: 100%;
	overflow: hidden;
	height:20px;
	line-height:20px;
	background-image: url(images/icon02.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
margin-top:5px;
}
#main5 span li a{

color:#333;
font-size:12px;
}

#main4{
width:1050px;
margin:20px auto;
overflow:hidden;
height:300px;
}
#leftmain4{
width:515px;
float:left;
}
#rightmain4{
width:515px;
float:right;
}
.main4{position:relative;}
.leftmain4{position:absolute;left:-500px;

-webkit-filter: transition:all 2s ease-out;
-moz-filter: transition:all 2s ease-out;
-ms-filter: transition:all 2s ease-out; 
-o-filter: transition:all 2s ease-out;
transition:all 2s ease-out;
opacity:0;}

.rightmain4{position:absolute;right:-500px;
-webkit-filter: transition:all 2s ease-out;
-moz-filter: transition:all 2s ease-out;
-ms-filter: transition:all 2s ease-out; 
-o-filter: transition:all 2s ease-out;
transition:all 2s ease-out;
opacity:0;}


#main4 .content{
width:97%;
line-height:25px;
font-size:14px;
margin:10px auto;
overflow:hidden;
}
#msg{
width:100%;
}
.msgh{
width:100%;
overflow:hidden;
margin-top:5px;
}
.msgb{
width:10%;
float:left;
}
.msgc{
width:90%;
float:right;

}
.tj{
background-color:#DAAC23;
text-align:center;
width:150px;
height:40px;
line-height:40px;
color:#000000;
font-size:12px;
border:solid 1px yellow;

}
.cpbt2{
background-image:url(images/titlebg3.jpg);
width:100%;
height:72px;
margin:10px auto 0px;
overflow:hidden;

}
.bt2{
display:block;
width:100px;
height:50px;
line-height:25px;
color:#AB5F00;
float:left;
margin:20px 0px 0px 100px;
font-size:16px;
}
.more{
display:block;
width:100px;
height:50px;
line-height:60px;
float:right;
margin:20px 20px 0px 0px;
font-size:16px;
}
#main8 {
	display: block;
	width: 1050px;;
	margin:10px auto;
	overflow: hidden;
}
.imgdh{animation:imgdh 1s 1;}
@keyframes imgdh{
0%{transform:scale(0.9);opacity:0.5;}
100%{transform:scale(1);opacity:1;}
}