﻿@import url('master.css');
@import url('headfoot.css');

/*首页动画图片*/

.banner{ width:100%; height:600px; position:relative; background:#eee; overflow:hidden;}
.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;}

.bannerindeo{ position:absolute; left:0; bottom:30px; width:100%; text-align:center; z-index:99;}
.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;}
.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; }


/*首页解决方案*/
.solution { width: 100%; padding: 30px 0; }
.solutioncon { margin: 0 auto; width: 1200px; }

.solution .tit { font-size: 26px; color: #576087; font-weight: bold; height: 50px; line-height: 50px; text-align: center; }
.solution .note { margin: 10px; margin-bottom: 30px; font-size: 14px; color: #333333; text-align: center; }

.solution .list { margin-top: 10px; }
.solution .list .items { float: left; width: 340px; margin-right: 90px; text-align: center; }
.solution .list .items .photo { width: 338px; margin: 0 auto; height: 225px; overflow: hidden; border: 1px solid #dcdcdc; border-radius: 5px; }
.solution .list .items .photo img { height: 225px; width: 338px; object-fit: cover; }
.solution .list .items .name { text-align: center; font-size: 15px; line-height: 50px; }
.solution .list .items .market { text-align: left; font-size: 14px; padding: 20px; color: #333333; }
.solution .list a { color: #1e1f20; }

/*首页产品展示*/
.products{width:100%;padding:30px 0;}
.productscon{margin:0 auto;width:1200px;}

.products .tit{font-size:26px;color:#ff0000;font-weight:bold;height:50px;line-height:50px;text-align:center;}
.products .note { margin: 10px; margin-bottom: 30px; font-size: 14px; color: #333333; text-align:center;}
.products .list { margin-top: 10px; }
.products .list .items{float:left;width:240px;margin-right:80px;text-align:center;}
.products .list .items .photo{width:238px;margin:0 auto;height:238px;overflow:hidden;border:1px solid #dcdcdc;border-radius:5px;}
.products .list .items .photo img{height:238px;width:238px;object-fit:cover;}
.products .list .items .name{text-align:center;font-size:15px;line-height:25px;height:50px;overflow:hidden;margin:10px;}
.products .list .items .market{text-align:left;font-size:14px;padding:20px;color:#333333;}
.products .list a{color:#1e1f20;}


/*首页客户案例*/
.case{width:100%;padding:30px 0;}
.casecon{margin:0 auto;width:1200px;}

.case .tit { font-size: 26px; color: #ff0000; font-weight: bold; height: 50px; line-height: 50px; text-align: center; }
.case .note { margin: 10px; margin-bottom: 30px; font-size: 14px; color: #333333; text-align: center; }

.case .list { margin-top: 10px; }
.case .list .items { float: left; width: 279px; margin-right: 28px; text-align: center; }
.case .list .items .photo { width: 277px; height: 208px; overflow: hidden; border: 1px solid #dcdcdc; border-radius: 5px; }
.case .list .items .photo img { width: 277px; height: 208px; object-fit: cover; }
.case .list .items .name { text-align: center; font-size: 15px; line-height: 25px; height: 50px; overflow: hidden; margin: 10px; }
.case .list .items .market { text-align: left; font-size: 14px; padding: 20px; color: #333333; }
.case .list a { color: #1e1f20; }


/*首页关于我们*/
.about{width:100%;padding:30px 0;margin-top:30px;}
.aboutcon{width:1200px;margin:0 auto;}

.about .office{float:left;margin-right:30px;width:400px;overflow:hidden;}
.about .office img{width:400px;border-radius:5px;}

.about .list{float:left;font-size:16px;width:770px; line-height:30px;background:#fff;border-radius:5px;}
.about .list .tit{font-size:22px;font-weight:bold;color:#576087;}
.about .list .content{margin-top:10px;}
.about .list .content p{margin-top:10px;}



/*首页新闻动态*/
.news { width: 100%; padding: 30px 0; }
.newscon { width: 1220px; margin: 0 auto; }

.news .tit { font-size: 26px; color: #576087; font-weight: bold; height: 50px; line-height: 50px; text-align: center; }

.news .list { width: 1220px; margin: 0 auto; overflow: hidden; padding: 20px 0;  }
.news .list .items { float: left; margin:10px; width: 285px; overflow: hidden; }
.news .list .items .photo { width: 285px; height: 160px; overflow: hidden; border-radius: 5px; }
.news .list .items .photo img { width: 285px; height: 160px; object-fit: cover; }
.news .list .items .text{}
.news .list .items .name { line-height: 26px; font-size: 14px; overflow: hidden; padding: 10px 0; height: 46px; }
.news .list .items .date{color:#808080;}

/*首页合作品牌*/
.brands { width: 100%; padding: 30px 0; }
.brands .tit { font-size: 26px; color: #576087; font-weight: bold; height: 50px; line-height: 50px; text-align: center;margin-bottom:20px; }

.brands .list { width: 1200px; margin: 0 auto; overflow: hidden;  }
.brands .list .items { float: left; width: 200px; margin-right: 50px; overflow: hidden; padding: 10px 0px; }
.brands .list .items .photo { width:198px; height: 48px; line-height: 48px; overflow: hidden; border: 1px #e9e9e9 solid; text-align: center; vertical-align: middle; }
.brands .list .items .photo img { width:198px; height: 48px; vertical-align: middle; object-fit:cover;}




/*首页友情链接*/

.link{width:100%;margin-top:20px;}
.linkcon{width:1200px;margin:0 auto;}
.linklist{line-height:30px;padding:0 20px 20px 20px;}
.linklist a{margin-right:10px;}
.linklist a:hover{color:#ff0000;}





