*{margin:0;padding:0;}
body{font-family: Microsoft YaHei; font-size: 16px; color: #5A5A5A;}
li{list-style: none;}
a{text-decoration: none;}
em{font-style: normal;}
img{border:none;vertical-align: middle;}
input,textarea,select{appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;}
.clear{clear:both;}

.headdiv{ width: 100%; height: 90px; background:rgba(0, 0, 0, 0.5); position:fixed;z-index: 999; top: 0; left: 0;}
.headcon{ width: 1200px; margin: 0 auto;}
.logo{width: 360px; float: left;}
.logoimg{ width: 360px; height: 90px;display: table-cell; vertical-align: middle;}
.logoimg img{vertical-align: middle;max-height: 90px;max-width: 360px;}
.menudiv{float: right;}
.menudiv ul li{width: 130px; float: left; line-height: 90px; text-align: center;}
.menudiv ul li a{color: #ffffff;display: block;}
.menudiv ul li a:hover{ color: #27c940;font-weight: bold;}
.banner{ width: 100%; height: 760px; overflow: hidden;}
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-html-caption{display:none;}
/* maxx-theme */
.maxx-theme .nivoSlider{position:relative;height:760px;width:100%;}
.maxx-theme .nivoSlider img{position:absolute;top:0;left:0;display:none;}
.maxx-theme  .nivo-directionNav{display: none;}
.maxx-theme .nivo-controlNav{display:block; position: absolute; z-index: 10; bottom: 20px;left: 50%;transform: translate(-50%,0);}
.maxx-theme .nivo-controlNav a{display:block;width: 12px; height: 12px;border-radius: 50%; background: #cccccc;font-size: 0; float: left; margin-right: 15px;}
.maxx-theme .nivo-controlNav a.active{background: #27C940;}
/****/
.nametitle{width: 100%;height: 210px;}
.nametitle .ttxt{text-align: center;font-size: 32px; font-weight: bold; color:#434343; height:60px; background: url(line.png) center bottom no-repeat; padding-top: 75px;}
.aboutdiv{ width: 1200px;height: 542px; margin: 0 auto; position: relative; }
.abimg{width: 600px; height: 400px;overflow:hidden;position: relative;z-index: 1;}
.abouttxt{width: 733px; height: 383px; border: 4px solid #27C940; position: absolute; right: 0;top: 60px;z-index: 0;}
.abouttxt p{margin: 30px 30px 30px 170px; display:block; font-size: 15px; color: #666666;line-height: 30px;}
.abouttxt a{display: block;width: 140px; height: 42px; background: #27C940; border-radius: 20px;text-align: center;line-height: 42px;
    color: #FFFFFF;transition: all 0.3s;margin-left: 170px; }
.abouttxt a:hover{background: #30e84c;}
.cpzx{width: 100%; background:#f4f4f4; padding-bottom: 95px;}
.cplist{ width: 1200px; margin: 0 auto; height: 420px;overflow: hidden;}
.cplist dl{width: 280px; height: 420px; overflow: hidden; float: left; position: relative; margin-left: 25px;}
.cplist dl:first-child{margin-left: 0;}
.cplist dl dt{position: relative;z-index: 1;}
.cplist dl dt .onimg,.cplist dl dt .aimg{width:280px; height: 420px;transition: all 0.3s;position: absolute;top: 0;}
.cplist dl dt .onimg .onimg_div{position: relative;}
.cplist dl dt .onimg .onimg_div img{position: relative;}
.cplist dl dt .onimg .onimg_div p{width: 100%; height: 100%; position:absolute;z-index: 1;background: rgba(0, 0, 0,0.2); z-index: 1;display: block;left: 0; top: 0;}
.cplist dl dt .onimg .onimg_div p span{display: block;width: 266px; height: 406px; border: 1px solid #CCCCCC; margin: 6px 0 0 6px;}
.cplist dl dt .onimg{right: 280px;}
.cplist dl dt .aimg{left: 0; }
.cplist dl dd{position: absolute;z-index: 2;width: 160px; height: 55px; text-align: center; line-height: 55px; font-size: 20px; background: rgb(0, 0, 0,0.3);
    color: #FFFFFF;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.cplist dl dt a:hover .onimg{right: 0;}
.cplist dl dt a:hover .aimg{left: 280px;}
.ggtxt{width: 100%; height: 430px;background: url(/static/index/images/bgg.jpg) center center;background-attachment: fixed;}
.gtcon{width: 1200px;padding-top: 165px; margin: 0 auto;text-align: center;color: #FFFFFF;}
.gtcon p{font-size: 32px; font-weight: bold;}
.gtcon span{display: block;font-size: 18px; letter-spacing: 20px;padding-top: 25px;}
.zxdiv{width: 1200px; margin: 0 auto;}
.zxleft{width: 570px; height: 500px;overflow: hidden; float: left;}
.zxleft a{display: block; position: relative;}
.zxleft img{width: 570px; height: 500px;position: relative;}
.zxleft p{width: 100%; height: 50px;text-align: center;line-height: 50px;color: #FFFFFF;position: absolute;left: 0;bottom: -50px;z-index: 1;
    transition: all 0.3s;background: rgba(0, 0, 0,0.5);}
.zxleft a:hover p{bottom: 0;}
.zxright{width: 600px; float: right;}
.zxright dl{width: 100%; height: 102px;border-bottom: 1px dotted #dbd4cd; margin-top:27px;}
.zxright dl:first-child{margin-top: 0;}
.zxright dl dt{background: #e8e8e8;width: 85px;height: 70px;float: left;text-align: center;margin-left: 30px;color: #fff;}
.zxright dl dt p{color: #666666;font-size: 28px;padding-top: 4px;}
.zxright dl dt span{color: #666666;font-size: 14px;display: block;}
.zxright dl dd{margin-left: 141px;}
.zxright dl dd a{font-size: 20px;color: #5A5A5A;display: block;cursor: pointer;}
.zxright dl dd a:hover{color: #27C940;}
.zxright dl dd span{font-size: 14px;line-height: 20px !important;padding-top: 10px;color: #999999;display: block;}
/****/
.footdiv{width: 100%; background: #2c2c2c; margin-top: 100px;}
.footcon {width: 1200px; margin: 0 auto; text-align: center;padding: 20px; color: #666666; font-size: 14px;}
.footcon span{padding-right: 10px;}
.footcon p{padding-top: 10px;}
/****/
.neibanner{width: 100%; height: 450px;overflow: hidden;position: relative;}
.shildname{width:320px; height: 75px;position: absolute;z-index: 1; left: 50%; top: 50%;transform: translate(-50%,-50%);}
.shildname .snon{width: 320px; height: 75px; line-height: 75px; text-align: center;font-size: 32px; color: #FFFFFF;}
.shildname .snon span{height:25px;}
.shildname .snon p{border: 1px solid #FFFFFF;}
.shildclass{width:1200px; margin: 0 auto; position: relative; z-index: 1; margin-top: -30px;}
.shildclass ul li{height: 60px; float: left;text-align: center; }
.shildclass ul li a{display: block;background: #f4f4f4;width: 100%; height: 60px;text-align: center; line-height: 60px; color: #434343; font-size: 15px;}
.shildclass ul li a.on,.shildclass ul li a:hover{background: #27C940; font-weight: bold; color: #FFFFFF;}
.dycon{padding-top:80px;font-size: 15px; line-height: 30px;width: 1200px; margin: 0 auto; clear: both;}
.product ul{margin-left: -54px;}
.product ul li{width: 330px;  border: 1px solid #EEEEEE;margin:0 0 20px 54px; float: left;}
.product ul li:hover{border: 1px solid #27C940;}
.product ul li a{display: block;margin: 15px;overflow: hidden;}
.product ul li .productimg{width:100%; height: 260px; position: relative;overflow: hidden;}
.product ul li .productimg img{width: 100%; height: 260px;position: relative;}
.product ul li .productimg p{width: 100%; height: 260px;position: absolute;z-index: 1;left: 0;top: 0;
    background:rgba(0, 0, 0, 0.6) url(5ruz.png) center center no-repeat; background-size: 42px; display: none;}
.product ul li a:hover .producttxt p{color: #27C940;}
.product ul li a:hover .productimg p{display: block;}
.producttxt p{font-size: 18px; color: #5A5A5A;margin-top: 11px;}
.producttxt span{font-size: 13px; color: #646161;line-height: 20px;display: block;margin-top: 5px;}
.newmb ul{margin-left: -70px;}
.newmb ul li{width: 350px; margin:0 0  20px 70px; float: left;}
.newmb ul li a{display: block;}
.newmb ul li .newmb_img{width: 350px; height: 260px; overflow: hidden;}
.newmb ul li .newmb_img img{width: 350px; height: 260px;transition: all 0.3s;}
.newmb ul li .newmb_txt{padding: 5px;line-height: 23px !important;}
.newmb ul li .newmb_txt p{font-size: 15px; color: #5A5A5A;}
.newmb ul li .newmb_txt em{display: block;font-size: 12px;color: #929292;margin-top: -2px;}
.newmb ul li .newmb_txt span{font-size: 13px;color: #999999; display: block;}
.newmb ul li a:hover .newmb_img img{transform: scale(1.1);}
.newmb ul li a:hover .newmb_txt p{color: #27C940;}
.rongyu ul{margin-left: -45px;}
.rongyu ul li{width: 265px; height: 365px; overflow: hidden; margin: 0 0 45px 45px; float:left;}
.rongyu ul li img{width: 265px; height: 365px;}
/****/
.btn {margin:50px 0 0px; padding: 0 10px; font-size: 14px;}
.btn p{color:#7a6955;height: 30px;line-height: 30px;overflow: hidden; font-weight: bold;}
.btn p a{color:#5A5A5A;}
.btn p a:hover{ color: #C7965C;}
/****/
.layui-laypage{clear: both;width: 100%;text-align: center; margin-top: 50px;}
.layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-skip{
    margin: 0 5px;
}
.layui-laypage-count{padding: 0 10px;}
.layui-laypage a, .layui-laypage span{ margin: 0 5px;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{ background-color:#27C940;}
.layui-laypage a:hover{ color: #27C940;}
/****/
.contitle{ font-size: 20px; color: #333333; font-weight: bold; text-align:center;}
.conxx{ text-align: center; font-size: 12px; color: #5A5A5A; padding: 10px 0;}
.con-txt{ color: #333333; line-height: 30px;}
.con-txt img{max-width: 1158px;}
.ldtd{margin-left: -50px;}
.ldtd dl{ width:260px; margin: 0 0 30px 50px;float: left;}
.ldtd dl dt{width:100%; height:320px; overflow: hidden;}
.ldtd dl dt img{width:100%; height: 100%;}
.ldtd dl dd{padding: 8px 0 0 10px;}
.ldtd dl dd p{font-size: 18px;font-weight: bold;}