@import url('master.css');
@import url('headfoot.css');

.indexcon{margin:0 auto;width:1200px;overflow:hidden;}

/*首页动画图片*/
.banner { width: 100%; height: 600px; position: relative; overflow: hidden; margin-top: 50px; }
.banner ul { position: absolute; left: 50%; margin-left: -960px; top: 0; }
.banner ul li { width: 1920px; height: 600px; float: left; overflow: hidden; }
.banner ul li img { display: block; width: 1920px; height: 600px; }

.banner .bannerindeo { position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; z-index: 99; }
.banner .bannerindeo a { display: inline-block; width: 12px; height: 12px; background: url(../images/cycle_b.png) no-repeat; margin-right: 12px; line-height: 500px; overflow: hidden; }
.banner .bannerindeo a.cur { background: url(../images/cycle_w.png) no-repeat; }

.banner .bannerarrow { position: absolute; left: 0; top: 50%; width: 100%; z-index: 199; }
.banner .bannerarrow a.prev { font-size: 36px; float: left; width: 40px; height: 40px; line-height: 40px; border-radius:20px; background: #fff; color: #333; text-align: center; opacity: 0.3; margin-left: 10px; margin-top: -20px; }
.banner .bannerarrow a.next { font-size: 36px; float: right; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; background: #fff; color: #333; text-align: center; opacity: 0.3; margin-right: 10px; margin-top: -20px; }

/*首页关于我们*/
.about { padding: 30px 0; border-top: 1px #dcdcdc solid; }
.about .list { width: 1200px; margin: 0 auto; }
.about .content { width: 700px; float: left; }
.about .content p { margin-bottom: 10px; font-size: 14px; line-height: 26px; }
.about .office { width: 500px; float: left;padding-top:10px; }
.about .office img { width: 450px; margin-left: 50px; }

/*首页品牌类别图片列表*/
.brands { padding-top: 30px; width: 100%; }
.brands .tit { text-align: center; font-size: 20px; font-weight: bold; line-height: 40px; color: #14a83c ;}
.brands .titen { text-align: center; font-size: 14px; line-height: 30px;   }
.brands .list { width: 1220px; margin: 0 auto; }
.brandslist { width: 1220px; margin: 0 auto; overflow: hidden; padding: 30px 0; }
.brandslist .items { float: left; margin: 10px; width: 200px; overflow: hidden; }
.brandslist .items .photo { width: 200px; height: 139px; overflow: hidden; border-radius: 5px; }
.brandslist .items .photo img { width: 200px; height: 139px; object-fit: cover; }
.brandslist .items .name { line-height: 50px; text-align: center; font-size: 16px; font-weight: bold; }
.brandslist .items .more { width: 80px; margin: 0 auto; text-align: center; background: #FF9600; color: #fff; padding: 5px 10px; border-radius: 5px; }

.brandslist .owl-nav [class*='owl-']:hover { background: #FF9600 !important; }


/*首页产品类别图片列表*/
.products { padding: 30px 0px; width: 100%; background: #ededed; }
.products .tit { text-align: center; font-size: 20px; font-weight: bold; line-height: 40px; color: #14a83c; }
.products .titen { text-align: center; font-size: 14px; line-height: 30px;  }
.products .list { width: 1220px; margin: 0 auto; }
.productslist { width: 1220px; margin: 0 auto; overflow: hidden; padding: 30px 0; }
.productslist .items { float: left; margin: 20px 10px; width: 285px; overflow: hidden; }
.productslist .items .photo { width: 285px; height: 285px; overflow: hidden; border-radius: 5px; }
.productslist .items .photo img { width: 285px; height: 285px; object-fit: cover; }
.productslist .items .name { line-height: 50px; text-align: center; font-size: 14px;  }
.productslist .items .more { width: 80px; margin: 0 auto; text-align: center; background: #FF9600; color: #fff; padding: 5px 10px; border-radius: 5px; }

.productslist .owl-nav [class*='owl-']:hover { background: #e62129 !important; }
.products .more {   }
.products .more a { width: 100px; margin: 0 auto; text-align: center; display: block; background: #119de8; color: #fff; padding: 5px 10px; border-radius: 5px; }
.products .more a:hover { background: #14a83c ;}

/*推荐产品*/
/*.hotproducts{width:1220px;margin:0 auto;overflow:hidden;padding-bottom:20px;}
.hotproducts .items{float:left;margin:10px;width:285px;overflow:hidden;}
.hotproducts .items .photo { width: 285px; height: 285px; overflow: hidden; border-radius: 5px; }
.hotproducts .items .photo img { width: 285px; height: 285px; object-fit: cover; }
.hotproducts .items .name{line-height:50px;text-align:center;font-size:16px;font-weight:bold;}
.hotproducts .items .sort{font-size:14px;text-align:center;}
.hotproducts .items .note{margin-top:10px;line-height:30px;}*/


/*.indexad { background: #dcdcdc url(../images/ad.jpg) center; background-size: cover !important; background-attachment: fixed !important; position: relative; height: 350px;  }
.indexad .tit { font-size: 30px; line-height: 60px; font-weight: bolder; color:#fff; text-align: center; margin-top: 50px;  }
.indexad .note { width: 200px; height: 50px; margin: 0 auto; font-size: 20px; text-align: center; color: #fff; margin-top: 50px; }

.indexad .note a {  display:block; background: #19579f; font-size: 20px; color: #fff; line-height: 50px; border-radius: 10px; }
.indexad .note a:hover { background: #fff; font-size: 20px; color: #19579f; }*/

/*推荐产品*/
.customized { padding-top: 30px; background: #ededed; }
.customized .tit { text-align: center; font-size: 20px; font-weight: bold; line-height: 40px; }
.customized .titen { text-align: center; font-size: 14px; line-height: 30px; width: 100px; margin: 0 auto; border-bottom: 2px #19579f solid; }
.customized .list { width: 1220px; margin: 0 auto; }
.customizedlist { width: 1220px; margin: 0 auto; overflow: hidden; padding: 20px 0; }
.customizedlist .items { float: left; margin: 10px; width: 285px; overflow: hidden; }
.customizedlist .items .photo { width: 285px; height: 285px; overflow: hidden; border-radius: 5px; }
.customizedlist .items .photo img { width: 285px; height: 285px; object-fit: cover; }
.customizedlist .items .name { margin:10px;height:50px;line-height: 25px; text-align: center; font-size: 16px; font-weight: bold; }
.customizedlist .items .more { width: 80px; margin: 0 auto; text-align: center; background: #FF9600; color: #fff; padding: 5px 10px; border-radius: 5px; }

.customizedlist .owl-nav [class*='owl-']:hover { background:#e62129 !important; }

.indexcase { padding: 30px 0px; width: 100%; background: #ededed; }
.indexcase .tit { text-align: center; font-size: 20px; font-weight: bold; line-height: 40px; color: #14a83c; }
.indexcase .titen { text-align: center; font-size: 14px; line-height: 30px; }
.indexcase .list { width: 1200px; margin: 0 auto; }
.indexcase .list li { width: 200px; height: 100px; float: left; position: relative; }
.indexcase .list li img { max-width: 150px; max-height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }


.news { padding-top: 30px;  }
.news .tit { text-align: center; font-size: 20px; font-weight: bold; line-height: 40px; color: #14a83c; }
.news .titen { text-align: center; font-size: 14px; line-height: 30px; }
.news .list { width: 1220px; margin: 0 auto; }
.newslist { width: 1220px; margin: 0 auto; overflow: hidden; padding: 20px 0; }
.newslist .items { float: left; margin: 10px; width: 285px; overflow: hidden; }
.newslist .items .photo { width: 285px; height: 160px; overflow: hidden; border-radius: 5px; }
.newslist .items .photo img { width:285px; height: 160px; object-fit: cover; }
.newslist .items .name { line-height: 22px; font-size: 14px;  height:42px;overflow:hidden;padding:10px 0;}
.newslist .items .note { margin-top:10px;font-size:14px; }


/*友情链接*/
.link { margin-top: 30px; margin-bottom:30px;}
.link .tit { font-size: 18px; font-weight: bold; }
.link .list { margin-top: 10px; }
.link .list a { margin-right: 10px; }