﻿<style type="text/css"> 
@charset"UTF-8"

body {font-size:20px;
      font-family:Arial, Helvetica, sans-serif;
      color:black;
      position:relative;
      padding:0;
      margin:0;
      }
body{
     background-position:center;
     background-repeat:repeat;}


#wrapper{position:relative;
         top:0;
         left:-5px;
         width:960px;
         height:100%;
         padding:0;
         margin:0 auto;
         z-index:1;}
#beijing{position:absolute;
         top:0px;
         left:0;
         padding:0;
         margin:auto;
         width:960px;
         height:108px;}
h2{text-align:center;
   font-weight:bold;
   font-family: Helvetica,Arial,STXihei,"华文细黑",Macrsoft Yahei,"微软雅黑", sans-serif;
   color:red;}

#manyou  ul{
            clear:left
            float:left;
            position:relative;
            top:115px!important;
            height:40px; 
            font-family: Helvetica,Arial,STXihei,"华文细黑",Macrosoft Yahei,"微软雅黑", sans-serif;
            padding:0;
            margin:auto;
            z-index:2;}
#manyou   ul  li {
                  list-style:none;
                  float: left;
                  position:relative;
                  border-radius:5px;
                  background:#facd8a;
                  margin:0 2px 0 2px;
                  width:186px;
                  text-align:center;
                  font-weight:bold;
                  font-size:20px;
                  border:1px solid #facd8a;
                 }
#manyou    ul   li a{
                     display:block;
                     height:40px;
                     text-decoration:none;
                     color:#4a2885;
                     padding:5px;  }

#manyou  ul li a:hover{background:#fffdda;}
#manyou ul li a:visited{background:#f8fddd;}

#chinesenav{position:relative;left:0;top:115px;height:30px;text-align:center;display:block;
                  font-weight:bold; background:#facd8a;
                  font-size:20px; text-decoration:none;
                     border:1px solid #facd8a;width:958px;padding:auto;margin:0;}

div.shuoming{position:relative;
             top:160px;
             font-family: Helvetica,Arial,STXihei,"华文细黑",SimSun,"宋体", sans-serif;
             text-indent:34px;
             width:50%;
             float:left;
             padding:0 0 0 40px;margin:0;}
#chicun{padding:0;}
#yingyeshijian{text-align:center;width:300px;
                background-color:yellow;padding:20px;margin:0 50px; }
#gongchang{position:relative;top:200px; left:8%;
           padding: 0;
           margin:0;
           width:320px;height:auto;border:3px solid #ececec;}
div #biantiao{position:absolute;
             top:190px;
             left:52%;
             font-family: Helvetica,Arial,STXihei,"华文细黑",KaiTi,"楷体", sans-serif;
             text-indent:34px; 
             line-height:23px;
             width:48%; 
             float:right;
             margin:50px;}


#chanpin  ul{
             clear:left;
             float:left;
             position:relative;
           
             width:260px;
             left:15px;
             text-align: center;
             padding:0 0 0 80px;
             margin:0;
             z-index:2; }
#chanpin ul li{list-style:none;
               float: left;
               
               margin:2px 0;
               width:300px;
               font-family: Helvetica,Arial,STXihei,"华文细黑",Macrosoft Yahei,"微软雅黑", sans-serif;
               text-align:center;
               font-weight:bold;
               font-size:16px;
               border-radius:8px;
               border:1px solid #facd8a;}
#chanpin    ul   li a{ height:30px;
                      display:block;
                      background:yellow;
                      text-decoration:none;
                      color:#4a2885;
                      padding:5px 0 5px 0;
                     }
#products{position:absolute;top:750px;width:840px;color:blue;padding:0 0 0 60px;
           background-color:#ececec;   }                                                
.mingcheng{float:right;width:380px;}

#nz{padding:105px;}
#liuyanban{padding:0 0 0 80px;text-indent:0;line-height:30px;width:300px;}
.inputbox{width:270px;height:auto;}
#biaoge{background-color:#ececec;padding:0 10px;}
#message{height:130px;}
#pricelist{border:1px;}
#zitou{padding:0 0 0 70px;}

h3{color:blue;
      font-family: Helvetica,Arial,STXihei,"华文细黑",Macrosoft Yahei,"微软雅黑",KaiTi,"楷体", sans-serif;}

