﻿/*通用标签*/
body,div,p,ul,li,h1,h2,h3 { margin:0; padding:0; }
body {min-width:1200px; background:url(../images/bg.jpg) repeat-x #FFF; color:#333;
       font:normal 12px/20px "Microsoft YaHei",'黑体',Tahoma, Geneva, sans-serif; }
div { margin:auto; }
img { border:0; }
ul,li { list-style:none; }
a { text-decoration:none; color:#010101; }
a:hover { color:#288EBE; }

/*通用类*/
.clear { clear:both; }
.floatRight { float:right; }

/*header*/
#header { width:1200px; height:150px; }
    #topContent { height:100px;}
        #logo { float:left; width:850px; height:100px; }
            #logo img { width:850px; height:100px; }
        #topMenu { float:right; width:350px; }
            #topLink { text-align:right; line-height:30px; }
                #topLink a{margin:0 10px;color:#008cd6;}
            #topTel { color:#000000; text-align:right; font-size:24px; line-height:70px;}
    #nav { height:50px; }
        #nav ul { margin:auto; height:50px; width:1180px; overflow:hidden; }
        #nav ul li { float:left; height:50px; line-height:50px; font-size:14px; font-weight:bold; }
        #nav ul li a { display:block; padding:0 45px; color:#fff; }
        

/* banner */
.banner{ height:500px;overflow:hidden; position:relative;  box-shadow:0px 3px 6px #616161; }
.banner .d1{width:100%;height:500px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:470px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -35px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}

#bannerX { height:250px; width:100%; text-align:center; box-shadow:0px 3px 5px #616161; }
    #bannerX img{ height:250px; width:100%; }
/*main*/
#main { width:1200px; height:auto; margin-top:10px;  }

    .manbox { margin-bottom:10px; }
    
    .title01{height:30px;line-height:30px;background:#ECECEC;overflow:hidden}
    .title01 h2{ font-size:14px;float:left;width:95px;height:30px;color:#FFFFFF;font-weight:bold;text-align:center;background:#008cd6;}
    .title01 a{float:right;margin-right:10px;font-family:"Arial";font-size:11px;font-weight:bold;}
    .title02{height:29px;line-height:29px;border-bottom:1px dashed #CCCCCC;overflow:hidden;}
    .title02 h2{font-size:14px;float:left;width:95px;color:#000;margin-left:10px;font-weight:bold;}
    .title02 a{float:right;margin-right:10px;font-family:"Arial";font-size:11px;font-weight:bold;}

    #productType { float:left; width:253px; height:230px; overflow:hidden; border:1px #CCC solid; background:#FFF; }
        .productTypebox { width:225px; margin:auto; }
        .productTypebox li { width:225px; line-height:28px; margin-top:10px; text-align:center; background:url(../images/prolibg.jpg) no-repeat; }
        .productTypebox li a{ display:block; height:28px; }
        .productTypebox li a:hover { color:#008cd6; }
        
    #about { float:left; width:933px; margin-left:10px; min-height:200px; border:1px #CCC solid; background:#FFF; }
        #aboutbox { text-indent:2em; height:184px; overflow:hidden; line-height:27px; padding:8px; }
        #aboutbox img { float:right; margin:5px; max-width:300px; max-height:184px; border:1px solid white; }
    
  


        
    #product { border:1px #CCC solid; background:#FFF;}
        /*产品滚动*/
        #demo { overflow:hidden; }
        #demo img { height:150px; border:1px solid #666; }
        #demo img:hover { border:1px solid #005590; }
        #demo a { float:left; margin:5px 0 5px 20px; text-align:center; }
        #indemo { float: left; width: 800%;}
        #demo1 { float: left; }
        #demo2 { float: left; }
            
    .news { float:left; width:408px; height:170px; border:1px #CCC solid; background:#FFF; margin-right:10px; }
        .newsbox { height:180px; margin:5px; overflow:hidden; line-height:32px;  }
        .newsbox li { background:url(../images/li.gif) no-repeat left center; padding-left:15px; border-bottom:1px #CCC dashed; }
        .newsbox li a:hover{ color:#008cd6; }
        
    #contact { float:left; width:358px; height:170px; border:1px #CCC solid; background:#FFF; }
        .contactbox { margin:5px; overflow:hidden; line-height:32px;  }
    
            
/*分页内容*/
#main2 { width:1200px; height:auto; margin-top:10px; margin-bottom:10px; }

    #Left { float:left; width:238px; min-height:350px; }
        #LeftMenu { height:auto; border:1px #CCC solid; background:#FFF; padding-bottom:10px; }
        #ContactUs { margin-top:10px; width:236px; padding-bottom:20px; background:url(../images/kefu.jpg) no-repeat right bottom #FFF; border:1px #CCC solid; }
    
    #Right { float:right; width:946px; min-height:350px; border:1px #CCC solid; background:#FFF; }
        #Right img { max-width:716px; }
        
        #RightTitle { width:924px; height:40px; margin:10px; border-bottom:1px solid #000; }
            #RightTitle h2 { float:left;width:400px;height:40px;line-height:40px;font-size:18px;color:#008cd6;
                             padding-left:20px;background:url(../images/right_title.jpg) no-repeat 10px 10px; }
            #RightTitle h2 span { color:#008cd6; font-size:14px; }
            #RightSite { float:right;width:250px;height:40px;line-height:40px;text-align:right;margin-right:10px;color:#000;}
            #RightSite a { color:#000; }
            
        #RightContent { margin:10px; padding:5px; min-height:350px; font-size:14px; line-height:30px; }
            #RightContent h2 { text-align:center; padding:10px 0; color:#288EBE; }
	        #RightContent img {max-width:920px; }
            
            .contentAbout { font-size:14px; line-height:30px; }
            
            .contentNews { font-size:14px; line-height:45px; }
                .contentNews li { background:url(../images/li.gif) no-repeat left center; padding-left:20px; border-bottom:1px dashed #666;}
                
                .NewsDetilsTitle { text-align:center; line-height:35px; color:#288EBE; }
                .NewsDetilsTime { background-color:#EEE; line-height:35px; text-align:center;}
                .NewsDetilsContent { padding:10px; }
                
            .contentProduct { text-align:center; margin-top:10px; overflow:hidden; }
                .contentProduct li{ float:left; width:159px; margin:5px 10px; height:200px; overflow:hidden; border:1px solid #d9d9d9; box-shadow:1px 1px 3px #e1e1e1;}
                .contentProduct a{ display:block; }
                .contentProduct img { height:160px; width:153px; }
                .productTitle { margin-bottom:20px; }
                .productImg img{ float:left; }
                .productContent { font-size:14px; }
                        .goodsBox { margin:0 8px; width:304px;  float:left; }
                
            .contentProject { text-align:center; margin-top:10px; overflow:hidden; }
                .contentProject li{ float:left; width:205px; margin:5px 10px; border:1px solid #d9d9d9; box-shadow:1px 1px 3px #e1e1e1; }
                .contentProject img { height:180px; width:203px; }

            .Mleft { display:block; float:left; width:100px; text-align:right; margin-right:10px; }
            .newsTime { float:right; }
            
            .tbleft { width:15%; height:30px; text-align:right; padding-right:10px;  }
            .tbmiddle { width:55%; text-align:left; }
            .tbright { width:30%; text-align:left; padding-left:5px; color:Red; }
            .txtbox { height:20px; line-height:20px; width:94%; padding:5px 3%; background-color:White; color:#404040;
                      border:1px solid #D9D9D9; border-top:1px solid silver; border-radius:2px; }
            
            .pageNumber { margin-top:20px; text-align:center; }
            
        #webSite { border:1px #CCC solid; background:#FFF; margin-bottom:10px; }
            #webSite p { padding:10px 20px; font-size:14px; line-height:30px; }
            #webSite p a { margin-right:50px; }
            
/*link*/       
#link { width:1192px; margin-bottom:8px; padding:3px; border:1px #CCCCCC solid; color:#000;}
    #link a{ padding:0 8px; color:#333; }

/*footer*/
#footer { width:100%; height:84px; text-align:center; line-height:25px; padding-top:10px; color:#FFF; background:#008cd6; }
    #footer a{ color:#eee; padding:0 8px; }

/*qq浮动*/
#qq { z-index:999; position:absolute; top:200px; right:10px; width:120px; min-height:38px; background:#008cd6; color:#FFF;}
    #qq_title { font-size:18px; font-weight:bold; text-align:center; margin:10px 0; cursor:pointer; }
    #qq_title img{ margin-bottom:-3.5px;}
    #qq_content { width:100%; text-align:center; }
        .qq_qq li { margin:5px 0; }
        .qq_style { font-size:14px; font-weight:bold; margin:10px 1px;}
        .qq_style a{  color:#FFF; text-decoration:none;}
        .qq_style img { color:#FFF; height:116px; width:116px; }