@charset "utf-8";
/*banner*/
.banner{clear:both;position:relative;width:100%;height:500px;overflow:hidden;z-index: 1;top: 0;left: 0;}
.banner .hd{position:absolute;left:0;bottom:30px;width:100%;height:12px;text-align:center;z-index: 9;}
.banner .hd li{display:inline-block;*display:line;*zoom:1;margin:0 10px;width:12px;height:12px;text-indent:-9999px;cursor:pointer;background:rgba(0,0,0,.6);border-radius:8px;}
.banner .hd .on{background:#E70012;width: 50px;display:inline-block;*display:line;*zoom:1;margin:0 10px;height:12px;text-indent:-9999px;cursor:pointer;border-radius:6px;}
.banner .bd,.banner .bd ul{height:500px;}
.banner .bd li{position:relative;width:100%;height:500px;}
.banner .bd li a{display:block;position:absolute;left:50%;top:0;margin-left:-960px;width:1920px;height:500px;}
.banner .prev,.banner .next{position:absolute;z-index:999;top:50%;width:58px;height:58px;line-height: 58px;color: #fff;font-size: 30px;text-align: center;font-weight: normal;border: 1px solid #fff;cursor:pointer;opacity:0;transition: all 1s;}
.banner .prev{left:8%;}
.banner .next{right:8%;}
.banner:hover .prev,.banner:hover .next{opacity:1;}

/* -- 搜索 -- */
.yz-top {height:100px;background:#1F1A17;}
.yz-top h2 {
  float: left;
  width: 130px;
  margin-left: 15px;
  margin-top: 40px;
  font-size: 16px;
  color: #fff;
  background: #1F1A17;
}
.yz-top h2 i {
  font-size: 21px;
  margin-right: 10px;
  color: #E70012;
}
.yz-top ul {
  width: 600px;
  margin-top: 25px;
  float: left;
}
.yz-top ul li {
  padding: 0 6px;
  margin-bottom: 10px;
  float: left; 
}
.yz-top ul li a {
  color: #fff;
  font-size: 16px;
}

.yz-top form {
  float: right;
  border: none;
  line-height: 42px;
  height: 42px;
  margin-top: 30px;
}
.yz-top form input {
  border:none;
  width: 260px;
  padding-left: 25px;
  line-height: 42px;
  height: 42px;
  font-size: 14px;
  vertical-align:top;
}
.yz-top form button {
  border:none;
  background: #E70012;
  line-height: 42px;
  height: 42px;
  text-align: center;
  width: 60px;
  vertical-align:top;
  outline: none;
}
.yz-top form button i {
  color: #fff;
  font-size: 21px;
}

.index-info {margin-bottom: 60px;overflow: hidden;}

/* pro */
.pro { padding: 60px 0; overflow: hidden;}
.pro-bt { text-transform: uppercase;font-weight: normal;text-align: center; background:url(../images/pro-bt.png) no-repeat center 60px;-webkit-transition:transform .3s;transition:transform .3s;height: 105px;line-height: 30px;}
.pro-bt a{font-size: 30px;color: #333;}
.pro-bt b {color: #E70012;}
.pro-bt span {display: block;font-size: 18px;color: #666;font-weight: normal; padding:10px 0 0;}
.pro-bt:hover {-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

.pro-nav {background:#efefef;width: 270px;}
.pro-nav h2{
  padding: 30px 20px;
  font-size:28px;
  line-height:42px;
  color:#fff;
  text-align:center;
  padding-bottom:20px;
  background: #1F1A17;
}
.pro-nav h2 span{
  display:block;
  font-size:15px;
  line-height:36px;
  color:#fff;
  font-weight:normal;
  text-transform: uppercase;
}
.pro-nav li {
    line-height: 64px;
    padding-left: 20px;
    border-bottom: 1px dashed #ccc;
}
.pro-nav li:last-child {border: 0;}
.pro-nav li i {margin-right: 10px;}
.pro-nav li a:hover {color: #E70012}

.pro-list {width: 900px; overflow: hidden;height: 820px;}
.pro-list li {
    float: left;
    width: 278px;
    margin: 10px 10px;
    border: 1px solid #dedede;
}
.pro-list li img {
  width: 278px;
  height: 209px;
}
.pro-list li p {
  line-height: 36px;
  height: 36px;
  background: #efefef;
  text-align: center;
}
.pro-list li a:hover {color: #E70012;}

/* about */
.about {width: 380px;float: left;}
.about h2 {line-height: 36px;height: 36px;font-size: 16px;font-weight: 400;margin-bottom: 15px;}
.about a {color: #666;}
.about h2 i {font-size: 28px;margin-right: 15px;}
.about h2 em {font-size: 9px;float: right;text-transform: uppercase;}
.about dl dt {width: 380px;height: 140px;}
.about dl dt img {width: 380px;height: 140px;}
.about dl dd {font-size: 13px;line-height: 26px;margin-top: 15px;}

/* news */
.news {width: 380px;float: left;margin-left: 27px;}
.news h2 {line-height: 36px;height: 36px;font-size: 16px;font-weight: 400;margin-bottom: 15px;}
.news a {color: #666;}
.news h2 i {font-size: 28px;margin-right: 15px;}
.news h2 em {font-size: 9px;float: right;text-transform: uppercase;}
.news img {width: 380px;height: 140px;margin-bottom: 10px;}
.news ul {}
.news li {line-height: 26px;height: 26px;font-size: 13px;}
.news li em {float: right;}

/* hot */
.hot {width: 380px;float: left;margin-left: 27px;}
.hot h2 {line-height: 36px;height: 36px;font-size: 16px;font-weight: 400;margin-bottom: 15px;}
.hot a {color: #666;}
.hot h2 i {font-size: 28px;margin-right: 15px;}
.hot h2 em {font-size: 9px;float: right;text-transform: uppercase;}
.hot li {width: 380px;}
.hot li img {width: 380px;height: 278px;}
.hot li p {background: #efefef;text-align: center;line-height: 55px;height: 55px;}
.hot li p a {color: #1F1A17;}

/* 友情链接*/
.link{overflow: hidden;background: #1b252f;border-top:1px solid #56565b;}
.link b{display: block;float: left;font-size: 18px;color: #666;width: 130px;line-height: 26px; padding:10px 0 0;font-weight: normal;text-align: center;}
.link b i{display: block; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;color: #666;}
.link p{font-size: 14px;color: #666;float: left;width: 1070px;height: 76px;line-height: 66px;overflow: hidden;}
.link p a{font-size: 14px;color: #666; padding:0 0 0 20px;}
/*图标抖动*/
@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform: translateX(3px) rotate(2deg);transform: translateX(3px) rotate(2deg);}
20%{-webkit-transform: translateX(-3px) rotate(-2deg);transform: translateX(-3px) rotate(-2deg);}
30%{-webkit-transform: translateX(3px) rotate(2deg);transform: translateX(3px) rotate(2deg);}
40%{-webkit-transform: translateX(-3px) rotate(-2deg);transform: translateX(-3px) rotate(-2deg);}
50%{-webkit-transform: translateX(2px) rotate(1deg);transform: translateX(2px) rotate(1deg);}
60%{-webkit-transform: translateX(-2px) rotate(-1deg);transform: translateX(-2px) rotate(-1deg);}
70%{-webkit-transform: translateX(2px) rotate(1deg);transform: translateX(2px) rotate(1deg);}
80%{-webkit-transform: translateX(-2px) rotate(-1deg);transform: translateX(-2px) rotate(-1deg);}
90%{-webkit-transform: translateX(1px) rotate(0);transform: translateX(1px) rotate(0);}
100%{-webkit-transform: translateX(-1px) rotate(0);transform: translateX(-1px) rotate(0);}}
@keyframes hvr-buzz-out{10%{-webkit-transform: translateX(3px) rotate(2deg);transform: translateX(3px) rotate(2deg);}
20%{-webkit-transform: translateX(-3px) rotate(-2deg);transform: translateX(-3px) rotate(-2deg);}
30%{-webkit-transform: translateX(3px) rotate(2deg);transform: translateX(3px) rotate(2deg);}
40%{-webkit-transform: translateX(-3px) rotate(-2deg);transform: translateX(-3px) rotate(-2deg);}
50%{-webkit-transform: translateX(2px) rotate(1deg);transform: translateX(2px) rotate(1deg);}
60%{-webkit-transform: translateX(-2px) rotate(-1deg);transform: translateX(-2px) rotate(-1deg);}
70%{-webkit-transform: translateX(2px) rotate(1deg);transform: translateX(2px) rotate(1deg);}
80%{-webkit-transform: translateX(-2px) rotate(-1deg);transform: translateX(-2px) rotate(-1deg);}
90%{-webkit-transform: translateX(1px) rotate(0);transform: translateX(1px) rotate(0);}
100%{-webkit-transform: translateX(-1px) rotate(0);transform: translateX(-1px) rotate(0);}}