body {margin:0; background:#f3f1f2;padding:0;}
form,input,select,textarea,td,th {font-size:12px;}
img {border:none;display:block;margin-top: -1px}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form {margin:0px;padding:0px;} 
a{color:#b76519; display:inline-block; }
*{font-family:"微软雅黑"; margin:0;padding:0;border:0; text-decoration: none;}
.over{ overflow: hidden; }
.left{ float: left; }
.right{ float: right; }
body{padding-top:125px;}
body,.wrapper{width: 100%; margin:0 auto; height: auto;max-width: 1920px;}
.wrapper{ min-width: 1200px}
.wrapper header{position: fixed;top: 0;left: 0; z-index: 9;  width: 100%; height: 125px ; background: #FFF;margin:0 auto 10px; -moz-box-shadow:2px 2px 5px #ccc; -webkit-box-shadow:2px 2px 5px #ccc; box-shadow:2px 2px 5px #ccc;}
.wrapper header .top{ width: 1200px; margin:0 auto; }
.wrapper header .top .right{ width: 900px; height: 125px; }
.wrapper header .top .top_title { height: 50px; line-height: 50px; text-align: right; padding: 15px 0 20px }
.wrapper header .top .top_title a{padding-left:45px; display: inline-block; height: 40px; margin-left: 40px; background: url(../images/tel.jpg) no-repeat  left center; }
.wrapper header .top .top_title a:nth-child(2){ background: url(../images/wx.jpg) no-repeat  left center; }
.wrapper header .top .top_title a:nth-child(3){ background: url(../images/shop.jpg) no-repeat  left center; }
.wrapper header .top ul.nav li,.wrapper header .top ul.nav li a{ height: 40px; float: left; font-size: 20px; width: 150px;text-align: center; }
.wrapper header .top ul.nav li a:hover,.wrapper header .top ul.nav li.now>a{ color: #008cee; background:none }
.wrapper header .top ul.nav>li{ position: relative; }
.wrapper header .top ul.nav li a span{ width: 10px; height: 10px; display: inline-block;margin: 10px 0  0 10px; border-left:1px solid #b76519; border-top:1px solid #b76519; transform:rotate(225deg);-ms-transform:rotate(225deg); 	/* IE 9 */-moz-transform:rotate(225deg); 	/* Firefox */-webkit-transform:rotate(225deg); /* Safari 和 Chrome */
-o-transform:rotate(225deg); 	/* Opera */}
.wrapper header .top ul.nav>li.now span{ border-color: #008cee; transform:rotate(45deg);-ms-transform:rotate(45deg); 	/* IE 9 */-moz-transform:rotate(45deg); 	/* Firefox */-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */animation:myfirst 0.2s;
-moz-animation:myfirst 0.2s; /* Firefox */-webkit-animation:myfirst 0.2s; /* Safari and Chrome */-o-animation:myfirst 0.2s; /* Opera */}

@keyframes myfirst
{
0%{transform:rotate(225deg);-ms-transform:rotate(225deg); 	/* IE 9 */-moz-transform:rotate(225deg); 	/* Firefox */-webkit-transform:rotate(225deg); /* Safari 和 Chrome */
-o-transform:rotate(225deg); 	/* Opera */}
50%{transform:rotate(180deg);-ms-transform:rotate(180deg); 	/* IE 9 */-moz-transform:rotate(180deg); 	/* Firefox */-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 	/* Opera */}
100%{transform:rotate(45deg);-ms-transform:rotate(45deg); 	/* IE 9 */-moz-transform:rotate(45deg); 	/* Firefox */-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */}
}

@-moz-keyframes myfirst 
{
0%{transform:rotate(225deg);-ms-transform:rotate(225deg); 	/* IE 9 */-moz-transform:rotate(225deg); 	/* Firefox */-webkit-transform:rotate(225deg); /* Safari 和 Chrome */
-o-transform:rotate(225deg); 	/* Opera */}
50%{transform:rotate(180deg);-ms-transform:rotate(180deg); 	/* IE 9 */-moz-transform:rotate(180deg); 	/* Firefox */-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 	/* Opera */}
100%{transform:rotate(45deg);-ms-transform:rotate(45deg); 	/* IE 9 */-moz-transform:rotate(45deg); 	/* Firefox */-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */}
}

@-webkit-keyframes myfirst 
{
0%{transform:rotate(225deg);-ms-transform:rotate(225deg); 	/* IE 9 */-moz-transform:rotate(225deg); 	/* Firefox */-webkit-transform:rotate(225deg); /* Safari 和 Chrome */
-o-transform:rotate(225deg); 	/* Opera */}
50%{transform:rotate(180deg);-ms-transform:rotate(180deg); 	/* IE 9 */-moz-transform:rotate(180deg); 	/* Firefox */-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 	/* Opera */}
100%{transform:rotate(45deg);-ms-transform:rotate(45deg); 	/* IE 9 */-moz-transform:rotate(45deg); 	/* Firefox */-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */}
}

@-o-keyframes myfirst 
{
0%{transform:rotate(225deg);-ms-transform:rotate(225deg); 	/* IE 9 */-moz-transform:rotate(225deg); 	/* Firefox */-webkit-transform:rotate(225deg); /* Safari 和 Chrome */
-o-transform:rotate(225deg); 	/* Opera */}
50%{transform:rotate(180deg);-ms-transform:rotate(180deg); 	/* IE 9 */-moz-transform:rotate(180deg); 	/* Firefox */-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 	/* Opera */}
100%{transform:rotate(45deg);-ms-transform:rotate(45deg); 	/* IE 9 */-moz-transform:rotate(45deg); 	/* Firefox */-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */}
}
.wrapper header .top ul.nav li .nav_ul{padding-top: 10px; font-size: 12px; display: none; z-index: 3; position: absolute; top: 40px; background: #FFF }
.wrapper header .top ul.nav li ul.nav_ul li, .wrapper header .top ul.nav li ul.nav_ul li a{text-align: center;  font-size: 16px}
.wrapper .content img,.footer img { width: 100% }
.wrapper .content .two a{ width: 50%; float: left; }
.container{ padding: 0; margin:0; width: 100% }
/*图片轮播*/
* {
    padding: 0px;
    margin: 0px;
  }
  a {
    text-decoration: none;
  }
  ul {
    list-style: outside none none;padding: 0;margin: 0
  }
  .slider, .slider-extra {
    width: 100%;
    height: auto;
  }
  .slider {
    text-align: center; 
    /*position: relative;*/
    background: #fdefd5;
  }
  .slider-panel, .slider-nav, .slider-pre, .slider-next { 
 position: absolute; 
 z-index: 8; 
 } 
 .slider-panel { 
 position: absolute; 
 } 
 .slider-panel img { 
 border: none; 
 } 
 .slider-extra { 
 position: relative; 
 } 
 .slider-nav { 
 margin-left: -14px; 
 position: absolute; 
 left: 50%; 
 bottom:10%; 
 } 
 .slider-nav li { 
 background: #FFF;
 border:1px solid #ccc; 
 border-radius: 50%; 
 color: #fff; 
 cursor: pointer; 
 margin: 0 2px; 
 overflow: hidden; 
 text-align: center; 
 display: inline-block; 
 height: 12px; 
 line-height: 12px; 
 width: 12px; 
 } 
 .slider-nav .slider-item-selected { 
 background: #fdad30; 
 } 
  .slider-panel, .slider-nav, .slider-pre, .slider-next {
    position: absolute;
    z-index: 8;
  }
  .slider-panel {
    position: absolute;
  }
  .slider-panel img {
    width: 100%;
    height: auto;
    border: none;
  }
  .slider-extra {
    position: relative;
  } 
  .slider-page a{ 
    color: #b1cad7;
    text-align: center;
    display: block;
    font-family: "simsun";
    font-size: 42px;
    width: 43px;
    height: 88px;
    line-height: 88px;
    margin-top: -51px;
    position: absolute;
    top: 50%;
  } 
  .slider-next {
    left: 100%;
    margin-left: -42px;
  }
  .bannerbox { overflow: hidden; margin: 0px auto; }
#focus {clear: both; overflow: hidden; position: relative; float: left; }
#focus ul {float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus ul li { float: left; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus .preNext { width: 550px; height: 805px; position: absolute; top: 0px; cursor: pointer; }
#focus .pre { left: 30px; background: url(../images/sprite.png) no-repeat left center; }
#focus .next { right: 30px; background: url(../images/sprite1.png) no-repeat right center; }