@charset='utf-8';
/* 广告 */
.banner{ width: 100%; height: 580px; max-width: 1920px; position: relative; overflow: hidden; margin: 0 auto;}
.banner .indexbanimg{ width: 1920px; height: 580px; position: absolute; left: 50%; margin-left: -960px; top: 0; }
.banner .layui-carousel{ margin: 0 auto;}
.banner .layui-carousel-ind{ top: -55px !important;}
.banner .layui-carousel-ind ul{ background: none !important;}
.banner .layui-carousel-ind ul li{ background: #fff; width: 16px; height: 16px;}
.banner .layui-carousel-ind ul li.layui-this{ background: #fff !important; width: 37px !important; border-radius: 8px !important; }
.banner .layui-carousel-ind ul li:hover{ background: #fff; }

/* 关于我们 */
.in-about{ width: 1200px; height: auto; overflow: hidden; padding: 60px 0; margin: 0 auto; }
.in-about .in-about-lft{ width: 620px; height: auto; float: left; }
.in-about .in-about-lft h2{ display: block; width: 100%; height: auto; font-size: 30px; text-transform: uppercase; font-weight: 300; color: #333;}
.in-about .in-about-lft h3{ display: block; width: 100%; height: auto; font-size: 18px; padding: 10px 0; text-transform: uppercase; color: #333;}
.in-about .in-about-lft p{ display: block; width: 100%; height: auto; font-size: 13px; line-height: 26px; }
.in-about .in-about-lft a{ display: block; width: 114px; height: 33px; border:solid 1px #6eb92b; line-height: 33px; text-align: center; margin-top: 15px; font-size: 12px; border-radius: 5px; color: #6eb92b;}
.in-about .in-about-lft a span{ padding-left: 5px; font-size: 16px; }
.in-about .in-about-rht{ width: 500px; height: 260px; float: right; }
.in-about .in-about-rht img{ width: 500px; height: 260px; }

/* 产品中心 */
.in-product{ width: 100%; height: auto; padding: 60px 0; overflow: hidden; background: #f5f5f5; }
.in-product .in-product-box{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; }
.in-product .in-product-box .in-pro-lft{ width: 700px; height: auto; float: left; overflow: hidden; }
.in-product .in-product-box .in-pro-lft ul li{ display: block; width: 210px; height: 250px; padding: 5px; background: #fff; float: left; margin-right: 10px; margin-bottom: 10px; text-align: center; }
.in-product .in-product-box .in-pro-lft ul li span{ line-height: 30px; }
.in-product .in-product-box .in-pro-lft ul li img{ width: 210px; height: 210px;}
.in-product .in-product-box .in-pro-rht{ width: 500px; height: auto; float: right; text-align: left;}
.in-product .in-product-box .in-pro-rht h2{ display: block; width: 100%; height: auto; font-size: 30px; text-transform: uppercase; font-weight: 300; color: #333; line-height: 30px;}
.in-product .in-product-box .in-pro-rht h3{ display: block; width: 100%; height: auto; font-size: 18px; padding: 10px 0; text-transform: uppercase; color: #333;}
.in-product .in-product-box .in-pro-rht .line{ display: block; width: 50px; height: 5px; background: #6eb92b; float: left; margin: 10px 0;}
.in-product .in-product-box .in-pro-rht p{ display: block; width: 100%; height: auto; font-size: 13px; line-height: 26px; }
.in-product .in-product-box .in-pro-rht .in-pro-ban{ width: 500px; height: 280px; background: url(../images/inprobanbg.jpg) no-repeat left top; text-align: right; box-sizing: border-box; padding: 70px 50px 0 0; margin-top: 30px;}
.in-product .in-product-box .in-pro-rht .in-pro-ban .tit{ display: block; width: 100%; height: auto; color: #fff; padding: 10px 0; }
.in-product .in-product-box .in-pro-rht .in-pro-ban .num{ display: block; width: 100%; height: auto; color: #fff; font-size: 30px; padding-right: 0;}
.in-product .in-product-box .in-pro-rht .in-pro-ban .btn{ display: block; width: 114px; height: 33px; border:solid 1px #6eb92b; line-height: 33px; text-align: center; margin-top: 15px; font-size: 12px; border-radius: 5px; color: #6eb92b; float: right;}

/* 解决方案 */
.in-solution{ width: 1200px; height: auto; padding: 50px 0; overflow: hidden; margin: 0 auto; text-align: center;}
.in-solution h2{ display: block; width: 100%; height: auto; font-size: 30px; text-transform: uppercase; font-weight: 300; color: #333; line-height: 30px;}
.in-solution h3{ display: block; width: 100%; height: auto; font-size: 24px; padding: 10px 0; text-transform: uppercase; color: #333;}
.in-solution ul{ display: block; width: 1200px; height: 240px; margin-top: 30px; }
.in-solution ul li{ display: block; width: 270px; height: 240px; float: left; margin: 0 15px; }
.in-solution ul li div{ width: 270px; height: 185px; overflow: hidden; }
.in-solution ul li div img{ width: 270px; height: 185px; }
.in-solution ul li span{ display: block; width: 270px; height: 60px; line-height: 60px; }