#map{position:absolute;}
 #jiari{ background:yellow;}       
 #memo{position:relative;
                  top:260px;
                  font-size:20px;
                  color:blue;
                    left:25px;
                   
                  padding:50px 30px 80px 30px;
                                        
table,th,td{border:1px solid;
                      border-collapse:collapse;}
th,td.sz{text-align:center;background-color:white;}      
#jiagebiao{position:relative;top:150px;padding:0 80px 40px 80px;}  
#pl tr:nth-child(odd){background-color:#f2f2f2;}      
                       }







           
/*moble phone 280-360*/
@media screen and (min-width:320px)
              and (max-width:360px)
              {
body {color:black;
      font-size:8px;
      padding:0;
      margin:0;}

#wrapper{position:relative;
         top:0;
         left:0;;
         width:100%;
         height:100%;
         padding:0;
         margin:0 auto;
         z-index:1;}
#beijing{position:absolute;
         top:0px;
         left:0;
         padding:0;
         margin:auto;
         width:100%;
         height:auto;}
h2{text-align:center;
   font-weight:bold;
   font-family: Helvetica,Arial,STXihei,"华文细黑",Macrosoft Yahei,"微软雅黑", sans-serif;
   color:red;
   font-size:12px;}
#manyou  ul{clear:left
            float:left;
            position:relative;
            top:43px!important;
            height:10px; 
            padding:0;
            margin:auto;
            z-index:2;}

#manyou   ul  li {
                  list-style:none;
                  float: left;
                  position:relative;
                  background:#facd8a;
                  margin:0 0.62%;
                  width:18.05%;
                  text-align:center;
                  font-weight:bold;
                  font-size:8px;
                  border:1px solid #facd8a;
                 }
#manyou    ul   li a{
                     display:block;
                     height:14px;
                     text-decoration:none;
                     color:#4a2885;
                     padding:1px;  }


#manyou ul li a:visited{background:#f8fddd;}

#chinesenav{position:relative;
            left:0;
            top:43px;
            height:14px;
            text-align:center;
            display:block;
            font-weight:bold;
            background:#facd8a;
            font-size:8px; 
            text-decoration:none;
            border:1px solid #facd8a;
            width:100%;
            padding:auto;
            margin:0;}

div.shuoming{position:relative;
             top:60px;
             text-indent:0;
             font-size:10px; 
             width:52%;
             float:left;
             padding:0;margin:0 0 0 8px;}
#chanpinzhaopian{width:140px;
                 height:auto;
                 margin:0 auto;}
#chanpinzhaopiane{width:140px;
                  height:auto;
                  margin:0 0 0 3px;}
#chicun{padding:0;  
        font-size:10px; }

#gongchang{position:relative;top:80px; 
           padding: 0;
           margin:0;
           width:35%;
           height:auto;
           border:1px solid #ececec;}
div #biantiao{position:absolute;
             top:80px;
             left:41%;
             font-size:10px; 
             line-height:18px;
             width:43.75%; 
             float:right;
             padding:0;}
#yingyeshijian{text-align:center;
               width:90%;left:15px;
               background-color:yellow;
               padding:0 10px 0 0;
               margin:0;                 
               font-size:9px;  }

#chanpin  ul{
             clear:left;
             float:left;
             position:relative;
             top:1px;
             width:95%;
             left:1px;
             text-align:center;
             padding:0;
             margin:0 0 0 5px ;
             z-index:2; }
#chanpin ul li{list-style:none;
               float: left;
               
               margin:2px 0;
               width:95%;
               text-align:left;
               font-weight:bold;
               font-size:7px;
               border-radius:4px;
               border:1px solid #facd8a;}
#chanpin    ul   li a{ height:18px;
                      display:block;
                      background:yellow;
                      text-decoration:none;
                      color:#4a2885;
                      padding:0;
                     }
#products{position:absolute;
          left:0;
          top:480px;
          width:100%;
          color:blue; 
          font-size:10px;
          padding:0 0 0 1px;
          margin:0;
          background-color:#ececec;}

hr{widyh:320px;}
                                                             
.mingcheng{float:right;
           width:38%;
           padding:8px;
           margin:0 auto;}

#nz{padding:35px;}


#pricelist{border:1px;
           border-collapse:collapse;
           width:100%;
           font-size;6px;}

