﻿@import url('master.css');
@import url('headfoot.css');

.indexcon{margin:0 auto;width:1200px;overflow:hidden;}

/*首页动画图片*/
.banner { width: 100%; height: 800px; position: relative; overflow: hidden; margin-top: 60px; }
.banner ul { position: absolute; left: 50%; margin-left: -960px; top: 0; }
.banner ul li { width: 1920px; height: 800px; float: left; overflow: hidden; }
.banner ul li img { display: block; width: 1920px; height: 800px; }

.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; }


/*推荐产品*/
/*.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: 214px; overflow: hidden; border-radius: 5px; }
.hotproducts .items .photo img { width: 285px; height: 214px; 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 { width: 100%; height: 490px; position: relative; overflow: hidden; }
.indexad img { width: 1920px; position: absolute; left: 50%; top: 0; margin-left: -960px; }

/*.indexad { background: #dcdcdc url(../images/ad.jpg) center; background-size: cover !important; background-attachment: fixed !important; position: relative; height: 555px;  }*/
/*.indexad .tit { font-size: 50px; line-height: 60px; font-weight: bolder; color: #e62129; text-align: center; margin-top: 50px;  }
.indexad .note { font-size: 20px; text-align: center; color: #e62129;font-weight:bold;line-height:40px;margin-top:50px; }
.indexad .progress { width: 60%; height: 9px; background-color: #FF9600; margin: 0 auto; margin-bottom: 0px; border-radius: 0; margin-bottom: 20px; overflow: visible; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); margin-top: 50px; }
.indexad .progress-bar { position: relative; float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #e62129; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; }
.indexad .block { background: #e62129; width: 15px; height: 15px; display: block; position: absolute; right: -5px; border-radius: 100%; top: -3px; }

.indexad .list{margin-top:50px;}
.indexad .list .text-center{text-align:center;}
.indexad .list .stats { background: rgba(0,0,0,0.3); display: inline-block; padding: 20px; font-weight: 400; color: #fff; font-size: 14px; font-weight: 400; }
.indexad .list .stats i{font-size:26px;font-weight:bold;margin-bottom:10px;}
.indexad .list .donate-button{margin-top:60px;}
.indexad .list .btn { color: #fff; background: #FF9600; border: 2px solid #FF9600; padding: 8px 20px; font-size: 18px; display: inline-block; line-height: 30px; border-radius:5px; text-align: center; white-space: nowrap; vertical-align: middle; }*/

.products { padding-top: 30px;width:100%; }
.products .tit { text-align: center; font-size: 20px; font-weight: bold; line-height: 40px;  }
.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:20px 0;}
.productslist .items { float: left; margin: 10px; width: 385px; overflow: hidden; }
.productslist .items .photo { width: 385px; height: 385px; overflow: hidden; border-radius: 5px; }
.productslist .items .photo img { width: 385px; height: 385px; object-fit: cover; }
.productslist .items .name { line-height: 50px; text-align: center; font-size: 16px; font-weight: bold; }
.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: #FF9600 !important; }


.customized { padding-top: 30px; background: #f4f4f4; }
.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; }
.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 { line-height: 50px; 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; }*/


.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;}
.about .office img{width:450px;margin-left:50px;}

.news { padding-top: 30px; background: #f4f4f4; }
.news .tit { text-align: center; font-size: 20px; font-weight: bold; line-height: 40px; }
.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: 190px; overflow: hidden; border-radius: 5px; }
.newslist .items .photo img { width: 285px; height: 190px; 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; }
.link .tit { font-size: 18px; font-weight: bold; }
.link .list { margin-top: 10px; }
.link .list a { margin-right: 10px; }