@charset "utf-8";

/* CSS Document */

/*公共样式 all*/

*{margin: 0;padding: 0;outline: none;border: none;text-decoration: none;font-family: "微软雅黑","宋体";font-size: 15px;font-weight: normal;color: #555;background-color: rgba(0,0,0,0)}

h1,h2,h3,h4,h5,h6,button,p,button{list-style: none}

p{text-align: justify}

ul,ol{font-size: 0;list-style: none}

li{font-size: 15px}

body{min-width: 1200px;padding: 0 2px}

button,a{cursor: pointer}

textarea{resize:vertical}

.clearfix{clear: both;width: 100%;height: 1px;margin: 0;margin-bottom: -1px;padding: 0;display: block}

.center{max-width: 1200px;margin: 0 auto}

.right{float: right;margin-bottom: -1px;display: block}

.left{float: left;margin-bottom: -1px;display: block}

.more{display: block;width: 160px;line-height: 40px;margin: 0 auto;border-radius: 44px;text-align: center;transition: 0.3s;letter-spacing: 2px}

.img img{transition: 0.3s}

.img img:hover{transform: scale(1.1)}

/*标题 tittle*/

.tittle{width: auto;margin: 0 auto;text-align: center}

.tittle>p{color: #333;font-size: 32px;line-height: 100%;letter-spacing: 6px;text-align: center}

.tittle>span{display: inline-block;width: auto;margin: 0 auto;font-size: 20px;line-height: 40px;letter-spacing: 1px;padding:0 76px;border: 1px solid #56da15;position: relative;text-align: center;margin-top: 12px}

.tittle>span>div{position: absolute;top: -1px;left: 40%;width: 20%;background: #fff;height: 1px}

.tittle>span>div>div{width: 10px;height: 10px;background: #56da15;transform: rotate(45deg);-ms-transform:rotate(45deg);/* IE 9 */-moz-transform:rotate(45deg);/* Firefox */-webkit-transform:rotate(45deg);/* Safari 和 Chrome */-o-transform:rotate(45deg);/* Opera */margin: 0 auto;position: relative;bottom: 5px}

/*轮播图 banner*/

.banner{position: relative;height: 520px;overflow: hidden}

.ban_show{width: 1920px;height:100%;position: absolute;left: calc(50% - 960px);top: 0;overflow: hidden}

.ban_mov{height: 100%;position: absolute;left: 0;top: 0}

.ban_mov li{height: 100%;display: inline-block;width: 1920px;overflow: hidden;text-align: center}

.ban_mov li img{width: 100%;display: inline-block;height: 100%;}

.ban_ctrl{margin-top: 240px;position: relative;z-index: 1;height: 0}

.ban_ctrl button{font-size: 30px;line-height: 40px;width: 40px;text-align: center;border-radius: 6px;background: rgba(0,0,0,0.4);color: #fff}

.ban_next{float: right}

.ban_t{position: absolute;bottom: 12px;z-index: 1;text-align: center;width: 100%}

.ban_t li{display: inline-block;width: 12px;height: 12px;border-radius: 6px;background: #ff0;border: 1px solid #e60517;box-sizing: border-box;margin: 0 8px;transition: 0.5s;cursor: pointer}

.ban_t>.ban_dc{width: 12px;background: #e60517}

/*欢迎 welcome*/

.top{background: #eee}

.top li{float: left;padding: 8px 0}

.top li>a{display: block;border-right: 1px solid #aaa;line-height: 16px;padding:0px 8px;color: #999;font-size: 14px}

.top li:last-child>a{border-right:none;padding-right: 0}

.top p{line-height: 32px;color: #999}

/*导航 nav*/

.nav .logo{padding: 24px 0;width: auto}

.nav .logo>div{height: 52px;margin:0 16px}

.nav .logo img{height:100%;display: block}

.nav .logo .ltd{display: block;margin: 4px 0}

.nav .logo p span{line-height: 100%;color: #56da15}

.nav .right{margin-top: 40px}

.nav .right>li{float: left}

.nav .right li>a{display: block;color: #333;font-size: 16px;line-height: 100%;padding: 0 16px}

.nav .right li:hover>a{color:#56da15}

.nav .right>.lic>a{color:#56da15}

/*产品中心 products*/

.indx_pdt{background: url(../images/pdtbg.png) no-repeat 100%;border-top: 1px solid #ccc;padding-bottom: 60px}

.indx_pdt .tittle{margin-top: 72px}

.indx_pdt .cfy{padding-top: 24px}

.indx_pdt .cfy>li{margin-top: 32px;transition: 0.2s;box-shadow: 0 0 8px -4px #000}

.indx_pdt .cfy>li>a{display: block;background: #eee;border: 2px solid #eee}

.indx_pdt .cfy div.img{border-bottom: 296px solid #fff; border-right: 160px solid transparent;width: 26%;position: relative}

.indx_pdt .cfy div.img>div{position: absolute;left: 0;top: 0;height:298px;width: 100%;box-sizing: border-box;padding: 28px 0;overflow: hidden}

.indx_pdt .cfy div.img img{display: block;height: 100%;margin: 0 auto}

.indx_pdt .cfy div.right{position: relative;width: 54%;padding-left: 92px;margin-top: 40px}

.indx_pdt .cfy div.right>img{display: block;position: absolute;left: 0;top: 0}

.indx_pdt .cfy div.right>h6{padding:0 4px 16px 0;width: 50%;border-bottom:1px solid #56da15;font-size: 18px;line-height: 100%;letter-spacing: 1px;transition: 0.2s}

.indx_pdt .cfy div.right>p{line-height: 36px;height: 108px;overflow: hidden;padding-top: 24px;padding-right: 20px;color:#787878;letter-spacing: 1px}

.indx_pdt .cfy div.right>p>img{height: 92px;margin-top:8px;margin-right: 20px}

.indx_pdt .cfy div.right>.right{line-height: 20px;margin: 40px 28px 0 0;color: #f04;padding: 0 4px;transition: 0.2s}

.indx_pdt .cfy li:hover{box-shadow: 0 0 16px -4px #000}

.indx_pdt .cfy li:hover div.right>h6{color: #56da15}

.indx_pdt .cfy div.right>.right:hover{border-bottom: 1px solid #f04}

.indx_pdt .scd_titl{margin-top: 48px}

.indx_pdt .scd_titl>img{margin:6px 64px 0 0}

.indx_pdt .scd_titl>span{padding:0 4px 28px 0;display: inline-block;border-bottom:1px solid #56da15;font-size: 18px;line-height: 100%;letter-spacing: 1px;}

.indx_pdt .mtl{padding-top: 12px}

.indx_pdt .mtl>li{margin-top: 28px;width: 49%;margin-left: 2%;box-sizing: border-box;border: 2px solid #eee;float: left;transition: 0.2s;box-shadow: 0 0 8px -4px #000}

.indx_pdt .mtl>li:nth-child(2n+1){margin-left:0}

.indx_pdt .mtl>li a{display: block}

.indx_pdt .mtl .img{width: 50%;height: 296px;overflow: hidden}

.indx_pdt .mtl .img img{display: block;width: 100%}

.indx_pdt .mtl li>a p.right{position: relative;width: 39%;margin:32px 5% 0 0;font-size: 16px;letter-spacing: 1px;line-height: 100%;transition: 0.2s}

.indx_pdt .mtl li>a p.right span{display: block;color: #787878;line-height: 36px;max-height: 216px;overflow: hidden;margin-top: 20px}

.indx_pdt .mtl li>a p.right img{position: absolute;left: -25px;top: 0}

.indx_pdt .mtl li:hover{box-shadow: 0 0 16px -4px #000}

.indx_pdt .mtl li>a:hover p.right{color: #56da15}

/*公司简介 about*/

.indx_us{height: 600px;position: relative;overflow: hidden}

.indx_us .usbg{height:100%;position:absolute;width: 1920px;left: calc(50% - 960px);top: 0;z-index: -1}

.indx_us .usbg img{width:100%;display: block}

.indx_us .usbg div{position: absolute;left: 0;top: 0;opacity: 0.3;background: #000;width: 100%;height: 100%}

.indx_us .center{padding-top: 30px}

.indx_us .center>img{height: 540px;display: block}

.indx_us .right{width:48%;border-radius: 4px;background: rgba(0,0,0,0.5);margin-top: 28px;height: 484px}

.indx_us .right>h6{text-align: center;color: #fff;font-size: 32px;letter-spacing: 6px;line-height: 100%;padding-top: 56px}

.indx_us .right>h6 img{display: block;height: 16px;margin: 4px auto 0}

.indx_us .right>p{color: #fff;font-size: 16px;line-height: 36px;margin: 20px 40px 32px;max-height: 252px;overflow: hidden;text-indent: 32px}

.indx_us .right .more{border: 1px solid #fff;color: #fff}

.indx_us .right .more:hover{background: #fff;color: #56da15}

/*基地展示 exhibition*/

.indx_exbt{padding: 70px 0 52px;background: #eee}

.indx_exbt .tittle>span>div{background: #eee}

.indx_exbt ul{padding-top: 28px}

.indx_exbt ul li{float: left;width: 23.5%;margin: 24px 0 0 2%;box-sizing: border-box;border-radius: 6px;border: 16px solid #fff}

.indx_exbt ul li:nth-child(4n+1){margin-left:0}

.indx_exbt ul li a{display: block;height: 348px;overflow: hidden;background: #fff}

.indx_exbt ul li a img{display: block;height: 100%;transition: 0.3s}

.indx_exbt ul li a img:hover{transform: scale(1.1)}

/*新闻 news*/

.indx_news{padding: 72px 0 0}

.indx_news ul{padding-top: 28px}

.indx_news ul>li{float: left;width: 32%;margin: 24px 0 0 2%;background: rgba(86,218,21,0.1);box-sizing: border-box;padding:0 40px;border-radius: 4px;box-shadow: 0 0 8px -3px #000;transition: 0.2s}

.indx_news ul>li:nth-child(3n+1){margin-left: 0}

.indx_news ul>li>a{display: block}

.indx_news li div.to{width: 48px;height: 60px;border-radius: 0 0 24px 24px;margin: 0 auto;box-sizing: border-box;padding: 12px 12px 0;background: #56da15;margin-bottom: 20px}

.indx_news li div.to img{display: block;width:100%}

.indx_news li div.img{height: 190px;overflow: hidden;background: #fff;margin-bottom: 20px}

.indx_news li div.img img{display: block;width: 100%}

.indx_news li a>p{color: #787878;line-height: 36px;height: 108px;overflow: hidden;letter-spacing: 1px;margin-bottom: 20px}

.indx_news li>a>h6{color: #555;line-height:100%;height: 16px;font-size: 16px;overflow: hidden;letter-spacing: 1px;margin-bottom: 20px;text-align: center}

.indx_news li>a>span{display: block;color: #555;line-height:100%;height: 16px;font-size: 16px;overflow: hidden;letter-spacing: 1px;margin-bottom: 32px;text-align: center}

.indx_news li div.line{width: 50%;margin: 0 auto;height: 2px;background: #56da15;transition: 0.3s}

.indx_news li:hover{box-shadow: 0 0 16px -4px #000}

.indx_news li:hover a>div.line{width: 100%}

.indx_news li a:hover>h6{color: #56da15}

.indx_news li a:hover>p{color: #555}

.indx_news .more{color: #fff;border: 1px solid #56da15;margin-top: 40px;background:#56da15}

.indx_news .more:hover{width: 180px}

/*通栏 message*/

.indx_grgz{margin-top: 60px;height: 300px;position: relative;overflow: hidden}

.indx_grgz .ggbg{height: 100%;width: 1920px;position: absolute;left: calc(50% - 960px);top: 0;z-index: -1}

.indx_grgz .ggbg img{height: 100%;display: block}

.indx_grgz .ggbg div{position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: rgba(0,0,0,0.5);transition: 0.4s}

.indx_grgz:hover .ggbg div{background: rgba(0,0,0,0.3)}

.indx_grgz>p{font-size: 48px;color:#fff;font-weight:bold;letter-spacing: 6px;line-height:300px;text-align:center;text-shadow: 0px 1px #000, 0px -1px #000, 1px 0px #000, -1px 0 #000,3px 8px 14px #000;transition: 0.4s}

.indx_grgz:hover>p{text-shadow: 0px 1px #000, 0px -1px #000, 1px 0px #000, -1px 0 #000,3px 10px 14px #000,3px 10px 14px #000;}

/*关于我们 about*/

.indx_abt{padding: 60px 0 0}

.indx_abt .center{padding: 0 0 40px;background: #f7f7f7}

.indx_abt .abtbg{position: relative;height: 240px;overflow: hidden;margin-bottom: 40px}

.indx_abt .abtbg img{display: block;width: 100%}

.indx_abt .abtbg>p{position: absolute;width: 83.33333%;left: 8.33333%;height: 66.66666%;top: 16.66666%;box-sizing: border-box;border: 12px solid #fff;text-align: center;line-height: 132px;color: #fff;letter-spacing: 8px;font-size: 48px}

.indx_abt .abtbg>p span{color: #fff;letter-spacing: 2px;font-size: 30px}

.indx_abt .center>p{color: #787878;line-height: 36px;height: 144px;overflow: hidden;letter-spacing: 1px;text-indent: 30px;border-left:1px solid #56da15;border-right:1px solid #56da15;padding: 0 24px}

.indx_abt .more{color: #fff;border: 1px solid #56da15;margin-top: 40px;background:#56da15}

.indx_abt .more:hover{width: 180px}

/*联系我们 contact*/

.indx_cont{padding: 72px 0 0}

.indx_cont ul{padding-top: 28px}

.indx_cont ul li{float: left;width: 32%;margin: 24px 0 0 2%;transition: 0.2s}

.indx_cont ul li:hover{box-shadow: 0 0 16px -4px #000}

.indx_cont ul li:nth-child(3n+1){margin-left:0}

.indx_cont ul li>h6{background: #56da15;text-align: center;position: relative;padding: 36px 0}

.indx_cont ul .imgtxt{display: inline-block;font-size: 20px;letter-spacing: 8px;line-height: 28px;color: #fff;font-weight: bold}

.indx_cont ul .imgtxt>img{margin-right: 12px;min-height: 24px;max-height: 28px}

.indx_cont ul .imgtxt>span{font-size: 16px;letter-spacing: 2px;line-height: 28px;color: #fff}

.indx_cont ul .down{display: block;position: absolute;left: 50%;margin:0 -20px;width: 40px;height: 40px;background: #56da15;border-radius: 20px;bottom: -20px;transform: rotate(90deg);-ms-transform:rotate(90deg);/* IE 9 */-moz-transform:rotate(90deg);/* Firefox */-webkit-transform:rotate(90deg);/* Safari 和 Chrome */-o-transform:rotate(90deg);font-size: 20px;color: #fff;text-align: center;line-height: 40px;text-indent: 12px}

.indx_cont ul li>p{text-align: center;padding: 40px 4px;line-height: 20px;font-size: 16px;background: #f7f7f7;color: #787878}

/*页脚 foot*/

.foot{background: #666;padding:32px 0 0;margin-top: 60px}

.fot_cont{font-size:24px;letter-spacing: 4px;color: #ccc;line-height:100%;border-left: 1px solid #aaa;padding: 8px 0 8px 64px;margin-right: 3%}

.fot_cont img{height: 60px;display: block;margin: 0 auto 24px}

.fot_nav{max-width: 15%;margin-left: 3%}

.fot_nav li{padding: 4px 0}

.fot_nav li:first-child{padding-top: 0}

.fot_nav li a{line-height: 16px;color: #ccc}

.fot_fwmsg{;width: 500px;margin-right: 120px}

.fot_fwmsg h6{line-height: 20px;font-size: 16px;padding-bottom: 20px;color: #ccc}

.fot_fwmsg p{line-height: 26px;color: #ccc;letter-spacing: 1px;height: 78px;overflow: hidden}

.foot .cpyrt{margin-top: 24px;border-top: 1px solid #aaa}

.foot .cpyrt p{padding: 20px 0;line-height: 28px;text-align: center;color: #ccc}

.foot .cpyrt p a{line-height: 28px;color: #ccc;text-decoration: underline}

.foot .cpyrt p img{height: 16px;margin-right: 6px}

/*列表页 list*/

.list{padding: 1px 0}

.lst_chtml{margin: 32px 0;background: #f7f7f7;color: #787878}

.lst_chtml img.left{margin:8px;height: 24px}

.lst_chtml a{display: inline-block;line-height: 40px;margin: 0 4px}

.list .lst_nav{width: 236px}

.list .lst_nav>h6{line-height: 60px;text-align: center;background: #56da15;font-size: 20px;letter-spacing: 2px;color: #fff}

.list .lst_nav>ul li{margin-top: 20px}

.list .lst_nav>ul li>a{display: block;background: #f7f7f7;padding: 0 20px;line-height: 36px}

.list .lst_nav>ul li>a span{line-height: 36px}

.list .lst_nav>ul>.lic>a{color: #56da15}

.list .lst_nav>ul>.lic>a span{color: #56da15}

.list .lst_nav>ul>li:hover>a{color: #56da15}

.list .lst_nav>ul>li:hover>a span{color: #56da15}

.list .list_ctent{width: 900px;background: #f7f7f7;padding: 0 16px 40px}

/*页码 page*/

.list_pg{overflow:hidden; float:right; margin-top:50px}

.list_pg li{ float:left; margin-left:15px; }

.list_pg li a{padding:0 25px; height:25px; display:block; line-height:25px; border:1px solid #56da15; border-radius:3px; text-align:center; font-size:14px; color:#56da15;}

.list_pg>.pg_lic a{background:#56da15;  transition:0.5s; color:#fff}

.list_pg li:hover a{background:#56da15;  transition:0.5s; color:#fff}

.list_ctt>p{line-height: 59px;border-bottom: 1px solid #56da15;margin-bottom: 32px}

.list_ctt>p a{display: inline-block;padding: 0 8px}

.list_pg1{overflow:hidden; margin:50px 20px 0}

.list_pg1 li{display: block}

.list_pg1 li a{display: inline-block;max-width: 70%;line-height:25px;font-size:14px; border-bottom: 1px solid #ccc;height: 25px;overflow: hidden}

.list_pg1 li a:hover{color:#56da15;border-color:#56da15}

/*图片列表 list-img*/

.lst_img .l_pdt{padding-top: 20px}

.lst_img .l_pdt li{margin: 20px 0 0 2%;float: left;width: 32%;box-sizing: border-box;border: 1px solid #999;border-radius: 2px;transition: 0.2s}

.lst_img .l_pdt li:nth-child(3n+1){margin-left: 0}

.lst_img .l_pdt li>a{display: block;overflow: hidden;position: relative;height: 396px;box-sizing: border-box;padding: 24px 0}

.lst_img .l_pdt li>a img{height: 100%;display: block;transition: 0.2s;margin: 0 auto}

.lst_img .l_pdt li>a p{position: absolute;left: 0;bottom:-34px;width: 100%;transition: 0.3s;text-align: center;line-height: 32px;background: rgba(0,0,0,0.6);color: #fff;letter-spacing: 2px;box-sizing: border-box;padding: 0 6px;height: 32px;overflow: hidden}

.lst_img .l_pdt li:hover{box-shadow: 0 0 16px -4px #000}

.lst_img .l_pdt li:hover>a img{transform: scale(1.1)}

.lst_img .l_pdt li:hover>a p{bottom: 0}

/*新闻列表 list-news*/

.lst_news .l_nws{padding-top: 32px}

.lst_news .l_nws li{border-bottom: 1px dashed #aaa;padding: 0 20px}

.lst_news .l_nws li a{display: block;line-height: 24px;padding: 8px 0;transition: 0.2s}

.lst_news .l_nws li a span{line-height: 24px;transition: 0.2s}

.lst_news .l_nws li a img{height: 12px;margin: 6px}

.lst_news .l_nws li a:hover{color: #56da15;text-decoration: underline}

.lst_news .l_nws li a:hover span{color: #56da15}

/*文章 article*/

.atcl>h6{font-size: 24px;letter-spacing: 4px;text-align: center;color: #333;line-height: 100%;padding: 32px 4px 0}

.atcl>span{display: block;font-size: 14px;text-align: center;color: #787878;line-height: 100%;padding: 20px 4px 0}

.atcl .atcl_txt{padding: 32px 0 0}

.atcl .atcl_txt,.atcl .atcl_txt *{line-height: 36px;text-indent: 30px}

.atcl .atcl_txt img{display: block;margin: 12px auto;max-width: 98%}