#zitou{padding:0;}


h3{color:blue; 
   font-size:11px;}
img.dadianhua{display:yes;
              position:relative;
              width:110px;
              height:auto;
              padding:0 0 0 20px;}
.pcditu{display:none;}
table{border:1px;
           border-collapse:collapse;
           width:100%;
           font-size;6px;}
#map{position:absolute;
           top:340px;
           width:100%;
           height:300px;
          
           padding:0;
           margin:0;}
  #jiari{ background:yellow;}  
 #memo{position:relative;
                  top:100px;
                  font-size:12px;
                  color:blue;
                    left:20px;
                
                  padding:0 30px 40px 30px;}                                                  
                         
table,th,td{border:1px solid;
                      border-collapse:collapse;}
th,td.sz{text-align:center;background-color:white;}      
 #jiagebiao{position:relative;top:50px;padding:0 20px 20px 20px;}
#pl tr:nth-child(odd){background-color:#f2f2f2;}                                  

 }






/*moble phone 361-414*/

@media screen and (min-width:361px)
              and (max-width:414px)
              {
body {color:black;
      font-size:8px;
      padding:0;
      margin:0;}

#wrapper{position:relative;
         top:0;
         left:0;;
         width:100%;
         height:100%;
         padding:0;
         margin:0 auto;
         z-index:1;}
#beijing{position:absolute;
         top:0px;
         left:0;
         padding:0;
         margin:auto;
         width:100%;
         height:auto;}
h2{text-align:center;
   font-weight:bold;
   font-family: Helvetica,Arial,STXihei,"华文细黑",Macrosoft Yahei,"微软雅黑", sans-serif;
   color:red;
   font-size:12px;}
#manyou  ul{clear:left
            float:left;
            position:relative;
            top:48px!important;
            height:10px; 
            padding:0;
            margin:auto;
            z-index:2;}

#manyou   ul  li {
                  list-style:none;
                  float: left;
                  position:relative;
                  background:#facd8a;
                  margin:0 0.63%;
                  width:18.05%;
                  text-align:center;
                  font-weight:bold;
                  font-size:8px;
                  border:1px solid #facd8a;
                 }
#manyou    ul   li a{
                     display:block;
                     height:14px;
                     text-decoration:none;
                     color:#4a2885;
                     padding:1px;  }


#manyou ul li a:visited{background:#f8fddd;}

#chinesenav{position:relative;
            left:0;
            top:48px;
            height:14px;
            text-align:center;
            display:block;
            font-weight:bold;
            background:#facd8a;
            font-size:8px; 
            text-decoration:none;
            border:1px solid #facd8a;
            width:100%;
            padding:auto;
            margin:0;}

div.shuoming{position:relative;
             top:60px;
             text-indent:0;
             font-size:10px; 
             width:52%;
             float:left;
             padding:0;margin:0 0 0 8px;}
#chanpinzhaopian{width:150px;
                 height:auto;
                 margin:0 auto;}
#chanpinzhaopiane{width:150px;
                  height:auto;
                  margin:0 0 0 3px;}
#chicun{padding:0;  
        font-size:10px; }

#gongchang{position:relative;top:80px; 
           padding: 0;
           margin:0;
           width:35%;
           height:auto;
           border:1px solid #ececec;}
div #biantiao{position:absolute;
             top:80px;
             left:42%;
             font-size:10px; 
             line-height:18px;
             width:43.75%; 
             float:right;
             padding:0;}
#yingyeshijian{text-align:center;
               width:90%;
               background-color:yellow;
               padding:0 10px 0 0;
               margin:10px 0 0 0;                 
               font-size:10px;  }

#chanpin  ul{
             clear:left;
             float:left;
             position:relative;
             top:1px;
             width:95%;
             left:1px;
             text-align: center;
             padding:0;
             margin:0 0 0 8px ;
             z-index:2; }
#chanpin ul li{list-style:none;
               float: left;
               
               margin:2px 0;
               width:95%;
               text-align:left;
               font-weight:bold;
               font-size:7px;
               border-radius:4px;
               border:1px solid #facd8a;}
#chanpin    ul   li a{ height:18px;
                      display:block;
                      background:yellow;
                      text-decoration:none;
                      color:#4a2885;
                      padding:0;
                     }
