/* Generated by less 2.5.1 */

@charset "utf-8";

/*



*/

*





/* pro */





.product{}



.tit{margin:20px auto;text-align: center;background: url(../images/x1.png) no-repeat center center;}



.tit h2 a{font-size: 18px;color: #666;font-weight: bold;text-align: center;display: block;}



.tit h4{width: 58px;height: 3px;background-color: #aab916;margin: 10px auto;}



.product .pro-nav {position: relative;height: 300px;}

.product .pro-nav .bd { height: 225px; overflow: hidden;}



.pro-nav,.pro-nav2,.pro-nav3,.pro-nav4{margin-top: 70px;}



.xuxian{background: url(../images/xuxian.png) no-repeat center center; margin: 35px auto;line-height: 27px;}

.xuxian2{background: url(../images/ico2.png) repeat-x center center;height: 70px;margin: 35px auto;}

.xuxian .biaoti a, .xuxian2 .biaoti a{font-size: 14px;color: #666;display: block;text-align: center;margin: 0 auto;line-height: 26px;}

.xuxian .biaoti a.ch { font-size: 18px; font-weight: bold;  }

.product  .hd{}



.prev{position: absolute;background: url(../images/prev.png) no-repeat center center;width: 27px;height: 27px;left: 476px;top: 12px;}

.prev1{position: absolute;background: url(../images/prev.png) no-repeat center center;width: 27px;height: 27px;left: 476px;}

.next{position: absolute;background: url(../images/next.png) no-repeat center center;width: 27px;height: 27px;right: 476px;top: 12px;}

.next1{position: absolute;background: url(../images/next.png) no-repeat center center;width: 27px;height: 27px;right: 476px;}



.product  .bd ul{

    height: 225px;

}



.product  .bd ul li{float:left;margin-right: 14px;    position: relative;

    cursor: pointer;

    overflow: hidden;width: 222px;height: 222px;}

.product  .bd ul li span{font-size: 14px;color: #fff;}



.product  .bd ul li img{width: 220px;height: 220px;border:1px solid #e6e6e6;}



.wzc{

      position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 60px;

    line-height: 60px;

    color: #fff;

    background: url(../images/ico1.png);

}

.wzc h3{

    font-weight: normal;

    display: block;overflow:hidden;text-overflow:ellipsis;

    height: 31px;

    line-height: 24px;

    font-size: 14px;

    padding: 0 10px;

    width:202px;

}



.wzc p{ font-size: 14px;

    display: block;

    line-height: 20px;

    -webkit-margin-before: 1em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    -moz-margin-before: 1em;

    -moz-margin-after: 1em;

    -moz-margin-start: 0px;

    -moz-margin-end: 0px; padding: 0 10px;}



.wzc p a{

    font-size: 14px;

    display: block;

    line-height: 20px;

    text-align: right;

    color: #aab916;

}





.al{

    height: 400px;

    margin-top: 40px;

}



.al-nav{margin-top: 60px;height: 282px;}

.al-nav .bd ul{height: 186px; overflow: hidden;}



.al-nav .bd ul li{float:left;margin:0 18px;    position: relative;

    cursor: pointer;

    overflow: hidden;width: 262px;height: 186px;}

.al-nav .bd ul li span{font-size: 14px;color: #fff;}



.al-nav .bd ul li img{width: 260px;height: 184px;border:1px solid #e6e6e6;}

.al-nav .bd ul li:hover img{border:1px solid #aab916;}



.tit2{margin:20px auto;text-align: center;height: 62px;background: url(../images/ico2.png) repeat-x center center;}

.tit2 h3 {border-bottom: 3px solid #666;width: 130px;height: 30px;text-align: center;margin: 10px auto;}

.tit2 h3 a{font-size: 18px;color: #666;font-weight: bold;text-align: center;display: block;}



.tit2 h4{font-size: 18px;color: #666;text-align: center;}



.tit3{margin:20px auto;text-align: center;background: url(../images/x2.png) no-repeat center center;}



.tit3 h3 a{font-size: 24px;color: #666;font-weight: bold;text-align: center;display: block;}



.tit3 h5{font-size: 36px;color: #666;text-align: center;display: block;}



.tit3 h4{width: 58px;height: 3px;background-color: #aab916;margin: 10px auto;}



/* ys */



.ys{

    height: 678px;

}



.ys .ys-nav{

    background-color: #e4e4e4;      

    margin-top: 30px;

    height: 460px;

    overflow: hidden;

}



.ys .ys-nav .bd .ys1 {height: 400px;padding: 30px 0;}



.ys .ys-nav .ys-l{width: 550px;height: 400px;}

.ys .ys-nav .ys-l h4{font-size: 22px;color: #666;font-weight: bold;margin-top: 50px;}

.ys .ys-nav .ys-l span{font-size: 14px;color: #666;line-height: 30px;}







.ys .ys-nav .ys-r{width: 566px;height: 400px;}





/* news */

.news{height: 620px;}

.news .news-nav{

    position: relative;

    margin: 20px auto;

}

.news .news-nav .hd {

    margin: 0 auto;

}



.news .news-nav .hd ul{margin: 0 383px;

}

.news .news-nav .hd ul li{float: left;text-align: center;width: 138px;}

.news .news-nav .hd ul li h3 a{color: #666;font-size: 18px;font-weight: bold;text-align: center;margin: 0 auto;}

.news .news-nav .hd ul li h4{    width: 138px;

    height: 3px;

    background-color: #666;

    margin: 10px auto;}



.news .news-nav .hd .on h3 a{color: #aab916;}

.news .news-nav .hd .on h4{width: 138px;

    height: 3px;

    background-color: #aab916;

    margin: 10px auto;}

.news .news-nav .bd{height: 420px; overflow: hidden;}

.news .news-nav .bd ul li{float: left;width: 260px;height: 420px;background-color: #e6e6e6;position: relative;margin:0 16px;}



.news .news-nav .bd ul li img{width: 260px;height: 214px;}



.news .news-nav .bd ul li h4{font-size: 16px;color: #aab916;font-weight: bold;width: 240px;height: 24px;display:block;overflow:hidden;text-overflow:ellipsis;padding-left: 10px;padding-top: 10px;}
.news .news-nav .bd ul li h4 a:link{ color: #aab916;}
.news .news-nav .bd ul li h4 a:hover{ color: #333;}
.news .news-nav .bd ul li span{font-size: 14px;color: #666;width: 240px;height: 125px;display:block;overflow:hidden;text-overflow:ellipsis;line-height: 30px;padding-left: 10px;}



.news .news-nav .bd ul li .more a{position: absolute;right:10px;bottom:10px;font-size: 12px;}





/* link */



.link{margin-top:30px;height: 140px;}



.link-wz{height: 50px;line-height: 50px;}

.link a{font-size: 14px;color: #444;margin:10px;}



.link-nav{}

.link-nav a{font-size: 14px;color: #666;margin-right: 20px;}