*{margin:0; padding:0; list-style:none; }

body{ background:#fff; font:normal 12px/22px 宋体;  }

img{ border:0;  }

a{ text-decoration:none; color:#333;  }

a:hover{ color:#1974A1;  }

.navbg {

    width: 100%;

    height: 57px;

    background: url(../images/navbg.jpg) repeat-x 0 bottom;

    margin-top: -1px;

    position: absolute;

    top: 170px;

    margin-left: 0px;



}

.nav {



     width: 1200px; 

    margin: 0 auto;

    height: 57px;

}

ul, li, dl, dt, dd, ol {

    display: block;

    list-style: none;

}





li.on {

    display: block;

    width: 104px;

    height: 57px;

    color: #fff;

    background: url(../images/navhover.jpg) no-repeat 0 0;

    text-align: center;

}





.nav li {

    width: 104px;

    float: left;

    height: 57px;

    font: 500 14px/57px 微软雅黑;

}





nav li a {

    display: block;

    width: 104px;

    height: 57px;

    color: #fff;

    text-align: center;

}



a {

    text-decoration: none;

    font-family: "Microsoft YaHei";

    font-size: 13px;

    /*color: #fff;*/

    border: none;

    text-decoration: none;

    outline: medium none;

}





.nav li a:hover {

    display: block;

    width: 104px;

    height: 57px;

    color: #fff;

    background: url(../images/navhover.jpg) no-repeat 0 0;

    text-align: center;

}



.nav a{ color:#fff;  }

.nav .nLi{ float:left;  position:relative; display:inline;  }

.nav .nLi h3{ float:left;  }

.nav .nLi h3 a{ display:block; padding:0 20px; font-size:14px; font-weight:bold;  }

.nav .sub{     display: none;

    width: 135px;

    left: 0;

    top: 57px;

    position: absolute;

    background: #FFF;

    line-height: 26px;

    padding: 0px 0px;  }

.nav .sub li{ zoom:1;
height: 45px; 
}

.nav .sub a{

    display:block;

    /*padding:0 10px;*/

    color: #000;

    width: 127px;

}

.nav .sub a:hover{

    background:#6d6d6d;

    color:#fff;

    /*width: 124px;*/

    width: 135px;



}

/*.nav .on a{  display: block;

    width: 104px;

    height: 57px;

    color: #fff;

    background: url(../images/navhover.jpg) no-repeat 0 0;

    text-align: center; }*/











/*分页*/

.pages{

    height: 60px;

    padding: 20px 0 30px;

    width: 100%;

    clear: both;

}

.tcdPageCode {

    text-align: center;

    color: #808080;

    font-size: 14px;

    padding: 0;

}

.tcdPageCode li{

    display: inline;

}

.tcdPageCode span.disabled {

    display: inline-block;

    height: 35px;

    line-height: 35px;

    padding: 0 14px;

    margin: 0 2px;

    color: #808080;

    background: #fff;

    border: 1px solid #e6e3e3;

    vertical-align: middle;

    border-radius:1px;

}

.tcdPageCode span.current {

    display: inline-block;

    height: 35px;

    line-height: 35px;

    padding: 0 14px;

    margin: 0 2px;

    color: #fff;

    background-color: #1baadb;

    border: 1px solid #1baadb;

    vertical-align: middle;

    border-radius:1px;

}

.tcdPageCode a {

    display: inline-block;

    color: #e5e5e5;

    height: 35px;

    line-height: 35px;

    background: #2b2b2b;

    padding: 0 14px;

    border: 1px solid #ddd;

    margin: 0 2px;

    vertical-align: middle;

    border-radius:1px;

    text-decoration: none;

}



/*banner图*/

/* css 重置 */

*{margin:0; padding:0; list-style:none; }

body{ background:#fff; font:normal 12px/22px 宋体;  }

img{ border:0;  }

a{ text-decoration:none; color:#333;  }



.slideBox{  overflow:hidden; position:relative; border:1px solid #ddd; 
margin-top: 25px;
}

.slideBox .hd{ 
width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
    font-size: 0;
    z-index: 1;
}

.slideBox .hd ul{ overflow:hidden; zoom:1; 
   /* float:left; */
   text-align: center;
     }





    .slideBox .hd{     width: 100%;
    position: absolute;
    bottom: -15px;
    text-align: center;
    font-size: 0;
    z-index: 1; }   
.slideBox .hd ul{text-align:center;padding-top:5px;    display: inline-block;}   
.slideBox .hd ul li{cursor:pointer;display:inline-block; *display:inline;zoom:1;width:16px;height:16px;margin:5px;
    background:url(../images/dot.png) no-repeat 0 -16px;overflow:hidden;line-height:9999px;} 
.slideBox .hd ul .on{ background-position:0 0; }





.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd li{ zoom:1; vertical-align:middle; }

.slideBox .bd img{ width:1920px;  display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,

.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }

.slideBox .prev:hover,

.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.slideBox .prevStop{ display:none;  }

.slideBox .nextStop{ display:none;  }





/*产品中心*/



.col_1{width: 1150px; height:500px; margin:0 auto; padding: 20px 0;  border:0px solid #562368; display:table;}

.ind_pro ul{margin: 0 -80px 0 0; overflow:hidden; position: relative;}

.ind_pro ul li{ float:left; width:252px; height:200px; margin:10px 26px 20px 0px;

    font-size:0; line-height:0; padding-top:0px; text-align:center;

    border:1px #dddddd solid; background:#ffffff;  -moz-box-shadow: 2px 2px 10px #eeeeee;

    -webkit-box-shadow: 2px 2px 10px #eeeeee;

    box-shadow:2px 2px 10px #eeeeee;

}



.ind_pro {

    width: 1100px;

    margin: 0px auto;

    overflow: hidden;

    border: 0px solid #000;

    padding: 60px;









}



.ind_pro ul li a img {

    width: 240px;

    height: 150px;

    border: #fff solid 1px;

    padding: 5px;

    overflow: hidden;

}



.ind_pro ul li span {

    height: 20px;

    line-height: 20px;

    display: block;

    margin-top: 10px;

    margin-bottom: 5px;

}



.ind_pro ul li:hover{

    border: #000 solid 1px;





}





/*新闻中心*/



.ind_pro1 ul{margin: 0 -80px 0 0; overflow:hidden; position: relative;}

.ind_pro1 ul li{ float:left; width:252px; height:330px; margin:10px 26px 20px 0px;

    font-size:0; line-height:0; padding-top:0px; text-align:center;

    border:1px #dddddd solid; background:#ffffff;  -moz-box-shadow: 2px 2px 10px #eeeeee;

    -webkit-box-shadow: 2px 2px 10px #eeeeee;

    box-shadow:2px 2px 10px #eeeeee;

}



.ind_pro1 {

    width: 1100px;

    margin: 0px auto;

    overflow: hidden;

    border: 0px solid #000;

    padding: 60px;









}



.ind_pro1 ul li a img {

    width: 240px;

    height: 150px;

    border: #fff solid 1px;

    padding: 5px;

    overflow: hidden;

}



.ind_pro1 ul li span {

    height: 20px;

    line-height: 20px;

    display: block;

    margin-top: 10px;

    margin-bottom: 5px;

}





.ind_pro1 ul li span p {

    height: 20px;

    line-height: 20px;

    display: block;

    margin-top: 10px;

    margin-bottom: 5px;

}



.tp{

    font-size: 14px;

    line-height: 24px;

    color: #808080;

    padding: 10px;

    word-break: normal;

    word-wrap: break-word;

    text-align: justify;

    margin: 0 0 10px;

}













.ind_pro1 ul li:hover{

    border: #000 solid 1px;





}



/*尾部*/

.met-index-body:nth-of-type(odd) {

    background: #222;

}



.met-index-body {

    padding: 70px 0px;

  background: #2b2b2b;

    position: relative;

    z-index: 2;

}



.met-footnav {

    padding: 40px!important;

    border-top: 1px solid #f0f2f5;

}

.text-center {

    text-align: center!important;

}

.text-center {

    text-align: center;

}



.masonry-item h4{

    color: #fff;

}





.container {

    /*max-width: 100%;*/

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}



.row {

    margin-right: -15px;

    margin-left: -15px;

}



.col-md-2 {

    width: 13.66666667%;

    float: left;

}

.met-footnav h4 {

    font-size: 18px;

    margin-top: 0px;

    text-shadow: none;

}



.met-footnav ul {

    padding: 0px;

    margin-bottom: 0px;

    list-style: none;

}



ul, li {

    list-style: none;

}

ol, ul {

    margin-top: 0;

    margin-bottom: 11px;

}



.met-footnav ul li {

    /*margin-bottom: 3px;*/

    margin: 5px;

}



ul, li {

    list-style: none;

}



.met-footnav ul li a {

    color: #848484;

    text-decoration: none;

}



.col-md-3 {

    width: 25%;

    float: left;

}





.met-footnav .info h3 {

    text-align: left;

    margin-bottom: 20px;

    font-size: 36px;

}



.met-index-body h3 {

    font-size: 42px;

    margin-top: 0px;

    text-align: center;

    color: #111;

    font-weight: 500;

}





.clearfix {

    overflow: auto;

    _height: 1%;

}





.met-footnav .col-md-3 p {

    float: none;

}



.met-footnav .info p {

    color: #848484;

    text-align: left;

    font-size: 13px;

    /*float: left;*/

    margin-right: 30px;

    margin-bottom: 10px;

}





.met-footnav .info .foot_info_icon {

    text-align: left;

}



p {

    margin: 0 0 0px;
        color: white;

}