#products{position:absolute;
          left:0;
          top:440px;
          width:100%;
          color:blue; 
          font-size:10px;
          padding:0 0 0 1px;
          margin:0;
          background-color:#ececec;}

hr{widyh:320px;}
                                                             
.mingcheng{float:right;
           width:38%;
           padding:8px;
           margin:0 auto;}

#nz{padding:35px;}


#pricelist{border:1px;
           border-collapse:collapse;
           width:100%;
           font-size;6px;}

#zitou{padding:0;}


h3{color:blue; 
   font-size:11px;}
img.dadianhua{display:yes;
              position:relative;
              width:110px;
              height:auto;
              padding:0 0 0 20px;}
.pcditu{display:none;}
table{border:1px;
           border-collapse:collapse;
           width:100%;
           font-size;6px;}
#map{position:absolute;
           top:350px;
           width:100%;
           height:300px;
           
           padding:0;
           margin:0;}
     #jiari{ background:yellow;}
 #memo{position:relative;
                  top:100px;
                  font-size:12px;
                  color:blue;
                    left:20px;
                
                  padding:0 30px 40px 30px;}                                           
                         
table,th,td{border:1px solid;
                      border-collapse:collapse;}
th,td.sz{text-align:center;background-color:white;}      
#jiagebiao{position:relative;top:60px;padding:0 30px 30px 30px;}     
#pl tr:nth-child(odd){background-color:#f2f2f2;}   
                         }









/*tablet*/
@media screen and (min-width:415px)
              and (max-width:959px){
 body {font-size:12px;
            font-family: Helvetica,Arial,STXihei,"华文细黑",Macrosoft Yahei,"微软雅黑",SimSun,"宋体",KaiTi,"楷体", sans-serif;
            color:black;
            position:relative;
            padding:0;
            margin:0;
            }
body{background-image:url('background1.jpg');
          background-position:center;
          background-repeat:repeat;}


#wrapper{position:relative;
                 top:0;
                 left:0;
                 width:640px;
                 height:100%;
                 padding:0;
                 margin:0 auto;
                 z-index:1;}
#beijing{position:absolute;
              top:0px;
              left:0;
              padding:0;
             margin:auto;
             width:640px;
            height:72px;}
h2{text-align:center;
      font-size:16px;
      font-weight:bold;
      font-family: Helvetica,Arial,STXihei,"华文细黑",Macrosoft Yahei,"微软雅黑",sans-serif;
      color:red;}

#manyou  ul{
            clear:left
            float:left;
            position:relative;
            top:77px!important;
            height:20px; 
            font-family: Helvetica,Arial,STXihei,"华文细黑",Macrosoft Yahei,"微软雅黑", sans-serif;
            padding:0;
            margin:auto;
            z-index:2;}
#manyou   ul  li {
                  list-style:none;
                  float: left;
                  position:relative;
                  border-radius:5px;
                  background:#facd8a;
                  margin:0 2px 0 2px;
                  width:122px;
                  text-align:center;
                  font-weight:bold;
                  font-size:14px;
                  border:1px solid #facd8a;
                 }
#manyou    ul   li a{
                     display:block;
                     height:20px;
                     text-decoration:none;
                     color:#4a2885;
                     padding:3px;  }

#manyou  ul li a:hover{background:#fffdda;}
#manyou ul li a:visited{background:#f8fddd;}

#chinesenav{ position:relative;
             left:0;top:77px;
             height:30px;
             text-align:center;
             display:block;
             font-family: Helvetica,Arial,STXihei,"华文细黑",Macrosoft Yahei,"微软雅黑", sans-serif;
             font-weight:bold; 
             background:#facd8a;
             font-size:14px; 
             text-decoration:none;
             border:1px solid #facd8a;
             width:634px;
             padding:auto;
             margin:0;}

div.shuoming{position:relative;
             font-family: Helvetica,Arial,STXihei,"华文细黑",SimSun,"宋体", sans-serif;
             font-size:12px;
             top:107px;
             text-indent:23px;
             width:50%;
             float:left;
             padding:0 0 0 26px;margin:0;}
#chanpinzhaopian{width:280px;
                                height:auto;
                                margin:0 auto;}
#chanpinzhaopiane{width:140px;
                                height:       ;
                                margin:0 auto;}
