@charset "utf-8";
/* 
    author:PengJin;
    date:2020-11-03;
*/

/*--banner--*/
.banner{clear:both;position:relative;z-index:1;width:100%;height:760px;overflow:hidden;}
.banner .hd{position:absolute;z-index:333;left:0;bottom:45px;width:100%;text-align:center;}
.banner .hd li{display:inline-block;margin:0 10px;width:17px;height:17px;text-indent:-9999px;cursor:pointer;background:url(../images/Index/dot.png) no-repeat right 0;}
.banner .hd li.cur{background-position:0 0;}
.banner .bd,.banner .bd ul{height:760px;}
.banner .bd li{width:100%;height:760px;}
.banner .bd li a{display:block;height:760px;background-repeat:no-repeat;background-position:center;}
.banner .prev,.banner .next{position:absolute;z-index:333;top:50%;margin-top:49px;width:38px;height:38px;cursor:pointer;background-color:#fff;background-repeat:no-repeat;background-position:center;border-radius:50%;transition:all 0.5s;}
.banner .prev{left:4.5%;background-image:url(../images/Index/banner_prev.png);}
.banner .next{right:4.5%;background-image:url(../images/Index/banner_next.png);}
.banner .prev:hover,.banner .next:hover{background-color:#ffc501;}
/*--end banner--*/

/*--msgForm--*/
.msgForm{padding:50px 0 40px;overflow:hidden;background:#f3f3f3;}
.msgForm h2{font-weight:normal;font-size:24px;color:#000;text-align:center;}
.msgForm .inner{position:relative;margin-top:28px;height:70px;overflow:hidden;background:url(../images/Index/msgForm_bg.png);border-radius:35px;}
.msgForm .inner ul{height:60px;background:#fff;border-radius:30px;}
.msgForm .inner li{float:left;padding-right:12px;height:60px;background:url(../images/Index/msg_form_next.png) no-repeat right center;}
.msgForm .inner li:last-child{padding-right:0;background-image:none;}
.msgForm .inner li input{display:block;padding:10px 60px;width:280px;height:60px;font-size:18px;border:none;outline:none;box-sizing:border-box;}
.msgForm .inner li input::-webkit-input-placeholder{color:#999;}
.msgForm .inner li input#txtName{background:url(../images/Index/txtName.png) no-repeat 22px center;}
.msgForm .inner li input#txtPhone{background:url(../images/Index/txtPhone.png) no-repeat 22px center;}
.msgForm .inner li input#txtArea{background:url(../images/Index/txtArea.png) no-repeat 22px center;}
.msgForm .inner li span{display:block;padding:10px 10px 10px 60px;width:130px;height:40px;line-height:40px;font-size:18px;color:#999;}
.msgForm .inner li span#txtPrice{background:url(../images/Index/txtPrice.png) no-repeat 22px center;}
.msgForm .inner li span#txtPrice em{font-family:"DIN Medium";color:#000 !important;}
.msgForm .inner a{display:block;position:absolute;top:0;right:0;width:183px;height:60px;line-height:60px;font-size:18px;text-indent:40px;color:#fff;background:#000;border-radius:30px;transition:all 0.5s;}
.msgForm .inner a:after{display:block;position:absolute;right:20px;top:50%;width:27px;height:27px;content:"";background:#ffc501 url(../images/Index/read.png) no-repeat center;border-radius:50%;transform:translateY(-50%);}
.msgForm .inner a:hover{color:#000;background:#ffc501;}
.msgForm .inner a:hover:after{background-color:#fff;background-image:url(../images/Index/read.png);}
.msgForm .tips{margin-top:22px;height:30px;line-height:30px;overflow:hidden;}
.msgForm .tips dt{float:left;padding-right:15px;width:485px;height:30px;font-size:16px;color:#000;text-align:right;border-right:#dadada solid 1px;}
.msgForm .tips dd{padding-left:16px;overflow:hidden;}
.msgForm .tips dd span{display:inline-block;padding-right:22px;margin-right:10px;font-size:16px;color:#000;background:url(../images/Index/msg_tips.png) no-repeat right center;}
.msgForm .tips dd span:last-child{margin-right:0;background-image:none;}
/*--end msgForm--*/



/*huodong*/

.huodong3{position: relative;background:url(../images/Index/huodong_3.jpg) no-repeat center;widows: 1920px;height: 906px;overflow: hidden;}
.huodong3 .zixun_3 {position: absolute;bottom: 50px;left: 50%;margin-left: -87.5px;}
.huodong3 .zixun_3 a{display:block;position:relative;width:175px;height:45px;line-height:45px;text-indent:28px;font-size:16px;color:#000;background:#ffc501;border-radius:25px;box-shadow:0 10px 10px rgba(255,197,1,0.2);transition:all 0.5s;}
.huodong3 .zixun_3 a:after{display:block;position:absolute;top:50%;right:10px;width:27px;height:27px;content:"";background:#fff url(../images/Index/read.png) no-repeat center;border-radius:50%;transform:translateY(-50%);}
.huodong3 .zixun_3 a:hover{color:#fff;background:#0f0f0f;}

/*end huodong*/



/*--product--*/
.product{padding:80px 0;overflow:hidden;background:#fff;}
.product .wrap-title{margin-bottom:20px;}
.product-menu{margin-bottom:45px;height:20px;line-height:20px;text-align:center;}
.product-menu li{display:inline-block;height:45px;font-size:16px;}
.product-menu li a{display:block;padding:0 16px;color:#999;border-right:#ebebeb solid 1px;}
.product-menu li:hover a{color:#000;transition:all 0.5s;}
.product-slide{position:relative;height:580px;}
.product-slide .tempWrap{overflow:visible !important;}
.product-list .item{position:relative;margin-right:50px;width:1300px;height:580px;overflow:hidden;}
.product-list .pic{position:relative;width:800px;}
.product-list .pic img{display:block;position:absolute;top:0;right:0;width:1100px;height:580px;}
.product-list .text{position:absolute;z-index:9;top:90px;right:0;bottom:90px;padding:50px;width:460px;overflow:hidden;background:#f3f3f3;opacity:0;transition:all 0.5s;transform:scale(0);}
.product-list .text h3{padding-bottom:28px;height:30px;line-height:30px;font-weight:normal;font-size:24px;color:#333;border-bottom:#dadada solid 1px;}
.product-list .text h3 a{color:#333;}
.product-list .text h3 em{display:inline-block;margin-left:10px;}
.product-list .text .summary{padding-top:22px;line-height:28px;font-size:16px;color:#666;overflow:hidden;}
.product-list .item.cur{overflow:visible !important;}
.product-list .item.cur .text{opacity:1;transform:scale(1);}
.product-ctrl{position:absolute;z-index:99;bottom:140px;right:50px;width:460px;height:45px;line-height:45px;overflow:hidden;}
.product-ctrl .prev,.product-ctrl .next{float:left;width:41px;height:41px;cursor:pointer;border:#e3e3e3 solid 2px;border-radius:50%;}
.product-ctrl .prev{background:url(../images/Index/prev.png) no-repeat center;}
.product-ctrl .next{margin-left:16px;background:url(../images/Index/next.png) no-repeat center;}
.product-ctrl .pageState{float:right;font-family:"DIN Medium";font-size:20px;color:#ccc;}
.product-story{margin-top:20px;height:200px;overflow:hidden;background:#f3f3f3 url(../images/Index/pro_story_bg.png) no-repeat right bottom;}
.product-story .pic{position:relative;float:left;width:800px;height:200px;overflow:hidden;}
.product-story .pic img{display:block;width:800px;height:200px;}
.product-story .pic .playerBtn{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/Index/playerBtn.png) no-repeat center;transition:all 0.5s;}
.product-story .pic .playerBtn:hover{background-color:rgba(0,0,0,0.25);}
.product-story .text{padding-top:40px;padding-left:50px;overflow:hidden;}
.product-story .text h3{font-weight:normal;font-size:32px;line-height:1;color:#333;}
.product-story .text em{font-size:52px;font-family:"DIN Medium";line-height:1;color:#e4e4e4;text-transform:uppercustomer;}
.product-story .text a.read{display:block;margin-top:20px;width:27px;height:27px;background:#ffc501 url(../images/Index/read.png) no-repeat center;border-radius:50%;}
.product-story .text a.read:hover{background-color:#000;background-image:url(../images/Index/read_white.png);}
.product-ad{margin-top:60px;overflow:hidden;background:#fff;}
.product-ad img{display:block;width:100%;height:520px;transition:all 0.5s;}
.product-ad a:hover img{opacity:0.85;}
/*--end product--*/

/*--aboutus--*/
.aboutus{position:relative;padding:80px 0 40px;height:640px;overflow:hidden;background:url(../images/Index/step_bg.jpg) no-repeat center 0;}
.aboutus .wrapper{position:relative;z-index:3;}
.aboutus .wrap-title{position:relative;padding-bottom:60px;text-align:left;}
.aboutus .wrap-title p{margin-top:26px;}
.aboutus .wrap-title:after{display:block;position:absolute;left:0;bottom:0;width:22px;height:4px;content:"";background:#ffc501;}
.aboutus .inner{position:relative;height:510px;overflow:hidden;}
.aboutus .inner .text{width:410px;}
.aboutus .inner .playerBtn{position:absolute;right:222px;top:238px;width:51px;height:51px;cursor:pointer;background:url(../images/Index/playerBtn.png) no-repeat;transition:all 0.5s;}
.aboutus .inner .playerBtn:hover{transform:rotate(360deg);}
.aboutus .list{overflow:hidden;background:#fff;}
.aboutus .item{position:relative;float:left;padding:25px 0;width:20%;height:80px;text-align:center;overflow:hidden;} 
.aboutus .item:after{display:block;position:absolute;right:0;top:25px;bottom:25px;width:1px;content:"";background:#e5e5e5;}
.aboutus .item:last-child:after{display:none;}
.aboutus .item em{display:block;font-size:32px;line-height:1;font-family:"DIN Medium";color:#000;}
.aboutus .item p{margin-top:10px;font-size:16px;color:#000;line-height:22px;}
.aboutus .videoBg{position:absolute;left:50%;top:50%;width:1920px;height:760px;transform:translate(-50%,-50%);filter:contrast(0.7);}
.aboutus .videoBg video{display:block;width:1920px;height:760px;}
/*--end aboutus--*/

/*--adv--*/
.adv{padding:80px 0;overflow:hidden;background-color:#f6f6f6;background-repeat:no-repeat;background-position:center;background-size:cover;}
.adv-tab{overflow:hidden;}
.adv-main{height:480px;overflow:hidden;}
.adv-main .item{padding:60px 0;height:360px;overflow:hidden;}
.adv-main .item .hd{position:relative;float:left;width:250px;height:210px;overflow:hidden;animation:fadeinL 1s;}
.adv-main .item .hd:after{display:block;position:absolute;left:0;bottom:0;width:22px;height:4px;content:"";background:#ffc501;}
.adv-main .item .hd em{height:110px;line-height:110px;font-family:"DIN Medium";font-size:100px;color:#d5d5d5;}
.adv-main .item .hd p{font-family:"DIN Medium";font-size:26px;color:#ccc;}
.adv-main .item .hd p span{display:block;font-size:20px;}
.adv-main .item .bd{position:relative;float:right;width:350px;height:312px;animation:fadeinR 1s;}
.adv-main .item .bd h3{padding-bottom:25px;font-weight:normal;font-size:42px;color:#000;border-bottom:#e5e5e5 solid 1px;}
.adv-main .item .bd p{margin:25px 0 45px;height:120px;line-height:30px;font-size:20px;color:#333;}
.adv-main .item .bd a{display:block;position:relative;width:141px;height:45px;line-height:45px;text-indent:28px;font-size:16px;color:#000;background:#ffc501;border-radius:25px;box-shadow:0 10px 10px rgba(255,197,1,0.2);transition:all 0.5s;}
.adv-main .item .bd a:after{display:block;position:absolute;top:50%;right:10px;width:27px;height:27px;content:"";background:#fff url(../images/Index/read.png) no-repeat center;border-radius:50%;transform:translateY(-50%);}
.adv-main .item .bd a:hover{color:#fff;background:#0f0f0f;}
.adv-menu{width:1336px;height:78px;}
.adv-menu li{float:left;margin-right:36px;padding:20px 0;width:230px;height:30px;text-align:center;font-size:20px;color:#fff;cursor:pointer;background:#0f0f0f;border-radius:40px;}
.adv-menu li i{display:inline-block;margin-right:15px;width:30px;height:30px;vertical-align:middle;background:url(../images/Index/adv_icon.png) no-repeat;}
.adv-menu li span{display:inline-block;vertical-align:middle;line-height:30px;}
.adv-menu li.cur{color:#000;background:#ffc501;}
.adv-menu li.cur i{transform:rotateX(360deg);transition:all 0.5s;}
.adv-menu li i.icons-adv01{background-position:-90px -30px;}
.adv-menu li.cur i.icons-adv01{background-position:-90px 0;}
.adv-menu li i.icons-adv02{background-position:-60px -30px;}
.adv-menu li.cur i.icons-adv02{background-position:-60px 0;}
.adv-menu li i.icons-adv03{background-position:-120px -30px;}
.adv-menu li.cur i.icons-adv03{background-position:-120px 0;}
.adv-menu li i.icons-adv04{background-position:0 -30px;}
.adv-menu li.cur i.icons-adv04{background-position:0 0;}
.adv-menu li i.icons-adv05{background-position:-30px -30px;}
.adv-menu li.cur i.icons-adv05{background-position:-30px 0;}
/*--end adv--*/

/*--team--*/
.team{position:relative;padding:70px 0;overflow:hidden;background:#fff url(../images/Index/team_bg.jpg) no-repeat center 0;}
.team .inner{position:relative;height:640px;overflow:hidden;}
.team .inner .team-slide{position:absolute;z-index:1;left:0;top:201px;width:100%;height:150px;}
.team .inner .pic{position:relative;z-index:9;margin:0 auto;width:1300px;height:640px;overflow:hidden;}
.team .inner .pic img{display:block;width:1300px;height:640px;}
.team .btns{position:absolute;z-index:9;left:0;bottom:194px;width:100%;height:45px;}
.team .btns a{display:block;position:relative;margin:0 auto;width:161px;height:45px;line-height:45px;text-indent:28px;font-size:16px;color:#000;background:#ffc501;border-radius:25px;box-shadow:0 10px 10px rgba(255,197,1,0.2);transition:all 0.5s;}
.team .btns a:after{display:block;position:absolute;top:50%;right:10px;width:27px;height:27px;content:"";background:#fff url(../images/Index/read.png) no-repeat center;border-radius:50%;transform:translateY(-50%);}
.team .btns a:hover{color:#fff;background:#0f0f0f;}
/*--end team--*/

/*--ad--*/
.ad{overflow:hidden;background:#fff;}
.ad .inner{height:200px;overflow:hidden;background:url(../images/Index/ad_bg.jpg) no-repeat;}
.ad .text{margin:60px auto;width:600px;text-align:center;}
.ad .text h2{font-weight:normal;font-size:32px;color:#fff;animation:fadeinT 1s;}
.ad .text a{display:inline-block;position:relative;margin-top:12px;padding-right:35px;height:27px;line-height:27px;font-size:16px;color:#fff;transition:all 0.5s;}
.ad .text a:after{display:block;position:absolute;right:0;top:0;width:27px;height:27px;content:"";background:#ffc501 url(../images/Index/read.png) no-repeat center;border-radius:50%;}
.ad .text a:hover{padding-right:50px;}
/*--end ad--*/

/*--exp--*/
.exp{padding-top:70px;overflow:hidden;background:#fff;}
.exp-tab{position:relative;padding:45px 0 40px;height:490px;overflow:hidden;}
.exp-tab:before{display:block;position:absolute;z-index:1;left:0;top:0;width:620px;height:100%;content:"";background:#f3f3f3;}
.exp-tab .arrow{position:absolute;z-index:9;left:300px;bottom:80px;width:108px;height:45px;}
.exp-tab .arrow .prev,.exp-tab .arrow .next{width:41px;height:41px;cursor:pointer;border:#000 solid 2px;border-radius:50%;}
.exp-tab .arrow .prev{float:left;background:url(../images/Index/banner_prev.png) no-repeat center;}
.exp-tab .arrow .next{float:right;background:url(../images/Index/banner_next.png) no-repeat center;}
.exp-menu{position:relative;z-index:3;float:left;padding:5px 0;width:250px;height:480px;}
.exp-menu ul{padding-left:70px;padding-right:45px;overflow:hidden;}
.exp-menu li{position:relative;height:60px;line-height:60px;font-size:18px;color:#999;cursor:pointer;}
.exp-menu li:after{display:block;position:absolute;right:0;top:50%;width:0;height:1px;content:"";background:#000;transition:all 0.5s;}
.exp-menu li:hover,.exp-menu li.cur{color:#000;}
.exp-menu li:hover:after,.exp-menu li.cur:after{width:60px;}
.exp-main{position:relative;z-index:3;float:right;width:1050px;height:490px;overflow:hidden;}
.exp-main .text{position:relative;float:left;padding:50px;width:270px;height:390px;background:#ffc501;}
.exp-main .text:after{display:block;position:absolute;top:50%;right:-8px;margin-top:-8px;width:16px;height:16px;content:"";transform:rotate(-45deg);background:#ffc501;}
.exp-main .text .hd{position:relative;padding-bottom:30px;border-bottom:#e5b101 solid 1px;}
.exp-main .text .hd em{position:absolute;right:0;top:0;font-family:"Gotham";font-size:12px;color:#000;}
.exp-main .text .hd h3{height:35px;line-height:35px;font-weight:normal;font-size:32px;color:#000;overflow:hidden;}
.exp-main .text .hd span{display:block;height:30px;line-height:30px;font-family:"Gotham";font-size:24px;color:#000;text-transform:uppercustomer;overflow:hidden;}
.exp-main .text .bd{padding-top:30px;font-size:14px;color:#000;line-height:26px;overflow:hidden;}
.exp-main .pic{float:right;width:650px;height:490px;overflow:hidden;}
.exp-main .pic img{display:block;width:650px;height:490px;transition:all 1s linear;}
.exp-main .pic:hover img{transform:scale(1.1);}
.expForm{padding:50px 0;height:60px;overflow:hidden;}
.expForm .text{float:left;width:370px;background:url(../images/Index/expForm_text.png) no-repeat 0 center;}
.expForm .text h3{height:60px;font-weight:normal;font-size:32px;line-height:60px;color:#000;}
.expForm .inner{position:relative;float:right;width:902px;height:58px;overflow:hidden;border:#eaeaea solid 1px;border-radius:30px;}
.expForm .inner li{float:left;padding-right:12px;width:380px;height:58px;background:url(../images/Index/msg_form_next.png) no-repeat right center;}
.expForm .inner li:last-child{padding-right:0;background-image:none;}
.expForm .inner li input{display:block;padding:10px 60px;width:380px;height:58px;font-size:18px;border:none;outline:none;box-sizing:border-box;}
.expForm .inner li input::-webkit-input-placeholder{color:#999;}
.expForm .inner li input#txtName2{background:url(../images/Index/txtName.png) no-repeat 22px center;}
.expForm .inner li input#txtPhone2{background:url(../images/Index/txtPhone.png) no-repeat 22px center;}
.expForm .inner a{display:block;position:absolute;top:0;right:0;width:183px;height:58px;line-height:58px;font-size:18px;text-indent:40px;color:#fff;background:#000;border-radius:30px;transition:all 0.5s;}
.expForm .inner a:after{display:block;position:absolute;right:20px;top:50%;width:27px;height:27px;content:"";background:#ffc501 url(../images/Index/read.png) no-repeat center;border-radius:50%;transform:translateY(-50%);}
.expForm .inner a:hover{color:#000;background:#ffc501;}
.expForm .inner a:hover:after{background-color:#fff;background-image:url(../images/Index/read.png);}
/*--end exp--*/

/*--customer--*/
.customer{padding:80px 0;overflow:hidden;background:#f3f3f3;}
.customer-list{width:1320px;}
.customer-list dl{float:left;margin-right:20px;margin-bottom:20px;width:310px;background:#fff;transition:all 1s;}
.customer-list dt{height:197px;overflow:hidden;}
.customer-list dt img{display:block;width:100%;transition:all 1s;}
.customer-list dd{padding:0 20px 0 40px;height:55px;line-height:55px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/Index/location.png) no-repeat 16px center;}
.customer-list dd a{color:#333;}
.customer-list dl:hover{transform:translateY(-20px);box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.customer-list dl:hover dt img{transform:scale(1.1);}
.customer-story{margin-top:20px;height:200px;overflow:hidden;background:#fff url(../images/Index/cut_story_bg.png) no-repeat right bottom;}
.customer-story .pic{position:relative;float:left;width:800px;height:200px;overflow:hidden;}
.customer-story .pic img{display:block;width:800px;height:200px;}
.customer-story .pic .playerBtn{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/Index/playerBtn.png) no-repeat center;transition:all 0.5s;}
.customer-story .pic .playerBtn:hover{background-color:rgba(0,0,0,0.25);}
.customer-story .text{padding-top:40px;padding-left:50px;overflow:hidden;}
.customer-story .text h3{font-weight:normal;font-size:32px;line-height:1;color:#333;}
.customer-story .text p{margin-top:10px;font-size:18px;line-height:1;color:#999;text-transform:uppercustomer;}
.customer-story .text a.read{display:block;margin-top:20px;width:27px;height:27px;background:#ffc501 url(../images/Index/read.png) no-repeat center;border-radius:50%;}
.customer-story .text a.read:hover{background-color:#000;background-image:url(../images/Index/read_white.png);}
/*--end customer--*/

/*--news--*/
.news{padding:60px 0;overflow:hidden;background:#fff;}
.news-tab{overflow:hidden;}
.news-menu{position:relative;padding-bottom:24px;text-align:center;overflow:hidden;border-bottom:#e5e5e5 solid 1px;}
.news-menu li{display:inline-block;height:40px;line-height:40px;font-size:22px;}
.news-menu li a{display:block;padding:0 26px;color:#999;}
.news-menu li.cur a{color:#333;}
.news-menu .curline{position:absolute;bottom:0;margin-left:59px;width:22px;height:4px;background:#ffc501;transition:all 0.5s;}
.news-main{overflow:hidden;}
.news-list{margin-top:28px;overflow:hidden;}
.news-list li{float:left;width:20%;height:40px;line-height:40px;font-size:16px;}
.news-list li a{display:block;padding-right:20px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-list li a:hover{color:#000;}
/*--end news--*/