@charset "utf-8";
html {}
body { background:#fff; font-size:14px; color:#666666; line-height:24px; min-width:1000px; font-family:"Microsoft YaHei","simhei","宋体"; }
html,body,div,h1,h2,h3,h4,ul,li,form,input,textarea,a { margin:0; padding:0;} 
ul,li {list-style:none;}
img {border:0px;}
.clear {clear:both; height:0px; line-height:0px; font-size:0px; float:none; overflow:hidden;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";} /*所有主流浏览器都支持 :after 伪元素。*/
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1;}/*只针对IE6/7 */

a:link,a:visited {text-decoration:none; color:#333;}
a:hover,a:active {text-decoration:none; color:#df4a43;}

.fl { float:left;}
.fr { float:right;}

/******************************* 首页内容 ******************************/
.mainbody { padding:50px 0 0 0;}
.indextop {}
.logo { width:650px; height:50px; background:url(../images/logo.png) center top no-repeat; margin:0 auto;}
.star { width:174px; height:21px; background:url(../images/star.png) center center no-repeat; margin:15px auto;}
.indextop h2 { font-size:18px; font-weight:normal; /*letter-spacing:10px;*/ text-align:center;}

.zikubody { position:relative; width:1280px; height:500px; margin:45px auto 0; background:#fafafa;}
.zikubody .ywlogo { position:absolute; width:34px; height:408px; background:url(../images/yingw.png) no-repeat; bottom:0; left:-44px;}
.zikubody .part1 { position:absolute; width:442px; height:500px; border-right:1px solid #FFF; left:0; top:0; z-index:1;}
.zikubody .part2 { position:absolute; width:837px; height:185px; border-bottom:1px solid #FFF; left:443px; top:0; z-index:1;}
.zikubody .part3 { position:absolute; width:418px; height:314px; border-right:1px solid #FFF; left:443px; top:186px; z-index:1;}
.zikubody .part4 { position:absolute; width:418px; height:314px; right:0; bottom:0; z-index:1;}

.zikubody .part { overflow:hidden;}
.zikubody .part * {
	transition:all 0.5s;
	-moz-transition:all 0.5s; /* Firefox 4 */
	-webkit-transition:all 0.5s; /* Safari and Chrome */
	-o-transition:all 0.5s; /* Opera */
	}
.zikubody .part span { position:absolute; left:10px; top:10px; z-index:2; font-size:22px; font-family:Century,Arial; color:#bababa;}
.zikubody .part .bg { position:absolute; background:#30333e; width:100%; height:100%; z-index:1;
	filter:alpha(opacity=60);   
	-moz-opacity:0.6;   
	-khtml-opacity: 0.6;   
	opacity: 0.6;
	}
.zikubody .part:hover .bg {
	filter:alpha(opacity=90);   
	-moz-opacity:0.9;   
	-khtml-opacity: 0.9;   
	opacity: 0.9; }
/*幻灯片*/
.rslides { width:1280px; height:500px; overflow:hidden;}
.rslides_nav,.rslides_tabs {display:none;}

.kuinfo { position:absolute; width:100%; z-index:2; top:0;}
.kuinfo .icon { width:50px; height:50px; margin:0 auto;}
.kuinfo .icon.icon1 { background:url(../images/icon1.png) center center no-repeat;}
.kuinfo .icon.icon2 { background:url(../images/icon2.png) center center no-repeat;}
.kuinfo .icon.icon3 { background:url(../images/icon3.png) center center no-repeat;}
.kuinfo .icon.icon4 { background:url(../images/icon4.png) center center no-repeat;}

.kuinfo h1 { font-size:22px; line-height:30px; text-align:center; color:#FFF; font-weight:normal; margin:20px 0 0 0;}

.part .kuinfo .mshow {
	filter:alpha(opacity=0);   
	-moz-opacity:0;   
	-khtml-opacity: 0;   
	opacity: 0;
}
.part:hover .kuinfo .mshow {
	filter:alpha(opacity=100);   
	-moz-opacity:1;   
	-khtml-opacity: 1;   
	opacity: 1;
}

.kuinfo .mshow h2 {font-family:Century,Arial; font-size:36px; line-height:40px; color:#aaabae; text-align:center;}
.kuinfo .mshow p { font-size:14px; text-align:center; color:#aaabae; margin:0;}
.kuinfo .mshow .btn { width:130px;}
.kuinfo .mshow .btn a.btn-red { display:block; width:130px; height:40px; line-height:40px; font-size:16px; text-align:center; letter-spacing:2px; background:#df4a43; color:#FFF; border-radius:2px;}
.kuinfo .mshow .btn a.btn-red:hover { background:#ff544c;}

.part1 .kuinfo .mshow { margin:35px 0 0 0;}
.part1 .kuinfo .mshow .btn { margin:35px auto 0; width:130px;}
.part2 .kuinfo .mshow { margin:10px 0 0 0;}
.part2 .kuinfo .mshow .btn { margin:15px auto 0;}
.part3 .kuinfo .mshow { margin:15px 0 0 0;}
.part3 .kuinfo .mshow .btn { margin:15px auto 0;}
.part4 .kuinfo .mshow { margin:15px 0 0 0;}
.part4 .kuinfo .mshow .btn { margin:15px auto 0;}

.part1 .kuinfo { top:200px;}
.part1:hover .kuinfo { top:113px;}

.part2 .kuinfo { left:267px; top:47px;}
.part2:hover .kuinfo {left:150px; top:47px;}

.part3 .kuinfo { top:108px;}
.part3:hover .kuinfo { top:40px;}
.part4 .kuinfo { top:108px;}
.part4:hover .kuinfo { top:40px;}

.part2 .kuinfo h1 { float:left; font-size:22px; line-height:50px; text-align:center; color:#FFF; font-weight:normal; margin:20px 0 0 0; display:inline-block; background:url(../images/icon2.png) 0 center no-repeat; padding:0 0 0 60px;}
.part2 .kuinfo .mshow { float:left; width:160px; margin:-5px 0 0 96px;}

.indexbot { width:1280px; margin:0 auto; text-align:center; padding:10px 0;}
.indexbot .botcon {display:inline-block; background:url(../images/botlogo.png) 0 center no-repeat; padding:0 0 0 155px;}
.indexbot p { margin:0; color:#c3c3c3; text-align:left; line-height:20px;}


/******************************* 浏览器滚动条******************************/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{width:8px;height:8px;background:#f5f5f5; border-radius:8px;}
::-webkit-scrollbar-track{background:#f5f5f5; border-radius:8px;}
::-webkit-scrollbar-thumb{background:#ccc; border-radius:8px;}
::-webkit-scrollbar-thumb:hover{background:#999;}

body ::selection {color:#FFFFFF;background-color:#df4a43;text-shadow:none;}
body ::-moz-selection {color:#FFFFFF;background-color:#df4a43;text-shadow:none;}