#chicun{padding:0;
        font-family: Helvetica,Arial,STXihei,"华文细黑",SimSun,"宋体", sans-serif;
        font-size:12px;}
#yingyeshijian{text-align:center;top:200px;
                        width:200px;
                        background-color:yellow; 
                        font-size:12px;
                        padding:10px;
                        margin:0 3px; }
#gongchang{position:relative;
                     top:133px; left:8%;
                     padding: 0;
                     margin:0;
                     width:214px;
                     height:auto;
                     border:3px solid #ececec;}
div #biantiao{position:absolute;
                      top:50px;
                      left:52%;
                      font-family: Helvetica,Arial,STXihei,"华文细黑",KaiTi,"楷体", sans-serif;
                      text-indent:23px; 
                      line-height:15.5px;
                     width:48%; 
                     float:right;
                     padding:66px 7px 33px 7px;}


#chanpin  ul{
             clear:left;
             float:left;
             position:relative;
           
             width:85%;
             left:1px;
             font-family: Helvetica,Arial,STXihei,"华文细黑",Macrosoft Yahei,"微软雅黑", sans-serif;
             text-align: center;
             padding:0 0 0 20px;
             margin:0;
             z-index:2; }
#chanpin ul li{list-style:none;
               float: left;
               
               margin:2px 0;
               width:85%;
               text-align:center;
               font-weight:bold;
               font-size:11px;
               border-radius:5px;
               border:1px solid #facd8a;}
#chanpin    ul   li a{ height:20px;
                      display:block;
                      background:yellow;
                      text-decoration:none;
                      color:#4a2885;
                      padding:5px 0 5px 0;
                     }
#products{position:absolute;
                 top:540px;
                 width:600px;
                 color:blue;
                 padding:0 0 0 40px;
                  background-color:#ececec;      }
                                                            
.mingcheng{float:right;
                    width:254px;}

#nz{padding:70px;}

#pricelist{border:1px;}
#zitou{padding:0 0 0 47px;}

h3{color:blue;
      font-family: Helvetica,Arial,STXihei,"华文细黑",Macrosoft Yahei,"微软雅黑", sans-serif;}
img.dadianhua{display:yes;
                position:relative;
              width:110px;
              height:auto;
              padding:0 0 0 20px;}

.pcditu{display:none;}
#map{position:absolute;
           top:400px;
           width:100%;
           height:500px;
           
           padding:0;
           margin:0;}
table{border:1px;
           border-collapse:collapse;
           width:100%;
           font-size;6px;}
#jiari{ background:yellow;}  
#memo{position:relative;
                  top:130px;
                  font-size:14px;
                  color:blue;
                  left:15px;
              
                  padding:10px 10px 30px 15px;}        
  
table,th,td{border:1px solid;
                      border-collapse:collapse;}
th,td.sz{text-align:center;background-color:white;}      
#jiagebiao{position:relative;top:100px;padding:0 60px 30px 60px;} 
#pl tr:nth-child(odd){background-color:#f2f2f2;}       
                          }






@media screen and (min-width:960px){
                                                       
body {font-size:20px;
      font-family: Helvetica,Arial,STXihei,"华文细黑",Macrosoft Yahei,"微软雅黑",SimSun,"宋体",KaiTi,"楷体", sans-serif;
      color:black;
      position:relative;
      padding:0;
      margin:0;
      }
body{background-image:url('background.gif');
     background-position:center;
     background-repeat:repeat;}


#wrapper{position:relative;
         top:0;
         left:-5px;
         width:960px;
         height:100%;
         padding:0;
         margin:0 auto;
         z-index:1;}
#beijing{position:absolute;
         top:0px;
         left:0;
         padding:0;
         margin:auto;
         width:960px;
         height:108px;}
h2{text-align:center;
   font-weight:normal;
   font-family: Helvetica,Arial,STXihei,"华文细黑",Macrosoft Yahei,"微软雅黑", sans-serif;;
   color:red;}

#manyou  ul{
            clear:left
            float:left;
            position:relative;
            top:115px!important;
            height:40px; 
            font-family: Helvetica,Arial,STXihei,"华文细黑",Macrosoft Yahei,"微软雅黑", sans-serif;
            padding:0;
            margin:auto;
            z-index:2;}
