@charset "utf-8";

/* global */
body,html{background:#fff; color:#464646; font-family:'Microsoft Yahei'; font-size:14px;}
body,html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th {margin:0;padding:0;}
body{padding-top:105px;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
img{ border:none;}
ul,ol,li {list-style:none;}
a:link,a:visited {color:#333; text-decoration:none;}
a:hover {color:#DF0000; text-decoration:none;}
.clear {content:"."; display:block; height:0; overflow:hidden; clear:both; visibility:hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
.left{ float:left; _display:inline;}
.right{ float:right;}
.blank8{height:8px;}
.blank10{height:8px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank45{height:45px;}
.l_h24 {line-height:24px;}
.cBlue {color:#007CFF;}
.cRed ,.cRed a{color:#F00;}
.display{display:none;}
a.cGray:link,a.cGray:visited {color:#858585; text-decoration:none;}

/* header */
.top{width:100%; position:fixed; top:0; background:#fff; z-index:9999; border-top:#adadad solid 4px;padding-top:37px;/* height:64px;*/}
.logo{float:left; margin-left:35px;}
.tel{float:right; margin:0 15px; margin-top:5px;}

#nav {width:620px;height:64px; float:right; overflow:hidden;}
#nav li{height:64px; line-height:44px; float:left; margin-left:7%;}
#nav li a{display:inline-block;color:#000; font-size:16px;}
#nav li:hover a {color:#f30;}
#nav li.cur a{color:#f30;}
#nav li .navbardown {background: rgba(0,0,0,.6); position:fixed; top:105px; left:0; display:none; z-index:999; overflow:hidden;transition:max-height 0.5s; width:100%; padding:10px 0; text-align:center;}
#nav li .navbardown a{color:#fff; display:inline-block; font-size:16px; margin-left:40px;}
#nav li .navbardown a:hover{color:#eaf120;}

@media (max-width: 1264px) {
  .logo {
    float:left; margin-left:0;
  }
  .tel{margin-left:0px; margin-right:10px;}
  #nav{width:100%;float:right;margin-top:10px; background:#fff;}
  #nav li .navbardown {top:157px;}
}
.fixed-nav {
    position: fixed;
    width: 100%;
    -webkit-transition: top .5s;
    -moz-transition: top .5s;
    -o-transition: top .5s;
    transition: top .5s;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
    box-shadow: 0 2px 2px rgba(0,0,0,.1);
    z-index: 99;
    top: 0;
}
.banpic{height:350px; background:center no-repeat;}

.PaddTab{width:1024px; overflow:hidden; margin:0 auto;}
.index_tit {font-size:18px; line-height:32px; color:#000; border-bottom:#68ba21 solid 1px;}
.index_tit2 {font-size:18px; line-height:32px; color:#000; float:left; background:url(../images/dot5.jpg) bottom center no-repeat;}
  
.index_about{width:474px; margin-bottom:15px; overflow:hidden; float:left;}
.index_about .more a{ float:right; font-size:12px; color:#a2a2a2;}
.con{ color:#656565; line-height:26px; padding:15px 0;}

.index_product_tit{width:90%; margin:55px auto; position:relative; text-align:center; font-size:16px; color:#676767;}
.index_product_tit span{display:inline-block; background:#fff; padding:10px; font-size:30px; border-bottom:#e6003e solid 2px; margin-bottom:20px;}

.index_more{width:80%; margin:55px auto; position:relative; text-align:center; font-size:16px; color:#676767;}
.index_more a{display:inline-block; padding:5px 0; font-size:14px; border-bottom:#ddd solid 2px;}

.index_product ul{width:1050px; margin-left:-26px;}
.index_product li {width:324px; height:271px; font-size:20px; text-align:center; overflow:hidden;  margin-left:26px; float:left; position:relative; background:#d9d9d9;}
.index_product li a{color:#000; display:block; height:271px; padding-top:60px;}
.index_product li p{padding-top:20px;}
.index_product li:hover {background:#ecc400;}
 
.index_news{width:100%; margin-bottom:15px; line-height:22px; overflow:hidden;}
.index_news ul{width:100%; margin-top:10px;}
.index_news li {width:480px; line-height:32px; float:left; border-bottom:#ccc solid 1px; margin-bottom:10px;}
.index_news li a{display:block;overflow:hidden; color:#000; font-size:16px;}
.index_news li p{height:64px; display:block;overflow:hidden; color:#666;}
.index_news li span{display:block; color:#ababab;}
.index_news li.first{width:100%;border-top:#ccc solid 1px; height:243px; overflow:hidden;}
.index_news li.first div{width:442px; height:243px; float:left; margin-right:25px; position:relative;}
.index_news li.first div font{width:80px; height:80px; display:block; background: rgba(0,0,0,.6); text-align:center; position:absolute; color:#fff; font-size:16px; left:20px;}
.index_news li.first div font b{font-size:30px; display:block; margin-bottom:10px;}
.index_news li.first p{height:128px;}
.index_news li.first span a{display:block; color:#ababab;}
.index_news li.right{float:right;}
 
 .index_run{width:100%;min-width:1024px; height:458px;background:url(../images/indexbg.jpg) center no-repeat;}
.index_run a{color:#fff;}



/* footer */
.bottom {width:100%; margin:40px auto 0 auto;overflow:hidden; font-size:14px; background:#303030;}
.bottom .bo{width:1024px; margin:0 auto;line-height:40px; color:#fff;overflow:hidden;}
.bottom .bo a{color:#fff;}
.bottom a{color:#c5c5c5;}
.bottom h1{font-size:18px;line-height:80px;}
.bottom dl{float:left; margin-right:70px;}
.bottom dl dt{display:block; margin-bottom:10px;}
.bottom dl dd{display:block;}
.bottom dl dd a{display:block;line-height:24px;}
.bottom dl dd a:hover{color:#FF0}

.bottom .copy{ text-align:center; border-top:#6f6f6f solid 1px; margin-top:20px;}

#liuyan{position:absolute; left:37px; top:-420px; width:390px; height:410px; padding:20px 30px; border:#ccc solid 1px; background:#eee; display:none;}
#liuyan dl{display:block;width:100%; line-height:27px; margin-bottom:24px;}
#liuyan dt{width:60px; text-align:right; float:left;}
#liuyan dd{display:inline-block;width:310px; float:right;}
#liuyan input,#liuyan textarea{width:306px; height:27px; border:#d7d7d7 solid 1px; line-height:27px;}
#liuyan .bb1{width:65px; height:27px; background:#0067DB; color:#fff; border-radius:5px;display:inline-block;}
#liuyan .bb2{width:65px; height:27px; background:#09A701; color:#fff; border-radius:5px;display:inline-block; margin-left:20px;}

/*pages*/
.pages {text-align:center; padding:30px 0; line-height:24px; font-size:14px; }
.pages a {margin:0px 2px; color:#000;padding:5px 5px;}
.pages a.page_next,.pages a.page_prev {background:#e6e5e5; color:#000; border:1px solid #cdcdcd; padding:5px 20px; margin:0px 20px;}
.pages span {background:#f7f6f6; color:#666; border:1px solid #e7e7e7; padding:5px 10px; margin:0px 2px;}
.pages span.page_cur {background:url(); border:0;font-weight:bold;color:#f60;}