@charset "utf-8";
/* CSS Document */


/* top css */
.topout { width:100%; height:105px; margin:0 auto; background-color:#000;}
.topout .topcenter { width:1000px; margin:0 auto; overflow:hidden; position:relative; clear:both;}
.topout .topcenter .wleft { width:180px; float:left;}
.topout .topcenter .wright { float:right;}
.topout .topcenter .wleft a { width:180px; height:105px; display:block; background:url(../images/logo.png) no-repeat left center;}

.topout .topcenter .wright h1, h2 { display:block; clear:both;}
.topout .topcenter .wright h1 { color:#888; font-size:12px; padding-top:20px;}
.topout .topcenter .wright h1 span { display:block; float:right; margin-left:15px;}
.topout .topcenter .wright h1 span a { color:#888;}
.topout .topcenter .wright h1 span a:hover { color:#eee;}
.topout .topcenter .wright h1 input { display:block; float:right;}
.topbg1, .topbg2, .topbg3 { display:block; height:15px; background-image:url(../images/icon_topbg.png); background-repeat:no-repeat; padding-left:30px;}
.topbg1 { background-position:left top;}
.topbg2 { background-position:left -15px;}
.topbg3 { background-position:5px -30px; border:none; cursor:pointer; background-color:#000; color:#888;}




.topout .topcenter .wright h2 { padding-top:12px; display:inline-block; float:right;}
.topout .topcenter .wright h2 a {color:#fff; font-size:16px; margin-left:35px;}
.topout .topcenter .wright h2 a:hover { color:#964eb4;}

/* banner img js */
#banner {height:675px; margin:0 auto; overflow:hidden; position:relative; }
#slides { width:100%; height:675px;position:relative;}
#slides li { display:block; width:100%; height:675px;list-style:none; padding:0; margin:0; position:absolute; margin:0 auto; z-index:-1;}
#slides li a { display:block; width:1000px; height:400px; z-index:99; margin:0 auto; color:#fff; font-size:55px; padding-top:150px;} 
#pagination { display:block;list-style:none; position:absolute; bottom:240px; z-index:999;text-align:right; left:26%; width:100px; margin-left:-150px;}
#pagination li { display:inline-block;*display:-moz-inline-stack;zoom:1;*display:inline;width:16px;height:16px;margin:5px; background:url(../images/dot_01.png) no-repeat left top; z-index:88;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:url(../images/dot_02.png) no-repeat left top;}

/* four box img */
.main_out { width:100%; height:auto; margin:0 auto; position:absolute; left:0; top:580px; z-index:99}
.main_out .mian_center { width:1005px; height:150px; margin:0 auto;}
.main_out .mian_center a { width:325px; height:150px; display:block; border:1px solid #8a8a8a; margin:0px 4px; float:left;}
.main_out .mian_center a:hover { box-shadow:0px 0px 8px #555; position:relative; behavior: url(pie.htc);}
.main_out .mian_center a span {display:block; float:left;}
.main_out .mian_center a span.blackbox { width:135px; height:150px; background-color:#000; margin-right:20px;}

.main_out .mian_center a span h1, h2, h3 { color:#000;}
.main_out .mian_center a span h1{ font-size:20px; padding-top:35px; text-transform:uppercase;}
.main_out .mian_center a span h2{ font-size:20px; line-height:30px;}
.main_out .mian_center a span h3{ font-size:12px; padding-top:15px;}

/* bootom css */
.bottom_out { width:100%; height:280px; margin:0 auto; background:url(../images/bottom_bg.png) no-repeat center top; background-color:#333; overflow:hidden;}
.bottom_out .bottom_center { width:1100px; margin:0 auto; padding-top:30px; overflow:hidden; clear:both;}
.bottom_out .bottom_center ul { float:left; margin:0 50px;}
.bottom_out .bottom_center ul li { color:#fff; line-height:22px;}
.bottom_out .bottom_center ul li h1 { font-size:16px; padding-bottom:10px;}
.bottom_out .bottom_center ul li a { color:#fff;}
.bottom_out .bottom_center ul li a:hover { color:#964eb4;}

.bottom_out .youqing { width:1000px; height:40px; margin:0 auto; margin-top:40px; border-top:1px solid #555;padding-top:20px; color:#fff;}
.bottom_out .youqing a { color:#fff; padding:0 17px;}
.bottom_out .youqing a:hover { color:#964eb4;}
.bottom_out .youqing a span {color:#fff;}

/* copyright css */
.coptright_out { width:100%; height:50px; margin:0 auto; background-color:#252525}
.coptright_out .copyright_center { width:1000px; overflow:hidden; line-height:50px; margin:0 auto; color:#aaa;}
.coptright_out .copyright_center ul {}
.coptright_out .copyright_center ul span {}
.coptright_out .copyright_center ul span a { color:#aaa; font-size:12px;}
.coptright_out .copyright_center ul span a:hover { color:#eee;}

.coptright_out .copyright_center ul a {}
.coptright_out .copyright_center ul a.icon_bg1, .icon_bg2, .icon_bg3 { display:block; width:26px; height:20px; background-image:url(../images/icon_bottom.png); background-repeat:no-repeat; margin:12px 0 0 10px; float:left;}
.icon_bg1 { background-position:left top;}
.icon_bg2 { background-position:left -20px;}
.icon_bg3 { background-position:left -40px;}