/* Shuang Deng Group
 * User: yangtao
 * Date: 15-1-7
 */
@charset "utf-8";

*{ margin:0; padding:0; }
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,i{font-style:normal;}
fieldset,img{border:0;}
ul,ol,li{list-style:none;}
button,input,select,textarea{font-size:100%;outline:none}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
a{color:#333;text-decoration:none;outline:none;}
a:hover{color:#F60;text-decoration:underline;}
.clear{clear:both;display:block; font-size:0;}
.hide{display:none;}
.wrapper{width:990px;min-width:990px;margin:0 auto;clear:both;}
.fl{float:left;}
.fr{float:right;}
body{font-size:14px;font-family:"Arial","ALGER";background:#fff; overflow-x: hidden}
.w1200{
	width: 1200px;
	margin:0 auto;
}
.top{
	height: 95px;
	background:url(ko_top.jpg) no-repeat center center;
	width: 100%;
}
.logo{
	padding-top: 32px;
}
.link li select{
	width: 185px;
	height: 37px;
	border: none;
	padding-left: 31px;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	font-family:"Microsoft YaHei";
	margin-top: 30px;
	background: url(ko_jt.png) no-repeat center center #fff;
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
.link li OPTION{ color:#333;}
.banner{
	width: 100%;
}
.banner img{
	width: 100%;
	display: block;
}
.Menubox{ width:1100px; margin:40px auto}
.Menubox li{
	float:left;
	display:block;
	cursor:pointer; 
	text-align:center; 
	width:137px; 
	height: 128px;
	position: relative;
	text-align: center;
	margin-right:180px;
}
.Menubox li img{
	width: 100%;
	height: 100%;
	display: block;
}

.Menubox li.hover{
	padding:0px;
	color:#fff;
}
.Menubox li.hover img{
	opacity: 1;
}

.Contentbox{
	clear:both;  
	padding:0 0 40px 0;
	 width:1100px; margin:0 auto
}
.CbContainer p{
	font-size: 16px;
	text-align: justify;
	color: #464646;
	line-height: 36px;
	padding-top: 40px;
}
.CbContainer p span{
	color: #cb8a29;
}
.box2{ padding:50px 0;}
.ti{ padding-bottom:22px;}
.box2-xi{ width:100%; height:242px; background:#e9e9e9;}
.box2-le{ width:745px; padding:10px 18px 0 30px;}
.box2-le h1{ color:#6c1600; font-size:20px; font-weight:normal;}
.box2-le h1 img{ padding-left:10px;}
.box2-le p{ color:#333; font-size:16px; padding:15px 0}
.box2-le span{ color:#ca2926;}

.box3{ background:url(ko_shu.png) no-repeat bottom left;}
.box4{ width:100%; background:#ededed; padding:77px 0;}
.zt li{ float:left; height:420px; position:relative; overflow:hidden;}
.zt li img{ display:block;}
.zt li:nth-child(1){ width:290px;}
.zt li:nth-child(2){ width:279px;}
.zt li:nth-child(3){ width:207px;}

.zt li div{ width:90%; height:100%; background:rgba(75,43,43,0.7); position:absolute; left:0; overflow:auto; padding:0 5% 0 5%; color:#fff; top:100%; transition-duration:0.5s;}
.zt li:hover div{ top:0;}
.left{ width:424px; float:left;}
.left p{ height:210px; overflow:hidden; position:relative;}
.left p span{width:90%; height:100%; background:rgba(75,43,43,0.7); position:absolute; left:0; overflow:auto; padding:0 5%; color:#fff; top:100%; transition-duration:0.5s; display:block;}
.left p:hover span{ top:0;}
.box5{ padding:39px 0;}


.Menubox1 li{float:left;display:block;cursor:pointer; text-align:center; width:32%; background:#000; position:relative;}
.Menubox1 li p{ position:absolute; line-height:100%; font-size:30px; top:50%; text-align:center;}
.Menubox1 li .tu01{ width:100%; height:100%; display:block;}
.Menubox1 li .tu02{ position:absolute; left:0; bottom:0; right:0; top:0; margin:auto; display:none;}
.Menubox1 li.hover{padding:0px;color:#fff;}
.Menubox1 li.hover .tu01{ opacity:0.5}
.Menubox1 li.hover .tu02{ display:block;}
.Contentbox1{clear:both;  background:#eee; padding:30px 0; width:100%; min-height:300px;}
.CbContainer1 span{ color:#cb8a29; font-size:18px; line-height:2;}



.footer{
	width: 100%;
	background: #1c1c1c;
	color: #fff;
	text-align: center;
	font-size: 14px;
	padding:18px 0;
	line-height: 1.5;
}