@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{float:right; margin-top:120px; font-size:18px; text-decoration:none; font-weight:bold; color:#902232;}
#search a:hover{ color:#09F;}
#boy{ width:600px; height:100px;}
    .form-wrapper {
        width: 400px;
		padding-left:120px;
		padding-top:50px;
        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 #ccc;
   
    }
    
    .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 #ccc;
        height: 42px;
        width: 100px;
        padding: 0;
        cursor: pointer;
        font: bold 15px Arial, Helvetica;
        color: #fff;
        text-transform: uppercase;    
        background-color: #000;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ccc));
        background-image: -webkit-linear-gradient(top, #f2f2f2, #ccc);
        background-image: -moz-linear-gradient(top, #f2f2f2, #ccc);
        background-image: -ms-linear-gradient(top, #f2f2f2, #ccc);
        background-image: -o-linear-gradient(top, #f2f2f2,#ccc);
        background-image: linear-gradient(top, #f2f2f2, #ccc);
        -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( #ccc), to(#f2f2f2));
        background-image: -webkit-linear-gradient(top, #ccc, #f2f2f2);
        background-image: -moz-linear-gradient(top,  #ccc,#f2f2f2);
        background-image: -ms-linear-gradient(top, #ccc, #f2f2f2);
        background-image: -o-linear-gradient(top, #ccc, #f2f2f2);
        background-image: linear-gradient(top,  #ccc, #f2f2f2);
    }	
      
    .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;
    }

/**内容**/
#main{ width:100%; height:400px;margin:0 auto; background-color:#f2f2f2;}
#main .box{ width:1200px; height:400px; margin:0 auto;}
.tab_nav { position:absolute; z-index:1; text-indent: -9999px;}
#main .left{ width:1200px; height:415px; margin:0 auto; margin-top:40px; }
#main .right{ width:1200px; height:600px; margin:0 auto; margin-top:40px; }
#main .center{ width:1200px; height:500px; margin:0 auto; margin-top:40px;}
#main .news{ width:1200px; height:30px; background:url(../images/tu12.png) no-repeat; margin-top:40px;}
#main .blog{ width:1200px; height:30px; background:url(../images/tu11.png) no-repeat; margin-top:40px;}
#main .center .tab{ width:800px; height:500px; background-color:#CCC; margin:0 auto;}

.scroll{width:1200px;height:200px; margin:0 auto;}
.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:#f2f2f2;}
#dorpmenu{ width:600px; height:500px; float:right;}
#dorpmenu .regsiter{ width:600px; height:472px; background-color:#f2f2f2; border-left:solid 1px #CCCCCC;}
#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:#333;}
#products_description{ background-color:#900;}
#products_review{ background-color:#900;}
#products{ background-color:#333;}
#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:260px; height:150px;float:left;  margin-left:210px;}
#branding .status01{ width:150px; height:150px;float:left; margin-left:40px; margin-top:5px;}
#branding .status02{ width:150px; height:150px;float:left; margin-left:220px; margin-top:5px;}
#branding p{ padding:0 50px;}
#branding a{ text-decoration:none;}


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

#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:#09F;}
#list{ width:1200px; height:40px;margin:0 auto;background-color:#09F;}
#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:#06F;}
#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:#069;}
#nav ul li:hover a {color:#09F; }
#nav ul ul {background:#f2fbff; 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; border-bottom: 1px inset #80d4ff;  position: relative; width:160px; height:30px; border-radius:0px;}
#nav ul ul li a:hover {background:#ffa200; height:30px; color:#FFF;}
#nav ul ul ul { position: absolute; left: 100%; top:0;}
/**底部**/
#footer{ width:100%; height:200px; background-color:#09F; margin-top:1400px;}
#drop{ width:1200px; height:200px; margin:0 auto; background-color:#09F;}
#drop ul{ width:665px; padding-top:100px; margin:0 auto;}
#drop ul li a{ font-size:14px; padding:10px 20px; color:#333; line-height:30px; }
#drop ul li .news{ margin-left:55px;}