@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
body,button,input,select,textarea{font-family:PingFang SC,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,\\5FAE\8F6F\96C5\9ED1,STHeiti,\\534E\6587\7EC6\9ED1,sans-serif;color:#666;font-size:14px;}

html{line-height:1;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{font-weight:normal;vertical-align:middle;}
q,blockquote{quotes:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,b,var{font-weight:normal;font-style:normal;}
a,button,input,select,textarea{font-size:100%;outline:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
em,i,b{font-style:normal;font-weight:400;}
a:link,a:visited{text-decoration:none;outline:none;}
.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
ul,ol,li{list-style:none;}
button,input,select,textarea{font-size:100%;outline:none;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
.fl,.left{float:left!important;}
.fr,.right{float:right!important;}
.abs,.absolute{position:absolute;}
.relative,.rlt{position:relative;}
.txt-right,.tr{text-align:right;}
.txt-center,.tc{text-align:center;}
a{color:#333;text-decoration:none;cursor:pointer;}
a:hover{color:#F70;}
a.pointer,a.p{cursor:pointer;}
a.link{color:#3592E2;}
a.link:hover{color:#F70;text-decoration:underline;}
.hide{display:none!important;}
.ellipsis,.elps{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
:-ms-input-placeholder{color:#bbb;}
::-moz-placeholder{color:#bbb;}
::-webkit-input-placeholder{color:#bbb;}
::placeholder{color:#bbb;}

/*为页面添加box-sizing:border-box支持*/
.border-box,.bbx{box-sizing:border-box;}
.bbx *{box-sizing:border-box;}
.border-box:after,.border-box:before,.bbx:before,.bbx:after{box-sizing:border-box;}
.bbx *:before,.bbx *:after{box-sizing:border-box;}

/************margin padding**************/
.m0{margin:0px!important;}
.p0{padding:0px!important;}
.mv0{margin:0px 0!important;}
.pv0{padding:0px 0!important;}
.mh0{margin:0 0px!important;}
.ph0{padding:0 0px!important;}
.mt0{margin-top:0px!important;}
.mb0{margin-bottom:0px!important;}
.ml0{margin-left:0px!important;}
.mr0{margin-right:0px!important;}
.pl0{padding-left:0px!important;}
.pr0{padding-right:0px!important;}
.pt0{padding-top:0px!important;}
.pb0{padding-bottom:0px!important;}
.m2{margin:2px!important;}
.p2{padding:2px!important;}
.mv2{margin:2px 0!important;}
.pv2{padding:2px 0!important;}
.mh2{margin:0 2px!important;}
.ph2{padding:0 2px!important;}
.mt2{margin-top:2px!important;}
.mb2{margin-bottom:2px!important;}
.ml2{margin-left:2px!important;}
.mr2{margin-right:2px!important;}
.pl2{padding-left:2px!important;}
.pr2{padding-right:2px!important;}
.pt2{padding-top:2px!important;}
.pb2{padding-bottom:2px!important;}
.m4{margin:4px!important;}
.p4{padding:4px!important;}
.mv4{margin:4px 0!important;}
.pv4{padding:4px 0!important;}
.mh4{margin:0 4px!important;}
.ph4{padding:0 4px!important;}
.mt4{margin-top:4px!important;}
.mb4{margin-bottom:4px!important;}
.ml4{margin-left:4px!important;}
.mr4{margin-right:4px!important;}
.pl4{padding-left:4px!important;}
.pr4{padding-right:4px!important;}
.pt4{padding-top:4px!important;}
.pb4{padding-bottom:4px!important;}
.m6{margin:6px!important;}
.p6{padding:6px!important;}
.mv6{margin:6px 0!important;}
.pv6{padding:6px 0!important;}
.mh6{margin:0 6px!important;}
.ph6{padding:0 6px!important;}
.mt6{margin-top:6px!important;}
.mb6{margin-bottom:6px!important;}
.ml6{margin-left:6px!important;}
.mr6{margin-right:6px!important;}
.pl6{padding-left:6px!important;}
.pr6{padding-right:6px!important;}
.pt6{padding-top:6px!important;}
.pb6{padding-bottom:6px!important;}
.m8{margin:8px!important;}
.p8{padding:8px!important;}
.mv8{margin:8px 0!important;}
.pv8{padding:8px 0!important;}
.mh8{margin:0 8px!important;}
.ph8{padding:0 8px!important;}
.mt8{margin-top:8px!important;}
.mb8{margin-bottom:8px!important;}
.ml8{margin-left:8px!important;}
.mr8{margin-right:8px!important;}
.pl8{padding-left:8px!important;}
.pr8{padding-right:8px!important;}
.pt8{padding-top:8px!important;}
.pb8{padding-bottom:8px!important;}
.m10{margin:10px!important;}
.p10{padding:10px!important;}
.mv10{margin:10px 0!important;}
.pv10{padding:10px 0!important;}
.mh10{margin:0 10px!important;}
.ph10{padding:0 10px!important;}
.mt10{margin-top:10px!important;}
.mb10{margin-bottom:10px!important;}
.ml10{margin-left:10px!important;}
.mr10{margin-right:10px!important;}
.pl10{padding-left:10px!important;}
.pr10{padding-right:10px!important;}
.pt10{padding-top:10px!important;}
.pb10{padding-bottom:10px!important;}
.m12{margin:12px!important;}
.p12{padding:12px!important;}
.mv12{margin:12px 0!important;}
.pv12{padding:12px 0!important;}
.mh12{margin:0 12px!important;}
.ph12{padding:0 12px!important;}
.mt12{margin-top:12px!important;}
.mb12{margin-bottom:12px!important;}
.ml12{margin-left:12px!important;}
.mr12{margin-right:12px!important;}
.pl12{padding-left:12px!important;}
.pr12{padding-right:12px!important;}
.pt12{padding-top:12px!important;}
.pb12{padding-bottom:12px!important;}
.m14{margin:14px!important;}
.p14{padding:14px!important;}
.mv14{margin:14px 0!important;}
.pv14{padding:14px 0!important;}
.mh14{margin:0 14px!important;}
.ph14{padding:0 14px!important;}
.mt14{margin-top:14px!important;}
.mb14{margin-bottom:14px!important;}
.ml14{margin-left:14px!important;}
.mr14{margin-right:14px!important;}
.pl14{padding-left:14px!important;}
.pr14{padding-right:14px!important;}
.pt14{padding-top:14px!important;}
.pb14{padding-bottom:14px!important;}
.m16{margin:16px!important;}
.p16{padding:16px!important;}
.mv16{margin:16px 0!important;}
.pv16{padding:16px 0!important;}
.mh16{margin:0 16px!important;}
.ph16{padding:0 16px!important;}
.mt16{margin-top:16px!important;}
.mb16{margin-bottom:16px!important;}
.ml16{margin-left:16px!important;}
.mr16{margin-right:16px!important;}
.pl16{padding-left:16px!important;}
.pr16{padding-right:16px!important;}
.pt16{padding-top:16px!important;}
.pb16{padding-bottom:16px!important;}
.m18{margin:18px!important;}
.p18{padding:18px!important;}
.mv18{margin:18px 0!important;}
.pv18{padding:18px 0!important;}
.mh18{margin:0 18px!important;}
.ph18{padding:0 18px!important;}
.mt18{margin-top:18px!important;}
.mb18{margin-bottom:18px!important;}
.ml18{margin-left:18px!important;}
.mr18{margin-right:18px!important;}
.pl18{padding-left:18px!important;}
.pr18{padding-right:18px!important;}
.pt18{padding-top:18px!important;}
.pb18{padding-bottom:18px!important;}
.m20{margin:20px!important;}
.p20{padding:20px!important;}
.mv20{margin:20px 0!important;}
.pv20{padding:20px 0!important;}
.mh20{margin:0 20px!important;}
.ph20{padding:0 20px!important;}
.mt20{margin-top:20px!important;}
.mb20{margin-bottom:20px!important;}
.ml20{margin-left:20px!important;}
.mr20{margin-right:20px!important;}
.pl20{padding-left:20px!important;}
.pr20{padding-right:20px!important;}
.pt20{padding-top:20px!important;}
.pb20{padding-bottom:20px!important;}
.m22{margin:22px!important;}
.p22{padding:22px!important;}
.mv22{margin:22px 0!important;}
.pv22{padding:22px 0!important;}
.mh22{margin:0 22px!important;}
.ph22{padding:0 22px!important;}
.mt22{margin-top:22px!important;}
.mb22{margin-bottom:22px!important;}
.ml22{margin-left:22px!important;}
.mr22{margin-right:22px!important;}
.pl22{padding-left:22px!important;}
.pr22{padding-right:22px!important;}
.pt22{padding-top:22px!important;}
.pb22{padding-bottom:22px!important;}
.m24{margin:24px!important;}
.p24{padding:24px!important;}
.mv24{margin:24px 0!important;}
.pv24{padding:24px 0!important;}
.mh24{margin:0 24px!important;}
.ph24{padding:0 24px!important;}
.mt24{margin-top:24px!important;}
.mb24{margin-bottom:24px!important;}
.ml24{margin-left:24px!important;}
.mr24{margin-right:24px!important;}
.pl24{padding-left:24px!important;}
.pr24{padding-right:24px!important;}
.pt24{padding-top:24px!important;}
.pb24{padding-bottom:24px!important;}
.m26{margin:26px!important;}
.p26{padding:26px!important;}
.mv26{margin:26px 0!important;}
.pv26{padding:26px 0!important;}
.mh26{margin:0 26px!important;}
.ph26{padding:0 26px!important;}
.mt26{margin-top:26px!important;}
.mb26{margin-bottom:26px!important;}
.ml26{margin-left:26px!important;}
.mr26{margin-right:26px!important;}
.pl26{padding-left:26px!important;}
.pr26{padding-right:26px!important;}
.pt26{padding-top:26px!important;}
.pb26{padding-bottom:26px!important;}
.m28{margin:28px!important;}
.p28{padding:28px!important;}
.mv28{margin:28px 0!important;}
.pv28{padding:28px 0!important;}
.mh28{margin:0 28px!important;}
.ph28{padding:0 28px!important;}
.mt28{margin-top:28px!important;}
.mb28{margin-bottom:28px!important;}
.ml28{margin-left:28px!important;}
.mr28{margin-right:28px!important;}
.pl28{padding-left:28px!important;}
.pr28{padding-right:28px!important;}
.pt28{padding-top:28px!important;}
.pb28{padding-bottom:28px!important;}
.m30{margin:30px!important;}
.p30{padding:30px!important;}
.mv30{margin:30px 0!important;}
.pv30{padding:30px 0!important;}
.mh30{margin:0 30px!important;}
.ph30{padding:0 30px!important;}
.mt30{margin-top:30px!important;}
.mb30{margin-bottom:30px!important;}
.ml30{margin-left:30px!important;}
.mr30{margin-right:30px!important;}
.pl30{padding-left:30px!important;}
.pr30{padding-right:30px!important;}
.pt30{padding-top:30px!important;}
.pb30{padding-bottom:30px!important;}
.m32{margin:32px!important;}
.p32{padding:32px!important;}
.mv32{margin:32px 0!important;}
.pv32{padding:32px 0!important;}
.mh32{margin:0 32px!important;}
.ph32{padding:0 32px!important;}
.mt32{margin-top:32px!important;}
.mb32{margin-bottom:32px!important;}
.ml32{margin-left:32px!important;}
.mr32{margin-right:32px!important;}
.pl32{padding-left:32px!important;}
.pr32{padding-right:32px!important;}
.pt32{padding-top:32px!important;}
.pb32{padding-bottom:32px!important;}
.m34{margin:34px!important;}
.p34{padding:34px!important;}
.mv34{margin:34px 0!important;}
.pv34{padding:34px 0!important;}
.mh34{margin:0 34px!important;}
.ph34{padding:0 34px!important;}
.mt34{margin-top:34px!important;}
.mb34{margin-bottom:34px!important;}
.ml34{margin-left:34px!important;}
.mr34{margin-right:34px!important;}
.pl34{padding-left:34px!important;}
.pr34{padding-right:34px!important;}
.pt34{padding-top:34px!important;}
.pb34{padding-bottom:34px!important;}
.m36{margin:36px!important;}
.p36{padding:36px!important;}
.mv36{margin:36px 0!important;}
.pv36{padding:36px 0!important;}
.mh36{margin:0 36px!important;}
.ph36{padding:0 36px!important;}
.mt36{margin-top:36px!important;}
.mb36{margin-bottom:36px!important;}
.ml36{margin-left:36px!important;}
.mr36{margin-right:36px!important;}
.pl36{padding-left:36px!important;}
.pr36{padding-right:36px!important;}
.pt36{padding-top:36px!important;}
.pb36{padding-bottom:36px!important;}
.m38{margin:38px!important;}
.p38{padding:38px!important;}
.mv38{margin:38px 0!important;}
.pv38{padding:38px 0!important;}
.mh38{margin:0 38px!important;}
.ph38{padding:0 38px!important;}
.mt38{margin-top:38px!important;}
.mb38{margin-bottom:38px!important;}
.ml38{margin-left:38px!important;}
.mr38{margin-right:38px!important;}
.pl38{padding-left:38px!important;}
.pr38{padding-right:38px!important;}
.pt38{padding-top:38px!important;}
.pb38{padding-bottom:38px!important;}
.m40{margin:40px!important;}
.p40{padding:40px!important;}
.mv40{margin:40px 0!important;}
.pv40{padding:40px 0!important;}
.mh40{margin:0 40px!important;}
.ph40{padding:0 40px!important;}
.mt40{margin-top:40px!important;}
.mb40{margin-bottom:40px!important;}
.ml40{margin-left:40px!important;}
.mr40{margin-right:40px!important;}
.pl40{padding-left:40px!important;}
.pr40{padding-right:40px!important;}
.pt40{padding-top:40px!important;}
.pb40{padding-bottom:40px!important;}
.m42{margin:42px!important;}
.p42{padding:42px!important;}
.mv42{margin:42px 0!important;}
.pv42{padding:42px 0!important;}
.mh42{margin:0 42px!important;}
.ph42{padding:0 42px!important;}
.mt42{margin-top:42px!important;}
.mb42{margin-bottom:42px!important;}
.ml42{margin-left:42px!important;}
.mr42{margin-right:42px!important;}
.pl42{padding-left:42px!important;}
.pr42{padding-right:42px!important;}
.pt42{padding-top:42px!important;}
.pb42{padding-bottom:42px!important;}
.m44{margin:44px!important;}
.p44{padding:44px!important;}
.mv44{margin:44px 0!important;}
.pv44{padding:44px 0!important;}
.mh44{margin:0 44px!important;}
.ph44{padding:0 44px!important;}
.mt44{margin-top:44px!important;}
.mb44{margin-bottom:44px!important;}
.ml44{margin-left:44px!important;}
.mr44{margin-right:44px!important;}
.pl44{padding-left:44px!important;}
.pr44{padding-right:44px!important;}
.pt44{padding-top:44px!important;}
.pb44{padding-bottom:44px!important;}
.m46{margin:46px!important;}
.p46{padding:46px!important;}
.mv46{margin:46px 0!important;}
.pv46{padding:46px 0!important;}
.mh46{margin:0 46px!important;}
.ph46{padding:0 46px!important;}
.mt46{margin-top:46px!important;}
.mb46{margin-bottom:46px!important;}
.ml46{margin-left:46px!important;}
.mr46{margin-right:46px!important;}
.pl46{padding-left:46px!important;}
.pr46{padding-right:46px!important;}
.pt46{padding-top:46px!important;}
.pb46{padding-bottom:46px!important;}
.m48{margin:48px!important;}
.p48{padding:48px!important;}
.mv48{margin:48px 0!important;}
.pv48{padding:48px 0!important;}
.mh48{margin:0 48px!important;}
.ph48{padding:0 48px!important;}
.mt48{margin-top:48px!important;}
.mb48{margin-bottom:48px!important;}
.ml48{margin-left:48px!important;}
.mr48{margin-right:48px!important;}
.pl48{padding-left:48px!important;}
.pr48{padding-right:48px!important;}
.pt48{padding-top:48px!important;}
.pb48{padding-bottom:48px!important;}
.m50{margin:50px!important;}
.p50{padding:50px!important;}
.mv50{margin:50px 0!important;}
.pv50{padding:50px 0!important;}
.mh50{margin:0 50px!important;}
.ph50{padding:0 50px!important;}
.mt50{margin-top:50px!important;}
.mb50{margin-bottom:50px!important;}
.ml50{margin-left:50px!important;}
.mr50{margin-right:50px!important;}
.pl50{padding-left:50px!important;}
.pr50{padding-right:50px!important;}
.pt50{padding-top:50px!important;}
.pb50{padding-bottom:50px!important;}
.m52{margin:52px!important;}
.p52{padding:52px!important;}
.mv52{margin:52px 0!important;}
.pv52{padding:52px 0!important;}
.mh52{margin:0 52px!important;}
.ph52{padding:0 52px!important;}
.mt52{margin-top:52px!important;}
.mb52{margin-bottom:52px!important;}
.ml52{margin-left:52px!important;}
.mr52{margin-right:52px!important;}
.pl52{padding-left:52px!important;}
.pr52{padding-right:52px!important;}
.pt52{padding-top:52px!important;}
.pb52{padding-bottom:52px!important;}
.m54{margin:54px!important;}
.p54{padding:54px!important;}
.mv54{margin:54px 0!important;}
.pv54{padding:54px 0!important;}
.mh54{margin:0 54px!important;}
.ph54{padding:0 54px!important;}
.mt54{margin-top:54px!important;}
.mb54{margin-bottom:54px!important;}
.ml54{margin-left:54px!important;}
.mr54{margin-right:54px!important;}
.pl54{padding-left:54px!important;}
.pr54{padding-right:54px!important;}
.pt54{padding-top:54px!important;}
.pb54{padding-bottom:54px!important;}
.m56{margin:56px!important;}
.p56{padding:56px!important;}
.mv56{margin:56px 0!important;}
.pv56{padding:56px 0!important;}
.mh56{margin:0 56px!important;}
.ph56{padding:0 56px!important;}
.mt56{margin-top:56px!important;}
.mb56{margin-bottom:56px!important;}
.ml56{margin-left:56px!important;}
.mr56{margin-right:56px!important;}
.pl56{padding-left:56px!important;}
.pr56{padding-right:56px!important;}
.pt56{padding-top:56px!important;}
.pb56{padding-bottom:56px!important;}
.m58{margin:58px!important;}
.p58{padding:58px!important;}
.mv58{margin:58px 0!important;}
.pv58{padding:58px 0!important;}
.mh58{margin:0 58px!important;}
.ph58{padding:0 58px!important;}
.mt58{margin-top:58px!important;}
.mb58{margin-bottom:58px!important;}
.ml58{margin-left:58px!important;}
.mr58{margin-right:58px!important;}
.pl58{padding-left:58px!important;}
.pr58{padding-right:58px!important;}
.pt58{padding-top:58px!important;}
.pb58{padding-bottom:58px!important;}
.m60{margin:60px!important;}
.p60{padding:60px!important;}
.mv60{margin:60px 0!important;}
.pv60{padding:60px 0!important;}
.mh60{margin:0 60px!important;}
.ph60{padding:0 60px!important;}
.mt60{margin-top:60px!important;}
.mb60{margin-bottom:60px!important;}
.ml60{margin-left:60px!important;}
.mr60{margin-right:60px!important;}
.pl60{padding-left:60px!important;}
.pr60{padding-right:60px!important;}
.pt60{padding-top:60px!important;}
.pb60{padding-bottom:60px!important;}
.m62{margin:62px!important;}
.p62{padding:62px!important;}
.mv62{margin:62px 0!important;}
.pv62{padding:62px 0!important;}
.mh62{margin:0 62px!important;}
.ph62{padding:0 62px!important;}
.mt62{margin-top:62px!important;}
.mb62{margin-bottom:62px!important;}
.ml62{margin-left:62px!important;}
.mr62{margin-right:62px!important;}
.pl62{padding-left:62px!important;}
.pr62{padding-right:62px!important;}
.pt62{padding-top:62px!important;}
.pb62{padding-bottom:62px!important;}
.m64{margin:64px!important;}
.p64{padding:64px!important;}
.mv64{margin:64px 0!important;}
.pv64{padding:64px 0!important;}
.mh64{margin:0 64px!important;}
.ph64{padding:0 64px!important;}
.mt64{margin-top:64px!important;}
.mb64{margin-bottom:64px!important;}
.ml64{margin-left:64px!important;}
.mr64{margin-right:64px!important;}
.pl64{padding-left:64px!important;}
.pr64{padding-right:64px!important;}
.pt64{padding-top:64px!important;}
.pb64{padding-bottom:64px!important;}
.m66{margin:66px!important;}
.p66{padding:66px!important;}
.mv66{margin:66px 0!important;}
.pv66{padding:66px 0!important;}
.mh66{margin:0 66px!important;}
.ph66{padding:0 66px!important;}
.mt66{margin-top:66px!important;}
.mb66{margin-bottom:66px!important;}
.ml66{margin-left:66px!important;}
.mr66{margin-right:66px!important;}
.pl66{padding-left:66px!important;}
.pr66{padding-right:66px!important;}
.pt66{padding-top:66px!important;}
.pb66{padding-bottom:66px!important;}
.m68{margin:68px!important;}
.p68{padding:68px!important;}
.mv68{margin:68px 0!important;}
.pv68{padding:68px 0!important;}
.mh68{margin:0 68px!important;}
.ph68{padding:0 68px!important;}
.mt68{margin-top:68px!important;}
.mb68{margin-bottom:68px!important;}
.ml68{margin-left:68px!important;}
.mr68{margin-right:68px!important;}
.pl68{padding-left:68px!important;}
.pr68{padding-right:68px!important;}
.pt68{padding-top:68px!important;}
.pb68{padding-bottom:68px!important;}
.m70{margin:70px!important;}
.p70{padding:70px!important;}
.mv70{margin:70px 0!important;}
.pv70{padding:70px 0!important;}
.mh70{margin:0 70px!important;}
.ph70{padding:0 70px!important;}
.mt70{margin-top:70px!important;}
.mb70{margin-bottom:70px!important;}
.ml70{margin-left:70px!important;}
.mr70{margin-right:70px!important;}
.pl70{padding-left:70px!important;}
.pr70{padding-right:70px!important;}
.pt70{padding-top:70px!important;}
.pb70{padding-bottom:70px!important;}
.m72{margin:72px!important;}
.p72{padding:72px!important;}
.mv72{margin:72px 0!important;}
.pv72{padding:72px 0!important;}
.mh72{margin:0 72px!important;}
.ph72{padding:0 72px!important;}
.mt72{margin-top:72px!important;}
.mb72{margin-bottom:72px!important;}
.ml72{margin-left:72px!important;}
.mr72{margin-right:72px!important;}
.pl72{padding-left:72px!important;}
.pr72{padding-right:72px!important;}
.pt72{padding-top:72px!important;}
.pb72{padding-bottom:72px!important;}
.m74{margin:74px!important;}
.p74{padding:74px!important;}
.mv74{margin:74px 0!important;}
.pv74{padding:74px 0!important;}
.mh74{margin:0 74px!important;}
.ph74{padding:0 74px!important;}
.mt74{margin-top:74px!important;}
.mb74{margin-bottom:74px!important;}
.ml74{margin-left:74px!important;}
.mr74{margin-right:74px!important;}
.pl74{padding-left:74px!important;}
.pr74{padding-right:74px!important;}
.pt74{padding-top:74px!important;}
.pb74{padding-bottom:74px!important;}
.m76{margin:76px!important;}
.p76{padding:76px!important;}
.mv76{margin:76px 0!important;}
.pv76{padding:76px 0!important;}
.mh76{margin:0 76px!important;}
.ph76{padding:0 76px!important;}
.mt76{margin-top:76px!important;}
.mb76{margin-bottom:76px!important;}
.ml76{margin-left:76px!important;}
.mr76{margin-right:76px!important;}
.pl76{padding-left:76px!important;}
.pr76{padding-right:76px!important;}
.pt76{padding-top:76px!important;}
.pb76{padding-bottom:76px!important;}
.m78{margin:78px!important;}
.p78{padding:78px!important;}
.mv78{margin:78px 0!important;}
.pv78{padding:78px 0!important;}
.mh78{margin:0 78px!important;}
.ph78{padding:0 78px!important;}
.mt78{margin-top:78px!important;}
.mb78{margin-bottom:78px!important;}
.ml78{margin-left:78px!important;}
.mr78{margin-right:78px!important;}
.pl78{padding-left:78px!important;}
.pr78{padding-right:78px!important;}
.pt78{padding-top:78px!important;}
.pb78{padding-bottom:78px!important;}
.m80{margin:80px!important;}
.p80{padding:80px!important;}
.mv80{margin:80px 0!important;}
.pv80{padding:80px 0!important;}
.mh80{margin:0 80px!important;}
.ph80{padding:0 80px!important;}
.mt80{margin-top:80px!important;}
.mb80{margin-bottom:80px!important;}
.ml80{margin-left:80px!important;}
.mr80{margin-right:80px!important;}
.pl80{padding-left:80px!important;}
.pr80{padding-right:80px!important;}
.pt80{padding-top:80px!important;}
.pb80{padding-bottom:80px!important;}
body,html{padding:0;font-size:100%;height:auto;overflow-y:auto;overflow-x:hidden;}
.body-guide{width:100%;height:100%;background:#0e0d0d;}
.none{display:none;}
.gf-guide{width:100%;position:absolute;top:50%;left:0;margin-top:-200px;height:400px;background:#000;transition:all linear .3s;    opacity: 0.8;}
.gf-guide .guide-line{width:98%;height:1px;background:#000;position:absolute;top:50%;left:1%;z-index:96;}
.gf-guide .guide-charts{width:90%;height:1px;background:#f00;position:absolute;top:50%;left:1%;z-index:98;}
.gf-guide .guide-imgcon{width:100px;height:230px;top:110px;left:50%;margin-left:-50px;text-align:center;position:absolute;z-index:99;}
.gf-guide .guide-imgcon h2{position:absolute;bottom:1px;left:15px;}
.gf-guide .guide-imgcon h2.red{color:#f00;width:0;overflow:hidden;white-space:nowrap;z-index:10;}
@media screen and (min-width:320px) and (max-width:750px){
.gf-guide{height:300px;margin-top:-150px;}
.gf-guide .guide-imgcon{top:60px;}
.gf-guide .guide-imgcon h2{bottom:20px;}
}
html{height:100%;margin:0;}
body{height:100%;margin:0;}
.body1{background:url(../images/b1.png) no-repeat center;}
.body2{background:url(../images/b2.png) no-repeat center;}
.body3{background:url(../images/b3.png) no-repeat center;}
.body4{background:url(../images/b4.png) no-repeat center;}
body.white{background-color:#FFFFFF}
.pageIn{animation-name:pageIn;animation-delay:0s;animation-duration:0.3s;animation-fill-mode:both;}
.pageOut{animation-name:pageOut;animation-delay:0s;animation-duration:0.3s;animation-fill-mode:both;}
@keyframes pageIn{
from{opacity:0;transform:translate3d(0,40%,0);}
to{opacity:1;transform:none;}
}
@keyframes pageOut{
from{opacity:1;transform:none;}
to{opacity:1;transform:translate3d(0,-40%,0);}
}
@keyframes pageOutIn{
from{opacity:1;transform:none;}
30%{opacity:0.1;transform:translate3d(0,-40%,0);}
60%{opacity:0;transform:translate3d(0,40%,0);}
to{opacity:1;transform:none;}
}
.menu{position:fixed;top:30px;right:34px;color:#000;z-index:99999;cursor:pointer;}

.menu-modal{position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;background-color:#0e0d0d;opacity:1;visibility1:hidden;-webkit-transition:opacity 0.1s 0.6s,visibility 0s 0.7s;-moz-transition:opacity 0.1s 0.6s,visibility 0s 0.7s;transition:opacity 0.1s 0.6s,visibility 0s 0.7s;z-index:99999;}
.menu-modala{position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;opacity:1;visibility1:hidden;-webkit-transition:opacity 0.1s 0.6s,visibility 0s 0.7s;-moz-transition:opacity 0.1s 0.6s,visibility 0s 0.7s;transition:opacity 0.1s 0.6s,visibility 0s 0.7s;z-index:99999;}
.menu-modala .project-content{width:100%;height:100%;}
.menu-modala .project-content .pro-left{width:90px;height:100%;border-right:0px solid #222121;box-sizing:border-box;float:left;}
.menu-modal .cd-close{position:fixed;top:30px;right:34px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);display:block;z-index:999999;color:#fff;overflow:hidden;visibility:hidden;-webkit-transition:-webkit-transform 0.5s 0s,visibility 0s 0.5s;-moz-transition:-moz-transform 0.5s 0s,visibility 0s 0.5s;transition:transform 0.5s 0s,visibility 0s 0.5s;}
.menu-modal .cd-close .icon-Menu{font-size:16px;color:#fff;}
.menu-modal .cd-close span{font-size:16px;margin-right:16px;color:#fff;}
.menu-modal.fade-in{visibility:visible;opacity:1;-webkit-transition:opacity 0.1s 0s,visibility 0s 0s;-moz-transition:opacity 0.1s 0s,visibility 0s 0s;transition:opacity 0.1s 0s,visibility 0s 0s;transition-delay:0.5s;}
.menu-modal.fade-in .cd-close{visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.5s 0s,visibility 0s 0s;-moz-transition:-moz-transform 0.5s 0s,visibility 0s 0s;transition:transform 0.5s 0s,visibility 0s 0s;}
.menu-modal .project-content{width:100%;height:100%;}
.menu-modal .project-content .pro-left{width:120px;height:100%;border-right:1px solid #222121;box-sizing:border-box;float:left;}
.menu-modal .project-content ul{float:left;width:90%;height:100%;width:-moz-calc(100% - 120px);width:-webkit-calc(100% - 120px);width:calc(100% - 120px);box-sizing:border-box;}
.menu-modal .project-content ul li{width:25%;height:100%;float:left;border-right:1px solid #222121;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;}
.menu-modal .project-content ul li:last-child{border-right:none;}
.menu-modal .project-content ul li .menu-hover{position:absolute;left:0;bottom:0;width:100%;height:0;z-index:998;transition:0.4s;background:#e13e3f;cursor:pointer;}
.menu-modal .project-content ul li:hover .menu-hover{height:100%;transition:0.4s;cursor:pointer;}
.menu-modal .project-content ul li:hover .menu-info span{color:#fff;}
.menu-modal .project-content ul li .menu-info{z-index:999;}
.menu-modal .project-content ul li .menu-info div{1width:305px;height:179px;text-align:center;}
.menu-modal .project-content ul li .menu-info div span{display:inline-block;color:#868686;position:relative;top:70px;1width:305px; text-align:center}
.menu-modal .project-content ul li .menu-info div.li1{background:url("../images/li1.png") no-repeat center;1min-width: 500px;}
.menu-modal .project-content ul li .menu-info div.li1 span{top:70px;}
.menu-modal .project-content ul li .menu-info div.li2{background:url("../images/li2.png") no-repeat center;}
.menu-modal .project-content ul li .menu-info div.li2 span{top:70px;}
.menu-modal .project-content ul li .menu-info div.li3{background:url("../images/li3.png") no-repeat center;}
.menu-modal .project-content ul li .menu-info div.li3 span{top:20px; }
.menu-modal .project-content ul li .menu-info div.li3 span .Hx{color: #fff;text-transform:uppercase;line-height:40px;    display: -webkit-box; }
.menu-modal .project-content ul li .menu-info div.li3 span .Hx:hover{color: #fff;}
.menu-modal .project-content ul li .menu-info div.li1 span{top:20px; }
.menu-modal .project-content ul li .menu-info div.li1 span .Hx{color: #fff;text-transform:uppercase;line-height:40px;    display: -webkit-box; }
.menu-modal .project-content ul li .menu-info div.li1 span .Hx:hover{color: #fff;}
.menu-modal .project-content ul li .menu-info div.li2 span{top:20px; }
.menu-modal .project-content ul li .menu-info div.li2 span .Hx{color: #fff;text-transform:uppercase;line-height:40px;    display: -webkit-box; }
.menu-modal .project-content ul li .menu-info div.li2 span .Hx:hover{color: #fff;}

.menu-modal .project-content ul li .menu-info div.li3a { margin-top:-50px;}
.menu-modal .project-content ul li .menu-info div.li3a span{top:0px; display:block; text-align:left}
.menu-modal .project-content ul li .menu-info div.li3a span .Hx1{color: #fff;line-height:30px;}
.menu-modal .project-content ul li .menu-info div.li3a span .Hx1:hover{color: #fff;}
.menu-modal .project-content ul li .menu-info div.li4{background:url("../images/li4.png") no-repeat center;min-width: 260px;}
.menu-modal .project-content ul li .menu-info div.li4 span{top:70px;}
.menu-modal .project-content ul li .menu-info div.li4 span{top:20px; }
.menu-modal .project-content ul li .menu-info div.li4 span .Hx{color: #fff;text-transform:uppercase;line-height:40px;    display: -webkit-box;}
.menu-modal .project-content ul li .menu-info div.li4 span .Hx:hover{color: #fff;}
.footer{position:fixed;left:0;bottom:0;width:100%;height:68px;line-height:68px;background:url(../images/bg.png) repeat-x center;z-index:99999;}

.footer.project{background:#2b2b2b;}
.footer .demand{position:absolute;height:44px;width:270px;bottom:0;left:20px;z-index:99999;}
.footer .copyright{position:absolute;height:44px;width:260px;bottom:0;right:20px;}
.footer span{font-size:12px;color:#ababab;}
.footer span.tellus{font-size:13px;margin-right: 20px;}
.footer .contact-wrap{font-size: 13px;}
.footer .contact_white{color:#fff;margin-right1:20px}
.footer .contact_white .H-tubiao{ float:left; margin-right:px; margin-top1:4px;     width:104px;text-align: center;}
.footer .contact_white .H-tubiao e{border-radius: 50px;
    backgroun1d: #787986;
    width: 100%;
   
        height: 60px;
       display: block;    margin: 0 auto;}
.footer .contact_white .H-tubiao span{ font-size:12px;    text-align: center;
    display: block;
    line-height: 16px;
    color: #787986;
        margin-top: -8px;}
.footer .contact_white .H-tubiao img{ width: 70px; min-heigh1t:40px;    margin: 0 auto;}
.footer .contact_white i {
    font-family: 'Merriweather Light Regular', serif;
    font-weight: 300;
    font-size: 24px;
	line-height: 1.5;
	 word-break: keep-all;
		word-wrap:break-word;
		display:block;
	}


.footer .line{ width: 1px;height: 24px;margin-top:17px; background: url(../images/lines.png) no-repeat center;margin:0 6px;}
.footer b{color:#fff;margin:0 3px;}
.footer .icon{color:#727171;-webkit-transition:font-size 0.25s ease-out 0s;-moz-transition:font-size 0.25s ease-out 0s;transition:font-size 0.25s ease-out 0s;}
.footer .icon-weixin{position:relative;top:2px;}
.footer .socialcontact{ width: 106px;height:30px;line-height: 30px;text-align: center;margin-top:9px; position: relative;margin-right:12px;background: url(../images/bgbottom.png) no-repeat center;}
.footer .socialcontact:hover{background: url(../images/hover.png) no-repeat center;}
.footer .socialcontact:hover .icon{color:#b9b9b9;}
.footer .socialcontact:hover span{color:#fff;}
.footer-tips{width:198px;height:198px;background:url(../images/weixin.png) no-repeat center;position:absolute;left:50%;margin-left:-99px; z-index:9999998;bottom:50px; opacity:0;}
.footer .socialcontact:hover .footer-tips{display:block;opacity:1;}

.footer-tips .tan-bg1{width:340px;height:440px;background:rgba(23,23,23,0.8);border-radius:5px;position:absolute;left:50%;margin-left:-170px;bottom:44px;z-index:99997;animation-duration:0.8s;animation-delay:0.8s;animation-iteration-count:1;}
.footer-tips .tan-bg2{width:320px;height:460px;background:rgba(19,19,19,0.8);position:absolute;border-radius:5px;left:50%;margin-left:-160px;bottom:44px;z-index:99996;animation-duration:1s;animation-delay:1.1s;animation-iteration-count:1;}
.leftCon{width:120px;height:100%;position:fixed;left:0;top:0;z-index:99999;overflow1:hidden; background:#0e0d0d; border-right:#222121 1px solid;	/**.backTo {
position: absolute;
left: 0;
top: 160px;
z-index: 999;
width: 90px;
height: 80%;
height: -moz-calc(100% - 160px);
height: -webkit-calc(100% - 160px);
height: calc(100% - 160px);
display: flex;
justify-content: center;
align-items: center;

i.icon-fanhui {
	font-size: 36px;
	color: #fff;
}
}*/}

.footer .ml20{ margin-left:0;}
.footer .mr20{ margin-right:0;    width: 254px;
    margin-top: 10px;
    line-height: 20px;}

.leftCon .left-logo{width:120px;height:160px;background:url(../images/fj-logo.png) no-repeat center;position:absolute;left:0;top:0;z-index:999;}
.leftCon .backTo{position:absolute;left:0;top:160px;z-index:10;width:120px;height:80%;height:calc(100% - 160px);display:flex;justify-content:center;align-items:center;}
.leftCon .backTo .bar{position:relative;display:block;width:20px;height:1px;margin:10px auto;background-color:#fff;-webkit-transition:.3s;transition:.3s;}
.leftCon .backTo .bar:nth-of-type(1){-webkit-transform:translateY(-3px) rotate(-45deg);-ms-transform:translateY(-3px) rotate(-45deg);transform:translateY(-3px) rotate(-45deg);}
.leftCon .backTo .bar:nth-of-type(2){-webkit-transform:translateY(0) rotate(45deg);-ms-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);}
.leftCon:hover .backTo .bar:nth-of-type(1){-webkit-transform:translateY(0) rotate(-45deg);-ms-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg);}
.leftCon:hover .backTo .bar:nth-of-type(2){-webkit-transform:translateY(-10px) rotate(45deg);-ms-transform:translateY(-10px) rotate(45deg);transform:translateY(-10px) rotate(45deg);}
.leftCon .backTo .bgfj{
position:absolute;left:15px; top:20px;z-index:10;width1:24px;height: 105px;
background1: url("../images/fjintro.png") no-repeat center;
}

.leftCon .backTo .bgfj .xz{line-height:26px; display:block; font-size:14px;font-weight: bold;}
.leftCon .backTo .bgfj .xz a{ color:#fff;}
.leftCon .backTo .bgfj .xz a:hover{ color:red}
.leftCon .backTo .bgfj .xz .xs a{ color:#252525}
.leftCon .backTo .bgfj .xz .xs a:hover{ color:red}
.leftCon .backTo .bgfj .xz .xs{opacity:1; display: initial; font-weight:normal;
            font-size: 14px;
            transition1: 0.3s;
            -webkit-transition: .5s;background:#fff;    width: max-content;width: 130px;
            -moz-transition1: .5s;position: absolute;
    left: 106px;
    top: 0; padding:15px;}
	.leftCon .backTo .bgfj .xz .xs li{ line-height:30px;}
	.leftCon .backTo .bgfj .xz li a:hover{ background:#fff}
.leftCon .backTo .bgfj .xz:hover .xs{opacity: 1; background:#fff;}

.leftCon.white{background:#fff;}
.leftCon.white .bar{background:#616161;}
.leftCon.white .backToBg:before{background:#ededed;}
.backToBg{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
.backToBg:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#1c1c1c;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.backToBg:hover:before,.backToBg:focus:before,.backToBg:active:before{-webkit-transform:scaleY(1);transform:scaleY(1);}
.contactus{position:relative;left:90px;top:0;width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px);width:calc(100% - 90px);height:100%;background:#141313;box-sizing:border-box;}
.contactus .wrap{width:100%;height:100%;padding-top:150px;padding-left:170px;box-sizing:border-box;overflow:hidden;position:relative;}
.contactus .wrap .contact-title{width:1004px;height:28px;line-height:28px;color:#fff;background:url(../images/about/about-icon1.png) no-repeat left center;text-indent:40px;position:absolute;overflow:hidden;left:50%;margin-left:-502px;animation-delay:0.1s;}
.contactus .wrap .contact-title span.about-chinese{position:relative;top:-1px;font-size:20px;}
.contactus .wrap .contact-title span.about-english{color:#414040;font-size:14px;position:relative;left:-4px;top:2px;}
.contactus .wrap .contact-title span.about-english i{font-size:30px;}
.contactus .contact-wrap1{position:relative;width:100%;height:100%;background:url(../images/concact.jpg) no-repeat center;background-size:cover;}
.contactus .contact-wrap1 .wrap .con{width:1004px;overflow:hidden;position:absolute;left:50%;margin-left:-502px;top:240px;}
.contactus .contact-wrap1 .wrap .con h2{font-size:16px;margin-bottom:38px;}
.contactus .contact-wrap1 .wrap .con h2 span{color:#dd2e2e;}
.contactus .contact-wrap1 .wrap .con .des{width:430px;float:left;}
.contactus .contact-wrap1 .wrap .con .des .detailmes{margin-bottom:40px;}
.contactus .contact-wrap1 .wrap .con .des .detailmes li{color:#fff;font-size:12px;margin-bottom:15px;}
.contactus .contact-wrap1 .wrap .con .des .detailmes li b{color:#717171;width:70px;display:inline-block;text-align:left;}
.contactus .contact-wrap1 .wrap .con .des .detailmes li span{color:#fff;}
.contactus .contact-wrap1 .wrap .con .des .detailmes li:hover .copy-btn{opacity:1;}
.contactus .contact-wrap1 .wrap .con .des .copy{width:100%;height:40px;line-height:40px;text-align:center;border:1px solid #131313;cursor:pointer;}
.contactus .contact-wrap1 .wrap .con .formSub{width:431px;float:left;margin-left:100px;}
.contactus .contact-wrap1 .wrap .con .formSub .form ul li{margin-bottom:10px;overflow:hidden;font-size:12px;padding-left:1px;}
.contactus .contact-wrap1 .wrap .con .formSub .form input,.contactus .contact-wrap1 .wrap .con .formSub .form textarea,.contactus .contact-wrap1 .wrap .con .formSub .form span{border:1px solid #424242;background:#010101;box-sizing:border-box;float:left;}
.contactus .contact-wrap1 .wrap .con .formSub .form textarea.selected,.contactus .contact-wrap1 .wrap .con .formSub .form .input.selected{border-color:#dd2e2e;background:#ab2727;color:#fff;}
.contactus .contact-wrap1 .wrap .con .formSub .form textarea:focus,.contactus .contact-wrap1 .wrap .con .formSub .form input:focus{border-color:#dd2e2e;color:#fff;}
.contactus .contact-wrap1 .wrap .con .formSub .form .sex{width:330px;height:34px;line-height:34px;text-indent:10px;margin-right:6px;color:#fff;}
.contactus .contact-wrap1 .wrap .con .formSub .form .username{width:330px;height:34px;line-height:34px;text-indent:10px;margin-right:6px;color:#fff;}
.contactus .contact-wrap1 .wrap .con .formSub .form span{width:48px;height:34px;line-height:34px;text-align:center;margin-left:-1px;cursor:pointer;}
.contactus .contact-wrap1 .wrap .con .formSub .form span.selected{border-color:#dd2e2e;background:#ab2727;color:#fff;}
.contactus .contact-wrap1 .wrap .con .formSub .form span:hover{border-color:#dd2e2e;background:#ab2727;color:#fff;}
.contactus .contact-wrap1 .wrap .con .formSub .form .phone,.contactus .contact-wrap1 .wrap .con .formSub .form .email{width:430px;height:34px;line-height:34px;text-indent:10px;color:#fff;}
.contactus .contact-wrap1 .wrap .con .formSub .form .textarea{width:430px;height:100px;padding:10px;color:#fff;display:block;position:relative;}
.contactus .contact-wrap1 .wrap .con .formSub .form .subbutton{width:430px;padding:10px 0;text-align:center;color:#fff;cursor:pointer;margin-top:10px;}
.contactus .contact-wrap1 .wrap .con .formSub .form .subbutton:hover{border-color:#272727;background:rgba(39,39,39,0.6);}
.contactus .contact-wrap1 .wrap .con .formSub .form .subbutton:focus{border-color:#272727;background:rgba(221,46,46,0.6);}
.contactus .contact-wrap2{position:relative;width:100%;height:100%;background:url(../images/mapbg.jpg) no-repeat center;background-size:cover;}
.contactus .contact-wrap2 .wrap .border{clear:both;margin-top:100px;width:1002px;height:334px;margin:0 auto;border:1px solid #434343;box-sizing:content-box;position:absolute;transition:.6s;transition-delay:.2s;left:50%;margin-left:-501px;top:240px;animation-delay:0.2s;}
.contactus .contact-wrap2 .wrap .border .dot{position:absolute;height:6px;width:6px;background-color:#434343;}
.contactus .contact-wrap2 .wrap .border .dot.top{top:-3px;}
.contactus .contact-wrap2 .wrap .border .dot.right{right:-3px;}
.contactus .contact-wrap2 .wrap .border .dot.bottom{bottom:-3px;}
.contactus .contact-wrap2 .wrap .border .dot.left{left:-3px;}
.contactus .contact-wrap2 .wrap .border .map-address{position:absolute;display:block;left:20px;top:20px;z-index:999;transition:all 0.3s linear;}
.contactus .contact-wrap2 .wrap .border .map-address img{width:1000px;height:332px;}
.contactus .contact-wrap2 .wrap .border .map-address:hover{left:1px;top:1px;z-index:11;}
.contactus .contact-wrap2 .wrap .border .address{width:1002px;left:10px;bottom:-90px;position:absolute;}
.contactus .contact-wrap2 .wrap .border .address p{line-height:24px;color:#fff;}
.contactus .contact-wrap2 .wrap .border .address p.addeng{color:#545454;}
.contactus .pagination-contact{width:20px;position:fixed;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;height:100px;z-index:10;right:30px;top:50%;text-align:center;}
.contactus .pagination-contact:after{content:"";display:inline-block;width:9px;height:57px;background:url(../images/about/down.png) no-repeat center;}
.contactus .pagination-contact li{font-size:18px;position:relative;cursor:pointer;color:#5b5a5a;}
.contactus .pagination-contact li span{display:inline-block;width:1px;height:10px;background:#5b5a5a;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);margin:5px 0;}
.contactus .pagination-contact li span.bgwhite{background:#fff;}
.contactus .pagination-contact li.active{color:#fff;}
.contactus .active .wrap .contact-title{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInDown;animation-delay:0.5s;}
.contactus .active .wrap .des{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:0.5s;}
.contactus .active .wrap .formSub{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;animation-delay:0.5s;}
.contactus .active .wrap .border{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUp;animation-delay:0.5s;}
.contactus .active .wrap .address{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUp;animation-delay:1s;}
#fp-nav ul li,.fp-slidesNav ul li{width:13px;height:13px;margin:20px 10px;}
#fp-nav ul li a span,.fp-slidesNav ul li a span{height:9px;width:9px;background:url(../images/pg.png) no-repeat center;margin:-2px 0 0 -4px;border-radius:initial;z-index:9999;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{height:9px;width:9px;margin:-4px 0 0 -4px;z-index:9999;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{height:13px;width:13px;background:url(../images/pgactive.png) no-repeat center;border-radius:initial;z-index:9999;}
.position{width:22px;height:22px;position:absolute;left:538px;top:62px;z-index:9999;}
.position em{width:22px;height:22px;background:url(../images/adddocus.png) no-repeat center center;cursor:pointer;display:block;}
.position em:after{content:'';position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:0 0 10px 20px rgba(221,46,46,0.6);top:50%;left:50%;margin-top:-11px;margin-left:-11px;z-index:8888;opacity:0;-webkit-animation:halo 1s 0.5s infinite ease-out;-moz-animation:halo 1s 0.5s infinite ease-out;animation:halo 1s 0.5s infinite ease-out;}
@-webkit-keyframes halo{
0%{opacity:0;-webkit-transform:scale(0.1);}
50%{opacity:1;}
100%{opacity:0;-webkit-transform:scale(1.3);}
}
@-moz-keyframes halo{
0%{opacity:0;-moz-transform:scale(0.1);}
50%{opacity:1;}
100%{opacity:0;-moz-transform:scale(1.3);}
}
@-ms-keyframes halo{
0%{opacity:0;}
50%{opacity:1;}
100%{opacity:0;}
}
@-o-keyframes halo{
0%{opacity:0;-o-transform:scale(0.1);}
50%{opacity:1;}
100%{opacity:0;-o-transform:scale(1.3);}
}
@keyframes halo{
0%{opacity:0;transform:scale(0.1);}
50%{opacity:1;}
100%{opacity:0;transform:scale(1.3);}
}
#left{width:400px;height:200px;background:#fff;position:fixed;top:200px;left:340px;text-transform:uppercase;will-change:opacity;z-index:20000000;transition:.2s;font-size:12px;color:#252525;}
#left .left-line{background-color:#f00;height:1px;width:5px;float:left;display:inline;overflow:hidden;transition:.08s;}
#left .left-num{float:left;display:inline;overflow:hidden;}
.animated{animation-delay:0.5s;}
.copy-btn{position:relative;margin-left:8px;opacity:0;transition:all 0.3s linear;}
.copy-btn i{color:#424242;font-size:22px;position:relative;top:4px;}
.copy-btn:hover i{color:#dd2e2e;}
.notify{position:absolute;background-color:#242424;padding:10px;bottom:25px;left:-5px;color:#888;border-radius:4px;width:50px;pointer-events:none;}
.notify-arrow{content:'';position:absolute;border:10px solid transparent;border-top-color:#242424;top:100%;left:10px;}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;}
textarea{-webkit-appearance:none;}
@-webkit-keyframes start{
0%,30%{opacity:0;-webkit-transform:translate(0,10px);}
60%{opacity:1;-webkit-transform:translate(0,0);}
100%{opacity:0;-webkit-transform:translate(0,-8px);}
}
@-moz-keyframes start{
0%,30%{opacity:0;-moz-transform:translate(0,10px);}
60%{opacity:1;-moz-transform:translate(0,0);}
100%{opacity:0;-moz-transform:translate(0,-8px);}
}
@keyframes start{
0%,30%{opacity:0;transform:translate(0,10px);}
60%{opacity:1;transform:translate(0,0);}
100%{opacity:0;transform:translate(0,-8px);}
}
@-webkit-keyframes loopUpDown{
0%{opacity:.5;-webkit-transform:translateY(-40px);}
80%,100%{opacity:1;-webkit-transform:translateY(0px);}
}
@-ms-keyframes loopUpDown{
0%{opacity:.5;transform:translateY(-40px);}
80%,100%{opacity:1;transform:translateY(0px);}
}
@-moz-keyframes loopUpDown{
0%{opacity:.5;transform:translateY(-40px);}
80%,100%{opacity:1;transform:translateY(0px);}
}
@keyframes loopUpDown{
0%{opacity:.5;transform:translateY(-40px);}
80%,100%{opacity:1;transform:translateY(0px);}
}
.mousePic{z-index:999;-webkit-animation:loopUpDown 2s linear infinite;animation:loopUpDown 2s linear infinite;width:18px;height:36px;background:url("../images/mousePic.png") no-repeat center;position:fixed;left:50%;bottom:50px;margin-left:-9px;}
.swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto;}
.swiper-container .swiper-slide .anii{position:absolute;z-index:99;}
.swiper-container .swiper-slide .forDetail{position:absolute;left:40%;bottom:-50px;font-size:12px;width:140px;height:44px;line-height:44px;text-align: center;border:1px solid #767676;z-index:99;cursor:pointer;color:#767676;transition:all 0.3s linear;}
.swiper-container .swiper-slide .forDetail i{color:#fff;font-size:26px;vertical-align:middle;position:relative;top:2px;display:inline-block;}
.swiper-container .swiper-slide .forDetail a{color:#fff;}
.swiper-container .swiper-slide .forDetail:hover{border:1px solid #ffd400;background:#ffd400;color:#2b2b2b;}
.swiper-container .swiper-slide .forDetail:hover i{color:#d8b60c;animation-name:pageOutIn;animation-delay:0s;animation-duration:0.5s;animation-fill-mode:both;display:inline-block;}
.swiper-container .swiper-slide .english{font-size:58px;z-index:99;text-transform:uppercase;text-indent:100px;letter-spacing:4px;}
.swiper-container .swiper-slide .english:1before{content:"";border-top:1px solid #434242;display:block;position:absolute;width:80px;top:50%;left:0;}
.swiper-container .swiper-slide .english:1after{content:"";border-top:1px solid #434242;display:block;position:absolute;width:80px;top:50%;right:0;}
.swiper-container .swiper-slide .wrap1{position:relative;width:860px;height:430px;margin:0 auto;top:3%;}



.H-bt{ margin:10px 0;}
.H-bt h1{ font-size:22px; color:#fff; margin:10px 0; text-align:center;}
.H-lb{ overflow:hidden;    margin-bottom: 80px;}
.H-lb li{ float: left;
    width: 100%;
    background: #fff;
    margin: 1% 0;
    1min-height: 300px;
    padding: 1%; }
.H-lb li .img{max-width: 300px;min-height: 275px; overflow:hidden;    float: left;}
.H-lb li .H-contact a{ border:#cacaca 0px solid;
    color: #2b2b2b;
    text-align: center;
    line-height1: 40px;
    display: block;
    border-radius: 50px; width:60%;margin: 0 auto;}
	.aaaH-lb li .H-contact img{    height: auto;}
	.aaaH-lb li .H-contact a:hover{ background:#dc292a; color:#fff;border:#dc292a 1px solid;}

.H-lb li .img img{height: 275px; margin-left1:-50%;}
	.H-lb li .wz{ float:left; margin-left:15px; max-width:525px; font-size:13px}
	.H-lb li .wz p strong{ font-size:14px;font-weight: bold; color:#394652; margin-right:5px;width: 120px;
    display: -webkit-inline-box;}
	.H-lb li .wz p .disk{    display1: -webkit-box;    width: initial;}
	.H-lb li .dis{}
	.H-lb li p{ line-height:24px; }
	.H-lb li .width111{width:44%; float:left; display:inline-block;    float: left;
    margin: 10px 6px 10px 0;    min-height: 72px;
    border: #c3c3c3 0px solid;
    display: inline-block;
    padding: 5px;
    text-align: center;}
	.H-lb li .wz .no{ font-size:15px; color:#06C; font-weight:bold;}

.swiper-container .swiper-slide .wrap1 .id1{left:170px;top:0;}
.swiper-container .swiper-slide .wrap1 .id2{left:300px;top:80px;}
.swiper-container .swiper-slide .wrap1 .id3{top:0;left:524px;}
.swiper-container .swiper-slide .wrap1 .text{left:100px;top:190px;font-size:30px;color:#ffd400;}
.swiper-container .swiper-slide .wrap1 .english{width:860px;left:0;top:230px;color:#ffd400;}
.swiper-container .swiper-slide .wrap2{position:relative;width:860px;height:430px;margin:0 auto;top:20%;}
.swiper-container .swiper-slide .wrap2 .vi1{left:60px;top:0;}
.swiper-container .swiper-slide .wrap2 .vi2{left:540px;top:0px;}
.swiper-container .swiper-slide .wrap2 .text{left:515px;top:254px;font-size:30px;color:#fc6208;}
.swiper-container .swiper-slide .wrap2 .english{width:790px;left:0;top:186px;color:#fc6208;}
.swiper-container .swiper-slide .wrap3{position:relative;width:960px;height:430px;margin:0 auto;top:20%;}
.swiper-container .swiper-slide .wrap3 .ux1{left:107px;top:0;}
.swiper-container .swiper-slide .wrap3 .ux2{left:347px;top:0px;}
.swiper-container .swiper-slide .wrap3 .ux3{left:122px;top:90px;}
.swiper-container .swiper-slide .wrap3 .ux4{left:447px;top:110px;}
.swiper-container .swiper-slide .wrap3 .text{left:570px;top:254px;font-size:30px;color:#2affd2;}
.swiper-container .swiper-slide .wrap3 .english{width:880px;left:0;top:186px;color:#2affd2;text-indent:121px;}
.swiper-container .swiper-slide .wrap3{position:relative;width:960px;height:430px;margin:0 auto;top:20%;}
.swiper-container .swiper-slide .wrap3 .ux1{left:107px;top:0;}
.swiper-container .swiper-slide .wrap3 .ux2{left:347px;top:0px;}
.swiper-container .swiper-slide .wrap3 .ux3{left:122px;top:90px;}
.swiper-container .swiper-slide .wrap3 .ux4{left:447px;top:110px;}
.swiper-container .swiper-slide .wrap3 .text{left:570px;top:254px;font-size:30px;color:#2affd2;}
.swiper-container .swiper-slide .wrap3 .english{width:880px;left:0;top:186px;color:#2affd2;text-indent:121px;}
.swiper-container .swiper-slide .wrap4{position:relative;width:960px;height:430px;margin:0 auto;top:20%;}
.swiper-container .swiper-slide .wrap4 .bi1{left:112px;top:0;}
.swiper-container .swiper-slide .wrap4 .bi2{left:95px;top:0px;}
.swiper-container .swiper-slide .wrap4 .bi3{left:420px;top:80px;}
.swiper-container .swiper-slide .wrap4 .text{left:616px;top:260px;font-size:30px;color:#9281fd;}
.swiper-container .swiper-slide .wrap4 .english{width:900px;left:0;top:190px;color:#9281fd;text-indent:110px;letter-spacing:7px;}
.swiper-container .swiper-slide .wrap5{position:relative;width:1030px;height:430px;margin:0 auto;top:20%;}
.swiper-container .swiper-slide .wrap5 .fe1{left:160px;top:0;}
.swiper-container .swiper-slide .wrap5 .fe2{left:134px;top:8px;}
.swiper-container .swiper-slide .wrap5 .fe3{left:440px;top:80px;}
.swiper-container .swiper-slide .wrap5 .text{left:790px;top:260px;font-size:30px;color:#f7595f;}
.swiper-container .swiper-slide .wrap5 .english{width:1030px;left:0;top:190px;color:#f7595f;text-indent:105px;font-size:56px;letter-spacing:2px;}
.swiper-container .pagination{width:120px;position:fixed;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;height:100px;z-index:10;right:30px;top:50%;left:inherit;}
.swiper-container .pagination li{font-size:14px;margin-bottom:20px;position:relative;cursor:pointer;}
.swiper-container .pagination li:after{content:"";position:absolute;top:8px;left:1px;width:126px;height:1px;}
.swiper-container .pagination .pagination1.active{color:#10dd6c;}
.swiper-container .pagination .pagination1.active:after{background:#10dd6c;}
.swiper-container .pagination .pagination2.active{color:#fb6409;}
.swiper-container .pagination .pagination2.active:after{background:#fb6409;}
.swiper-container .pagination .pagination3.active{color:#2bffd4;}
.swiper-container .pagination .pagination3.active:after{background:#2bffd4;}
.swiper-container .pagination .pagination4.active{color:#9181fb;}
.swiper-container .pagination .pagination4.active:after{background:#9181fb;}
.swiper-container .pagination .pagination5.active{color:#f65960;}
.swiper-container .pagination .pagination5.active:after{background:#f65960;}
#preloader{position:fixed;z-index:2500;top:0;left:0;right:0;bottom:0;background:url(../images/b1.jpg) no-repeat;z-index:99999999;}
.swiper-about{position:relative;left:90px;top:0;width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px);width:calc(100% - 90px);height:100%;box-sizing:border-box;}
.swiper-about .wrap{width:1150px;height:100%;padding-top:110px;left:50%;margin-left:-575px;box-sizing:border-box;overflow:hidden;position:absolute;}
.swiper-about .wrap .aboutTitle{width:1150px;height:28px;line-height:28px;color:#fff;background:url("../images/about/about-icon1.png") no-repeat left center;text-indent:40px;position:absolute;overflow:hidden;left:50%;margin-left:-575px;}
.swiper-about .wrap .aboutTitle.aboutB{animation-delay:0.3s;}
.swiper-about .wrap .aboutTitle.aboutC{animation-delay:0.3s;}
.swiper-about .wrap .aboutTitle span.about-chinese{position:relative;top:-1px;font-size:18px;}
.swiper-about .wrap .aboutTitle span.about-english{color:#414040;font-size:14px;position:relative;left:-4px;top:2px;}
.swiper-about .wrap .aboutTitle span.about-english i{font-size:30px;}
.swiper-about .about-wrap1{position:relative;width:100%;height:100%;}
.swiper-about .about-wrap1 .wrap .about-logo{width:410px;height:388px;margin:70px 0 0 130px;position:relative;}
.swiper-about .about-wrap1 .wrap .about-logo img{display:block;position:absolute;}
.swiper-about .about-wrap1 .wrap .about-logo .ju0{left:-120px;top:20px;z-index:91;}
.swiper-about .about-wrap1 .wrap .about-logo .ju1{left:0;top:0;z-index:90;}
.swiper-about .about-wrap1 .wrap .about-logo .ju2{left:60px;top:20px;}
.swiper-about .about-wrap1 .wrap .about-logo .ju3{left:100px;top:35px;}
.swiper-about .about-wrap1 .wrap .about-logo .fjabout{left:45px;top:75px;z-index:95;}
.swiper-about .about-wrap1 .wrap .about-logo .jutext{left:210px;top:80px;z-index:99;}
.swiper-about .about-wrap1 .wrap .about-text{width:570px;height:350px;position:absolute;top:200px;right:0;}
.swiper-about .about-wrap1 .wrap .about-text img{display:block;position:absolute;}
.swiper-about .about-wrap1 .wrap .about-text .fjdesign{top:0;left:0;}
.swiper-about .about-wrap1 .wrap .about-text .fjtext{top:100px;left:0;}
.swiper-about .about-wrap1 .wrap .about-text p{position:absolute;top:210px;left:0;line-height:28px;color:#a7a7a7;font-size:16px;font-family:"PingFang SC";}
.swiper-about .about-wrap1 .wrap .about-text a{color:#767676;}
.swiper-about .about-wrap1 .wrap .about-text a:hover{color:#fff;}
.swiper-about .about-wrap1 .wrap .about-text .click-details{position:absolute;left:0;bottom:0;width:140px;height:44px;line-height:44px;z-index:99;border:1px solid #767676;cursor:pointer;color:#767676;text-align:center;transition:all .3s linear;}
.swiper-about .about-wrap1 .wrap .about-text .click-details span,.swiper-about .about-wrap1 .wrap .about-text .click-details b{display:none;}
.swiper-about .about-wrap1 .wrap .about-text .click-details i{color:#767676;font-size:40px;vertical-align:middle;position:relative;top:2px;display:inline-block;}
.swiper-about .about-wrap1 .wrap .about-text .click-details:hover{background:#252524;border:1px solid #fff;color:#fff;}
.swiper-about .about-wrap1 .wrap .about-text .click-details:hover i{animation-name:pageOutIn;animation-delay:0s;animation-duration:0.5s;animation-fill-mode:both;color:#fff;}
.swiper-about .about-wrap1 .wrap .text-details{width:1150px;height:100px;position:relative;margin-top:70px;overflow:hidden;}
.swiper-about .about-wrap1 .wrap .text-details ul li{float:left;color:#a7a7a7;text-align:right;margin-left:85px;font-size:12px;}
.swiper-about .about-wrap1 .wrap .text-details ul li span{display:block;color:#2c2b2b;font-size:12px;letter-spacing:4px;margin-top:8px;}
.swiper-about .about-wrap1 .wrap .text-details ul li.li1{width:210px;margin-left:0;}
.swiper-about .about-wrap1 .wrap .text-details ul li.li1 span{letter-spacing:2px;}
.swiper-about .about-wrap1 .wrap .text-details ul li.li2{width:140px;}
.swiper-about .about-wrap1 .wrap .text-details ul li.li3{width:170px;}
.swiper-about .about-wrap1 .wrap .text-details ul li.li4{width:130px;}
.swiper-about .about-wrap1 .wrap .text-details ul li.li5{width:150px;}
.swiper-about .about-wrap2{position:relative;width:100%;height:100%;background:url(../images/about/aboutB.jpg) no-repeat center;background-size:cover;}
.swiper-about .about-wrap2 .wrap #swiperTeams{height:270px;position:relative;margin-top:130px;padding-top:70px;width:922px;}
.swiper-about .about-wrap2 .wrap #swiperTeams .fj-teams{width:922px;height:172px;background:url(../images/about/teams.png) no-repeat center;}
.swiper-about .about-wrap2 .wrap #swiperTeams .fj-teams .teams-img{width:238px;height:320px;position:absolute;left:80px;top:-70px;z-index:999;}
.swiper-about .about-wrap2 .wrap #swiperTeams .fj-teams .teams-name{width:240px;height:42px;line-height:42px;color:#fff;text-indent:20px;background:#dd2e2e;position:absolute;left:316px;top:-18px;z-index:990;}
.swiper-about .about-wrap2 .wrap #swiperTeams .fj-teams .teams-name span{font-size:16px;margin-right:10px;}
.swiper-about .about-wrap2 .wrap #swiperTeams .fj-teams .teams-name b{font-size:12px;color:#ed9090;}
.swiper-about .about-wrap2 .wrap #swiperTeams .fj-teams .teams-intro{width:580px;padding:0 20px;margin-left:320px;padding-top:50px;}
.swiper-about .about-wrap2 .wrap #swiperTeams .fj-teams .teams-intro p{color:#a9a9a9;font-size:12px;line-height:24px;}
.swiper-about .about-wrap2 .wrap #swiperTeams .teams-pagination{width:200px;position:absolute;left:inherit;bottom:40px;left:360px;}
.swiper-about .about-wrap2 .wrap #swiperTeams .teams-pagination .swiper-pagination-bullet{width:12px;height:12px;background:url(../images/dian.png) no-repeat center;border-radius:0;opacity:1;}
.swiper-about .about-wrap2 .wrap #swiperTeams .teams-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../images/dianac.png) no-repeat center;}
.swiper-about .about-wrap2 .wrap #swiperTeams .pagination-aboutB{width:230px;height:42px;line-height:42px;background:url(../images/shu.png) no-repeat center;position:absolute;bottom:20px;right:10px;}
.swiper-about .about-wrap2 .wrap #swiperTeams .pagination-aboutB div{position:absolute;z-index:10;cursor:pointer;top:2px;margin:0;}
.swiper-about .about-wrap2 .wrap #swiperTeams .pagination-aboutB div i{font-size:60px;color:#616161;vertical-align:middle;font-weight:bold;display:inline-block;}
.swiper-about .about-wrap2 .wrap #swiperTeams .pagination-aboutB div:hover{animation-name:pageOutIn;animation-delay:0s;animation-duration:0.5s;animation-fill-mode:both;}
.swiper-about .about-wrap2 .wrap #swiperTeams .pagination-aboutB div:hover i{color:#fff;}
.swiper-about .about-wrap2 .wrap #swiperTeams .pagination-aboutB .teams-button-next{right:0;}
.swiper-about .about-wrap2 .wrap #swiperTeams .pagination-aboutB .teams-button-prev{left:0;}
.swiper-about .about-wrap3{position:relative;width:100%;height:100%;background:url(../images/about/aboutC.jpg) no-repeat center;background-size:cover;}
.swiper-about .about-wrap3 .wrap #swiperimg{height:310px;margin-top:130px;position:relative;width:1030px;}
.swiper-about .about-wrap3 .wrap #swiperimg ul li{width:161px;height:71px;display:inline-block;margin-right:6px;margin-bottom:10px;}
.swiper-about .about-wrap3 .wrap #swiperimg ul li img{display:block;width:161px;height:71px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all 0.3s linear;}
.swiper-about .about-wrap3 .wrap #swiperimg ul li:hover img{-webkit-transform:rotateY(40deg);transform:rotateY(40deg);opacity:0.99;}
.swiper-about .about-wrap3 .wrap #swiperimg .imgs-pagination{width:100px;position:absolute;left:inherit;bottom:15px;left:10px;}
.swiper-about .about-wrap3 .wrap #swiperimg .imgs-pagination .swiper-pagination-bullet{width:12px;height:12px;background:url(../images/dian.png) no-repeat center;border-radius:0;opacity:1;}
.swiper-about .about-wrap3 .wrap #swiperimg .imgs-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../images/dianac.png) no-repeat center;}
.swiper-about .about-wrap3 .wrap #swiperimg .pagination-aboutC{width:230px;height:42px;line-height:42px;background:url(../images/shu.png) no-repeat center;position:absolute;bottom:0;right:40px;}
.swiper-about .about-wrap3 .wrap #swiperimg .pagination-aboutC div{position:absolute;z-index:10;cursor:pointer;top:2px;margin:0;}
.swiper-about .about-wrap3 .wrap #swiperimg .pagination-aboutC div i{font-size:60px;color:#616161;vertical-align:middle;font-weight:bold;}
.swiper-about .about-wrap3 .wrap #swiperimg .pagination-aboutC div:hover{animation-name:pageOutIn;animation-delay:0s;animation-duration:0.5s;animation-fill-mode:both;}
.swiper-about .about-wrap3 .wrap #swiperimg .pagination-aboutC div:hover i{color:#fff;}
.swiper-about .about-wrap3 .wrap #swiperimg .pagination-aboutC .img-button-next{right:0;}
.swiper-about .about-wrap3 .wrap #swiperimg .pagination-aboutC .img-button-prev{left:0;}
.swiper-about .pagination-about{width:20px;position:fixed;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;height:100px;z-index:10;right:30px;top:50%;text-align:center;}
.swiper-about .pagination-about:after{content:"";display:inline-block;width:9px;height:57px;background:url(../images/about/down.png) no-repeat center;}
.swiper-about .pagination-about li{font-size:18px;position:relative;cursor:pointer;color:#5b5a5a;}
.swiper-about .pagination-about li span{display:inline-block;width:1px;height:10px;max-height:56px;overflow:hidden;background:#5b5a5a;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);margin:5px 0;}
.swiper-about .pagination-about li span.bgwhite{background:#fff;}
.swiper-about .pagination-about li.active{color:#fff;}
.swiper-about .pagination-about22{width:20px;position:fixed;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;height:100px;z-index:10;right:30px;top:50%;text-align:center;}
.swiper-about .pagination-about22:after{content:"";display:inline-block;width:9px;height:57px;background:url(../images/about/down.png) no-repeat center;}
.swiper-about .pagination-about22 li{font-size:18px;position:relative;cursor:pointer;color:#5b5a5a;}
.swiper-about .pagination-about22 li:after{content:"";display:inline-block;width:1px;height:10px;background:#5b5a5a;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);margin:5px 0;}
.swiper-about .pagination-about22 li.active{color:#fff;}
.swiper-about .pagination-about22 li.active:after{height:46px;background:#fff;}
.swiper-about .active .wrap .aboutTitle{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInDown;animation-delay:0.5s;}
.swiper-about .active .wrap .about-text{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;animation-delay:0.5s;}
.swiper-about .active .wrap .click-details{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;animation-delay:0.8s;}
.swiper-about .active .wrap .ju0{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:0.6s;}
.swiper-about .active .wrap .ju1{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:0.3s;}
.swiper-about .active .wrap .ju2{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:0.3s;}
.swiper-about .active .wrap .ju3{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:0.6s;}
.swiper-about .active .wrap .fjabout{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:1.2s;}
.swiper-about .active .wrap .jutext{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:0.9s;}
.swiper-about .active .wrap .li1{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUp;animation-delay:0.5s;}
.swiper-about .active .wrap .li2{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUp;animation-delay:0.8s;}
.swiper-about .active .wrap .li3{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUp;animation-delay:1.1s;}
.swiper-about .active .wrap .li4{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUp;animation-delay:1.5s;}
.swiper-about .active .wrap .li5{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUp;animation-delay:1.8s;}
.swiper-about .active .wrap .formSub{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;animation-delay:0.5s;}
.swiper-about .active .wrap .spana{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;animation-delay:0.5s;}
.swiper-about .active .wrap .spanb{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;animation-delay:1s;}
.swiper-about .active .wrap .spanc{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;animation-delay:1s;}
.swiper-about .active .wrap .about-detail{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;animation-delay:1s;}
.swiper-about .active .wrap #swiperTeams{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUp;animation-delay:1s;}
.swiper-about .active .wrap #swiperimg{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUp;animation-delay:1s;}
@-webkit-keyframes updown{
0%,100%{-webkit-transform:translateX(0);}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}
20%,40%,60%,80%{-webkit-transform:translateX(10px);}
}
@-moz-keyframes updown{
0%,100%{-moz-transform:translateX(0);}
10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);}
20%,40%,60%,80%{-moz-transform:translateX(10px);}
}
@-ms-keyframes updown{
0%,100%{-ms-transform:translateX(0);}
10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);}
20%,40%,60%,80%{-ms-transform:translateX(10px);}
}
@keyframes updown{
0%,100%{transform:translateX(0);}
10%,30%,50%,70%,90%{transform:translateX(-10px);}
20%,40%,60%,80%{transform:translateX(10px);}
}
#tipsmsg{display:none;width:400px;line-height:24px;font-size:12px;color:#dd2e2e;position:fixed;left:50%;bottom:60px;margin-left:-200px;text-align:center;}
.fadeInDelay{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInDelay;animation-delay:0s;}
@keyframes fadeInDelay{
from{opacity:0;transform:translate3d(0,100%,0);}
to{opacity:1;transform:none;}
}
.fadeOutDelay{animation-duration:1s;animation-fill-mode:both;animation-name:fadeOutDelay;animation-delay:3s;}
@keyframes fadeOutDelay{
0%{opacity:1;}
100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
}
.article{position:absolute;left:90px;top:0;width:60%;height:100%;width:-moz-calc(100% - 430px);width:-webkit-calc(100% - 430px);width:calc(100% - 430px);box-sizing:border-box;z-index:99;overflow-y:auto;}
.article p{word-wrap:break-word;text-indent:2em;font-size:16px;line-height:28px;padding:15px 15px 0;}
.article img{border:0;vertical-align:middle;display:block;width:100%;}
::-webkit-scrollbar{width:4px;height:8px;}
::-webkit-scrollbar-track{border-radius:10px;}
::-webkit-scrollbar-thumb{height:10px;border-radius:5px;background-color:#dd2e2e;}
.arc-pagination{position:absolute;right:0;top:0;width:340px;height:100%;background:#141313;z-index:99;box-sizing:border-box;overflow:hidden;}
.arc-pagination .pages{margin:110px 0 0;width:100%;line-height:46px;height:46px;border-bottom:1px solid #1f1e1e;overflow:hidden;}
.arc-pagination .pages div{width:50%;line-height:46px;height:46px;float:left;position:relative;transition:0.4s;}
.arc-pagination .pages div i{font-size:50px;color:#616161;vertical-align:middle;}
.arc-pagination .pages div:hover i{color:#fff;animation-name:pageOutIn;animation-delay:0s;animation-duration:0.5s;animation-fill-mode:both;display:inline-block;}
.arc-pagination .pages div img{position:absolute;display:block;top:15px;cursor:pointer;}
/**修改过*/
.arc-pagination .pages .prev-con{text-align:left; position:relative;}
.arc-pagination .pages .prev-con a{display:block; opacity:0; width:100%;position:absolute; top:0px; left:0px; height:60px;}
/**修改过*/
.arc-pagination .pages .prev-con i{margin-left:20px;}
/**修改过*/
.arc-pagination .pages .next-con{text-align:right; position:relative;}
.arc-pagination .pages .next-con a{display:block; opacity:0; width:100%;position:absolute; top:0px; left:0px; height:60px;}	
/**修改过*/
.arc-pagination .pages .next-con i{margin-right:20px;}
.arc-pagination .arcright{width:340px;position:absolute;height:calc(100% - 200px);right:0;bottom:43px;padding-top:60px;box-sizing:border-box;overflow-y:auto;}
.arc-pagination .arcright .title{padding:0 20px;}
.arc-pagination .arcright .title h2{font-size:26px;line-height:1;color:#fff;font-family:'黑体';margin-bottom:5px;}
.arc-pagination .arcright .title h3{font-size:12px;line-height:1;color:#7a7a7a;}
.arc-pagination .arcright .line{padding:0 20px;width:22px;height:22px;background:url(../images/line.png) no-repeat center;margin:15px 0;}
.arc-pagination .arcright .description{padding:0 20px;overflow:hidden;}
.arc-pagination .arcright .description p{line-height:24px;color:#fff;font-size:14px;}
.arc-pagination .arcright .wetsite{padding:0 20px;overflow:hidden;margin-top:20px;margin-bottom:15px;}
.arc-pagination .arcright .wetsite label{color:#fff;margin-right:10px;}
.arc-pagination .arcright .wetsite span{color:#dd2e2e;}
.arc-pagination .arcright .tags{padding:0 20px 20px;overflow:hidden;}
.arc-pagination .arcright .tags .arcsign{color:#fff;margin-right:10px;float:left;height:96px;}
.arc-pagination .arcright .tags .signcon{float:left;height:60px;width:calc(100% - 58px);}
.arc-pagination .arcright .tags .signcon span{display:inline-block;color:#8e8d8d;width:50px;text-align:center;line-height:1;padding:5px 0;text-align:center;margin-right:9px;margin-bottom:9px;background:#2b2a2a;font-size:14px;}
.arc-pagination .arcright .tags .signcon span:nth-of-type(4n){margin-right:0;}
.arc-pagination.white{background:#fff;}
.arc-pagination.white .title h2{color:#222;}
.arc-pagination.white .title h3{color:#d1d1d1;}
.arc-pagination.white .line{background:url(../images/linewhite.png) no-repeat 50%;}
.arc-pagination.white .description p{color:#666;}
.arc-pagination.white .wetsite label{color:#666;}
.arc-pagination.white .wetsite span{color:#dd2e2e;}
.arc-pagination.white .tags label{color:#666;}
.arc-pagination.white .tags span{color:#727272;background:#e5e5e5;}
.arc-pagination.white .tags .arcsign{color:#7a7a7a;}
.arc-pagination.white .tags .signcon span{background:#e5e5e5;color:#7a7a7a;}
.arc-pagination.white .pages{border-bottom:1px solid #eee;}
.animate-delay{animation-delay:0.3s;}
.fj-items{width:90%;width:calc(100% - 90px);height:100%;position:absolute;left:90px;top:0;background:#141313;z-index:11;overflow:hidden;z-index:99;overflow-y:auto;}
.fj-items .items-head{width:100%;height:450px;overflow:hidden;}
.fj-items .items-head .items-swiper{width:50%;float:left;height:450px;box-sizing:border-box;position:relative;}
.fj-items .items-head .items-swiper .swiper-wrapper .slideImg{height:405px;width:100%;overflow:hidden;}
.fj-items .items-head .items-swiper .swiper-wrapper .slideImg img{display:block;width:100%;}
.fj-items .items-head .items-swiper .swiper-diy{width:100%;height:45px;line-height:45px;overflow:hidden;position:absolute;left:0;bottom:0;background:#101010;}
.fj-items .items-head .items-swiper .swiper-diy .items-pagination{width:160px;position:absolute;left:0;bottom:0;}
.fj-items .items-head .items-swiper .swiper-diy .items-pagination .swiper-pagination-bullet{width:11px;height:11px;background:url("../images/items-dian.png"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/items-dian.png*/) no-repeat center;border-radius:0;opacity:1;margin-right:12px;transition:all 0.3s linear;}
.fj-items .items-head .items-swiper .swiper-diy .items-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url("../images/items-dianc.png"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/items-dianc.png*/) no-repeat center;}
.fj-items .items-head .items-swiper .swiper-diy .pagination-btn{width:340px;height:45px;line-height:45px;position:absolute;right:0;bottom:0;overflow:hidden;box-sizing:border-bpx;}
.fj-items .items-head .items-swiper .swiper-diy .pagination-btn div{width:170px;height:46px;line-height:45px;cursor:pointer;position:absolute;bottom:0;transition:all 0.3s linear;text-align:center;z-index:999;}
.fj-items .items-head .items-swiper .swiper-diy .pagination-btn div i{font-size:50px;color:#616161;vertical-align:middle;display:inline-block;position:relative;top:3px;}
.fj-items .items-head .items-swiper .swiper-diy .pagination-btn div:hover i{color:#fff;animation-name:pageOutIn;animation-delay:0s;animation-duration:0.8s;animation-fill-mode:both;}
.fj-items .items-head .items-swiper .swiper-diy .pagination-btn .items-button-next{right:0;}
.fj-items .items-head .items-swiper .swiper-diy .pagination-btn .items-button-prev{left:0;}
.fj-items .items-head .items-wrap{width:50%;height:450px;padding-top:100px;float:left;background:#dd2e2e;box-sizing:border-box;}
.fj-items .items-head .items-wrap .items-desc{height:305px;padding-left:48px;overflow:hidden;}
.fj-items .items-head .items-wrap .items-desc .icon-yonghutiyan{color:#fff;font-size:60px;}
.fj-items .items-head .items-wrap .items-desc h3{color:#fff;font-size:16px;line-height:1;margin-bottom:15px;}
.fj-items .items-head .items-wrap .items-desc h2{color:#fff;line-height:1;font-size:50px;}
.fj-items .items-head .items-wrap .items-desc .line{width:37px;height:37px;background:url("../images/line-items.png"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/line-items.png*/) no-repeat center;transform:rotate(225deg);margin:10px;}
.fj-items .items-head .items-wrap .items-desc .juxing{width:94px;height:40px;background:url("../images/juxing.png"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/juxing.png*/) no-repeat center;margin:20px 0;}
.fj-items .items-head .items-wrap .items-desc p{width:510px;color:#fff;line-height:28px;font-size:14px;}
.fj-items .items-head .items-wrap .items-filter{width:100%;height:45px;background:#e04343;overflow:hidden;}
.fj-items .items-head .items-wrap .items-filter ul a{color:#fff;}
.fj-items .items-head .items-wrap .items-filter ul a li{float:left;width:21%;line-height:45px;color:#fff;text-indent:25px;transition:all 0.4s linear;font-size:12px;}
.fj-items .items-head .items-wrap .items-filter ul a li i{font-size:14px;color:#fff;vertical-align:middle;opacity:0;position:relative;top:1px;display:inline-block;left:-20px;}
.fj-items .items-head .items-wrap .items-filter ul a li.all{width:16%;}
.fj-items .items-head .items-wrap .items-filter ul a li.all img{vertical-align:middle;margin-left:20px;}
.fj-items .items-head .items-wrap .items-filter ul a li:hover{background:#dd2e2e;}
.fj-items .items-head .items-wrap .items-filter ul a li:hover i{opacity:1;animation-delay:0s;animation-duration:0.5s;animation-fill-mode:both;animation-name:pageOutIn;display:inline-block;}
.fj-items .items-head .items-wrap .items-filter ul a.selected li{background:#dd2e2e;}
.fj-items .items-head .items-wrap .items-filter ul a.selected li i{opacity:1;}
.fj-items .items-head .items-wrap .items-filter.topfixed2{position:fixed;top:0;left:90px;height:88px;width:calc(100% - 90px);background:rgba(1,1,1,0.6);z-index:9999;}
.fj-items .items-head .items-wrap .items-filter.topfixed2 ul li{line-height:88px;font-size:14px;}
.fj-items .items-head .items-wrap .items-filter.topfixed2 ul li i{font-size:22px;}
.fj-items .items-head .items-wrap .items-filter.topfixed{position:fixed;top:0;left:90px;height:88px;width:calc(100% - 90px);background:rgba(1,1,1,0.6);z-index:9999;}
.fj-items .items-head .items-wrap .items-filter.topfixed ul li{line-height:88px;font-size:14px;}
.fj-items .items-head .items-wrap .items-filter.topfixed ul li i{font-size:22px;}
.fj-items .items-content{width:100%;position:relative;z-index:-1;padding-bottom: 44px;}
.fj-items .items-content #portfolio{overflow:hidden;width:100%;}
.fj-items .items-content #portfolio .item{list-style:none;margin:0;float:left;width:25%;position:relative;overflow:hidden;}
.fj-items .items-content #portfolio .item img{width:100%;height:100%;display:block;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:all 250ms linear;transition:all 250ms linear;}
.fj-items .items-content #portfolio .item .caption{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;-webkit-transition:all 150ms linear;transition:all 150ms linear;z-index:999;}
.fj-items .items-content #portfolio .item .caption .caption-text{position:absolute;left:20px;bottom:20px;overflow:hidden;}
.fj-items .items-content #portfolio .item .caption .caption-text h2{font-size:12px;line-height:1;font-weight:700;color:#fff;margin-bottom:10px;}
.fj-items .items-content #portfolio .item .caption .caption-text h3{font-size:12px;line-height:1;font-weight:700;color:#fff;margin-bottom:0;}
.fj-items .items-content #portfolio .item .caption .cross{height:29px;width:29px;background:url("../images/cross.png"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/cross.png*/) no-repeat center;position:absolute;top:10px;right:10px;}
.fj-items .items-content #portfolio .item .floated{position:absolute;width:0;height:100%;left:0;bottom:0;background:#dd2e2e;transition:0.4s;z-index:996;background:rgba(0,0,0,0.7);opacity:0;transition:0.4s;z-index:996;}
.fj-items .items-content #portfolio .item:hover{transition:0.4s;}
.fj-items .items-content #portfolio .item:hover .caption{opacity:1;}
.fj-items .items-content #portfolio .item:hover .floated{opacity:1;width:100%;}
.fj-items .items-content #portfolio .item:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.items-topfixed{background:#e04343;overflow:hidden;position:fixed;top:0;left:90px;height:88px;width:calc(100% - 90px);background:rgba(1,1,1,0.6);z-index:9999;display:none;}
.items-topfixed ul a{color:#fff;}
.items-topfixed ul a li{float:left;width:21%;color:#fff;text-indent:25px;transition:all 0.4s linear;font-size:12px;line-height:88px;font-size:14px;}
.items-topfixed ul a li i{font-size:22px;color:#fff;vertical-align:middle;margin-left:10px;opacity:0;position:relative;top:1px;display:inline-block;}
.items-topfixed ul a li.all{width:16%;}
.items-topfixed ul a li.all img{vertical-align:middle;margin-left:20px;}
.items-topfixed ul a li:hover{background:#dd2e2e;}
.items-topfixed ul a li:hover i{opacity:1;animation-delay:0s;animation-duration:0.5s;animation-fill-mode:both;animation-name:pageOutIn;display:inline-block;}
.items-topfixed ul a.selected li{background:#dd2e2e;}
.items-topfixed ul a.selected li i{opacity:1;}
.company{position:relative;left:90px;top:0;width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px);width:calc(100% - 90px);height:-moz-calc(100% - 44px);height:-webkit-calc(100% - 44px);height:calc(100% - 44px);background:#141313;box-sizing:border-box;overflow-y:auto;}
.company .wrap{height:100%;height:100%;padding-top:120px;box-sizing:border-box;position:relative;}
.company .wrap .contact-title{width:960px;height:50px;color:#fff;position:absolute;overflow:hidden;left:50%;margin-left:-480px;animation-delay:0.1s;}
.company .wrap .contact-title span{color:#fff;font-size:20px;}
.company .wrap .contact-title img{width:423px;height:37px;display:block;position:absolute;left:0;bottom:0;}
.company .wrap .bgcom{width:100%;height:162px;margin-top:40px;background:url("../images/bgcom.jpg"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/bgcom.jpg*/) no-repeat center;background-size:cover;}
.company .wrap .con{position:absolute;width:760px;height:400px;padding:0 100px;left:50%;margin-left:-480px;}
.company .wrap .con .logo{width:733px;height:82px;margin:0 auto;background:url("../images/jucom.png"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/jucom.png*/) no-repeat center;position:relative;margin-bottom:80px;animation-delay:0.5s;}
.company .wrap .con .logo .fjcom{position:absolute;width:101px;height:244px;left:50%;margin-left:-51px;top:-80px;z-index:998;animation-delay:0.7s;}
.company .wrap .con .logo .fjwebsite{position:absolute;width:205px;height:12px;left:50%;top:50%;margin-left:-103px;margin-top:-6px;z-index:999;animation-delay:1s;}
.company .wrap .con h2{font-size:20px;margin-bottom:5px;color:#fff;font-weight:normal;}
.company .wrap .con h3{font-size:12px;color:#7f8082;margin-bottom:30px;}
.company .wrap .con .conwrap{padding-bottom:30px;}
.company .wrap .con .conwrap p{font-size:12px;line-height:22px;color:#cdcdcd;margin-bottom:5px;}
#swiper-mobile-index{display:none;}
@media screen and (max-width:320px){
html{font-size:42.66666666666667px;}
body{font-size:12px;}
}
@media screen and (min-width:360px){
html{font-size:48px;}
body{font-size:12px;}
}
@media screen and (min-width:375px){
html{font-size:50px;}
body{font-size:12px;}
}
@media screen and (min-width:384px){
html{font-size:51.2px;}
body{font-size:14px;}
}
@media screen and (min-width:400px){
html{font-size:53.333333333333336px;}
body{font-size:14px;}
}
@media screen and (min-width:412px){
html{font-size:54.93333333333334px;}
body{font-size:14px;}
}
@media screen and (min-width:414px){
html{font-size:55.2px;}
body{font-size:14px;}
}
@media screen and (min-width:424px){
html{font-size:56.53333333333334px;}
body{font-size:14px;}
}
@media screen and (min-width:435px){
html{font-size:57.99999999999999px;}
body{font-size:14px;}
}
@media screen and (min-width:480px){
html{font-size:64px;}
body{font-size:16px;}
}
@media screen and (min-width:540px){
html{font-size:72px;}
body{font-size:16px;}
}
@media screen and (min-width:600px){
html{font-size:80px;}
body{font-size:16px;}
}
@media screen and (min-width:720px){
html{font-size:96px;}
body{font-size:16px;}
}
@media screen and (min-width:750px){
html{font-size:100px;}
body{font-size:16px;}
}
@media screen and (min-width:320px) and (max-width:750px){
.footer{display:none;}
.footer-tips{display:none;}
.mousePic{display:none;}
.leftCon{display:none;}
#swiper-container-index{display:none;}
#swiper-mobile-index{display:block;}
}
.mobile-index{position:relative;width:6rem;height:70%;margin:0 auto;}
.mobile-index .mobile-wrap{position:relative;width:100%;margin-top:2.4rem;}
.mobile-index .mobile-wrap img{display:block;width:3.11rem;height:3.71rem;}
.mobile-index .mobile-wrap .mobile-title{font-size:0.6rem;color:#10dd6c;bottom:0.6rem;left:0.05rem;}
.mobile-index .mobile-wrap .mobile-english{font-size:0.4rem;color:#10dd6c;text-transform:uppercase;bottom:0.02rem;left:0.05rem;}
.mobile-index .mobile-text{font-size:0.3rem;color:#808080;margin-top:0.4rem;}
.mobile-index .mobile-text p{line-height:0.40rem;font-size:0.22rem;margin-bottom:0.22rem;}
.mobile-index .mobile-forDetail{width:1.8rem;height:0.62rem;line-height:0.62rem;text-indent:0.2rem;border:1px solid #fff;z-index:99;cursor:pointer;color:#fff;transition:all 0.3s linear;margin-top:0.6rem;font-size:0.24rem;}
.mobile-index .mobile-forDetail span{margin-right:0.1rem;}
.mobile-index .mobile-fe{font-size:0.24rem;}
.mobile-index .mobile-fe img{width:.3rem;vertical-align:middle;margin-right:0.2rem;}
.mobile-index.mobile-wrap2 .mobile-wrap img{display:block;width:3.11rem;height:3.64rem;}
.mobile-index.mobile-wrap2 .mobile-wrap .mobile-title{color:#fb6409;}
.mobile-index.mobile-wrap2 .mobile-wrap .mobile-english{color:#fb6409;}
.mobile-index.mobile-wrap3 .mobile-wrap{margin-top:2.8rem;}
.mobile-index.mobile-wrap3 .mobile-wrap img{display:block;width:4.59rem;height:2.66rem;}
.mobile-index.mobile-wrap3 .mobile-wrap .mobile-title{color:#2bffd4;}
.mobile-index.mobile-wrap3 .mobile-wrap .mobile-english{color:#2bffd4;}
.mobile-index.mobile-wrap4 .mobile-wrap img{display:block;width:4.53rem;height:3.71rem;}
.mobile-index.mobile-wrap4 .mobile-wrap .mobile-title{color:#9181fb;}
.mobile-index.mobile-wrap4 .mobile-wrap .mobile-english{color:#9181fb;}
.mobile-index.mobile-wrap5 .mobile-wrap img{display:block;width:3.98rem;height:3.64rem;}
.mobile-index.mobile-wrap5 .mobile-wrap .mobile-title{color:#f65960;}
.mobile-index.mobile-wrap5 .mobile-wrap .mobile-english{color:#f65960;}
.swiper-mobile{width:100%;height:100%;margin-left:auto;margin-right:auto;}
.swiper-mobile .swiper-slide .anii{position:absolute;z-index:99;}
.swiper-mobile .pagination-mobile{position:fixed;width:260px;height:22px;line-height:22px;left:50%;bottom:1%;margin-left:-140px;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;z-index:10;}
.swiper-mobile .pagination-mobile ul li{float:left;width:20%;height:22px;line-height:22px;font-size:18px;margin-bottom:0;position:relative;}
.swiper-mobile .pagination-mobile ul li:after{content:"";position:absolute;top:10px;left:1px;width:50px;height:1px;}
.swiper-mobile .pagination-mobile ul .pagination1.active{color:#10dd6c;}
.swiper-mobile .pagination-mobile ul .pagination1.active:after{background:#10dd6c;}
.swiper-mobile .pagination-mobile ul .pagination2.active{color:#fb6409;}
.swiper-mobile .pagination-mobile ul .pagination2.active:after{background:#fb6409;}
.swiper-mobile .pagination-mobile ul .pagination3.active{color:#2bffd4;}
.swiper-mobile .pagination-mobile ul .pagination3.active:after{background:#2bffd4;}
.swiper-mobile .pagination-mobile ul .pagination4.active{color:#9181fb;}
.swiper-mobile .pagination-mobile ul .pagination4.active:after{background:#9181fb;}
.swiper-mobile .pagination-mobile ul .pagination5.active{color:#f65960;}
.swiper-mobile .pagination-mobile ul .pagination5.active:after{background:#f65960;}
.menu-mobile{display:none;}
@media screen and (min-width:320px) and (max-width:750px){
.menu-mobile{width:100%;height:0.9rem;position:fixed;top:0;right:0;background:#0e0d0d;z-index:999;overflow:hidden;display:block;}
.menu-mobile .mobile-logo{width:0.9rem;height:0.9rem;background:#dd2e2e;text-align:center;display:flex;justify-content:center;align-items:center;float:left;}
.menu-mobile .mobile-logo img{width1:0.14rem;height:0.8rem;display:inline-block;}
.menu-mobile .txt{display:inline-block;height:0.9rem;line-height:0.9rem;margin-left:0.3rem;font-size:.3rem;color:#fff;float:left;}
.menu-mobile .menu-wrap{float:right;height:0.9rem;display:flex;align-items:center;margin-right:0.3rem;z-index:99999;}
.menu-mobile .menu-wrap span{font-size:0.3rem;margin-right:0.2rem;color:#fff;}
.menu-mobile .menu-wrap i.icon-menu{font-size:0.24rem;color:#fff;}
.menu-mobile .menu-wrap.white span{color:#7b7b7b;}
.menu-mobile .menu-wrap.white i.icon-menu{color:#141313;}
.menu-modal{position:fixed;top:0.9rem;left:0;width:100%;height:100%;padding-top:0.5rem;z-index:1000017;}
.menu-modal .cd-close{position:fixed;top:0.3rem;right:0.3rem;}
.menu-modal .cd-close span{font-size:14px;}
.menu-modal .cd-close .icon-Menu{font-size:14px;}
.menu-modal .project-content{width:100%;height:100%;}
.menu-modal .project-content .pro-left{display:none;}
.menu-modal .project-content ul{float:left;height:100%;width:100%;box-sizing:border-box;}
.menu-modal .project-content ul li{width:50%;height:200px;float:left;border-right:none;}
.menu-modal .project-content ul li:hover{background:#e13e3f;}
.menu-modal .project-content ul li a{color:#fff;}
.menu-modal .project-content ul li .menu-info{z-index:999;}
.menu-modal .project-content ul li .menu-info div{width:149px;height:179px;text-align:center;}
.menu-modal .project-content ul li .menu-hover{display:none;}
}
.footer-mobile{position:fixed;left:0;bottom:0;width:100%;height:0.8rem;line-height:0.8rem;background:#2b2b2b;z-index:99999;overflow:hidden;display:none;}
.footer-mobile .tellus{float:left;margin-left:20px;}
.footer-mobile .iconfooter{float:right;margin-right:20px;}
.footer-mobile span{font-size:12px;color:#ababab;display:inline-block;}
.footer-mobile span b{color:#dd2e2e;}
.footer-mobile span.tellus{font-size:12px;}
.footer-mobile b{color:#fff;margin:0 3px;}
.footer-mobile a{display:inline-block;transition:all 0.3s linear;vertical-align:middle;margin-left:0.3rem;}
.footer-mobile .icon{font-size:18px;line-height:18px;color:#727171;-webkit-transition:font-size 0.25s ease-out 0s;-moz-transition:font-size 0.25s ease-out 0s;transition:font-size 0.25s ease-out 0s;}
.footer-mobile .icon:hover{color:#b9b9b9;}
.mobile-deploy{display:none;}
.mobile-filterfixed{display:none;animation-duration:0.5s;}
@media screen and (min-width:320px) and (max-width:750px){
.menu{display:none;}
.footer{display:none;}
.footer-tips{display:none;}
.mousePic{display:none;}
.leftCon{display:none;}
#swiper-container-index{display:none;}
.items-topfixed{display:none;}
#swiper-mobile-index{display:block;}
.fj-items{width:100%;left:0;}
.fj-items .items-head{height:auto;}
.fj-items .items-head .items-swiper{width:100%;height:auto;}
.fj-items .items-head .items-wrap .items-desc{height:auto;padding-left:0.48rem;}
.fj-items .items-head .items-wrap .items-desc .icon-yonghutiyan{width:100%;font-size:0.6rem;line-height:0.6rem;display:inline-block;}
.fj-items .items-head .items-wrap .items-desc p{width:90%;line-height:26px;font-size:12px;}
.fj-items .items-head .items-wrap .items-filter{display:none;}
.fj-items .items-head .items-wrap{width:100%;height:auto;padding-top:1rem;}
.fj-items .items-head .items-swiper .swiper-wrapper .slideImg{width:100%;height:auto;}
.fj-items .items-head .items-swiper .swiper-diy .items-pagination{width:30%;}
.fj-items .items-head .items-swiper .swiper-diy .pagination-btn{width:70%;}
.fj-items .items-content #portfolio .item .caption{display:none;}
.fj-items .items-content #portfolio .item .floated{display:none;}
.fj-items .items-head .items-swiper .swiper-diy .pagination-btn div{width:50%;}
.fj-items .items-content #portfolio .item{width:100%;}
.footer-mobile{display:block;}
.mobile-deploy{display:block;width:1.1rem;height:1.1rem;position:fixed;right:0.2rem;bottom:1.5rem;z-index:1000010;background:url("../images/mobile/caidan.png"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/mobile/caidan.png*/) no-repeat center;background-size:100% 100%;transition:all linear 0.3s;}
.mobile-deploy.close{background:url("../images/mobile/closeMobile.png"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/mobile/closeMobile.png*/) no-repeat center;background-size:100% 100%;transition-delay:0.8s;}
.mobile-deploy img{width:1.1rem;height:1.1rem;}
.mobile-filterfixed{display:none;overflow:hidden;position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(1,1,1,0.9);z-index:100000;}
.mobile-filterfixed ul{margin-top:30%;}
.mobile-filterfixed ul a{color:#fff;}
.mobile-filterfixed ul a li{width:100%;color:#fff;transition:all 0.4s linear;font-size:14px!important;height:60px;line-height:60px;font-size:14px;text-align:center;}
}
@media screen and (min-width:320px) and (max-width:750px){
.article{width:100%;left:0;top:100%;margin-bottom:44px;overflow-y:initial;}
.article p{word-wrap:break-word;text-indent:2em;font-size:14px;line-height:24px;padding:15px 15px 0;}
.arc-pagination .pages{display:none;}
.arc-pagination{right:0;top:0;width:100%;height:100%;overflow:inherit;}
.arc-pagination .arcright{width:100%;position:absolute;height:100%;right:0;bottom:inherit;overflow-y:initial;}
.arc-pagination .arcright .tags{padding:20px;}
.pagarc-mobile{position:fixed;left:0;bottom:0;width:100%;height:44px;line-height:44px;background:#2b2b2b;z-index:99999;overflow:hidden;display:block;}
.pagarc-mobile .backToPro{width:30%;font-size:12px;text-align:center;float:left;}
.pagarc-mobile .backToPro a{color:#ababab;}
.pagarc-mobile .pages{width:70%;font-size:12px;text-align:center;float:left;background:#414141;}
.pagarc-mobile .pages a{color:#ababab;}
.pagarc-mobile .pages div{width:50%;float:left;}
.pagarc-mobile .pages div span{font-size:.2rem;text-transform:uppercase;vertical-align:middle;}
.pagarc-mobile .pages div i{font-size:.3rem;/*position:relative;*/top:0.06rem;margin:0 10px;}
.pagarc-mobile .pages div:hover{background:#dd2e2e;color:#fff;}
/**修改过*/
.pagarc-mobile .pages .hvr-sweep-to-right i a{ position:absolute; z-index:999; right:0px; top:0px; width:100%; display:block; opacity:0}
.pagarc-mobile .pages .prev-con i a{ position:absolute; z-index:999; left:0px; top:0px; width:100%; display:block; opacity:0}
}
.formSub-mobile{display:none;}
@media screen and (min-width:320px) and (max-width:750px){
.contactus .contact-wrap1 .wrap .con .formSub{display:none;}
.contactus .contact-wrap2 .wrap .border{display:none;}
.contactus{width:100%;left:0;}
.contactus .wrap{width:100%;height:100%;padding-top:1.50px;padding-left:170px;box-sizing:border-box;overflow:hidden;position:relative;}
.contactus{position:relative;left:0;top:0;width:-moz-calc(100%);width:-webkit-calc(100%);width:calc(100%);height:100%;background:#141313;box-sizing:border-box;}
.contactus .wrap{width:100%;height:100%;padding-top:1.9rem;padding-left:0;box-sizing:border-box;overflow:hidden;position:relative;}
.contactus .wrap .contact-title{width:6rem;height:0.28rem;line-height:0.28rem;color:#fff;background:url("../images/about/about-icon1.png"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/about/about-icon1.png*/) no-repeat left center;background-size:0.28rem;text-indent:0.4rem;position:absolute;overflow:hidden;left:50%;margin-left:-3rem;animation-delay:0.1s;}
.contactus .wrap .contact-title span.about-chinese{position:relative;top:-1px;font-size:0.3rem;}
.contactus .wrap .contact-title span.about-english{color:#414040;font-size:0.14rem;position:relative;left:-0.05rem;top:1px;}
.contactus .wrap .contact-title span.about-english i{font-size:0.4rem;}
.contactus .contact-wrap1{position:relative;width:100%;height:100%;background:url("../images/concact.jpg"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/concact.jpg*/) no-repeat center;background-size:cover;}
.contactus .contact-wrap1 .wrap .con{width:6rem;overflow:hidden;position:absolute;left:50%;margin-left:-3rem;top:2.8rem;}
.contactus .contact-wrap1 .wrap .con h2{position:relative;top:0.05rem;font-size:0.34rem;margin-bottom:0.3rem;}
.contactus .contact-wrap1 .wrap .con .des{width:6rem;float:inherit;}
.contactus .contact-wrap1 .wrap .con .des .detailmes{margin-bottom:0;}
.contactus .contact-wrap1 .wrap .con .des .detailmes li{margin-bottom:0.2rem;}
.contactus .contact-wrap1 .wrap .con .des .detailmes li b{width:1.3rem;}
.contactus .contact-wrap1 .wrap .con .des .copy{display:none;}
.contactus .contact-wrap2{position:relative;width:100%;height:100%;background:url("../images/mapbg.jpg"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/mapbg.jpg*/) no-repeat center;background-size:cover;}
.contactus .contact-wrap2 .wrap .formSub-mobile{display:block;float:inherit;width:6rem;overflow:hidden;position:absolute;left:50%;margin-left:-3rem;top:2.8rem;}
.contactus .contact-wrap2 .wrap .formSub-mobile h2{font-size:12px;margin-bottom:0.4rem;position:relative;top:0.05rem;}
.contactus .contact-wrap2 .wrap .formSub-mobile h2 span{font-size:0.34rem;color:#dd2e2e;}
.contactus .contact-wrap2 .wrap .formSub-mobile .form ul li{margin-bottom:0.2rem;overflow:hidden;font-size:12px;padding-left:1px;}
.contactus .contact-wrap2 .wrap .formSub-mobile .form input,.contactus .contact-wrap2 .wrap .formSub-mobile .form textarea,.contactus .contact-wrap2 .wrap .formSub-mobile .form span{border:1px solid #424242;background:#010101;box-sizing:border-box;float:left;}
.contactus .contact-wrap2 .wrap .formSub-mobile .form textarea.selected,.contactus .contact-wrap2 .wrap .formSub-mobile .form .input.selected{border-color:#dd2e2e;background:#ab2727;color:#fff;}
.contactus .contact-wrap2 .wrap .formSub-mobile .form textarea:focus,.contactus .contact-wrap2 .wrap .formSub-mobile .form input:focus{border-color:#dd2e2e;color:#fff;}
.contactus .contact-wrap2 .wrap .formSub-mobile .form .sex,.contactus .contact-wrap2 .wrap .formSub-mobile .form .username{width:3.8rem;height:0.6rem;line-height:0.6rem;text-indent:0.2rem;margin-right:0.22rem;color:#fff;}
.contactus .contact-wrap2 .wrap .formSub-mobile .form span{width:0.9rem;height:0.6rem;line-height:0.6rem;text-align:center;margin-left:-1px;}
.contactus .contact-wrap2 .wrap .formSub-mobile .form span.selected{border-color:#dd2e2e;background:#ab2727;color:#fff;}
.contactus .contact-wrap2 .wrap .formSub-mobile .form span:hover{border-color:#dd2e2e;background:#ab2727;color:#fff;}
.contactus .contact-wrap2 .wrap .formSub-mobile .form .phone,.contactus .contact-wrap2 .wrap .formSub-mobile .form .email{width:5.8rem;height:0.6rem;line-height:0.6rem;text-indent:10px;color:#fff;}
.contactus .contact-wrap2 .wrap .formSub-mobile .form .textarea{width:5.8rem;height:1.3rem;padding:0.1rem;color:#fff;display:block;position:relative;}
.contactus .contact-wrap2 .wrap .formSub-mobile .form .subbutton{width:5.8rem;padding:10px 0;text-align:center;color:#fff;cursor:pointer;margin-top:0.1rem;}
.contactus .contact-wrap2 .wrap .formSub-mobile .form .subbutton:hover{border-color:#dd2e2e;background:rgba(221,46,46,0.6);}
.contactus .contact-wrap2 .wrap .formSub-mobile .form .subbutton:focus{border-color:#272727;background:rgba(39,39,39,0.6);}
.contactus .active .wrap .contact-title{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInDown;animation-delay:0.5s;}
.contactus .active .wrap .des{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:0.5s;}
.contactus .active .wrap .formSub-mobile{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:0.5s;}
}
@media screen and (min-width:320px) and (max-width:750px){
.body-guide{background:#000;}
.swiper-about .wrap .text-details,.swiper-about .wrap .aboutA{display:none;}
#fp-nav.right{right:0.2rem;}
.swiper-about{position:relative;left:0;top:0;width:-moz-calc(100%);width:-webkit-calc(100%);width:calc(100%);height:100%;box-sizing:border-box;}
.swiper-about .wrap{width:6rem;height:calc(100% - 1.7rem);top:0.9rem;left:50%;padding-top:0.6rem;margin-left:-3rem;box-sizing:border-box;overflow:hidden;position:absolute;}
.swiper-about .wrap .aboutTitle{width:6rem;height:0.28rem;line-height:0.28rem;color:#fff;background:url("../images/about/about-icon1.png"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/about/about-icon1.png*/) no-repeat left center;background-size:0.28rem;text-indent:0.4rem;position:absolute;overflow:hidden;left:50%;margin-left:-3rem;}
.swiper-about .wrap .aboutTitle.aboutB{animation-delay:0.3s;}
.swiper-about .wrap .aboutTitle.aboutC{animation-delay:0.3s;}
.swiper-about .wrap .aboutTitle span.about-chinese{position:relative;top:-1px;font-size:0.3rem;}
.swiper-about .wrap .aboutTitle span.about-english{color:#414040;font-size:0.14rem;position:relative;left:-0.05rem;top:1px;}
.swiper-about .wrap .aboutTitle span.about-english i{font-size:0.38rem;}
.swiper-about .about-wrap1{position:relative;width:100%;height:100%;background:url("../images/about/aboutA.jpg"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/about/aboutA.jpg*/) no-repeat center;background-size:cover;}
.swiper-about .about-wrap1 .wrap .about-logo{width:3.7rem;height:3.88rem;margin:0 auto;position:relative;}
.swiper-about .about-wrap1 .wrap .about-logo img{display:block;position:absolute;}
.swiper-about .about-wrap1 .wrap .about-logo .ju0{left:-1.20rem;top:0.2rem;z-index:91;width:3.93rem;height:3.39rem;}
.swiper-about .about-wrap1 .wrap .about-logo .ju1{left:0;top:0;width:3.7rem;height:3.8rem;z-index:90;}
.swiper-about .about-wrap1 .wrap .about-logo .ju2{left:0.6rem;top:0.2rem;width:3.34rem;height:3.5rem;}
.swiper-about .about-wrap1 .wrap .about-logo .ju3{left:1rem;top:0.35rem;width:3.05rem;height:3.2rem;}
.swiper-about .about-wrap1 .wrap .about-logo .fjabout{left:0.45rem;top:0.75rem;z-index:95;width:1.01rem;height:2.44rem;}
.swiper-about .about-wrap1 .wrap .about-logo .jutext{left:2.1rem;top:0.8rem;z-index:99;width:1.41rem;height:2.27rem;}
.swiper-about .about-wrap1 .wrap .about-text{width:6rem;height:3.7rem;position:relative;top:0;right:0;margin-top:0.4rem;}
.swiper-about .about-wrap1 .wrap .about-text img{display:block;position:absolute;}
.swiper-about .about-wrap1 .wrap .about-text .fjdesign{top:0;left:0;width:3.0rem;}
.swiper-about .about-wrap1 .wrap .about-text .fjtext{top:0.8rem;left:0;width:2.5rem;}
.swiper-about .about-wrap1 .wrap .about-text p{position:absolute;top:1.85rem;left:0;line-height:0.36rem;color:#a7a7a7;margin-bottom:0.3rem;font-size:0.24rem;font-family:"PingFang SC";}
.swiper-about .about-wrap1 .wrap .about-text .click-details{position:absolute;left:0;bottom:0;width:2rem;height:0.7rem;line-height:0.7rem;z-index:99;border:1px solid #767676;cursor:pointer;color:#767676;text-align:center;transition:all .3s linear;}
.swiper-about .about-wrap1 .wrap .about-text .click-details span{display:inline-block;margin-right:0.1rem;vertical-align:middle;}
.swiper-about .about-wrap1 .wrap .about-text .click-details b{display:inline-block;}
.swiper-about .about-wrap1 .wrap .about-text .click-details i{display:none;}
.swiper-about .about-wrap2{position:relative;width:100%;height:100%;background:url("../images/about/aboutB.jpg"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/about/aboutB.jpg*/) no-repeat center;background-size:cover;}
.swiper-about .about-wrap2 .wrap #swiperTeams{width:6rem;height:calc(100% - 28px - 1rem);position:relative;margin-top:1.3rem;padding-top:0.1rem;}
.swiper-about .about-wrap2 .wrap #swiperTeams .fj-teams{width:6rem;height:5.8rem;background:none;}
.swiper-about .about-wrap2 .wrap #swiperTeams .fj-teams .teams-img{width:2.38rem;height:3.20rem;position:absolute;left:50%;top:0;margin-left:-1.19rem;z-index:990;}
.swiper-about .about-wrap2 .wrap #swiperTeams .fj-teams .teams-img img{display:block;width:2.38rem;height:3.20rem;}
.swiper-about .about-wrap2 .wrap #swiperTeams .fj-teams .teams-name{width:6rem;height:0.9rem;line-height:0.9rem;color:#fff;text-indent:0.9rem;background:#dd2e2e;position:absolute;left:0;top:2.5rem;z-index:996;}
.swiper-about .about-wrap2 .wrap #swiperTeams .fj-teams .teams-name span{font-size:0.4rem;margin-right:0.1rem;}
.swiper-about .about-wrap2 .wrap #swiperTeams .fj-teams .teams-name b{font-size:0.24rem;color:#ed9090;}
.swiper-about .about-wrap2 .wrap #swiperTeams .fj-teams .teams-intro{width:6rem;padding:0 0.2rem;margin-left:0;padding-top:0;margin-top:3.7rem;}
.swiper-about .about-wrap2 .wrap #swiperTeams .fj-teams .teams-intro p{color:#a9a9a9;font-size:0.26rem;line-height:0.4rem;width:5.8rem;}
.swiper-about .about-wrap2 .wrap #swiperTeams .teams-pagination{width:130px;position:absolute;left:inherit;bottom:0.5rem;left:50%;margin-left:-65px;}
.swiper-about .about-wrap2 .wrap #swiperTeams .teams-pagination .swiper-pagination-bullet{width:12px;height:12px;background:url("../images/dian.png"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/dian.png*/) no-repeat center;border-radius:0;opacity:1;}
.swiper-about .about-wrap2 .wrap #swiperTeams .teams-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url("../images/dianac.png"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/dianac.png*/) no-repeat center;}
.swiper-about .about-wrap2 .wrap #swiperTeams .pagination-aboutB{width:6rem;height:12px;line-height:12px;background:none;position:absolute;bottom:0.5rem;right:50%;margin-right:-3rem;}
.swiper-about .about-wrap2 .wrap #swiperTeams .pagination-aboutB div{position:absolute;z-index:10;cursor:pointer;top:2px;margin:0;}
.swiper-about .about-wrap2 .wrap #swiperTeams .pagination-aboutB div i{font-size:0.6rem;color:#616161;vertical-align:middle;font-weight:bold;display:inline-block;}
.swiper-about .about-wrap2 .wrap #swiperTeams .pagination-aboutB div:hover{animation-name:pageOutIn;animation-delay:0s;animation-duration:0.5s;animation-fill-mode:both;}
.swiper-about .about-wrap2 .wrap #swiperTeams .pagination-aboutB div:hover i{color:#fff;}
.swiper-about .about-wrap2 .wrap #swiperTeams .pagination-aboutB .teams-button-next{right:0;}
.swiper-about .about-wrap2 .wrap #swiperTeams .pagination-aboutB .teams-button-prev{left:0;}
.swiper-about .about-wrap3{position:relative;width:100%;height:100%;background:url("../images/about/aboutC.jpg"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/about/aboutC.jpg*/) no-repeat center;background-size:cover;}
.swiper-about .about-wrap3 .wrap #swiperimg{width:6rem;height:calc(100% - 28px - 1rem);position:relative;margin-top:1rem;padding-top:0.1rem;}
.swiper-about .about-wrap3 .wrap #swiperimg .swiper-slide-active{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;animation-delay:0.5s;}
.swiper-about .about-wrap3 .wrap #swiperimg ul{max-height:5.7rem;overflow-y:hidden;}
.swiper-about .about-wrap3 .wrap #swiperimg ul li{width:2.64rem;height:1.16rem;display:inline-block;margin-right:0.3rem;margin-bottom:0.25rem;}
.swiper-about .about-wrap3 .wrap #swiperimg ul li img{display:block;width:2.64rem;height:1.16rem;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all 0.3s linear;}
.swiper-about .about-wrap3 .wrap #swiperimg ul li:nth-of-type(2n){margin-right:0;}
.swiper-about .about-wrap3 .wrap #swiperimg ul li:hover img{-webkit-transform:rotateY(40deg);transform:rotateY(40deg);opacity:0.99;}
.swiper-about .about-wrap3 .wrap #swiperimg .imgs-pagination{width:80px;position:absolute;left:inherit;bottom:0;left:50%;margin-left:-40px;}
.swiper-about .about-wrap3 .wrap #swiperimg .imgs-pagination .swiper-pagination-bullet{width:12px;height:12px;background:url("../images/dian.png"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/dian.png*/) no-repeat center;border-radius:0;opacity:1;}
.swiper-about .about-wrap3 .wrap #swiperimg .imgs-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url("../images/dianac.png"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/dianac.png*/) no-repeat center;}
.swiper-about .about-wrap3 .wrap #swiperimg .pagination-aboutC{width:6rem;height:12px;line-height:12px;background:none;position:absolute;bottom:0;right:50%;margin-right:-3rem;}
.swiper-about .about-wrap3 .wrap #swiperimg .pagination-aboutC div{position:absolute;z-index:10;cursor:pointer;top:2px;margin:0;}
.swiper-about .about-wrap3 .wrap #swiperimg .pagination-aboutC div i{font-size:0.6rem;color:#616161;vertical-align:middle;font-weight:bold;display:inline-block;}
.swiper-about .about-wrap3 .wrap #swiperimg .pagination-aboutC div:hover{animation-name:pageOutIn;animation-delay:0s;animation-duration:0.5s;animation-fill-mode:both;}
.swiper-about .about-wrap3 .wrap #swiperimg .pagination-aboutC div:hover i{color:#fff;}
.swiper-about .about-wrap3 .wrap #swiperimg .pagination-aboutC .teams-button-next{right:0;}
.swiper-about .about-wrap3 .wrap #swiperimg .pagination-aboutC .teams-button-prev{left:0;}
.swiper-about .pagination-about{width:20px;position:fixed;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;height:100px;z-index:10;right:30px;top:50%;text-align:center;}
.swiper-about .pagination-about:after{content:"";display:inline-block;width:9px;height:57px;background:url("../images/about/down.png"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/about/down.png*/) no-repeat center;}
.swiper-about .pagination-about li{font-size:18px;position:relative;cursor:pointer;color:#5b5a5a;}
.swiper-about .pagination-about li span{display:inline-block;width:1px;height:10px;max-height:56px;overflow:hidden;background:#5b5a5a;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);margin:5px 0;}
.swiper-about .pagination-about li span.bgwhite{background:#fff;}
.swiper-about .pagination-about li.active{color:#fff;}
.swiper-about .pagination-about22{width:20px;position:fixed;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;height:100px;z-index:10;right:30px;top:50%;text-align:center;}
.swiper-about .pagination-about22:after{content:"";display:inline-block;width:9px;height:57px;background:url("../images/about/down.png"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/about/down.png*/) no-repeat center;}
.swiper-about .pagination-about22 li{font-size:18px;position:relative;cursor:pointer;color:#5b5a5a;}
.swiper-about .pagination-about22 li:after{content:"";display:inline-block;width:1px;height:10px;background:#5b5a5a;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);margin:5px 0;}
.swiper-about .pagination-about22 li.active{color:#fff;}
.swiper-about .pagination-about22 li.active:after{height:46px;background:#fff;}
.swiper-about .active .wrap .aboutTitle{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInDown;animation-delay:0.5s;}
.swiper-about .active .wrap .about-text{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;animation-delay:0.5s;}
.swiper-about .active .wrap .click-details{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;animation-delay:0.8s;}
.swiper-about .active .wrap .ju0{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:1s;}
.swiper-about .active .wrap .ju1{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:0.3s;}
.swiper-about .active .wrap .ju2{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:0.6s;}
.swiper-about .active .wrap .ju3{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:0.9s;}
.swiper-about .active .wrap .fjabout{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:1.5s;}
.swiper-about .active .wrap .jutext{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:1.2s;}
.swiper-about .active .wrap .li1{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUp;animation-delay:0.5s;}
.swiper-about .active .wrap .li2{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUp;animation-delay:0.8s;}
.swiper-about .active .wrap .li3{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUp;animation-delay:1.1s;}
.swiper-about .active .wrap .li4{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUp;animation-delay:1.5s;}
.swiper-about .active .wrap .li5{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUp;animation-delay:1.8s;}
.swiper-about .active .wrap .formSub{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;animation-delay:0.5s;}
.swiper-about .active .wrap .spana{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;animation-delay:0.5s;}
.swiper-about .active .wrap .spanb{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;animation-delay:1s;}
.swiper-about .active .wrap .spanc{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;animation-delay:1s;}
.swiper-about .active .wrap .about-detail{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;animation-delay:1s;}
.swiper-about .active .wrap #swiperTeams{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUp;animation-delay:1s;}
.swiper-about .active .wrap #swiperimg{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUp;animation-delay:1s;}
}
@media screen and (min-width:320px) and (max-width:750px){
.company{position:relative;left:0;top:0;width:-moz-calc(100%);width:-webkit-calc(100%);width:calc(100%);height:100%;background:#141313;box-sizing:border-box;overflow-y:auto;}
.company .wrap{width:100%;height:100%;padding-top:1.5rem;box-sizing:border-box;position:relative;}
.company .wrap .contact-title{width:6rem;height:0.6rem;color:#fff;position:absolute;overflow:hidden;left:50%;margin-left:-3rem;text-align:left;animation-delay:0.1s;}
.company .wrap .contact-title span{color:#fff;position:absolute;left:0;top:0.05rem;font-size:0.3rem;}
.company .wrap .contact-title img{width:4.23rem;height:.37rem;display:block;position:absolute;left:0;bottom:0;}
.company .wrap .bgcom{display:none;}
.company .wrap .con{position:absolute;width:6rem;height:2.5rem;padding:0;left:50%;top:3.4rem;margin-left:-3rem;background:none;}
.company .wrap .con .logo{width:6rem;height:0.67rem;margin:0 auto;background:url("../images/jucom.png"/*tpa=http://www.fjuxd.com/Public/Home/fj2/static/images/jucom.png*/) no-repeat center;background-size:6rem 0.67rem;position:relative;margin-bottom:1.5rem;animation-delay:0.5s;}
.company .wrap .con .logo .fjcom{position:absolute;width:1.01rem;height:2.44rem;left:50%;margin-left:-0.51rem;top:-0.8rem;z-index:998;animation-delay:0.7s;}
.company .wrap .con .logo .fjwebsite{position:absolute;width:2.05rem;height:0.12rem;left:50%;top:50%;margin-left:-1.03rem;margin-top:-0.06rem;z-index:999;animation-delay:1s;}
.company .wrap .con h2{font-size:0.46rem;margin-bottom:.15rem;color:#fff;font-weight:normal;}
.company .wrap .con h3{width:6.4rem;transform:scale(0.9);font-size:12px;color:#7f8082;margin-bottom:0.3rem;margin-left:-0.3rem;}
.company .wrap .con p{font-size:0.26rem;line-height:0.4rem;color:#cdcdcd;}
}
.opacityfade{animation-name: opacityfade; animation-duration:0.8s; animation-delay:0s;animation-fill-mode: both;}
@keyframes opacityfade{
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
		animation-timing-function: ease;
	}
	30% {
		opacity: 0.3;
		animation-timing-function: ease;
	}
	60% {
		opacity: 0.6;
		animation-timing-function: ease;
	}
	100% {
		opacity: 1;
		transform: none;
		animation-timing-function: ease;
	}
}
	.H-lb li .H-contact img{    height: auto; margin-top:10px;}