@charset "utf-8";
/* 
    author:PengJin;
    date:2019-05-09;
*/

/* --banner-- */
.banner{clear:both;position:relative;width:100%;height:680px;overflow:hidden;}
.banner .hd{position:absolute;left:0;bottom:30px;width:100%;height:22px;text-align:center;}
.banner .hd li{display:inline-block;*display:line;*zoom:1;margin:0 5px;width:22px;height:22px;text-indent:-9999px;cursor:pointer;background:url(../images/Index/dot.png) no-repeat -32px 0;}
.banner .hd li.cur{background-position:0 0;}
.banner .bd,.banner .bd ul{height:680px;}
.banner .bd li{width:100%;height:680px;background:#101115;}
.banner .bd li a{display:block;width:100%;height:680px;text-indent:-9999px;background-repeat:no-repeat;background-position:center;}
.banner .prev,.banner .next{position:absolute;z-index:999;top:50%;margin-top:-40px;width:40px;height:80px;cursor:pointer;opacity:0;border:#3f3f3f solid 1px;transition: all 1s;border-radius:2px;}
.banner .prev{left:5%;background:#24211d url(../images/Index/prev.png) no-repeat center;}
.banner .next{right:5%;background:#24211d  url(../images/Index/next.png) no-repeat center;}
.banner:hover .prev,.banner:hover .next{opacity:0.5;}
.banner .prev:hover,.banner .next:hover{opacity:1;background-color:#fdc800;border-color:#e6b600;}
/* --end banner-- */

/* --search-- */
.search{line-height:59px;overflow:hidden;background:#fff;}
.search .wrapper{border-bottom:#f1f1f1 solid 1px;overflow:hidden;}
.search-keyword{float:left;padding-left:15px;width:720px;font-size:14px;overflow:hidden;}
.search-keyword strong{color:#24211d;}
.search-keyword a{display:inline-block;color:#666;}
.search-keyword a:after{content:"、";}
.search-keyword a:last-child:after{display:none;}
.search-keyword a:hover{color:#24211d;}
.search-form{position:relative;float:right;width:372px;height:59px;border-left:#f1f1f1 solid 1px;}
.search-form input{display:block;padding:0 20px;width:312px;height:59px;line-height:59px;font-size:14px;border:none;background:transparent;}
.search-form button{display:block;position:absolute;right:0;top:0;width:60px;height:60px;cursor:pointer;border:none;background:#fdc800 url(../images/Index/search_btn.png) no-repeat;}
.search-form button:hover{background-color:#e6b600;}
/* --end search-- */

/* --chart-- */
.chart{padding:46px 0;overflow:hidden;background:#fff;}
.chart .item{position:relative;float:left;margin:0 18px;width:264px;height:264px;overflow:hidden;background:url(../images/Index/chart_item.png) no-repeat;}
.chart .item:nth-child(even){background-image:url(../images/Index/chart_item.png);animation:chart 3s linear infinite;}
.chart .item:nth-child(odd){background-image:url(../images/Index/chart_item02.png);animation:charts 3s linear infinite;}
.chart .icon{margin:46px auto 0;width:94px;height:94px;overflow:hidden;}
.chart .icon img{display:block;width:94px;height:94px;}
.chart .text{padding:0 60px;text-align:center;overflow:hidden;}
.chart .text strong{display:block;height:34px;line-height:34px;font-size:18px;color:#333;}
.chart .text p{height:50px;line-height:25px;font-size:14px;color:#999;}
.chart .item:hover .icon{transform:translateY(-20px) rotateY(360deg);transition:all 1s;}
@keyframes chart{
    0%{background-image:url(../images/Index/chart_item.png)}
    50%{background-image:url(../images/Index/chart_item02.png)}
    100%{background-image:url(../images/Index/chart_item.png)}
}
@keyframes charts{
    0%{background-image:url(../images/Index/chart_item02.png)}
    50%{background-image:url(../images/Index/chart_item.png)}
    100%{background-image:url(../images/Index/chart_item02.png)}
}
/* --end chart-- */

/* --product-- */
.product{padding-top:50px;overflow:hidden;background:#f5f5f5;}
.product-list{width:1236px;}
.product-list .item{float:left;margin-right:36px;margin-bottom:36px;width:375px;height:354px;overflow:hidden;background:#fff;transition:all .5s linear;}
.product-list .pic{margin:10px;width:355px;height:215px;overflow:hidden;}
.product-list .pic img{display:block;width:355px;height:215px;transition:all .5s linear;}
.product-list .text{padding:20px 40px;text-align:center;overflow:hidden;border-top:#f5f5f5 solid 1px;}
.product-list .text h3{height:32px;line-height:32px;font-size:18px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-list .text h3 a{color:#333;}
.product-list .text p{height:40px;line-height:20px;font-size:14px;color:#999;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.product-list .item:hover{transform:translateY(-20px);box-shadow:0 0 20px #ccc;}
.product-list .item:hover img{transform:scale(1.1);}
.product .btnBox{clear:both;text-align:center;height:55px;line-height:55px;overflow:hidden;}
.product .btnBox a{display:inline-block;width:160px;font-size:14px;}
.product .btnBox a.btn01{color:#24211d;background:#fdc800;}
.product .btnBox a.btn02{color:#fff;background:#24211d;}
.product .btnBox a.btn01:before{background-color:#24211d;}
.product .btnBox a.btn02:before{background-color:#fdc800;}
.product .btnBox a:hover{color:#fff;font-weight:bold;}
/* --end product-- */

/* --system-- */
.system{position:relative;padding:50px 0 80px;overflow:hidden;background:url(../images/Index/system_bg.png);}
.system-inner{position:relative;z-index:3;width:1200px;height:510px;overflow:hidden;}
.system-inner .main{position:absolute;top:0;left:50%;margin-left:-255px;width:510px;height:510px;}
.system-inner .main .bg{width:510px;height:510px;background:url(../images/Index/system_inner_bg.png) no-repeat;animation:rotate 30s linear infinite;}
.system-inner .main .pic{position:absolute;top:0;left:0;width:510px;height:510px;}
.system-inner .item{position:absolute;width:310px;/*height:54px;*/overflow:hidden;}
.system-inner .item span{display:block;height:30px;line-height:30px;font-size:24px;color:#333;}
.system-inner .item p{/*height:24px;*/line-height:24px;font-size:14px;color:#999;}
.system-inner .item p b{font-size: 16px;color: #fd9a00;}
.system-inner .item-1,.system-inner .item-2,.system-inner .item-3{left:0;padding-left:25px;text-align:left;background:url(../images/Index/system_list.png) no-repeat 0 12px;animation:bounceinR 1s linear}
.system-inner .item-4,.system-inner .item-5,.system-inner .item-6{right:0;padding-right:25px;text-align:right;background:url(../images/Index/system_list.png) no-repeat 100% 12px;animation:bounceinL 1s linear}
.system-inner .item-1,.system-inner .item-4{top:50px;}
.system-inner .item-2,.system-inner .item-5{top:228px;}
.system-inner .item-3,.system-inner .item-6{top:406px;}
.system .line{position:absolute;z-index:1;left:0;width:100%;height:1px;background:#f1f1f1;}
.system .line01{top:320px;}
.system .line02{top:500px;}
@keyframes rotate{
0{transform:rotate(0);}
50%{transform:rotate(180deg);}
100%{transform:rotate(359deg);}
}
/* --end system-- */

/* --plan-- */
.plan{padding:50px 0 14px;overflow:hidden;background:#24211d;}
.plan-list{width:1236px;}
.plan-list .item{float:left;margin-right:36px;margin-bottom:36px;width:375px;overflow:hidden;background:#fff;animation:flipinX 1s linear;}
.plan-list .pic{width:375px;height:235px;overflow:hidden;border-bottom:#24211d solid 1px;}
.plan-list .pic img{display:block;width:375px;height:235px;transition:all .5s linear;}
.plan-list .text{padding:13px;height:34px;line-height:34px;overflow:hidden;}
.plan-list .text span{display:block;padding-left:5px;width:200px;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.plan-list .text span a{color:#333;}
.plan-list .text em{display:block;float:right;width:110px;text-align:center;font-size:14px;background:#fdc800;}
.plan-list .text em a{display:block;color:#333;}
.plan-list .text em a:hover{color:#fff;}
.plan-list .item:hover img{transform:scale(1.1);}
/* --end plan-- */

/* --case-- */
.case{padding-top:50px;background:url(../images/Index/case_bg.png);}
.case-list{width:1236px;}
.case-list .item{float:left;margin-right:36px;margin-bottom:36px;width:375px;background:#fff;transition:all .5s linear;}
.case-list .pic{width:375px;height:235px;overflow:hidden;border-bottom:#f2f2f2 solid 1px;}
.case-list .pic img{display:block;width:375px;height:235px}
.case-list .text{padding:0 30px;text-align:center;overflow:hidden;}
.case-list .text .tit{display:block;height:59px;line-height:59px;font-size:18px;color:#333;overflow:hidden;border-bottom:#f1f1f1 solid 1px;text-overflow:ellipsis;white-space:nowrap;}
.case-list .text .read{display:block;height:59px;line-height:59px;font-size:14px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-list .item:hover{transform:translateY(-20px);box-shadow:0 0 20px #bbb;}
.case-list .item:hover .tit,.case-list .item:hover .read{color:#fdc800;}
.case .more{clear:both;text-align:center;height:55px;line-height:55px;overflow:hidden;}
.case .more a{display:inline-block;width:215px;color:#fff;font-size:14px;background:#24211d;}
.case .more a:before{background-color:#fdc800;}
/* --end case-- */

/* --adv-- */
.adv{position:relative;padding:50px 0;height:723px;overflow:hidden;background:url(../images/Index/adv_bg.jpg) no-repeat center 0;}
.adv .wrapper{position:relative;z-index:3;}
.adv-inner{overflow:hidden;}
.adv-inner .item{position:relative;float:left;width:400px;height:600px;overflow:hidden;background:#f5f5f5;animation:flipinY 1.5s linear;}
.adv-inner .pic{position:absolute;left:0;width:400px;height:300px;overflow:hidden;}
.adv-inner .pic img{display:block;width:400px;height:300px;}
.adv-inner .pic:after{display:block;position:absolute;left:50%;margin-left:-13px;width:27px;height:14px;content:"";background:url(../images/Index/adv_arrow.png) no-repeat;}
.adv-inner .text{position:absolute;left:0;padding:40px 50px;height:220px;overflow:hidden;}
.adv-inner .text h3{display:block;height:60px;line-height:30px;font-size:24px;color:#24211d;font-weight:normal;}
.adv-inner .text strong{display:block;}
.adv-inner .text i{display:block;margin:18px 0 38px;width:22px;height:1px;background:#24211d;}
.adv-inner .text p{height:75px;line-height:25px;font-size:14px;color:#999;overflow:hidden;}
.adv-inner .even .pic,.adv-inner .odd .text{top:0;}
.adv-inner .odd .pic,.adv-inner .even .text{bottom:0;}
.adv-inner .even .pic:after{bottom:0;}
.adv-inner .odd .pic:after{top:0;transform:rotate(180deg);}
.adv #anitOut{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;}
/* --end adv-- */

/* --factory-- */
.factory{padding:50px 0;height:490px;overflow:hidden;background:url(../images/Index/factory_bg.jpg) repeat-y center bottom;animation:translateYbg 5s linear;}
.factory-inner{position:relative;height:380px;}
.factory-group{float:left;width:290px;overflow:hidden;}
.factory-group .item{position:relative;margin-bottom:20px;width:290px;height:180px;overflow:hidden;}
.factory-group .pic{width:290px;height:180px;overflow:hidden;}
.factory-group .pic img{width:290px;height:180px;}
.factory-group .tit{position:absolute;left:0;bottom:0;padding:20px 15px 0;width:260px;height:40px;line-height:40px;font-size:14px;color:#fff;background:url(../images/Index/factory_tit.png) repeat-x;}
.factory-group .pop{position:absolute;z-index:3;top:0;left:100%;width:100%;height:100%;text-align:center;background:rgba(0,0,0,0.73);transition:all .2s linear;}
.factory-group .pop a{display:block;padding:100px 0 50px;line-height:30px;font-size:14px;color:#fff;background:url(../images/Index/factory_read.png) no-repeat center 60px;}
.factory-group .item:hover .pop{left:0;}
.factory-group .item:hover .tit{display:none;}
.factory-group:nth-child(odd){animation:fadeinB .5s linear;}
.factory-slide{position:relative;float:left;margin:0 20px;width:580px;height:380px;animation:fadeinT 1.5s linear;}
.factory-slide .item{position:relative;float:left;width:580px;height:380px;}
.factory-slide .pic{width:580px;height:380px;overflow:hidden;}
.factory-slide .pic img{display:block;width:580px;height:380px;}
.factory-slide .tit{position:absolute;left:0;bottom:0;padding:20px 15px 0;width:550px;height:40px;line-height:40px;font-size:14px;text-align:center;color:#fff;background:url(../images/Index/factory_tit.png) repeat-x;}
.factory-slide .hd{margin-top:20px;text-align:center;}
.factory-slide .hd li{margin:0 1px;display:inline-block;width:11px;height:2px;text-indent:-9999px;background:#fff;}
.factory-slide .hd li.cur{background:#fdc800;}
.factory .prev,.factory .next{position:absolute;z-index:999;top:50%;margin-top:-40px;width:40px;height:80px;cursor:pointer;opacity:0;border:#3f3f3f solid 1px;transition: all 1s;border-radius:2px;}
.factory .prev{left:2%;background:#24211d url(../images/Index/prev.png) no-repeat center;}
.factory .next{right:2%;background:#24211d  url(../images/Index/next.png) no-repeat center;}
.factory:hover .prev,.factory:hover .next{opacity:0.5;}
.factory .prev:hover,.factory .next:hover{opacity:1;background-color:#fdc800;border-color:#e6b600;}
@keyframes translateYbg{
from{background-position:center 0;}
top{background-position:center bottom;}
}
/* --end factory-- */

/* --ensure-- */
.ensure{padding:50px 0;overflow:hidden;background:#fff;}
.ensure-list .item{float:left;padding:20px 0;width:25%;text-align:center;border-radius:50%;transition:all 1s linear;}
.ensure-list .pic{margin:0 auto;width:94px;height:94px;overflow:hidden;border-radius:50%;background:#fdc800;}
.ensure-list .text{padding-top:30px;overflow:hidden;}
.ensure-list .text span{display:block;height:20px;line-height:20px;font-size:14px;color:#999;overflow:hidden;}
.ensure-list .text p{height:26px;line-height:26px;font-size:18px;font-weight:bold;color:#333;overflow:hidden;}
.ensure-list .text em{position:relative;display:block;margin-top:22px;height:20px;line-height:20px;font-size:18px;color:#333;font-family:"FetteMittelschrift";}
.ensure-list .text em:before,.ensure-list .text em:after{display:block;position:absolute;top:50%;width:134px;height:1px;content:"";background:#dedede;}
.ensure-list .text em:before{left:0;}
.ensure-list .text em:after{right:0;}
.ensure-list .item:first-child .text em:before,.ensure-list .item:last-child .text em:after{display:none;}
.ensure-list .item:hover .pic{transform:rotateY(360deg);transition:all 1s;}
/* --end ensure-- */

/* --news-- */
.news{padding:50px 0;overflow:hidden;background:#f1f1f1;}
.news-menu{text-align:center;height:50px;line-height:50px;font-size:16px;}
.news-menu a{display:inline-block;margin:0 5px;width:178px;color:#333;background:#fefefe;border-radius:25px;}
.news-menu a:hover,.news-menu a.cur{color:#fff;background:#24211d;}
.news-group{padding-top:30px;}
.news-hot{float:left;padding:40px;width:420px;background:#fff;animation:fadeinL .5s linear;transition:all .5s linear;}
.news-hot em{display:block;height:30px;line-height:30px;font-size:24px;color:#dedede;}
.news-hot h3{height:40px;line-height:40px;font-size:24px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-hot h3 a{color:#333;}
.news-hot .pic{margin-top:22px;height:230px;overflow:hidden;}
.news-hot .pic img{display:block;width:100%;transition:all .5s;}
.news-hot .read{margin-top:28px;}
.news-hot .read a{display:block;width:120px;height:40px;line-height:40px;text-align:center;font-size:30px;font-family:"宋体";color:#fff;background:#fdc800;}
.news-hot:hover{box-shadow:0 0 20px #ccc;}
.news-hot:hover h3 a{color:#fdc800;}
.news-hot:hover .pic img{transform:scale(1.1);}
.news-list{float:right;width:660px;animation:fadeinR .5s linear;}
.news-list .item{width:660px;overflow:hidden;border-bottom:#e7e7e7 solid 1px;transition:all .5s;}
.news-list .item a{display:block;padding:25px 0;height:106px;overflow:hidden;}
.news-list .date{float:right;padding-right:20px;height:106px;background:url(../images/Index/news_read.png) no-repeat 0 bottom;}
.news-list .date em{display:block;height:38px;line-height:38px;font-size:24px;color:#666;font-family:"FetteMittelschrift";}
.news-list .date span{display:block;height:38px;line-height:38px;font-size:30px;color:#666;font-family:"FetteMittelschrift";}
.news-list .text{padding-left:24px;width:490px;overflow:hidden;transition:all 1s;background:url(../images/Index/news_list.png) no-repeat 0 16px;}
.news-list .text h3{height:38px;line-height:38px;font-weight:normal;font-size:24px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .text p{margin-top:6px;height:60px;line-height:30px;font-size:16px;color:#666;overflow:hidden;}
.news-list .item:hover{background:#fff;box-shadow:0 0 20px #ccc;}
.news-list .item:hover .text{background-image:url(../images/Index/news_list_cur.png);transform:translateX(20px);}
.news-list .item:hover .text h3{color:#fdc800;}
/* --end news-- */

/* --fast-- */
.fast{padding:50px 0;overflow:hidden;background:#fff;}
.fast-inner{margin:0 auto;width:1200px;height:158px;overflow:hidden;}
.fast-inner .title{float:left;width:300px;height:158px;text-align:center;background:#24211d url(../images/Index/fast_tag.png) no-repeat;}
.fast-inner .title h3{margin-top:40px;height:38px;line-height:38px;font-size:30px;font-weight:normal;color:#fff;}
.fast-inner .title h3 strong{color:#fdc800;}
.fast-inner .title em{display:block;font-size:14px/20px Arial;color:#999;}
.fast-inner .title i{display:block;margin:14px auto 0;width:20px;height:2px;background:#fff;}
.fast-menu{float:right;padding:0 14px;width:870px;height:156px;overflow:hidden;border:#dedede solid 1px;}
.fast-menu .item{padding:0 30px;height:78px;line-height:78px;font-size:14px;overflow:hidden;border-bottom:#dedede solid 1px;}
.fast-menu .more{float:right;color:#666;}
.fast-menu dl{overflow:hidden;}
.fast-menu dt{float:left;font-weight:bold;color:#333;}
.fast-menu dd{float:left;width:660px;height:78px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.fast-menu dd a{margin-right:8px;color:#666;overflow:hidden;}
.fast-menu a:hover{color:#333;}
/* --end fast-- */

/* --flinks-- */
.flinks{padding:15px 0;line-height:30px;font-size:14px;overflow:hidden;border-top:#dedede solid 1px;}
.flinks .addlink{float:right;color:#333;}
.flinks dl{overflow:hidden;}
.flinks dt{float:left;color:#333;font-weight:bold;}
.flinks dd{float:left;width:940px;overflow:hidden;}
.flinks dd a{display:inline-block;margin-right:10px;color:#666;}
.flinks dd a:hover{color:#333;}
/* --end flinks-- */