@charset "utf-8";
/* CSS Document */
#wrap{ width:100%;}
/**头部**/
#header{ width:1200px; height:160px; margin:0 auto;}
#logo{width:400px; height:150px; float:left; margin-top:10px;}
#search{ width:600px; height:150px; float:right;}
#scroll{ width:200px; height:30px; line-height:30px;}
#search a:hover{ color:#09F;}
#boy{ width:410px; height:60px;float:left; margin-top:40px; margin-left:100px;}
    .form-wrapper {
        width: 400px;
		padding:5px;
        overflow: hidden;
    }
    
    .form-wrapper #lock {
        width: 280px;
        height: 20px;
        padding: 10px 5px;
        float: left;    
		font-family: "微软雅黑","黑体","宋体",Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px;
        border: 1px solid #333;
   
    }
    
    .form-wrapper #lock:focus {
        outline: 0; 

    }
    
    .form-wrapper #lock::-webkit-input-placeholder {
       color: #999;
       font-weight: normal;
    }
    
    .form-wrapper #lock:-moz-placeholder {
        color: #999;
        font-weight: normal;
    }
    
    .form-wrapper #lock:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
    } 
    .form-wrapper #submit {
        float: right;    
        border: 1px solid #333;
        height: 42px;
        width: 100px;
        padding: 0;
        cursor: pointer;
        font: bold 15px Arial, Helvetica;
        color: #fafafa;
        text-transform: uppercase;    
        background-color: #000;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
        background-image: -webkit-linear-gradient(top, #333, #000);
        background-image: -moz-linear-gradient(top, #333, #000);
        background-image: -ms-linear-gradient(top, #333, #000);
        background-image: -o-linear-gradient(top, #333,#000);
        background-image: linear-gradient(top, #333, #000);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;

    }
      
    .form-wrapper #submit:hover,
    .form-wrapper #submit:focus {		
        background-color: #333;
        background-image: -webkit-gradient(linear, left top, left bottom, from( #000), to(#333));
        background-image: -webkit-linear-gradient(top, #000, #333);
        background-image: -moz-linear-gradient(top,  #000,#333);
        background-image: -ms-linear-gradient(top, #000, #333);
        background-image: -o-linear-gradient(top, #000, #333);
        background-image: linear-gradient(top,  #000, #333);
    }	
      
    .form-wrapper #submit:active {
        outline: 0;    
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;    
    }
      
    .form-wrapper #submit::-moz-focus-inner {
        border: 0;
    }


#friendlink{ width:90px; height:35px; background-color:#ccc; float:right; margin-top:110px; border-radius:15px;}
#friendlink a{font-family:"微软雅黑","黑体","宋体",Verdana, Arial, Helvetica, sans-serif; font-size:18px; padding:0 9px; line-height:32px;font-weight:bold; text-decoration:none; color:#000;}
/**内容**/
#main{ width:100%; height:400px; background-color:#ccc;}
#main .box{ width:1200px; height:400px;margin:0 auto; }
.tab_nav { position:absolute; z-index:1; text-indent: -9999px;}
#main .left{ width:1200px; height:400px; margin:0 auto; padding-top:40px;}
#main .right{ width:1200px; height:400px; margin:0 auto;}
#main .center{ width:1200px; height:500px; margin:0 auto; }
#main .news{ width:550px; height:40px; background:url(../images/tu12.png) no-repeat; margin:0 auto; margin-top:40px; float:left;}
#main .message{ width:550px; height:40px; background:url(../images/tu13.png) no-repeat; margin:0 auto; margin-left:100px; margin-top:40px; float:left;}
#main .blog{ width:1200px; height:40px; background:url(../images/tu11.png) no-repeat; margin:0 auto;}
#main .center .tab{ width:800px; height:500px; background-color:#CCC; margin:0 auto;}


.scroll{width:1200px;height:200px; margin:0 auto; margin-top:40px;}
.scroll_left{width:50px;height:50px;background:url(../images/mfrl.png) no-repeat;float:left; margin-top:60px;}
.scroll_right{width:50px;height:50px;background:url(../images/mfrr.png) left no-repeat;float:left; margin-top:60px; margin-left:20px;}
.pic{float:left;}
.pic ul{display:block;}
.pic li{float:left;display:inline;text-align:center; margin:0px 10px;}

#siteinfo{ width:600px; height:472px; float:left;background-color:#ccc;}
#siteinfo .siteinfoLegal{ width:606px; height:472px;}
#dorpmenu{ width:600px; height:500px; float:right;}
#dorpmenu .regsiter{ width:600px; height:472px; background-color:#999;}
#dorpmenu .regsiter .copyright{ width:200px; height:100px; float:left; margin-left:70px; margin-top:85px;}
.copyright h5{ font-size:14px;font-family:"微软雅黑","黑体","宋体",Verdana, Arial, Helvetica, sans-serif; text-align:center;}
#products_prices{ background-color:#666;}
#products_description{ background-color:#960;}
#products_review{ background-color:#960;}
#products{ background-color:#666;}
#dorpmenu .regsiter a{font-family:"微软雅黑","黑体","宋体",Verdana, Arial, Helvetica, sans-serif; font-size:32px; padding:0 32px; line-height:50px; color:#FFF;}
#dorpmenu .regsiter a:hover{ color:#09F;}
#dorpmenu .regsiter .news_release{ color:#fff;}
#dorpmenu .regsiter .editor_review{ padding:0 50px;}
#branding{ width:1200px; height:500px; margin:0 auto; margin-top:40px;}
#branding .status{ width:606px; height:130px; margin-top:10px;}
#branding .status h1{ width:220px; height:130px; float:left; margin-left:80px;}
#branding .status h2{ width:220px; height:130px; float:left; margin-left:220px;}
#branding p{ padding:0 50px;}
#branding a{ text-decoration:none;}

.tabPanel ul{ width:500px; height:30px; border-bottom:#333 solid 1px; }
.tabPanel ul li{float:left;margin:0 10px 0 0;border:1px solid #333;font-size:14px;height:29px;line-height:30px;width:111px;text-align:center;cursor:pointer; }
.tabPanel .hit{ background-color:#000; color:#fff;}
.pane{ width:498px; border:1px solid #aaa;border-top:0;height:320px;background-color:#fff;display:none;}
.pane p{padding:15px 15px 0 10px;}
.pane samp{font-family:"微软雅黑","黑体","宋体",Verdana, Arial, Helvetica, sans-serif; float:right; }
.pane h4{padding:15px 15px 0 10px;font-size:14px;font-weight:bold;}
.pane a{ padding-left:20px; padding-top:4px; background:url(../images/dot3.gif);}

#zzsc {width:600px;height:350px;overflow: hidden; float:right; }
#zzsc a {position:absolute; z-index:5;}
#zzsc a img {border: none;}
#zzsc .abgne-controls {position: absolute;margin: 0;padding: 0;right: 10px;bottom: 25px;height: 20px;}
#zzsc .abgne-controls li {float: left;width: 30px;height: 30px;line-height: 30px;font-size: 16px;font-weight: 900;text-align: center;cursor: pointer;margin-right: 2px;color: #000;background-color: #fff;}
#zzsc .abgne-controls li.current { color: #fff;background-color: #000;}
/**导航**/
#nav{ width:100%; height:40px; margin:0 auto; background-color:#333;}
#list{ width:1200px; height:40px;margin:0 auto; background-color:#333; }
#summary{ width:1200px; height:40px; position:absolute; z-index:5;}
#nav ul li{ float:left;}
#nav ul li a{ font-size:16px; color:#fff; font-weight:bold; font-family:"微软雅黑","黑体","宋体",Verdana, Arial, Helvetica, sans-serif;  padding:0px 30px; line-height:40px; display: block; text-decoration: none; }
#nav ul li .god{ background-color:#000;}
#nav ul ul { display: none;}
#nav ul li:hover > ul { display: block;}
#nav ul {position: relative; display: inline-table; }
#nav ul li:hover { background-color:#999;}
#nav ul li:hover a {color:#fff; }
#nav ul ul {background:#000; border-radius:0px; padding:0;position: absolute; top: 100%;}
#nav ul ul li a{ font-size:14px;line-height:30px; padding:0 35px;}
#nav ul ul li { float: none;  position: relative; width:160px; height:30px; border-radius:0px;}
#nav ul ul li a:hover {height:30px; color:#09F;}
#nav ul ul ul { position: absolute; left: 100%; top:0;}
/**底部**/
#footer{ width:100%; height:200px; background-color:#333; margin-top:1400px;}
#drop{ width:1200px; height:200px; margin:0 auto; background-color:#333;}
#drop ul{ width:665px; padding-top:80px; margin:0 auto;}
#drop ul li a{ font-size:14px; padding:10px 20px; color:#fff; line-height:30px; text-decoration:none; }
#drop ul li a:hover{ color:#09F;}
#drop ul li{ color:#fff;}
#drop ul li .news{ margin-left:55px;}