#manyou   ul  li {
                  list-style:none;
                  float: left;
                  position:relative;
                  border-radius:5px;
                  background:#facd8a;
                  margin:0 2px 0 2px;
                  width:186px;
                  text-align:center;
                  font-weight:bold;
                  font-size:20px;
                  border:1px solid #facd8a;
                 }
#manyou    ul   li a{
                     display:block;
                     height:40px;
                     text-decoration:none;
                     color:#4a2885;
                     padding:5px;  }

#manyou  ul li a:hover{background:#fffdda;}
#manyou ul li a:visited{background:#f8fddd;}

#chinesenav{ position:relative;
             left:0;
             top:115px;
             height:30px;
             font-family: Helvetica,Arial,STXihei,"华文细黑",Macrosoft Yahei,"微软雅黑", sans-serif;
             text-align:center;
             display:block;
             font-weight:bold;
             background:#facd8a;
             font-size:20px;
             text-decoration:none;
             border:1px solid #facd8a;
             width:958px;
             padding:auto;
             margin:0;}

div.shuoming{position:relative;
             top:160px;
             font-weight:normal;
             font-family: Helvetica,Arial,STXihei,"华文细黑",SimSun,"宋体", sans-serif;
             text-indent:34px;
             width:50%;
             float:left;
             padding:0 0 0 40px;margin:0;}
#chicun{padding:0;
        font-family: Helvetica,Arial,STXihei,"华文细黑",Macrosoft Yahei,"微软雅黑",sans-serif;}
#yingyeshijian{text-align:center;width:280px;left:45px;
                background-color:yellow;padding:20px;margin:0 20px; }
#gongchang{position:relative;top:200px; left:8%;
           padding: 0;
           margin:0;
           width:320px;height:auto;border:3px solid #ececec;}
div #biantiao{position:absolute;
             top:190px;
             left:52%;
             font-family: Helvetica,Arial,STXihei,"华文细黑",KaiTi,"楷体", sans-serif;
             text-indent:34px; 
             line-height:23px;
             width:48%; 
             float:right;
             padding:100px 10px 50px 10px;}


#chanpin  ul{
             clear:left;
             float:left;
             position:relative;
             font-family: Helvetica,Arial,STXihei,"华文细黑",Macrosoft Yahei,"微软雅黑", sans-serif;
             width:300px;
             left:25px;
             text-align: center;
             padding:0 0 0 80px;
             margin:0;
             z-index:2; }
#chanpin ul li{list-style:none;
               float: left;
               
               margin:2px 0;
               width:260px;
               text-align:center;
               font-weight:bold;
               font-size:16px;
               border-radius:8px;
               border:1px solid #facd8a;}
#chanpin    ul   li a{ height:30px;
                      display:block;
                      background:yellow;
                      text-decoration:none;
                      color:#4a2885;
                      padding:5px 0 5px 0;
                     }
#products{position:absolute;top:900px;width:900px;color:blue;padding:0 0 0 60px;
           background-color:#ececec;  }                                                 
.mingcheng{float:right;width:380px;}

#nz{padding:105px;}
#liuyanban{padding:0 0 0 80px;text-indent:0;line-height:30px;width:300px;}
.inputbox{width:270px;height:auto;}
#biaoge{background-color:#ececec;padding:0 10px;}
#message{height:130px;}
#pricelist{border:1px;}
#zitou{padding:0 0 0 70px;}

h3{color:blue;
      font-family: Helvetica,Arial,STXihei,"华文细黑",Macrosoft Yahei,"微软雅黑", sans-serif;}
img.dadianhua{display:none;}
#daohang{display:none;}
.pcditu{display:yes;
                position:relative;
                height:100px;
                width:280px;
                }
#map{position:absolute;
           top:600px;
           width:800px;
           height:600px;
           
           padding:0;
           margin:0 80px;}
#jiari{ background:yellow;}       
 table,th,td{border:1px solid;
                      border-collapse:collapse;}   
th.sz,td.sz{text-align:center;background-color:white;}          
#jiagebiao{position:relative;top:150px;padding:0 80px 40px 80px; }                          
div #stck{position:-webkit-sticky;position:sticky;top:0;}
#pl tr:nth-child(odd){background-color:#f2f2f2;}
            }                                           
</style>  








