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

/* --public-- */
.wrapper{margin:0 auto;width:1200px;}
.wrap-title{margin-bottom:40px;text-align:center;overflow:hidden;animation:fadeinT 1s ease;}
.wrap-title h2{font-weight:normal;font-size:36px;color:#333;}
.wrap-title h2 a{color:#333;transition:all 0.5s;}
.wrap-title h2 a:hover{color:#f19901;}
.wrap-title p{margin-top:10px;font-size:18px;color:#333;}
.wrap-title i{display:block;margin:20px auto 0;width:32px;height:4px;background:#f19901;}
/* --end public-- */

/* --banner-- */
.banner{clear:both;position:relative;z-index:1;width:100%;height:635px;overflow:hidden;background-repeat:no-repeat;background-position:center;}
/* --end banner-- */

/* --partner-- */
.partner{padding:60px 0;overflow:hidden;background:#fff;}
.partner .inner{overflow:hidden;border:#dcdcdc solid 1px;}
.partner-group{height:94px;line-height:94px;overflow:hidden;border:#dcdcdc solid 1px;}
.partner-group .tit{float:left;padding-left:40px;width:130px;font-size:20px;color:#333;}
.partner-group .list{float:right;width:1024px;}
.partner-group .list li{float:left;width:16.66%;text-align:center;overflow:hidden;}
.partner-group .list li img{width:144px;}
/* --end partner-- */

/* --photos-- */
.photos{padding:60px 0;overflow:hidden;background:#f5f5f5;}
.photos-top{float:left;width:624px;background:#fff;transition:all 1s;animation:fadeinL 1s ease;}
.photos-top i{display:block;width:624px;height:526px;overflow:hidden;}
.photos-top i img{display:block;width:100%;transition:all 1s;}
.photos-top p{height:46px;line-height:46px;text-align:center;font-size:16px;color:#333;overflow:hidden;}
.photos-top:hover{box-shadow:0 0 20px rgba(0,0,0,0.25);background:#f19901;}
.photos-top:hover img{transform:scale(1.1);}
.photos-top:hover p{color:#fff;}
.photos-list{float:right;width:576px;height:572px;animation:fadeinR 1s ease;}
.photos-list .item{float:left;margin-left:22px;margin-bottom:34px;width:266px;background:#fff;transition:all 1s;}
.photos-list .item i{display:block;width:266px;height:222px;overflow:hidden;}
.photos-list .item i img{display:block;width:100%;}
.photos-list .item p{height:46px;line-height:46px;text-align:center;font-size:14px;color:#333;overflow:hidden;}
.photos-list .item:hover{box-shadow:0 0 20px rgba(0,0,0,0.25);background:#f19901;transform:translateY(-20px);}
.photos-list .item:hover p{color:#fff;}
/* --end photos-- */

/* --problem-- */
.problem{padding:60px 0;overflow:hidden;background:#fff;}
.problem-list{position:relative;height:176px;overflow:hidden;}
.problem-list .item{position:absolute;width:382px;height:58px;line-height:58px;font-size:22px;color:#fff;background:url(../images/Inpage/problem_list.png) no-repeat;}
.problem-list .item i{display:block;float:left;width:70px;}
.problem-list .item span{display:block;padding-left:15px;overflow:hidden;}
.problem-list .item-1{top:10px;left:0;animation:fadeinR 1s ease;}
.problem-list .item-2{top:10px;left:485px;animation:fadeinR 1.5s ease;}
.problem-list .item-3{bottom:10px;left:335px;animation:fadeinR 2s ease;}
.problem-list .item-4{bottom:10px;left:820px;animation:fadeinR 2.5s ease;}
.problem-tips{margin-top:40px;padding-top:35px;text-align:center;overflow:hidden;border-top:#dedede solid 2px;}
.problem-tips p.p1{font-size:24px;color:#111;line-height:40px;animation:fadeinB 1s ease;}
.problem-tips p.p2{font-size:16px;color:#111;line-height:30px;animation:fadeinB 2s ease;}
.problem-tips p.p2 strong{font-family:"Geometr415_Blk_Bt";font-size:24px;color:#f19901;}
/* --end problem-- */

/* --adv-- */
.adv{padding:60px 0;overflow:hidden;background:#f2f2f2;}
.adv-list{overflow:hidden;}
.adv-list .item{position:relative;margin-bottom:15px;height:364px;overflow:hidden;}
.adv-list .pic{position:relative;z-index:1;height:364px;overflow:hidden;}
.adv-list .pic img{display:block;width:1200px;height:364px;}
.adv-list .text{position:absolute;z-index:2;top:0;padding:0 40px;width:450px;height:364px;overflow:hidden;}
.adv-list .text .hd{position:relative;padding-top:60px;height:120px;overflow:hidden;}
.adv-list .text .hd:after{display:block;position:absolute;left:0;bottom:0;width:435px;height:3px;content:"";background:#f19901;}
.adv-list .text .hd h3{height:60px;line-height:60px;font-size:36px;color:#000;}
.adv-list .text .hd p{height:36px;line-height:36px;font-size:20px;color:#000;}
.adv-list .text .hd p strong{color:#f19901;}
.adv-list .text .bd{padding-top:28px;overflow:hidden;}
.adv-list .text .bd p{padding-left:16px;height:30px;line-height:30px;font-size:14px;color:#333;background:url(../images/Inpage/adv_list.png) no-repeat 0 12px;}
.adv-list .even .text{left:0;animation:fadeinL 1s ease;}
.adv-list .odd .text{right:0;animation:fadeinR 1s ease;}
/* --end adv-- */

/* --case-- */
.case{padding-top:60px;overflow:hidden;background:#fff;}
.case-menu{position:relative;margin:0 auto 45px;width:894px;text-align:center;height:82px;background:#f2f2f2;}
.case-menu li{position:relative;float:left;width:25%;height:82px;line-height:82px;}
.case-menu li a{display:block;border-right:#ececec solid 1px;}
.case-menu li:last-child a{border-right:none;}
.case-menu li i{display:inline-block;position:relative;margin-right:10px;top:6px;width:25px;height:25px;}
.case-menu li i img{display:block;width:25px;height:25px;}
.case-menu li span{display:inline-block;font-size:18px;color:#111;}
.case-menu li.cur{background:#f19901;}
.case-menu li.cur i{filter:contrast(0%) brightness(200%);}
.case-menu li.cur span{color:#fff;}
.case-menu li.cur:after{display:block;position:absolute;top:100%;left:0;width:100%;height:40px;content:"";background:url(../images/Inpage/case_menu_cur.png) no-repeat center 0;}
.case-list{width:1235px;}
.case-list .item{float:left;margin-bottom:40px;margin-right:35px;width:376px;overflow:hidden;border-bottom:#e0e0e0 solid 2px;transition:all 1s;}
.case-list .pic{margin-top:20px;width:376px;height:248px;overflow:hidden;}
.case-list .pic img{display:block;width:100%;transition:all 1s;}
.case-list .text{padding:15px 0;overflow:hidden;}
.case-list .text em{display:block;padding-left:26px;height:24px;line-height:24px;font-size:16px;color:#666;background:url(../images/Inpage/time.png) no-repeat 0 center;}
.case-list .text h3{margin-top:5px;height:30px;line-height:30px;font-weight:normal;font-size:18px;overflow:hidden;}
.case-list .text h3 a{color:#000;}
.case-list .item:hover{border-color:#f19901;transform:translateY(-20px);}
.case-list .item:hover img{transform:scale(1.1);}
.case-list .item:hover h3 a{color:#f19901;}
.case-tips{padding-top:20px;height:80px;text-align:center;overflow:hidden;background:url(../images/Inpage/case_tips.png) no-repeat;}
.case-tips p.p1{font-size:24px;color:#111;line-height:35px;animation:fadeinB 1s ease;}
.case-tips p.p2{font-size:16px;color:#111;line-height:30px;animation:fadeinB 2s ease;}
.case-tips p.p2 strong{font-family:"Geometr415_Blk_Bt";font-size:24px;color:#f19901;}
/* --end case-- */

/* --vsBox-- */
.vsBox{padding-top:60px;overflow:hidden;background:#fff;}
.vsBox .inner{position:relative;padding:45px 0;overflow:hidden;background:url(../images/Inpage/vs_box_bg.png) repeat-y center;}
.vsBox .hd{height:50px;line-height:50px;font-size:30px;color:#111;overflow:hidden;background:url(../images/Inpage/VS_tit.png) no-repeat 47.5% center;}
.vs-group{position:relative;margin-top:10px;height:108px;overflow:hidden;background:url(../images/Inpage/vs_group.png) no-repeat 1px 0;}
.vs-group .tag{position:absolute;left:50%;top:50%;margin-left:-68px;margin-top:-38px;width:76px;height:76px;line-height:76px;text-align:center;font-size:20px;color:#fff;}
.vs-group .item{height:108px;line-height:108px;font-size:20px;color:#111;}
.vs-group .item-1{float:left;padding:0 80px 0 20px;width:416px;animation:fadeinL 2s ease;}
.vs-group .item-2{float:right;padding:0 20px 0 80px;width:476px;font-weight:bold;animation:fadeinR 2s ease;}
/* --end vsBox-- */

/* --team-- */
.team{padding:60px 0;overflow:hidden;background:#fff;}
.team-top{height:412px;overflow:hidden;}
.team-top img{display:block;width:1200px;height:412px;}
.team-list{width:1215px;overflow:hidden;}
.team-list .item{float:left;margin-top:15px;margin-right:15px;width:390px;height:260px;overflow:hidden;}
.team-list .item img{display:block;width:100%;}
/* --end team-- */

/* --intro-- */
.intro{padding:60px 0 40px;overflow:hidden;background:#f3f3f3 url(../images/Inpage/intro_bg.jpg) no-repeat center bottom;}
.intro .text{padding:15px 0;height:25px;line-height:25px;text-align:center;overflow:hidden;}
.intro .text span{display:inline-block;margin:0 48px;padding-left:18px;font-size:18px;color:#333;background:url(../images/Inpage/adv_list.png) no-repeat 0 center;}
.intro .inner{margin-top:42px;overflow:hidden;}
.intro .chart{float:right;margin-top:8px;width:600px;height:364px;overflow:hidden;}
.intro .chart .item{position:relative;float:left;padding:54px 0;width:300px;height:72px;text-align:center;}
.intro .chart .item strong{position:relative;z-index:2;display:block;font-size:48px;color:#111;}
.intro .chart .item strong:after{display:inline-block;position:relative;z-index:-1;top:-30px;left:-15px;width:16px;height:16px;content:"";background:#f19901;border-radius:50%;animation:scale 3s ease-in-out infinite;}
.intro .chart .item p{display:block;font-size:16px;color:#111;}
/* --end intro-- */

/* --faq-- */
.faq{padding:60px 0;overflow:hidden;background:#fff;}
.faq-list{width:1300px;overflow:hidden;}
.faq-list .item{float:left;margin-right:100px;padding:26px 0;width:550px;overflow:hidden;border-bottom:#ddd dashed 1px;}
.faq-list .item dt{padding-left:35px;height:30px;line-height:30px;font-size:16px;overflow:hidden;background:url(../images/Inpage/Q.png) no-repeat 0 center;}
.faq-list .item dt a{color:#111;}
.faq-list .item dd{margin-top:5px;padding-left:35px;height:50px;line-height:25px;font-size:14px;overflow:hidden;background:url(../images/Inpage/A.png) no-repeat 0 0;}
.faq-list .item dd a{color:#333;}
.faq-list .item:hover dt a{color:#f19901;}
.faq .btnBox{margin:42px auto 0;width:280px;height:53px;line-height:53px;text-align:center;background:url(../images/Inpage/faq_btnBox.png) no-repeat;}
.faq .btnBox a{display:block;float:left;width:50%;font-size:16px;transition:all 0.5s;}
.faq .btnBox a.btn01{color:#040407;}
.faq .btnBox a.btn02{color:#fff;}
.faq .btnBox a:hover{font-weight:bold;letter-spacing:2px;}
/* --end faq-- */

/* --ad-- */
.ad{padding:70px 0;overflow:hidden;background:#fff;border-top:#f2f2f2 solid 10px;}
.ad .inner{height:260px;overflow:hidden;background:url(../images/Inpage/ad_bg.jpg) no-repeat 354px bottom;}
.ad .text{float:left;width:500px;overflow:hidden;}
.ad .text h3{height:50px;line-height:50px;font-weight:normal;font-size:30px;color:#333;}
.ad .text h2{height:50px;line-height:50px;font-size:36px;color:#333;}
.ad .text h4{display:inline-block;margin-top:15px;padding:0 20px 0 10px;height:46px;line-height:46px;font-weight:normal;font-size:20px;color:#fff;background:#f19901 url(../images/Inpage/ad_h4.png) no-repeat right center;}
.ad .text dl{margin-top:60px;height:37px;line-height:37px;overflow:hidden;background:url(../images/Inpage/ad_tel.png) no-repeat 0 center;}
.ad .text dt{float:left;padding-left:48px;font-size:18px;color:#333;}
.ad .text dd{font-size:24px;color:#f19901;font-weight:bold;overflow:hidden;}
.ad .form{float:right;width:514px;overflow:hidden;}
.ad .ibtBox1{overflow:hidden;}
.ad .ibtBox1 input{display:block;padding:10px;width:250px;height:55px;font-size:14px;border:#dadada solid 1px;transition:all 0.5s;box-sizing:border-box;}
.ad .ibtBox1 input.userName{float:left;background:url(../images/Inpage/userName.png) no-repeat 96% center;}
.ad .ibtBox1 input.userPhone{float:right;background:url(../images/Inpage/userPhone.png) no-repeat 96% center;}
.ad .ibtBox2{margin-top:14px;overflow:hidden;}
.ad .ibtBox2 input{display:block;padding:10px;width:100%;height:55px;font-size:14px;border:#dadada solid 1px;transition:all 0.5s;box-sizing:border-box;}
.ad .ibtBox2 input.userAddress{float:left;background:url(../images/Inpage/userAddress.png) no-repeat 97% center;}
.ad .ibtBox2 input.userTxt{float:right;background:url(../images/Inpage/userTxt.png) no-repeat 97% center;}
.ad .ibtBox1 input.cur,.ad .ibtBox2 input.cur{border-color:#f19901;}
.ad .btnBox{margin-top:14px;overflow:hidden;}
.ad .btnBox a{display:block;height:55px;line-height:55px;font-size:18px;font-weight:bold;color:#fff;text-align:center;background:#f19901;}
.ad .btnBox a:hover{background:#a96f0c;}
/* --end ad-- */


/* --sbazfw-- */
.sbazfw{padding:80px 0 25px;overflow:hidden;background:#fff;}
.sbazfw .inner{padding-top:25px;text-align:center;overflow:hidden;}
.sbazfw .inner .item{display:inline-block;margin:0 11px;width:214px;height:212px;text-align:center;overflow:hidden;box-sizing:border-box;}
.sbazfw .inner .item i{display:block;margin:0 auto;width:70px;height:70px;}
.sbazfw .inner .item i img{display:block;width:100%;}
.sbazfw .inner .item p{margin-top:15px;height:30px;line-height:30px;font-size:20px;color:#111;}
.sbazfw .list1,.sbazfw .list2{margin:-15px 0;overflow:hidden;}
.sbazfw .list1 .item{padding-top:25px;padding-bottom:50px;background:url(../images/Inpage/sbaz_info01.png) no-repeat;}
.sbazfw .list1 .item:nth-child(1){animation:fadeinT 1s ease;}
.sbazfw .list1 .item:nth-child(2){animation:fadeinT 1.5s ease;}
.sbazfw .list1 .item:nth-child(3){animation:fadeinT 2s ease;}
.sbazfw .list1 .item:nth-child(4){animation:fadeinT 2.5s ease;}
.sbazfw .list1 .item:nth-child(5){animation:fadeinT 3s ease;}
.sbazfw .list2 .item{padding-top:50px;padding-bottom:25px;background:url(../images/Inpage/sbaz_info02.png) no-repeat;}
.sbazfw .list2 .item:nth-child(1){animation:fadeinB 1s ease;}
.sbazfw .list2 .item:nth-child(2){animation:fadeinB 1.5s ease;}
.sbazfw .list2 .item:nth-child(3){animation:fadeinB 2s ease;}
.sbazfw .list2 .item:nth-child(4){animation:fadeinB 2.5s ease;}
/* --end sbazfw-- */

/* --fwjd-- */
.fwjd{padding:60px 0;overflow:hidden;background:#fff;}
.fwjd .inner{padding-top:25px;overflow:hidden;}
.fwjd .item{float:left;margin-left:-40px;width:330px;height:390px;text-align:center;overflow:hidden;background:url(../images/Inpage/fwjd_item.png) no-repeat;}
.fwjd .item i{display:block;margin:75px auto 0;width:60px;height:60px;overflow:hidden;}
.fwjd .item i img{display:block;width:60px;height:60px;}
.fwjd .item h3{margin-bottom:5px;height:50px;line-height:50px;font-size:28px;color:#333;}
.fwjd .item p{line-height:38px;font-size:16px;color:#333;}
.fwjd .item-1{position:relative;z-index:1;margin-left:0;animation:bounceinR 1s ease-in-out;}
.fwjd .item-2{position:relative;z-index:2;animation:bounceinR 2s ease-in-out;}
.fwjd .item-3{position:relative;z-index:3;animation:bounceinR 3s ease-in-out;}
.fwjd .item-4{position:relative;z-index:4;animation:bounceinR 4s ease-in-out;}
/* --end fwjd-- */

/* --videos-- */
.videos{padding:60px 0;overflow:hidden;background:#f4f4f4;}
.videos-slide{overflow:hidden;}
.videos-list .item{position:relative;float:left;margin-right:35px;width:376px;background:#fff;}
.videos-list .item a{display:block;}
.videos-list .item a:after{display:block;position:absolute;top:0;left:0;width:376px;height:246px;content:"";background:url(../images/Inpage/player_btn.png) no-repeat center;transition:all 0.5s;}
.videos-list .item i{display:block;width:376px;height:246px;overflow:hidden;}
.videos-list .item i img{display:block;width:376px;height:246px;transition:all 1s ease-in-out;}
.videos-list .item p{height:50px;line-height:50px;text-align:center;font-size:16px;color:#333;overflow:hidden;text-overflow:end;white-space:nowrap;}
.videos-list .item:hover{color:#fff;background:#f19901;}
.videos-list .item:hover a:after{transform:rotate(360deg);}
.videos-list .item:hover p{color:#fff;}
.videos-list .item:hover i img{transform:scale(1.1);}
.videos-slide .hd{margin-top:45px;text-align:center;}
.videos-slide .hd li{display:inline-block;margin:0 4px;width:9px;height:9px;text-indent:-9999px;cursor:pointer;background:#444;border-radius:5px;transition:all 0.5s;}
.videos-slide .hd li.cur{width:22px;background:#f19901;}
/* --end videos-- */

/* --advantage-- */
.advantage{padding:60px 0;overflow:hidden;background:url(../images/Inpage/advantage_bg.png);}
.advantage-list{position:relative;height:480px;overflow:hidden;}
.advantage-list .item{position:absolute;width:232px;height:268px;left:45%;top:30%;text-align:center;overflow:hidden;background:url(../images/Inpage/advantage_item.png) no-repeat;transition:all 2s ease-in-out;}
.advantage-list .item i{display:block;margin:35px auto 0;width:60px;height:60px;}
.advantage-list .item i img{display:block;width:60px;height:60px;}
.advantage-list .item h3{height:45px;line-height:45px;font-size:26px;color:#333;}
.advantage-list .item p{height:26px;line-height:26px;font-size:13px;color:#333;}
.advantage-list .item strong{display:block;margin:10px 0;height:30px;line-height:30px;font-size:24px;color:#f19901;}
.advantage-list .item a{display:block;margin:0 auto;width:120px;height:30px;line-height:30px;font-size:13px;color:#333;border-radius:5px;}
.advantage-list .item a:hover{color:#fff;background:#f19901;}
.advantage-list.animated .item-1{top:0;left:122px;}
.advantage-list.animated .item-2{top:0;left:366px;}
.advantage-list.animated .item-3{top:0;left:610px;}
.advantage-list.animated .item-4{top:0;left:854px;}
.advantage-list.animated .item-5{top:210px;left:0;}
.advantage-list.animated .item-6{top:210px;left:244px;}
.advantage-list.animated .item-7{top:210px;left:488px;}
.advantage-list.animated .item-8{top:210px;left:732px;}
.advantage-list.animated .item-9{top:210px;left:976px;}
/* --end advantage-- */

/* --customer-- */
.customer{padding-bottom:60px;overflow:hidden;background:#fff;}
.customer-list{padding-right:1px;padding-bottom:1px;width:1197px;overflow:hidden;background:#ededed;}
.customer-list .item{position:relative;float:left;margin-left:1px;margin-top:1px;width:170px;height:110px;text-align:center;background:#fff;}
.customer-list .item img{display:block;width:170px;height:110px;}
.customer-list .item span{display:block;position:absolute;left:0;top:0;width:100%;height:100%;line-height:110px;font-size:20px;color:#fff;background:#f19901;opacity:0;}
.customer-list .item span:before,.customer-list .item span:after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.customer-list .item span:before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.customer-list .item span:after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.customer-list .item:hover span:before,.customer-list .item:hover span:after{opacity:1;transform:scale(1);transition: all 1s;}
.customer-list .item:hover span{opacity:1;}
/* --end customer-- */