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

/*.head {position:absolute;top:0;left:0;}*/

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

/*首页动画图片*/
.banner { width: 100%; height: 600px; position: relative; 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: 100%; }

.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: 600px; 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; }


.tit a{color:#d60000;}
.tit a:hover{color:#14a83c;}


/*首页品牌类别图片列表*/
.brands { padding-top: 30px; width: 100%; background: #ededed;background: linear-gradient(135deg,#ededed 0%,#ffffff 100%);  opacity: 0.5;}
.brands .tit { text-align: center; font-size: 26px; font-weight: bold; line-height: 40px; color: #d60000;}

.brands .titen { text-align: center; font-size: 16px; line-height: 30px;   }
.brands .list { width: 1200px; margin: 0 auto; }
.brandslist { width: 1200px;  overflow: hidden; padding: 30px 10px; }
.brandslist .items { float: left; margin: 0px; width: 380px; overflow: hidden; background:#ddd;}
.brandslist .items .photo { width: 380px; height: 255px; overflow: hidden; border-radius:5px;}
.brandslist .items .photo img { width: 100%; height: 100%; object-fit: cover; border-radius:5px;}
.brandslist .items .name { line-height: 50px; text-align: center; font-size: 12px; }
.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; }


/*首页产品类别图片列表*/
.sorts { padding-top: 30px; width: 100%; background: #e4e4e4;background: linear-gradient(135deg,#e4e4e4 0%,#ffffff 100%);  opacity: 0.5;}
.sorts .tit { text-align: center; font-size: 26px; font-weight: bold; line-height: 40px; color: #336699; }
.sorts .titen { text-align: center; font-size: 16px; line-height: 30px;  }
.sorts .list { width: 1200px; margin: 0 auto; }
.sortslist { width: 1200px; margin: 0 auto; overflow: hidden; padding: 30px 0; }

.sortslist .items { float: left; width: 220px;margin-right:25px;margin-bottom:30px; overflow: hidden; }
.sortslist .items .photo { width:218px; height: 164px; overflow: hidden; border-radius: 5px;border:1px #dcdcdc solid; }
.sortslist .items .photo img { width:218px; height: 164px; object-fit: cover; }
.sortslist .items .name { line-height: 30px; text-align: center; font-size: 14px; margin-top:10px; }
/*.sortslist .items .more { width: 80px; margin: 0 auto; text-align: center; background: #FF9600; color: #fff; padding: 5px 10px; border-radius: 5px; }*/



/*首页产品图片列表*/
.products { padding: 30px 0px; width: 100%; }
.products .tit { text-align: center; font-size: 26px; font-weight: bold; line-height: 60px; color: #336699; }
.products .titen { text-align: center; font-size: 16px; line-height: 30px;  }
.products .list { width: 1200px; margin: 0 auto; }
.productslist { width: 1200px; margin: 0 auto; overflow: hidden; padding: 20px 0; }

.productslist .items { float: left; margin-right:20px;margin-top:20px; width: 285px; overflow: hidden; }
.productslist .items .photo { width: 285px; height: 224px; overflow: hidden; border-radius: 5px; }
.productslist .items .photo img { width: 285px; height:224px; 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: 150px; margin: 0 auto; text-align: center; display: block; background: #14a83c; color: #fff; padding: 5px 10px; border-radius: 5px; }
.products .more a:hover { background: #336699 ;}


/*首页关于我们*/
.about { padding: 30px 0px; width: 100%;  background: #ededed;background: linear-gradient(135deg,#ededed 0%,#ffffff 100%);  opacity: 0.5;}
.about .tit { text-align: center; font-size: 26px; font-weight: bold; line-height: 60px; color: #336699; }
.about .titen { text-align: center; font-size: 16px; line-height: 30px;  }
.about .list { width: 1200px; margin: 0 auto; }

.about .office { margin-top:20px;float:left; width:500px;}
.about .office .photo { width: 480px; height:240px; overflow: hidden;float:left;margin-right:18px; border-radius:10px;}
.about .office .photo img { width: 480px; height:240px;   object-fit:cover;}

.about .content { margin-top:20px; float:left;width:700px; }
.about .content p { margin-bottom: 10px; font-size: 16px; line-height: 30px; }



.case { padding: 30px 0px; width: 100%; }
.case .tit { text-align: center; font-size: 26px; font-weight: bold; line-height: 40px; color: #336699; }
.case .titen { text-align: center; font-size: 16px; line-height: 30px; }
.case .note{text-align:center;line-height:50px;}
.case .list { width: 1200px; margin: 0 auto; }

.caselist { width: 1200px; margin: 0 auto; overflow: hidden; padding: 20px 0; }
.caselist .items { float: left; margin-right:24px;margin-top:20px; width: 180px; overflow: hidden; }
.caselist .items .photo { width: 178px; height: 58px; overflow: hidden; border-radius: 5px;text-align:center;background:#fff;border:1px #ebebeb solid;}
.caselist .items .photo img {height:58px;padding:1px;}

/*.indexcase .list li { width: 214px; height: 98px; float: left; margin-right:30px;margin-top:20px;overflow:hidden;border:1px #dcdcdc solid;}
.indexcase .list li img{width:214px;height:98px;}*/
/*.indexcase .list li img { max-width: 150px; max-height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }*/


/*首页应用领域列表*/
.apply { padding: 30px 0px; width: 100%;  background: #ededed;background: linear-gradient(135deg,#ededed 0%,#ffffff 100%);  opacity: 0.5;}
.apply .tit { text-align: center; font-size: 26px; font-weight: bold; line-height: 60px; color: #336699; }
.apply .titen { text-align: center; font-size: 16px; line-height: 30px;  }
.apply .list { width: 1200px; margin: 0 auto; }
.applylist { width: 1200px; margin: 0 auto; overflow: hidden; padding: 20px 0; }

.applylist .items { float: left; margin-right:20px;margin-top:20px;margin-bottom:20px; width: 285px; overflow: hidden; }
.applylist .items .photo { width: 285px; height: 250px; overflow: hidden; border-radius: 5px; }
.applylist .items .photo img { width: 285px; height:250px; object-fit: cover; }
.applylist .items .name { line-height: 50px; text-align: left; font-size: 18px;color:#fff;font-weight:bold;position:relative;top:-60px;padding-left:20px;/*background:#ededed;opacity: 0.5;*/}
/*.applylist .items .more { width: 80px; margin: 0 auto; text-align: center; background: #FF9600; color: #fff; padding: 5px 10px; border-radius: 5px; }*/






/*首页新闻滚动*/
.news { padding: 30px 0px; width: 100%; background: #e4e4e4;background: linear-gradient(135deg,#e4e4e4 0%,#ffffff 100%);  opacity: 0.5;}
.news .tit { text-align: center; font-size: 26px; font-weight: bold; line-height: 60px; color: #336699; }
.news .titen { text-align: center; font-size: 16px; line-height: 30px; }
.news .list { width: 1200px; margin: 0 auto; }
.newslist { width: 1200px; margin: 0 auto; overflow: hidden; padding: 20px 0; }
.newslist .items { float: left; margin: 10px; width: 285px; overflow: hidden; }
.newslist .items .photo { width: 283px; height: 212px; overflow: hidden; border-radius: 10px; border:1px #cfcfcf solid;
                           box-shadow: 5px 5px 10px 0 #cfcfcf;
    /*transform: translate3d(0,-2px,0);*/
    transition: all .9s cubic-bezier(.55,0,.1,1);
        
   -webkit-transition: .9s;
}
.newslist .items .photo img { width:283px; height: 212px; object-fit: cover; }
.newslist .items .name { line-height: 22px; font-size: 14px;  height:42px;overflow:hidden;padding:10px 0; text-align:left;}
.newslist .items .note { margin-top:10px;font-size:14px; }


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

.indexbookcon{width:1200px;margin:0 auto;}
.indexbook{border:1px #dcdcdc solid;margin:30px 0;border-radius:10px;}
.indexbook .tit{text-align: center; font-size: 28px; font-weight: bold; line-height: 60px; color: #003300;margin:20px;}

/*在线留言表格*/
.uctable{width:90%;margin:0 auto;overflow:hidden;}
.uctable * a{color:#0066CC;}
.uctable * a:hover{color:#FF0000;text-decoration:underline;}
.uctable tr th{background:#FFE;padding:10px;}
.uctable tr td{padding:5px 10px;color:#333;vertical-align:top;}
.uctable input{ padding: 5px 10px; border: 1px solid #dcdcdc; cursor: pointer; font-size:16px;}
.uctable tr td img{height:30px;}
.uctable input.btn { padding: 5px 10px; border:none; cursor: pointer; font-size:16px;background:#e62129;border-radius:10px;color:#fff;}