@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:#F4A30E;}

.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:#F4A30E;}

/* --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:#F4A30E;}

.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:#F4A30E;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/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:0px;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:24px;color:#111;line-height:30px;animation:fadeinB 2s ease;}

.problem-tips p.p2 strong{font-family:"Geometr415_Blk_Bt";font-size:24px;color:#F4A30E;}

/* --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:#F4A30E;}

.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:#F4A30E;}

.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/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:#F4A30E;}

.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/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/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;text-align: center;}

.case-list .text h3 a{color:#000;}

.case-list .item:hover{border-color:#F4A30E;transform:translateY(-20px);}

.case-list .item:hover img{transform:scale(1.1);}

.case-list .item:hover h3 a{color:#F4A30E;}

.case-tips{padding-top:20px;height:80px;text-align:center;overflow:hidden;background:url(../images/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:24px;color:#111;line-height:30px;animation:fadeinB 2s ease;}

.case-tips p.p2 strong{font-family:"Geometr415_Blk_Bt";font-size:24px;color:#F4A30E;}

/* --end case-- */



/* --vsBox-- */

.vsBox{padding-top:60px;overflow:hidden;background:#fff;}

.vsBox .inner{position:relative;padding:45px 0;overflow:hidden;background:url(../images/vs_box_bg.png) repeat-y center;}

.vsBox .hd{height:50px;line-height:50px;font-size:30px;color:#111;overflow:hidden;background:url(../images/vs_tit.png) no-repeat 47.5% center;}

.vs-group{position:relative;margin-top:10px;height:108px;overflow:hidden;background:url(../images/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/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/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:#F4A30E;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/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/a.png) no-repeat 0 0;}

.faq-list .item dd a{color:#333;}

.faq-list .item:hover dt a{color:#F4A30E;}

.faq .btnBox{margin:42px auto 0;width:280px;height:53px;line-height:53px;text-align:center;background:url(../images/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/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:#F4A30E url(../images/ad_h4.png) no-repeat right center;}

.ad .text dl{margin-top:60px;height:37px;line-height:37px;overflow:hidden;background:url(../images/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:#F4A30E;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/username.png) no-repeat 96% center;}

.ad .ibtBox1 input.userPhone{float:right;background:url(../images/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/useraddress.png) no-repeat 97% center;}

.ad .ibtBox2 input.userTxt{float:right;background:url(../images/usertxt.png) no-repeat 97% center;}

.ad .ibtBox1 input.cur,.ad .ibtBox2 input.cur{border-color:#F4A30E;}

.ad .btnBox{margin-top:14px;overflow:hidden;}

.ad .btnBox input{display:block;height:55px;line-height:55px;font-size:18px;font-weight:bold;color:#fff;text-align:center;background:#F4A30E;width: 100%;outline: none;/*! background: none; */outline: none;border: none;}

.ad .btnBox input: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/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/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/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/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:#F4A30E;}

.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:#F4A30E;}

/* --end videos-- */



/* --advantage-- */

.advantage{padding:60px 0;overflow:hidden;background:url(../images/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/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:#F4A30E;}

.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:#F4A30E;}

.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:#F4A30E;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-- */