@charset "utf-8";

 

.navBg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;background:#222;background:rgba(240,240,240,.9);opacity:0;transition:all .5s ease 0s;transform:translate(-100%,0)}
.navBg.active{opacity:1;transform:translate(0,0)}
.navTop{position:relative;z-index:1;padding:30px 40px;border-bottom:1px solid #333;border-bottom:1px solid rgba(255,255,255,.8)}
.navClose{float:right;padding:5px 0 0;width:30px;height:30px;cursor:pointer}
.navClose span{display:block;width:100%;height:1px;background:#444;transform-origin:left center}
.navClose span:first-child{transform:rotate(45deg)}.navClose span:last-child{margin-top:20px;transform:rotate(-45deg)}
.navBot{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;padding-top:100px;height:100%}
.navList{overflow:hidden;height:100%}
.navList li{float:left;width:12%;height:100%;opacity:0;transition:all .5s ease 0s;transform:translate(0,50px)}
.navList li:first-child{margin-left: 6%}
.navList li a{display:block;padding:100px 0 0 20%;height:100%;border-right:1px solid #333;border-right:1px solid rgba(255,255,255,.8);color:#666;transition:all .5s ease 0s}
.navList li a span{display:block}
.navEn{font-size:30px}
.navCn{font-size:22px}
.navList li a:hover{padding-left:10%;color:#F39800}
.navList li.text-right{padding:100px 50px 0 0;width:20%;color:#FFF;font-size:16px;line-height:36px; float: right}
.navList li.text-right p{padding-bottom: 10px}
.navtt{font-size: 18px; padding-bottom: 15px}
.navTel{font-size:22px;font-family:Verdana}
.navBotCon{position:absolute;right:2.5%;bottom:65px;padding-left:5px;width:13.5%;color:#666;font-size:12px;line-height:22px}
.navSearch{position:relative;float:right;margin-bottom:15px;padding-right:34px;width:77%;background:#F39800;line-height:32px}
.navSearch input{display:block;padding:5px 10px;width:100%;height:32px;border:none;background:0 0;color:#FFF;line-height:22px}
.searchIco{position:absolute;top:0;right:0;display:block;width:34px;color:#FFF;text-align:center;font-size:14px}
.searchIco:focus,.searchIco:hover{color:#FFF}
.navShare{font-size:14px}
.navShare li{position:relative}
.navShare li a{color:#FFF}
.navWechat{position:absolute;right:0;bottom:30px;width:100px;opacity:0;transition:all .5s ease 0s;transform:scaleY(0)}
.navShare li:hover .navWechat{opacity:1;transform:scaleY(1)}
.active .navList li{opacity:1;transform:translate(0,0)}
.active .navList li{transition-delay:.3s}
#navPage{position:fixed;top:50%;left:0;text-align:left;transition:all .1s ease-out 0s;transform:translateY(-50%)}
#navPage.noactive{left:-10%}
#navPage li{position:relative;padding-left:40px}
#navPage li:after{position:absolute;top:50%;left:0;display:block;width:0;height:1px;background:#F39800;content:"";transition:all .5s ease-out 0s}
#navPage li.active:first-child:after{width:95px}
#navPage li:first-child+li.active:after{width:95px}
#navPage li:first-child+li+li.active:after{width:110px}
#navPage li:first-child+li+li+li.active:after{width:95px}
#navPage li:first-child+li+li+li+li.active:after{width:130px}
#navPage li:first-child+li+li+li+li+li.active:after{width:115px}
#navPage li:first-child+li+li+li+li+li+li.active:after{width:95px}
#navPage li:first-child+li+li+li+li+li+li+li.active:after{width:115px}
#navPage li a{display:inline-block;color:#aaa;font-weight:700;font-size:0;font-family:Arial;line-height:34px}
#navPage li a i,#navPage li a span{display:inline-block;vertical-align:text-bottom;font-size:14px}
#navPage li a i{font-style:normal}
#navPage li a span{overflow:hidden;width:0;white-space:nowrap;transition:all .5s ease-out 0s}
#navPage li a:hover,#navPage li.active a{color:#F39800}
#navPage li a:hover span,#navPage li.active a span{width:80px}
#hmpage{opacity:0;-webkit-opacity:0}
.mbox1 .swiper-slide{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-align:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-pack:center;-webkit-flex-flow:column wrap;-ms-flex-flow:column wrap;flex-flow:column wrap;align-items:center}
.mbox1{position:relative;overflow:hidden;height:100%}
.banImg{position:relative;overflow:hidden;width:100%;height:100%}
.banImg .imgBg{position:absolute;top:0;left:0;width:100%;height:100%}
.mbox1 .swiper-slide-active .imgBg{animation:imageAnimation 6s linear 0s}
.banText{position:absolute;bottom:25%;left:60%;z-index:1;width:478px}
.ban1Line{display:block;margin:0 0 20px 0;width:65%;height:1px;background:rgba(255,255,255,.2);transition:all .5s ease 0s}
.banBorder1{position:absolute;top:-40px;right:60px;width:180px;height:300px}
.banBorder1 span{position:absolute;display:block;transition:all .5s ease 0s}
.banBorder1 span i{display:block;width:100%;height:100%;background:#FFF}
.ban1Line1{bottom:274px;left:0;width:2px;height:26px}
.ban1Line1 i{position:absolute;bottom:0;left:0}
.ban1Line2{top:0;left:2px;width:178px;height:2px}
.ban1Line3{top:2px;right:0;width:2px;height:298px}
.ban1Line4{right:0;bottom:0;width:178px;height:2px}
.ban1Line4 i{position:absolute;right:0;bottom:0}
.ban1Line5{bottom:0;left:0;width:2px;height:155px}
.ban1Line5 i{position:absolute;bottom:0;left:0}
.banBorder1:after{position:absolute;bottom:30px;left:-35px;display:block;width:49px;height:12px;background:url(../images/banIco1.png) 0 center no-repeat;content:"";animation:animatedBg 10s linear infinite}.banText2{position:absolute;top:50%;left:50%;z-index:1;margin:-334px 0 0 -334px;width:668px;height:668px}.banTextCn2,.banTextEn2{position:absolute;top:0;right:0;bottom:0;left:0}.banTextCir{position:absolute;top:0;right:0;bottom:0;left:0;background:url(../images/banIco2.png) center center no-repeat;background-size:cover}.banLine2{position:absolute;width:0;height:0;background:url(../images/ban2Line.png) center center no-repeat;background-size:cover;transition:all .5s ease 1.5s;animation:Yopacity 3s linear infinite .8s}.swiper-slide-active .banLine2{width:100%;height:100%}.banBg3{position:absolute;top:0;right:0;bottom:0;left:0;background:#e4e4e7}.banBg3:after{position:absolute;top:0;left:0;display:block;width:0;height:100%;background:#242632;content:"";transition:all .8s ease .3s}.ban3Ico{position:absolute;top:0;right:0;bottom:0;width:100%;height:100%;background-size:100%;background-repeat:no-repeat}.ban3Ico1{background-image:url(../images/ban3Ico1.png);background-position:left center}.ban3Ico2{background-image:url(../images/ban3Ico2.png);background-position:bottom center}.ban3Ico3{background-image:url(../images/ban3Ico3.png);background-position:right center}.banText3{margin:0 auto;width:100%; position: absolute; left: 0; top: 30%}.banText3 img{margin:0 auto}.banImg3{position:relative;margin:70px auto 0;max-width:1150px}.banImg3>div{position:absolute;top:0;left:0;width:100%;height:100%}.banImg3>div.banImg31{position:relative}.swiper-slide-active .banBg3:after{width:49.95%}
.section{overflow:hidden;height:100%;text-align:center}.mainbox3{background:url(../images/mainbox3bg.jpg) center top no-repeat;background-size:cover}.mainbox4{background:url(../images/mainbox4bg.jpg) right bottom no-repeat;background-size:cover}.mainbox5{background:#f5f5f5}.mainbox6{background:#f5f5f5}.main_box{padding-top:86px}
.mbox1 .swiper-pagination{bottom:5%;margin:0;padding-right:5%;text-align:right}.mbox1 .swiper-pagination-bullet{width:30px;height:2px;border-radius:0;background:#FFF;vertical-align:bottom;opacity:1;transition:all .5s ease 0s}.mbox1 .swiper-pagination-bullet-active{height:8px;background:#F39800}.welcome{position:absolute;bottom:0;left:40px;z-index:1;display:block;width:280px;height:70px;background:#F39800;color:#FFF;font-size:14px;font-family:Arial;line-height:70px}.welcome i,.welcome span,.welcome strong{display:inline-block;margin:0 2px;vertical-align:middle}.welcomeDot{width:4px;height:4px;border-radius:50%;background:#FFF}.welcomeLine{width:46px;height:1px;background:#FFF;transition:all .5s ease 0s}.welcome:focus,.welcome:hover{color:#FFF}
.welcome:hover .welcomeLine{width:60px}
.mbox3Bg{background:url(../images/box3Bg.jpg) center center no-repeat;background-size:cover}
.box2ImgBg{position:absolute;top:0;right:0;overflow:hidden;width:42%;height:100%}
.box2ImgBg .imgBg{height:100%;transition:all 1s ease 0s;transform:scale(1)}
.box2ImgBg .imgBg:hover{transform:scale(1)}
.mbox2Text{padding-top:50px;padding-left:13%;width:58%;text-align:left}.mbox2TitEn{color:#F39800;text-transform:uppercase;font-size:46px;font-family:Arial;line-height:150%;opacity:0;transition:all .6s ease 0s;transform:translateX(-50px)}.mbox2TitCn{color:#333;font-size:30px;line-height:150%;opacity:0;transition:all .6s ease 0s;transform:translateX(-50px)}

.mbox2Brief{ padding-right: 80px; overflow:hidden;margin:20px 0;color:#555;font-size:16px;line-height:30px;opacity:0;transition:all .8s ease 0s;transform:translateX(-50px); height: 300px}
.mbox2Brief p{text-indent: 2em; letter-spacing: 2px; margin-bottom: 8px; font-weight: bold}
.mbox2Num{margin:30px -40px;color:#333;font-size:0;line-height:26px}.mbox2Num li{padding:5px 40px;vertical-align:top;font-size:12px}.mbox2NumSp{font-size:38px;font-family:Arial}
.mbox2Bot{position:relative;margin:0;padding:25px 25px 25px 15px;background:#CCC;font-size:0; margin-right: 30px}
.mbox2Bot li{padding:2px;width:20%;vertical-align:top;text-align:center;opacity:0;transition:all .8s ease 0s;transform:translateX(-20px)}
.mbox2Bot li a{display:block}
.mbox2Img{margin-bottom:10px}
.mbox2Img img{margin:0 auto}
.mbox2BotH3{color:#333;font-size:15px;line-height:34px}
.mbox2Bot li a:hover .mbox2Img img{animation:swing 1s infinite linear}
.mbox2More .welcome{position:static;width:220px;height:54px;line-height:54px}
.active .mbox2Bot li,.active .mbox2Brief,.active .mbox2TitCn,.active .mbox2TitEn{opacity:1;transform:translateX(0)}.active .mbox2TitEn{transition-delay:.3s}
.active .mbox2TitCn{transition-delay:.5s}.active .mbox2Brief{transition-delay:.7s}
.mbox3{margin:0 auto;padding:50px 0 0;max-width:1270px}.mbox3Lef{float:left;width:45%;text-align:left}.mbox3Tit{margin-bottom:40px;margin-left:120px;max-width:350px;color:#FFF}.mbox3Tit .mbox2TitCn,.mbox3Tit .mbox2TitEn{color:#FFF;line-height:130%}.mbox3Brief{overflow:hidden;margin:5px 0 0;height:44px;font-size:12px;line-height:22px;opacity:0;transition:all .8s ease 0s;transform:translateX(-50px)}.active .mbox3Brief{opacity:1;transition-delay:.7s;transform:translateX(0)}.mbox3LefCon{position:relative}.mbox3LefItem li{position:relative;padding-bottom:32px;opacity:0;transition:all .8s ease 0s;transform:translateY(20px)}.mbox3LefItem li:after{position:absolute;bottom:0;left:19px;display:block;width:1px;height:32px;background:rgba(255,255,255,.2);content:""}.mbox3LefItem li:last-child:after{display:none}.mbox3LefItem li a{display:block;padding:7px 0;height:100%}.mbox3Ico,.mbox3Line,.mbox3Name{display:inline-block;color:#fefefe;vertical-align:top;font-size:12px;font-family:Arial;line-height:20px;transition:all .6s ease 0s}.mbox3Line{margin:6px 20px 0;width:40px;height:1px;background:rgba(255,255,255,.2);font-size:0}.mbox3H3{margin-bottom:5px;font-size:15px}.mbox3LefItem li.active a .mbox3Line{width:86px}.mbox3LefItem li a:hover .mbox3Name,.mbox3LefItem li.active a .mbox3Name{color:#ff3431}.mbox3Rig{position:relative;float:right;width:55%;min-height:211px;transition:all .6s ease 0s;transform:translateX(50%)}.box3RigImg img{float:right;max-width:70%}.box3RigImgItem{display:none}.box3RigImgItem.active{display:block}.box3RigText{position:absolute;right:60px;bottom:80px;padding:35px 60px;width:100%;background:#FFF}.box3RigText .swiper-slide{text-align:left}.mbox3H4{color:#333;font-size:24px;line-height:120%}.mbox3Con{overflow:hidden;margin:15px 0;height:48px;color:#777;font-size:14px;line-height:24px}.mbox3Btn{color:#F39800;vertical-align:top;text-align:left;font-size:24px}.mbox3Btn span{padding:0 10px;cursor:pointer}.mbox3Pause img{margin-top:-4px}.active .mbox3LefItem li{opacity:1;transform:translateY(0)}.active .mbox3Rig{transition:all .8s ease .3s;transform:translateX(0)}.fp-viewing-page4 .tel{color:#F39800}.fp-viewing-page4 .telIco{background-image:url(../images/telRed.png)}.fp-viewing-page4 .mBtnLine span{background:#F39800}.mbox4Lef{position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:29%;height:100%;background:#222;color:#ddd;-webkit-box-align:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-pack:center;-webkit-flex-flow:column wrap;-ms-flex-flow:column wrap;flex-flow:column wrap;align-items:center}.mbox4LefCon{padding-left:32%;width:100%;text-align:left}.mbox4Tit .mbox2TitCn,.mbox4Tit .mbox2TitEn{color:#ddd;line-height:130%}.mbox4Tit .mbox3Brief{height:22px}.mbox4LefItem{margin:20px 0 40px;max-width:180px}

.fo 

.newsTabLef li:after{position:absolute;top:50%;right:-2px;display:block;margin-top:-2px;width:3px;height:3px;border-radius:50%;background:#aaa;content:""}.newsTabLef li:last-child:after{display:none}.newsTabLef li a{padding-bottom:2px;border-bottom:1px dotted #AAA;color:#aaa;font-size:14px;line-height:26px;transition:all .4s ease 0s}.newsTabLef li a:hover{color:#F39800;border-bottom-color:#F39800}.newsTab #bdshare{float:right;cursor:pointer}.newsTab #bdshare a{display:block;width:15px;height:18px;background:url(../images/shareIco1.png) center center no-repeat}.newsLoad{margin:40px auto 0;width:200px;height:46px;background:#e2e2e2;color:#888;font-size:14px;line-height:46px;line-height:46px}.newsLoad .mbox4MoreIco:after,.newsLoad .mbox4MoreIco:before{background:#888}.newsRig{float:right;padding:10px 34px;width:28.33%;background:#FFF}.newsRigTit{padding:20px 0;color:#333;font-size:22px}.newsRig .newsTit{position:static;padding:10px 0 5px;color:#666;font-size:15px;line-height:22px}.newsRig .newsTit:hover{color:#F39800}.newsRigBot{padding:0 0 15px;color:#bbb;font-size:13px}.newsRigTime{float:left}.newsRigTime i{padding-right:5px}.newsRigBot #bdshare{float:right;cursor:pointer}.newsRigBot #bdshare a{display:block;width:15px;height:18px;background:url(../images/shareIco2.png) center center no-repeat}.banShare{position:absolute;top:-51px;overflow:hidden;width:100%;height:51px;border-top:1px solid rgba(255,255,255,.3)}.banShareIco{float:left;margin:0;border-left:1px solid rgba(255,255,255,.3);font-size:0}.banShareIco li{position:relative;margin-right:-1px;padding:0;border-right:1px solid rgba(255,255,255,.3)}.banShareIco>li>a{display:block;width:50px;height:50px;background-position:center center;background-repeat:no-repeat}.banLink{background-image:url(../images/banLink.png)}.banShareBtn{background-image:url(../images/banShare.png)}.banShareList{position:absolute;top:0;left:100%;overflow:hidden;width:0;height:50px;white-space:nowrap;transition:all .6s ease 0s}.banShareList.active{padding:0 15px;width:231px;border-right:1px solid rgba(255,255,255,.3)}.banShareList a{display:inline-block;width:40px;height:100%;background-position:center center;background-repeat:no-repeat;vertical-align:middle}.banShareIco1{background-image:url(../images/banShareIco1.png)}.banShareIco2{background-image:url(../images/banShareIco2.png)}.banShareIco3{background-image:url(../images/banShareIco3.png)}.banShareIco4{background-image:url(../images/banShareIco4.png)}.banShareIco5{background-image:url(../images/banShareIco5.png)}.banPage{float:right;height:100%;font-size:0}.banPage a{display:inline-block;margin-left:-1px;width:50px;height:50px;border-left:1px solid rgba(255,255,255,.3);background-position:center center;background-repeat:no-repeat;vertical-align:middle}.banPrev{background-image:url(../images/banPrev.png)}.banList{background-image:url(../images/banList.png)}.banNext{border-right:1px solid rgba(255,255,255,.3);background-image:url(../images/banNext.png)}.banPage a:hover,.banShareIco>li>a:hover{background-color:#F39800;transition:all .6s ease 0s}.banShareBtn.active{background-color:#F39800}.newsTop{overflow:hidden;padding:50px 0 0}.newsName{padding:30px 15px;color:#333;font-size:28px;line-height:120%}.newsTime2{margin:0 -10px;padding:14px 15px;border:1px solid #dbdbdb;border-right:none;border-left:none;color:#999;font-size:0;line-height:22px}.newsTime2 span{display:inline-block;padding:0 10px;vertical-align:middle;font-size:12px}.newsTime2 i{padding-right:8px}.newsCon{padding:30px 0 0;color:#666;font-size:14px;line-height:32px}.newsCon p{text-indent:2em}.newsCon img{margin:0 auto;height:auto!important;max-width:100%!important}.newsTab2{margin:35px 0;padding-left:24px;background:url(../images/newsTabBg.png) left 5px no-repeat}.newsTab2 .newsTabLef li a{color:#e51815}.newsTab2 .newsTabLef li:after{background:#e51815}.pageBox{padding-bottom:30px;line-height:36px}.pagerBox{position:relative;overflow:hidden;border:1px solid #dbdbdb;border-right:none;border-left:none}.pagerNext,.pagerPrev{position:relative;overflow:hidden;width:50%;line-height:70px}.pagerPrev{float:left;padding-right:40px;padding-left:60px}.pagerNext{float:right;padding-right:60px;padding-left:40px;text-align:right}.pagerTit{position:absolute;top:1px;color:#777;text-transform:uppercase;font-size:14px;line-height:70px}.pagerPrev .pagerTit{left:0}.pagerNext .pagerTit{right:0}.pagerNext a,.pagerPrev a{display:inline-block;max-width:100%;color:#777;vertical-align:middle}.pagerNext a:hover,.pagerPrev a:hover{color:#cf1610}.pagerList{position:absolute;top:0;left:50%;z-index:1;display:block;margin-left:-36px;padding:30px 0 0;width:72px;height:100%;border:1px solid #dbdbdb;border-top:none;border-bottom:none;transition:all .5s ease 0s}.pagerList span{display:block;margin:0 auto;width:20px;height:2px;background:#aaa;transition:all .5s ease 0s}.pagerList span:first-child+span{margin:3px auto}.pagerList:hover{background:#cf1610}.pagerList:hover span{background:#FFF}.pagerList:hover span:first-child+span{width:30px}.hotNews{overflow:hidden;padding:0 3% 50px}.hotNewsTit{overflow:hidden;padding-bottom:10px}.hotNewsH2{float:left;color:#333;font-size:26px;line-height:26px}.hotNewsMore{float:right;padding-right:20px;background:url(../images/hotNews.png) right center no-repeat;color:#666;font-size:16px;line-height:26px;transition:all .6s ease 0s}.hotNewsMore:hover{color:#F39800}.hotNewsList{margin:0 -12px}.hotNewsList li{padding:12px}.hotNewsList li a{display:block;height:100%;color:#999;font-size:12px;line-height:22px}.hotNewsImg{position:relative;overflow:hidden}.hotNewsImg img{transition:all .8s ease 0s}.hotNewsText{padding:15px 5%;background:#FFF}.hotNewsTime{color:#bbb;line-height:36px}.hotNewsName{color:#333;font-size:15px;line-height:22px;transition:all .6s ease 0s}.hotNewsLine{display:block;margin:10px 0;width:20px;height:1px;background:#F39800;transition:all .6s ease 0s}.hotNewsBrief{overflow:hidden;margin:10px 0;height:44px}.readMore{display:block;color:#333;text-transform:uppercase;font-family:Arial;transition:all .6s ease 0s}.hotNewsList li a:hover .hotNewsImg img{transform:scale(1.05) rotate(1deg)}.hotNewsList li a:hover .hotNewsName{color:#F39800}.hotNewsList li a:hover .hotNewsLine{width:40px}.hotNewsList li a:hover .readMore{color:#F39800}.caseFenLei{margin:0 -10px}.caseFenLei li{padding:0 10px}.caseFenLei li a{display:block;color:#FFF;line-height:50px;transition:all .5s ease 0s}.caseFenLei li a.active,.caseFenLei li a:hover{color:#ff0400}.caseBox{padding:48px 3%}.caseList{margin:0 -.6%}.caseList li{padding:12px .6%}.caseList li a{display:block;overflow:hidden;height:100%;transition:all .5s ease 0s}.caseImg{position:relative;overflow:hidden;padding-bottom:67.6%;height:0}.caseImg .imgBg{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .5s ease 0s}.caseBrief{position:absolute;bottom:0;left:0;padding:10px 7%;width:100%;background:rgba(0,0,0,.5);color:#FFF;font-size:14px;line-height:30px;transition:all .5s ease 0s;transform:translateY(100%)}.caseText{overflow:hidden;padding:19px 7%;background:#FFF}.caseIco{float:right;width:14px;height:26px;background:url(../images/hotNews.png) center center no-repeat}.caseTit{color:#333;font-size:16px;line-height:26px}.caseList li a:hover{box-shadow:0 0 15px rgba(0,0,0,.15)}.caseList li a:hover .imgBg{transform:scale(1.05) rotate(-1deg)}.caseList li a:hover .caseBrief{transform:translateY(0)}.caseList li a:hover .caseIco{animation:swing 1s infinite linear}.hotNewsList li a:hover .imgBg{transform:scale(1.05) rotate(-1deg)}.hotNewsList li a:hover .caseBrief{transform:translateY(0)}.hotNewsList li a:hover .caseIco{animation:swing 1s infinite linear}.banCase{height:580px}.banCaseCon{position:absolute;bottom:90px;left:50%;margin:0 auto;width:94%;max-width:1400px;transform:translateX(-50%)}.banCaseCon .container{padding:0;width:100%}.banCaseLine{display:block;margin-bottom:10px;width:72px;height:4px;background:#ff0603}.banCaseTit{padding:20px 0;color:#FFF;font-size:36px}.banCaseCon .newsTabLef{float:none}.banCaseCon .newsTabLef a{color:#FFF}.caseShare .container{margin:0 auto;padding:0;width:94%;max-width:1400px}.caseConBg{margin:0 auto;padding:60px 0;width:94%;max-width:1400px}.caseCon{padding:40px 30px;background:#FFF}.caseCon img{display:inline-block;margin:0 auto;height:auto!important;max-width:100%!important;vertical-align:middle}.banContact{height:700px}.contactBg{overflow:hidden;padding:90px 0}.conTit{overflow:hidden;padding-bottom:20px;line-height:26px}.conH2{float:left;color:#df0024;font-size:26px;line-height:26px}.conTip{float:right;color:#777;font-size:14px}.conTop{padding-bottom:60px}.conLef{float:left;width:60%}.conText{color:#777;font-size:14px;line-height:28px}.conText strong{padding-right:20px;color:#555;font-size:16px}.conTextLef,.conTextRig{max-width:320px}.conTextRig{line-height:40px}.conRig{float:right;width:40%}.mesList li{padding-bottom:20px}.mesInput{padding:15px 0 5px;width:100%;border:none;border-bottom:1px solid #cacaca;background:0 0;line-height:24px}.mesBtn{display:block;margin-top:10px;height:36px;max-width:110px;background:#F39800;color:#FFF;text-align:center;font-size:13px;line-height:36px}.joinList li{position:relative;margin:15px 0;padding:38px 250px 38px 325px;background:#F5F5F5}.joinText{overflow:hidden;padding-left:65px;height:90px;border-left:1px solid #eee;color:#888;font-size:14px;line-height:30px}.joinCon{padding-bottom:15px}.joinTip{color:#F39800;font-size:13px;line-height:22px}.joinBtn,.joinIco,.joinInfo,.joinTit{position:absolute}.joinTit{top:60px;left:0;padding-left:90px;width:325px}.joinName{color:#333;font-size:24px}.joinNameEn{color:#e4403e;font-size:14px;font-family:Arial;line-height:200%}.joinInfo{top:190px;left:0;display:none;padding-left:90px;width:325px;color:#888;font-size:14px;line-height:30px}.joinIco{top:50px;right:0;width:250px}.joinIco img{margin:0 auto}.joinBtn{top:70px;right:-15px;width:30px;height:30px;background:#F39800;cursor:pointer}
.joinBtn span{position:absolute;top:50%;left:50%;background:#FFF;transform:translate(-50%,-50%)}.joinBtn span:first-child{width:12px;height:1px}.joinBtn span:last-child{width:1px;height:12px;transition:all .5s ease 0s}.joinList li.active{min-height:300px}.joinList li.active .joinText{height:auto}.joinList li.active .joinInfo{display:block}.joinList li.active .joinBtn span:last-child{height:0}.newsLoad{display:none}#pages{padding:30px 0 0;text-align:center}#pages a,#pages span{display:inline-block;padding:5px 10px;border:1px solid #333;color:#333;vertical-align:middle}#pages span{border:1px solid #F39800;background:#F39800;color:#FFF}

@media (min-width:1260px){ }@media (max-width:1600px){.menuBg{width:50px}.mOnLineCon{right:50px}.onLineWx .mOnLineCon{width:100px}.headerBg{padding:25px}.navTop{padding:25px}.navBot{padding-top:80px}.navList li a{padding:50px 0 0 15%}.navEn{font-size:24px}.navCn,.navTel{font-size:18px}.navList li.text-right{padding:50px 0 0}#navPage li{padding-left:25px}#navPage li.active:first-child:after{width:80px}#navPage li:first-child+li.active:after{width:80px}#navPage li:first-child+li+li.active:after{width:95px}#navPage li:first-child+li+li+li.active:after{width:70px}#navPage li:first-child+li+li+li+li.active:after{width:115px}#navPage li:first-child+li+li+li+li+li.active:after{width:100px}#navPage li:first-child+li+li+li+li+li+li.active:after{width:80px}#navPage li:first-child+li+li+li+li+li+li+li.active:after{width:100px}.welcome{width:250px;height:56px;line-height:56px}.banText2{margin:-270px 0 0 -270px;width:540px;height:540px}.banImg3{margin:40px auto 0}
	.footer{padding:15px}.banNews{height:350px}.banEn{font-size:32px}.banCn{font-size:20px}.news{padding:40px 0 30px}.newsList{padding:15px 25px}.newsRig{padding:10px 25px}.newsLoad{margin:30px auto 0}.newsTop{padding:30px 0 0}.newsName{padding:20px 15px;font-size:24px}.hotNewsH2{font-size:22px}.hotNewsMore{padding-right:15px;background-size:10px;font-size:14px}.hotNewsList{margin:0 -6px}.hotNewsList li{padding:6px}.hotNewsText{padding:10px}.hotNewsTime{line-height:26px}.caseBox{padding:30px 2%}.caseList{margin:0 -.5%}.caseList li{padding:5px .5%}.caseBrief{padding:5px 5%}.caseText{padding:14px 5%}.caseTit{font-size:14px}.banCase{height:550px}.banCaseTit{padding:15px 0;font-size:32px}.caseConBg{padding:40px 0}.caseCon{padding:30px 20px}.banContact{height:550px}.contactBg{padding:60px 0}.conTop{padding-bottom:30px}.conTit{padding-bottom:10px}.conH2{font-size:22px}.joinList li{padding:30px 250px 30px 325px}}@media (max-width:1400px){.navEn{font-size:20px}.navCn,.navTel{font-size:16px}.navList li.text-right{line-height:28px}.navBotCon{bottom:15px}.banText2{margin:-200px 0 0 -200px;width:400px;height:400px}.mbox2Text{padding-left:10%}.mbox2TitEn{font-size:28px;line-height:100%}.mbox2TitCn{font-size:20px;line-height:100%}.mbox2Num{margin:10px -10px}.mbox2Num li{padding:5px 10px}.mbox2NumSp{font-size:26px}.mbox2Bot{padding:15px 10px 5px}.mbox3{max-width:900px}.mbox3Tit{margin-left:40px}
		.footCon{padding-right:160px}.FtLogo{max-width:150px}.joinList{padding:0 15px 0 0}}

@media (max-width:1200px){.menuBg{padding:15px 0 0}.headerBg{padding:15px}.logo{height:20px;max-width:190px}.navClose{padding:0;height:20px}.navTop{padding:15px}.navBot{padding-top:50px}.navEn{font-size:18px}.navCn,.navTel{font-size:14px}.navList li.text-right{font-size:12px}#navPage li{padding-left:15px}#navPage li.active:first-child:after{width:70px}#navPage li:first-child+li.active:after{width:70px}#navPage li:first-child+li+li.active:after{width:85px}#navPage li:first-child+li+li+li.active:after{width:60px}#navPage li:first-child+li+li+li+li.active:after{width:105px}#navPage li:first-child+li+li+li+li+li.active:after{width:90px}#navPage li:first-child+li+li+li+li+li+li.active:after{width:70px}#navPage li:first-child+li+li+li+li+li+li+li.active:after{width:90px}#navPage li a{line-height:24px}.banText{width:350px}.banBorder1{right:0;width:140px;height:240px}.ban1Line1{bottom:214px}.ban1Line2{width:138px}.ban1Line3{height:238px}.ban1Line4{width:138px}
.ban1Line5{height:125px}
	.banNews{height:300px}.newsList{padding:25px 15px}.newsRig{padding:15px 15px}.newsList li{padding:10px 0}.newsTabLef li{padding:0 8px}.newsTime{width:50px}.newsTime span{width:50px;height:50px;line-height:50px}.newsText{margin-left:75px}.newsTit{padding:5px 3%;font-size:20px}.newsRigTit{padding:15px 0;font-size:20px}.pagerNext,.pagerPrev,.pagerTit{line-height:50px}.pagerList{margin-left:-25px;padding:20px 0 0;width:50px}.hotNews{padding:0 2% 30px}.hotNewsList li:nth-child(4){display:none}.banCase{height:450px}.banCaseTit{padding:10px 0;font-size:26px}.caseConBg{padding:30px 0}.caseCon{padding:15px 10px}.banContact{height:400px}.conH2{font-size:20px}.conText{margin:0 -5px}.conTextLef,.conTextRig{padding:0 5px}.conText strong{padding-right:10px}.joinList li{padding:25px 150px 25px 280px}.joinInfo,.joinTit{padding-left:50px;width:280px}.joinTit{top:45px}.joinName{font-size:22px}.joinIco{top:30px;width:150px}.joinBtn{top:50px}.joinText{padding-left:25px}}

@media (max-width:992px){.menuBg{position:static;padding:0;width:auto;height:auto}.menuBtn{position:absolute;top:20px;right:20px;z-index:2}.menuBtn img{display:none}.mBtnLine{width:20px;text-align:left}.mBtnLine span{width:100%;height:2px;background:#FFF}.mBtnLine span:nth-child(2){margin:5px 0;width:80%}.mOnLine{position:absolute;right:0;bottom:0;z-index:1;width:50px}.header{margin-right:50px}#navPage{display:none}.navBot{padding-bottom:150px}.navList{overflow-y:auto;padding:10px 0 0}.navList li{float:none;width:100%;height:auto}.navList li a,.navList li a:hover{padding:5px 15px;border:none;border-bottom:1px solid rgba(255,255,255,.08)}.navList li a span{display:inline-block;vertical-align:middle;font-size:14px}.navEn{padding-right:10px;min-width:70px}.navList li.text-right{padding:5px 15px;width:100%;line-height:24px}.navBotCon{position:static;padding:0 15px 15px;width:100%}.banText3{max-width:90%}.box2ImgBg{width:100%;opacity:.1}.fp-viewing-page2 .tel{color:#F39800}.fp-viewing-page2 .telIco{background-image:url(../images/telRed.png)}.fp-viewing-page2 .mBtnLine span{background:#F39800}.mbox2Text{position:relative;z-index:1;padding:40px 15px 0;width:100%}.mbox2Text .mbox2TitEn{font-size:38px;line-height:120%}.mbox2Text .mbox2TitCn{font-size:24px;line-height:120%}.mbox2Bot:after{display:none}.mbox3{padding:0 15px;width:100%;max-width:100%}.mbox3Lef{float:none;padding-bottom:30px;width:100%}.mbox3LefCon{padding-left:40px}.mbox3Rig{float:none;overflow:hidden;width:100%}.mbox3Tit .mbox2TitEn{font-size:24px}.mbox3Tit .mbox2TitCn{font-size:18px}.mbox3H4 img{display:inline!important;max-width:25px}.box3RigText{position:relative;right:auto;bottom:auto;background:rgba(255,255,255,.9)}.box3RigImg{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}.box3RigImg img{float:none;width:100%;max-width:100%}.fp-viewing-page4 .logo img.shows{display:none}.fp-viewing-page4 .logo img.hides{display:block}.fp-viewing-page4.active .logo img.shows{display:block}.fp-viewing-page4.active .logo img.hides{display:none}.mbox4LefBtn{position:absolute;top:52px;left:12px;z-index:3;width:30px;height:30px;border-radius:2px;background:#F39800;color:#fff;text-align:center;font-size:18px;line-height:30px;cursor:pointer}.mbox4Lef{left:-250px;z-index:2;width:250px;transition:all .6s ease 0s}.mbox4Lef.active{left:0}.mbox4LefCon{padding-left:30px}.mbox4{margin:0}.mbox5List{max-width:90%}.mbox5Bot{padding:0 50px}.mbox5Btn .mbox5Line{display:none}.mbox5Bot .swiper-pagination-bullet{margin:0 2px;width:20px;height:2px}.mbox7List li{width:100%}.mbox7List li:nth-child(2) a{padding-right:50%;padding-left:0}.mbox7List li:nth-child(3) a{padding-right:0;padding-left:50%}.mbox7List li:nth-child(2) .mbox7Img{right:0;left:auto}.mbox7List li:nth-child(3) .mbox7Img{right:auto;left:0}.mbox8Wrap{padding:0 15px;height:auto;max-width:100%}.mbox8Left{float:none;width:100%;box-shadow:none;transform:rotateY(0)}.mbox8Right{float:none;padding:15px;width:100%;transform:rotateY(0)}.footCon{padding:0;text-align:center}.copyright{padding-bottom:10px;text-align:center}.FtLogo{position:static;margin:0 auto;transform:translateY(0)}.banNews{height:260px}.banEn{padding:5px 0;font-size:26px}.banCn{font-size:17px}.news{padding:30px 0}.newsLef,.newsRig{float:none;width:100%}.newsLoad{margin:25px auto}.newsRigTit{padding:10px 0;font-size:18px}.newsRigList{overflow:hidden;margin:0 -5px}.newsRigList li{float:left;padding:5px;width:50%}.newsRigList li:nth-child(5){display:none}.newsRigBot{padding-bottom:0}.newsName{padding:10px 15px;font-size:22px}.newsCon{line-height:30px}.newsTab2{margin:28px 0}.hotNewsList li:nth-child(4){display:block}.banCase{height:360px}.banCaseCon{bottom:70px}.banCaseLine{margin-bottom:5px;width:40px;height:2px}.banCaseTit{font-size:22px}.banContact{height:340px}.contactBg{padding:30px 0}.conTop{padding-bottom:10px}.conTit{padding:10px 0}.conLef,.conRig{float:none;width:100%}.conLef{padding-bottom:10px}.conH2,.conTip{float:none;display:block;width:100%}.joinList li{margin:10px 0;padding:15px 10px 10px}.joinTit{position:static;padding-left:0;width:90%}.joinInfo{position:static;margin:0 -5px;padding-bottom:10px;padding-left:0;width:100%}.joinInfo p{display:inline-block;padding:0 5px;vertical-align:middle}.joinText{padding-left:0;height:0;border:none}.joinIco{top:20px;width:100px}.joinIco img{max-width:40%}.joinBtn{top:25px}#pages{padding:20px 0}}

@media (max-width:767px){.banImg3{margin:20px auto 0}.swiper-slide-active .banBg3:after{width:100%}.mbox7List{padding:0 15px;max-width:100%}.mbox7Img{width:30%}.mbox7List li a{min-height:0}.mbox7List li:nth-child(2n) a{padding-right:30%;padding-left:0}.mbox7List li:nth-child(2n+1) a{padding-right:0;padding-left:30%}.mbox7Ico{left:30%}.mbox7List li:nth-child(2n) a .mbox7Ico{left:70%}.mbox7Text{padding:15px}.mbox7Name{overflow:hidden;width:100%;height:22px;text-overflow:ellipsis;white-space:nowrap}.newsTime2{padding:7px 10px}.newsCon{padding:20px 0 0}.newsTab2{margin:20px 0}.pagerBox{padding:5px 0}.pagerNext,.pagerPrev{float:none;padding-right:0;padding-left:55px;width:100%}.pagerNext,.pagerPrev,.pagerTit{line-height:30px}.pagerNext{text-align:left}.pagerNext .pagerTit{right:auto;left:0}.pagerNext a,.pagerPrev a{display:block}.pagerTit{top:0}.pagerTit i{display:none}.pagerList{position:static;margin:2px 0;padding:10px 0;width:100%;border:1px solid #DEDEDE;border-right:none;border-left:none}.hotNews{padding:0 15px 25px}.caseBox{padding:15px}.conTextLef,.conTextRig{max-width:100%}.mesInput{padding:10px 0 5px}.joinName{font-size:18px}.joinNameEn{font-size:12px}.joinIco{top:15px}.joinBtn{top:20px}}


@media (max-width:640px){.menuBtn{top:15px;right:15px}.navClose{width:22px}.navClose span:last-child{margin-top:15px}.header{margin-right:40px}.navBot{padding-bottom:85px}.logo{height:16px;max-width:152px}.tel{font-size:16px;line-height:16px}.navBotCon p{display:none}.mbox1 .swiper-pagination{bottom:2%}.welcome{left:0;width:170px;height:46px;font-size:12px;line-height:46px}.welcome i,.welcome span,.welcome strong{margin:0}.welcome:hover .welcomeLine{width:30px}.banBorder1{display:none}.banText{bottom:35%;left:10%;width:80%}
.ban1Line{margin:10px 0}.banTextCir{display:none}.banText2{margin:0;margin-left:5%;width:90%;transform:translate(-50%,-50%)}.mbox2TitEn{font-size:26px}.mbox2TitCn{font-size:20px}.mbox2Img{margin:0 auto 5px;max-width:40%}.mbox3Lef{padding:0}.mbox3Tit{margin-left:0}.mbox3LefCon{display:none}.box3RigText{padding:15px}.mbox3Con{margin:10px 0;height:auto}
.mbox4List .swiper-slide{width:50%}.mbox5Bot{padding:0}.mbox5Btn{position:static;display:inline-block;padding:10px 0;vertical-align:middle;font-size:14px;transform:translateY(0)}.mbox5Bot .swiper-pagination{display:block;width:100%}.mbox6Text{max-width:100%}.mbox6Top{margin:-30px 0 0 -5px;height:60px}.mbox6Line{height:30px}.mbox6Bot img{max-width:80%}.mbox7List{margin:15px auto}.mbox7Time{height:26px;line-height:26px}.mbox7Brief{display:none}.mbox7Ico{top:30%}.mbox8LefEn{font-size:18px}.mbox8LefCn{padding:0;font-size:14px}.mbox8Mes{padding:5px 0 0}.mbox8Mes li input{line-height:36px}.mbox8Mes li textarea{margin:0}.mbox8MesBtn{margin-top:10px;width:100px;height:28px;line-height:26px}.mbox8RigCn{display:none}.mbox8RigTip{display:none}.mbox8RigIco img{max-width:20%}.mbox8RigBot:after,.mbox8RigBot:before{display:none}.banNews{height:230px}.newsTime{width:40px}.newsTime span{width:40px;height:40px;line-height:40px}.newsDate{font-size:22px}.newsMonth{font-size:16px}.newsText{margin-left:55px}.newsTit{font-size:16px}.newsBrief{overflow:hidden;margin:10px 0;padding:0;max-height:72px}.newsRig .newsTit{padding:5px 0;font-size:14px}.newsRigBot #bdshare,.newsTab #bdshare{display:none}.banShare{position:static;height:auto;text-align:center}.banShare .container{padding:0;font-size:0}.banShareIco{float:none;display:inline-block;background:#F39800;vertical-align:middle}.banShareIco>li>a{display:inline-block;width:36px;height:36px;background-size:12px;vertical-align:middle}.banShareList{position:static;display:inline-block;width:auto;height:36px;vertical-align:middle}.banShareList a{width:36px;background-color:#F39800;background-size:15px}.banPage{float:none;display:inline-block;background:#F39800;vertical-align:middle}.banPage a{width:36px;height:36px;background-size:15px}.newsTop{padding:20px 0 0}.newsName{font-size:18px}.newsCon{padding:10px 0 0}.hotNewsH2{font-size:18px}.hotNewsName{font-size:14px}.hotNewsLine{margin:5px 0}.hotNewsBrief{margin:5px 0}.caseFenLei{margin:0 -3px;padding:8px 0;background:#F5F5F5}.caseFenLei li{padding:0 3px}.caseFenLei li a{color:#333;line-height:24px}.caseBox{padding:0 15px 1px}.banCase{height:300px}.banCaseCon{bottom:20px}.banCaseLine{margin-bottom:5px;width:40px;height:2px}.banCaseTit{font-size:19px}.caseShare .container{width:100%}.caseConBg{padding:3px 0 15px}.banContact{height:300px}.conTit{padding:5px 0}.conH2{font-size:18px}.conText strong{font-size:14px}.conTextRig{line-height:30px}}

@media (max-width:460px){.tel span{display:none}.tel a{display:block}.mbox1 .swiper-pagination-bullet{margin:0 2px!important;width:20px}.mbox2TitEn{font-size:18px}.mbox2TitCn{font-size:16px}.mbox2Num{margin:5px -5px;line-height:22px}.mbox2NumSp{font-size:20px}.mbox2Num li{padding:5px}.mbox2Brief{max-height:104px;line-height:26px}.mbox2BotH3{font-size:12px;line-height:20px}.mbox2More .welcome{width:140px;height:38px;line-height:38px}.mbox3Tit .mbox2TitEn{font-size:18px}.mbox3Tit .mbox2TitCn{font-size:16px}.mbox3H4{font-size:18px}.mbox6TitEn{font-size:18px;line-height:120%}.mbox6TitCn{font-size:20px;line-height:120%}.f16{font-size:14px}.f24{font-size:20px}.f28{font-size:24px}.mbox6Text{margin:30px auto;padding:25px 15px}.mbox6Text:before{top:0;left:0}.mbox6Ico{right:0;bottom:-6px}.mbox8Left{padding:10px 20px}.mbox8Mes li:nth-child(1),.mbox8Mes li:nth-child(2){display:inline-block;width:48%;vertical-align:middle}.mbox8RigEn{font-size:16px;line-height:16px}.mbox8RigIco{display:inline-block;max-width:20px;vertical-align:middle}.mbox8RigIco img{margin:0 auto;max-width:100%}.mbox8RigCon li{width:100%}.mbox8RigCon li p{display:inline}.mbox8RigBot{margin:10px auto 0}.mbox8RigBot li a{font-size:16px}.banNews{height:200px}.banEn{padding:0;font-size:20px}.banCn{font-size:14px}.newsList li{padding:5px 0}.newsTabLef li{padding:0 5px}.newsTabLef li a{font-size:12px}.newsTime{width:30px}.newsTime span{width:30px;height:30px;line-height:30px}.newsDate{font-size:18px}.newsMonth{font-size:14px}.newsText{margin-left:40px}.newsLine{top:15px;left:-7px;width:14px}.newsLine{bottom:5px;font-size:14px}.newsBrief{margin:5px 0}.newsRigList li{float:none;width:100%}.hotNewsList li{width:100%}.caseList li{width:100%}.banCase{height:240px}.banContact{height:260px}#pages a,#pages span{padding:1px 6px}}


@media (max-height:414px){.mbox2Text{padding:50px 15px 0}.mbox2TitEn{font-size:18px}.mbox2TitCn{font-size:16px}.mbox2Brief{max-height:52px}.mbox2Num{margin:0 -10px}.mbox2NumSp{font-size:18px}.mbox2Num li p{display:inline}.mbox2Img{display:none}.mbox2Bot{padding:5px}.mbox3LefCon{display:block;padding:0}.mbox3LefItem li{display:inline-block;padding:0;width:48%}.mbox3LefItem li:after{display:none}.mbox3Ico,.mbox3Line{display:none}.mbox3Rig{display:none}}


#indextop{position: fixed; z-index: 999999; width: 100%; top: 0; left: 0; height: 80px}
#indextop div{float: left; height: 80px}
#indextop div img{height: 80px}
#indextop ul{float: right; height: 80px}
#indextop ul li{float: right; width: 110px; text-align: left; height: 80px; line-height: 80px; list-style: none}
#indextop ul li:last-child{width: 80px}
#indextop ul li a{font-size: 16px; color: #F39800; font-weight: bold; font-family: "宋体"}

@media (max-width:1440px){
#indextop{position: fixed; z-index: 999999; width: 100%; top: 0; left: 0; height: 70px}
#indextop div{float: left; height: 70px}
#indextop div img{height: 70px}
#indextop ul{float: right; height: 70px}
#indextop ul li{float: right; width: 100px; text-align: left; height: 70px; line-height: 70px; list-style: none}
#indextop ul li:last-child{width: 70px}
#indextop ul li a{font-size: 15px; color: #F39800}
.mbox2Brief{ padding-right: 50px; overflow:hidden;margin:20px 0;color:#555;font-size:15px;line-height:30px;opacity:0;transition:all .8s ease 0s;transform:translateX(-50px); height: 180px}
.mbox2Brief p{text-indent: 2em; letter-spacing: 1px; margin-bottom: 8px; font-weight: bold}
	
}
@media (max-width:1200px){
#indextop{position: fixed; z-index: 999999; width: 100%; top: 0; left: 0; height: 60px}
#indextop div{float: left; height: 60px}
#indextop div img{height: 60px}
#indextop ul{float: right; height: 60px}
#indextop ul li{float: right; width: 90px; text-align: left; height: 60px; line-height: 60px; list-style: none}
#indextop ul li:last-child{width: 60px}
#indextop ul li a{font-size: 14px; color: #F39800}
}
@media (max-width:950px){
#indextop{position: fixed; z-index: 999999; width: 100%; top: 0; left: 0; height: 60px}
#indextop div{float: left; height: 60px}
#indextop div img{height: 60px}
#indextop ul{float: right; height: 60px}
#indextop ul li{float: right; width: 80px; text-align: left; height: 60px; line-height: 60px; list-style: none}
#indextop ul li:last-child{width: 50px}
#indextop ul li a{font-size: 14px; color: #F39800}
}

#sitefl{position: fixed; z-index: 999999; right: 0; bottom: 80px; height: 240px; width: 80px}
.sitewrap{position: relative}
.siteflqq{width: 70px; height: 70px; background: url(../images/siteqq.png) 19px 19px no-repeat #F39800; overflow: hidden; zomm:1; position: absolute; right: 0; top: 0; transition: 0.3s ease}
.siteflwx{width: 70px; height: 70px; background: url(../images/sitewx.png) 19px 19px no-repeat #F39800; position: absolute; right: 0; top: 160px; transition: 0.3s ease}
.sitefltel{width: 70px; height: 70px; background: url(../images/sitetel.png) 19px 19px no-repeat #F39800; overflow: hidden; zomm:1; position: absolute; right: 0; top: 80px; transition: 0.3s ease}
.siteflqq a{display: block; width: 70px; height: 70px; float: left}
.siteflqq p{width: 110px; height: 70px; line-height: 70px; font-weight: bold; font-size: 18px; color: #fff; float: left}

.siteflwx a{display: block; width: 70px; height: 70px; float: left}
.sitefltel a{display: block; width: 70px; height: 70px; float: left}
.sitefltel p{width: 210px; height: 60px; line-height: 20px; font-weight: bold; font-size: 15px; color: #fff; float: left; padding: 5px 0}

.siteflwx img{width: 150px; height: 150px; right: 70px; bottom: 0; position: absolute; opacity: 0; transition: 0.3s ease}
.siteflqq:hover{width: 180px; transition: 0.3s ease}
.sitefltel:hover{width: 280px; transition: 0.3s ease}
.siteflwx:hover img{opacity: 1; transition: 0.5s ease}


.m3ul{overflow: hidden; width: 84%; position: absolute; top: 30%; left: 8%}
.m3ul li{float: left; width: 30%; margin: 1.5%; box-shadow: 0 0 10px #000; margin-top:10px; transition: 0.3s ease; list-style: none}
.m3ul li:hover{margin-top: 0; transition: 0.3s ease}
.m3ul li img{width: 100%}
.m3ul li a{display: block; position: relative; overflow: hidden; zoom:1; box-sizing: border-box}
.m3ul li a span{display: block; position: absolute; z-index: 99; width: 92%; height: 88%; border: 2px solid #fff; left: 4%; top: 6%; transition: 0.3s ease}
.m3ul li:hover a span:nth-child(1){left: 2%; top: 4%; transition: 0.3s ease; border: 2px solid #FFF}
.m3ul li:hover a span:nth-child(2){left: 6%; top: 8%; transition: 0.3s ease; border: 2px solid #F39800}




.others { padding: 12px 0; }
.others .prev, .others .next { font-size: 14px; line-height: 30px; color: #999; }
.others a{ color:#333}