@charset "utf-8"; html,body{height:100%;} * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @font-face { font-family: "QuanXinYiGuan"; src: url("fonts/ZiTiQuanXinYiGuanHeiTi2.0-2.ttf") format("truetype"), url("fonts/ZiTiQuanXinYiGuanHeiTi2.0-2.eot") format("embedded-opentype"), url("fonts/ZiTiQuanXinYiGuanHeiTi2.0-2.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "YouSheBiaoTiHei"; src: url("fonts/YouSheBiaoTiHei.ttf") format("truetype"), url("fonts/YouSheBiaoTiHei.eot") format("embedded-opentype"), url("fonts/YouSheBiaoTiHei.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "OPPOSansR"; src: url("fonts/OPPOSans-R.ttf") format("truetype"), url("fonts/OPPOSans-R.eot") format("embedded-opentype"), url("fonts/OPPOSans-R.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "OPPOSansB"; src: url("fonts/OPPOSans-B.ttf") format("truetype"), url("fonts/OPPOSans-B.eot") format("embedded-opentype"), url("fonts/OPPOSans-B.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "OPPOSansM"; src: url("fonts/OPPOSans-M.ttf") format("truetype"), url("fonts/OPPOSans-M.eot") format("embedded-opentype"), url("fonts/OPPOSans-M.svg") format("svg"); font-weight: normal; font-style: normal; } body{padding:0; margin:0px auto; font-size:0.16rem; line-height:30px; color:#113054; width:100%; min-width:1300px; width:expression((documentElement.clientWidth < 1300) ? "1300px" : "100%" );zoom:1; zoom:1;font-family:OPPOSansR,SourceHanSansCN, Microsoft YaHei,arial, sans-serif;} ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;} h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;} select,input,textarea,button{ font-size:16px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family:OPPOSansR,SourceHanSansCN, Microsoft YaHei,arial, sans-serif;} input:focus { outline: none;} input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/} button{ cursor:pointer;} textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/} textarea,input,select { background:none; border:none; margin:0; padding:0;} article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/ figure,figcaption{ margin:0px; padding:0px;} audio,canvas,progress,video { display: inline-block; vertical-align: baseline;} img{ max-width:100%; border:none; border:0; vertical-align:top;} a{ color:#113054; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/*transition: all ease 0.3s;*/} a:focus {outline:none; -moz-outline:none;} a:hover{ text-decoration:none; color:#1764e3;} /**:hover{transition: all ease 0.3s;}*/ /*input字体*/ :-moz-placeholder {color: #999999;} ::-moz-placeholder {color: #999999;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999999;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999999;} select { /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #d9d9d9; text-indent:1em; /*很关键:将默认的select选择框样式清除*/ appearance: none; color:#999999; -moz-appearance: none; -webkit-appearance: none; /*在选择框的最右侧中间显示小箭头图片*/ /*background: url(_im_g/ico/selectarr.png) no-repeat scroll 95% center transparent;*/ /*为下拉小箭头留出一点位置,避免被文字覆盖*/ padding-right: 14px; } /*清除ie的默认选择框样式清除,隐藏下拉箭头*/ select::-ms-expand { display: none; } /*网页滚动条*/ ::-webkit-scrollbar{ width: 8px; height:8px;-webkit-overflow-scrolling : touch; background-color: #e6e6e6;} ::-webkit-scrollbar-track{ background-color: #e6e6e6;} ::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #333;} ::-webkit-scrollbar-button{ height: 0px; background-color: #e6e6e6;} /*公用样式*/ .nones{opacity: 0;visibility: hidden;position:absolute;left:0;top: 0;width: 100%;} .relative{position: relative;} .fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;} .hide{ display:none;} .block{ display:block;} .clear{ clear:both;} .clearfix{overflow:hidden;_zoom:1;} .clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; } .clearfix{*zoom:1;}.relative{ position:relative;} .bodyon{ overflow:hidden;} .w1440{ position:relative; width:1440px;margin:0px auto;} .w1520{ position:relative; width:1520px;margin:0px auto;} @media(max-width:1600px){ .w1520{width:1440px;} } @media(max-width:1440px){ .w1440{width:1250px;} .w1520{width:1300px;} } /*font*/ .f_gray{ color:#333;} .iconfont{ font-size:24px; vertical-align:middle;} .tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;} .p{overflow: hidden;word-break:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;} .font-qxyg{font-family: "QuanXinYiGuan";} .OPPOSansB{font-family: "OPPOSansB";} /*effict*/ .Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;} .Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;} .Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;} .effict{transition: all ease 0.3s;} .imgbox{ overflow:hidden; position:relative;} .imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;} .ico{display:block;position:relative;} .ico .i1,.ico .i2{ width:37px; height:37px; position: absolute; left:0;top:0;} .ico .i1{display:block;} .ico .i2{display:none;} li.on .ico .i2{display:block;} li.on .ico .i1{display:none;} /*table*/ .table {display: table;width: 100%;border-collapse: collapse;} .table-tr {display: table-row;} .table-th {display: table-cell;height: 100%;border: 1px solid gray;text-align: center;vertical-align: middle;} .table-cell {display: table-cell;height: ;text-align: center;vertical-align: middle;} /*pages*/ .Pages{ zoom:1; overflow:hidden;text-align:center; color:#666666; clear:both; font-size:18px; line-height:26px;} .Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;} .Pages a{ display:inline-block; margin:0px 8px;text-align:center; width:30px;border-radius: 5px; color:#076ee8;border: 1px solid rgba(17, 48, 84, 0.3);} .Pages .p_page a{ display:inline-block; vertical-align:middle;} .Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; vertical-align:middle; width:70px;color:#9da4ae;background: #F2F2F2;} .Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{ background:#076EE8;color:#fff;} .Pages .p_page .num{ margin:0 15px;} .Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#076ee8; color:#fff;} /*pages end*/ /*Top*/ .Header{ z-index:999; position:fixed; left:0; top:0; width:100%;transition: all 0.3s; min-width:1024px;} .Header.fixed2, .Header.fixed3 {transition: transform .3s;position: fixed;width: 100%;z-index: 100;top: 0;background:#113054;} .Header.fixed3{transform: translateY(-82px);} .Header .LogoTop{height:82px;border-bottom: 2px solid rgba(255,255,255,0.45);} .Header .LogoTop .logo{float: left;padding-top:16px;font-size:24px;} .Header .LogoTop .fr{line-height:80px;color:#fff;} .Header .LogoTop .fr span{margin-left:28px;font-size:18px;} .Header .LogoTop .fr span img{vertical-align: middle;margin-right:11px;} .Header .w1440{position:static;} .MainNav{ float:left;padding-top:3px;} .MainNav li{ float:left; margin-right:40px;} .MainNav li span {position: relative;display:block; text-align:center;} .MainNav li span a{ z-index:1; position:relative;display:block; color:#fff; font-size:20px; height:75px; line-height:61px;padding-bottom:14px;} .MainNav li .arr{display:inline-block;vertical-align: middle;width: 12px;height:8px;margin-left:6px;background:url(_im_g/arr.png);transition: all 0.3s;} .MainNav li span:after{content:""; position:absolute; left:0; bottom:14px; height:3px;border-radius:5px; background:rgba(255,255,255,0.67);width:0%; z-index:-1;transition: all ease 0.3s;} .MainNav li.down:hover span:before{content: "";left:-12px;top: 60px;width: 0;height:0;position: absolute;display:none;z-index: -1;transition: all 0.3s; border-right:50px solid transparent; border-left:50px solid transparent; border-bottom:50px solid #fff} .MainNav li.down:hover span:after{display:none;} .MainNav li.single{position: relative;} .MainNav li.down span:hover:after{display:none;} .MainNav li:hover.down span:before{display:block;} .MainNav li:hover span a{ color:#fff;} .MainNav li.onnav span a,.MainNav li span a.sele{ font-weight:bold; font-size:22px;} .MainNav li span:hover:after,.MainNav li.onnav span:after{ width:100%;} .NavPull{display:none; position:absolute; top:160px; left:0;width:100%; padding:6px 0 23px; line-height:36px; background:#fff;} .NavPull.null{background:none; padding:0; line-height:none; box-shadow:0 5px 15px rgba(0,0,0,0);} .NavPull .w1440{display: flex;} .NavPull dl{flex:1;} .NavPull dl dt{line-height:77px;font-size:24px;} .NavPull dl dd a{opacity: 0.8; line-height:34px;} .NavPull dl dd a:hover{opacity: 1;text-decoration: underline;color:#113054;} .NavPull dl .more{padding-top:6px;} .NavPull dl .more i{color:#076ee8;} .MainNav li.single .NavPull{display:none;width:150px;left:50%;margin-left:-75px;padding:0 15px;top:75px;text-align:center;} .MainNav li.down.single span:before{left:0px;} .Toper{float: right;padding-top:14px;font-size: 20px;line-height:46px;} .Toper a{color:#fff;}.Toper a:hover{color:#076ee8;} .Toper a img{vertical-align: middle;margin-left:2px;} .Toper a.yy{display:inline-block;border: 2px solid #fff;border-radius: 10px;width: 150px;text-align:center;margin-left:50px;} .Toper a:hover.yy{background:#fff;color:#076ee8;} /*Top*/ /*Bottom*/ .Footer{ float:left; width:100%; background:url(_im_g/footerbg.jpg) center top no-repeat;background-size: cover; padding-top:88px; color:#FFFFFF; min-width:1024px;} .Footer a{color:#E9EBF0; font-size: 0.16rem; line-height:33px;} .Footer a:hover{text-decoration: underline;} .Footer .title{line-height: 0.51rem;font-size: 0.24rem;} .Footer .Contact{float: left;position: relative;} .Footer .Contact .title{padding-bottom:9px;} .Footer .Contact .item{margin-bottom:16px;width:330px;position: relative;padding-left:120px;min-height: 24px;line-height:24px;color:#E9EBF0;} .Footer .Contact .item dt{position: absolute;left: 0;top: 0;font-size:18px;} .Footer .Contact .item dt img{vertical-align: middle;margin:0 5px;} .Footer .Contact .item dd{font-size:14px; line-height:24px;} .Footer .Contact .qq{padding:18px 0 2px;} .Footer .Contact .ewm{position: absolute;left:360px;top: 88px;width: 188px;text-align:center;font-size:16px;} .Footer .Contact .ewm img{display:block;margin:0px auto 5px;width: 149px;border-radius: 4px;padding:13px;background:#fff;} .Footer .Link{float: right;padding-bottom:18px;} .Footer .Link dl{float:left;padding-right:25px;line-height:33px; font-size: 0.16rem;} .Footer .Link dl:last-child{padding-right:0;} .Footer .Copyright{border-top: 1px solid rgba(255,255,255,0.8);padding:17px 0 32px;line-height:32px; font-size:0.12rem;} .Footer .Copyright i{margin:0 10px;} .FastRight{ width:0.72rem; position:fixed; z-index:999; right:16px; top:50%;transform: translate(0,-50%);} .FastRight ul{border-radius: 0.16rem;background:#e8ecf4;padding:0.08rem 0.08rem 0.03rem;margin-bottom:0.8rem;position: relative;z-index:1;} .FastRight li{ position:relative; cursor:pointer; margin-bottom:0.08rem;} .FastRight .ico{height: 0.56rem;line-height: 0.56rem;background:#076ee8;border-radius: 0.15rem;text-align:center;} .FastRight .ico img{display:inline-block;vertical-align: middle;width: 0.32rem;height: 0.32rem;} .FastRight li:hover .ico{ background:#113054;} .FastRight .info{ position:absolute; top:0; right:10px; font-size:14px; text-align:center; color:#113054; background:#d7dce6; visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s;padding:0.1rem 0.15rem 0 0;line-height:0.32rem;width:1.31rem;border-radius: 0.16rem 0 0 0.16rem;} .FastRight .info img{ border:8px solid #fff; max-width:none; width:0.96rem; height:0.96rem;border-radius: 0.08rem;display:block;margin:0px auto;} .FastRight .info.tel{ line-height:26px; color:#00479d; width:150px; height:auto !important; height:72px; min-height:72px;display:flex;justify-content:center;align-items:center;flex-direction: column; text-align:left;} .FastRight .info.tel b{ display:block; font-size:16px;} .FastRight .info a{ color:#0070de;} .FastRight .info.on{ right:0.61rem;visibility: visible;opacity: 1;filter: alpha(opacity=100);} .totop{text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;width:0.6rem;margin:0px auto;} .totop .ico{height: 0; transition: all 0.3s;background: #c3cad8;} .totop:hover .ico{background: #076ee8;} .totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;} .totop.cd-is-visible .ico{height:0.56rem;} .totop .ico{height: 0.6rem;line-height: 0.6rem;border-radius: 0.15rem;text-align:center;} .totop .ico img{display:inline-block;vertical-align: middle;width: 0.32rem;height: 0.32rem;} /*Bottom*/ /*首页 s*/ .itemhover{transition: all ease 0.3s;} .activehover{ /* -webkit-box-shadow: 0 15px 38px rgba(0,0,0,0.18); box-shadow: 0 15px 38px rgba(0,0,0,0.18); */ -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);} /*第一屏 s*/ .HomeBan{position: relative; z-index: 1; overflow:hidden;} .HomeBan .item{height: 100vh;position: relative;color:#fff;background-size: cover;background-position: center center;} .HomeBan .w1440{padding-top:1.9rem;} .HomeBan .data{margin:0 0 0.34rem 0.2rem;width: 2.9rem;height: 2.68rem;background:url(_im_g/databg.png) center top no-repeat;background-size: contain;text-align: center;line-height: 0.69rem;font-size: 0.74rem;float: left;transition: all 0.3s;} .HomeBan .data span{line-height: 0.71rem;display:block;padding-top:0.35rem;font-size:0.48rem;} .HomeBan .data.d1 span{text-align: right;padding-right:0.51rem;} .HomeBan .data.d2 {float: right;margin-right:0.14rem;background:url(_im_g/databg2.png) center top no-repeat;background-size: contain;} .HomeBan .data.d2 span{padding-left:0.45rem;text-align: left;} .HomeBan .data2{padding-top:0.64rem;height: 3.57rem;width:100%;background:url(_im_g/databg3.png) center top no-repeat;clear: both;background-size: contain;text-align:center;} .HomeBan .data2 dd{text-align: center;width: 22%;display:inline-block;*display:inline;zoom:1;vertical-align: top;} .HomeBan .data2 .box{width: 220px;height: 220px;margin: 0px auto;padding-top:0.1rem;font-size: 0.48rem;line-height:0.48rem;transition: all 0.3s; background: rgba(10, 125, 190, 0.2); border: 1px solid #01C2FF; backdrop-filter: blur(30px); border-radius: 0.12rem;position: relative;} .HomeBan .data2 .box span{display:block;font-size: 0.32rem;position: relative;line-height: 0.87rem;margin-bottom:0.38rem;} .HomeBan .data2 .box span:after{content: '';position: absolute;width: 1.08rem;height:0.06rem;background: rgba(255,255,255,0.56);bottom: 0;left:50%;margin-left:-0.54rem;} .HomeBan .data2 .box img{display: line-block;margin:0 0.13rem;opacity: 0.4;} .HomeBan .date{padding-top:0.15rem;opacity: 0.74;font-size: 0.21rem;text-align: center;} @media(max-width:1560px){ .HomeBan .data{width: 2.2rem;height: 2.04rem;font-size:0.5rem;} .HomeBan .data span{line-height: 0.6rem;font-size:0.30rem;padding-top:0.2rem;} .HomeBan .date{padding-bottom:0.3rem;} .HomeBan .data2{padding-top:0.3rem;height:2.6rem;background:url(_im_g/databg03.png) center top no-repeat;background-size: contain;} .HomeBan .data2 .box{width:170px;height:170px;font-size: 0.38rem;} .HomeBan .data2 .box span{font-size: 0.26rem;line-height: 0.6rem;margin-bottom:0.28rem;} } @media(max-width:1366px){ .HomeBan .item{height: auto;} } /*第二屏 s*/ .HomeTit h2{line-height: 0.64rem;font-size: 0.4rem;color:#113054;;} .HomeTit.tc{text-align: center;} .HomeBusiness{padding:5% 0;} .HomeBusiness .info{width: 5.26rem;float: left;margin-top:0.46rem;} .HomeBusiness .info .txt{height: 1.51rem;position: relative;padding-left:2.45rem;line-height: 0.24rem;color: #718297;font-size: 0.2rem;} .HomeBusiness .info .txt h3{line-height: 0.52rem;font-size: 0.24rem;} .HomeBusiness .info .txt .year{position: absolute;left: 0;top: 0;line-height: 1.05rem;color:#d2b78e;font-size: 1rem;font-weight: bold;} .HomeBusiness .item{float: right;width: 9.45rem;} .HomeBusiness .item ul{margin-left:-0.24rem;} .HomeBusiness .item li{float: left;} .HomeBusiness .item a{display: block;text-align: center;width:2.18rem;line-height: 0.64rem;margin: 0 0 0.24rem 0.24rem;box-shadow: 0px 0.16rem 0.24rem rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);background:#859ec6;border-radius: 0.08rem;color:#fff;} .HomeBusiness .item a i{display: inline-block;vertical-align: middle;width: 28px;height: 29px;margin-right: 10px;background: url(_im_g/ico/ico_dg.png);} .HomeBusiness .item li:nth-child(2) a,.HomeBusiness .item li:nth-child(4) a,.HomeBusiness .item li:nth-child(5) a,.HomeBusiness .item li:nth-child(7) a{background:#fff;color:#1764e3;} .HomeBusiness .item li:nth-child(2) i,.HomeBusiness .item li:nth-child(4) i,.HomeBusiness .item li:nth-child(5) i,.HomeBusiness .item li:nth-child(7) i{background: url(_im_g/ico/ico_dg2.png);} .HomeBusiness .More{font-size: 0.18rem;width: 1.65rem;line-height: 0.5rem;text-align: center;color: #fff !important;border-radius: 8px;display:block;background: #1764e3;clear: both;margin-bottom:51px;} .HomeBusiness .More img{display:inline-block;vertical-align: middle;margin:-2px 0 0 11px;} .HomeBusiness .info2{float: left;width: 8.68rem;} .HomeBusiness .info2 dd{float: left;width: 50%;padding-top:0.16rem;color:#113054;font-size: 0.24rem;} .HomeBusiness .info2 dd h3{line-height: 0.33rem;font-size: 0.24rem;} .HomeBusiness .info2 dd .num{line-height: 1.43rem;color: #859ec6;font-size: 0.5rem;} .HomeBusiness .info2 dd .num i{font-size: 1rem;font-weight: bold;} .HomeBusiness .hornor{float: right;width: 5.93rem;font-size: 0;} .HomeBusiness .hornor li{line-height:0.26rem;font-size: 14px;padding:0 0 22px;display:inline-block;vertical-align: top;min-width: 25%;text-align: center;} .HomeBusiness .hornor li img{display:block;margin:0px auto;} .HomeBusiness .hornor li:first-child{width:auto;} @media(max-width:1600px){ .HomeBusiness .info{width:4.5rem;margin-top:0.2rem;} .HomeBusiness .info .txt{padding-left:1.8rem;} .HomeBusiness .info .txt .year{font-size: 0.75rem;} .HomeBusiness .info{width:4.5rem;margin-top:0.2rem;} .HomeBusiness .item {width:9rem;} .HomeBusiness .item a{width:2rem;} .HomeBusiness .info2{width:8rem;} } @media(max-width:1440px){ .HomeBusiness .hornor li{font-size: 0.14rem;} } /*第三屏 s*/ .TopTitle{text-align: center;margin-bottom:0.45rem;} .TopTitle h2{line-height: 0.64rem;color:#076ee8;font-size: 0.32rem;position: relative;} .TopTitle h2:after{content: "";width: 0.34rem;height: 3px;position: absolute;background: #076ee8;left: 50%;bottom: 0;margin-left: -0.17rem;} .HomePro{background:#f7f8fa;padding:4% 0 1%;} .HomePro .auto{padding:0 0.77rem;min-width: 1300px;} .HomePro .pro{} .HomePro .pro li{width: 46.5%;float: left;padding-bottom:6%;} .HomePro .pro li:nth-child(2n+2){float: right;} .HomePro .pro li:nth-child(2n+1){clear:both;} .HomePro .pro .ti{line-height: 0.81rem;font-size: 0.32rem;} .HomePro .pro .ti a{color:#113054;}.HomePro .pro .ti a:hover{color:#1764e3;} .HomePro .pro .txt{line-height: 0.32rem;font-size: 0.18rem;padding-right:2.55rem;position: relative;min-height: 0.19rem;} .HomePro .pro .p{font-family: "OPPOSansM";} .HomePro .pro .btn{position: absolute;right: 0;top: -0.24rem;} .HomePro .pro .btn a{display:block;text-align:center;margin-bottom:0.3rem;font-size: 0.24rem;border-radius: 7px;width: 2.05rem;padding:0.15rem 0 0.13rem;} .HomePro .pro .btn a.ty{background:#1764e3;color:#fff;} .HomePro .pro .btn a.ty img{display:inline-block;vertical-align: middle;margin:-5px 0 0 10px;} .HomePro .pro .btn a.more{border:1px solid #113054;color:#113054;} .HomePro .pro .btn a.more i{width: 0.1rem;height: 0.15rem;background: url(_im_g/arr2.png);display:inline-block;vertical-align: middle;margin:-0.07rem 0 0 0.13rem;} @media(max-width:1560px){ .HomePro .pro .txt{line-height: 0.28rem;font-size: 0.16rem;} } /*第四屏 s*/ .HomeWhy{background: #f7f8fa url(_im_g/whybg.jpg) center bottom;background-size:cover;padding-bottom:6%;} .HomeWhy .item{width: 33.333%;float: left;text-align: center;padding-top:1rem;font-size: 0.18rem;} .HomeWhy .item .ti{margin: 0.26rem 0 0.21rem;font-size: 0.24rem;} .HomeWhy .item:nth-child(3n+1){clear:both;} /*第五屏 s*/ .HomeCase{padding:4% 0 3%;overflow: hidden;} .HomeCase .info{width: 3.4rem;float: left;} .HomeCase .info .title{padding:0.45rem 0 0.48rem 0;line-height:0.56rem;font-size: 0.4rem;font-family: "OPPOSansB";} .HomeCase .info .p{line-height: 0.32rem;font-size: 0.24rem;} .HomeCase .caseinfo{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);padding: 0.16rem;border-radius: 0.16rem;padding:0.16rem;width: 9.34rem;float: right;} .HomeCase .caseinfo .imgbox {border-radius: 0.1rem;} .HomeCase .caseinfo .imgbox img{height: 1.75rem;border-radius: 0.1rem;width: 100%;} .HomeCase .caseinfo .tit{margin-top: 0.06rem;line-height: 0.49rem;font-size: 0.24rem;} .HomeCase .caseinfo .tit i{display:inline-block;width:0.16rem;height:0.14rem;background: url(_im_g/arr3.png);margin-left:0.1rem;transition: all 0.3s;} .HomeCase .caseinfo .tit:hover i{margin-left:0.2rem;} .HomeCase .caseinfo .p{line-height: 0.24rem;font-size: 0.18rem;opacity: 0.8;height: 1.44rem;overflow-y:auto;} .HomeCase .caseinfo .slick-arrow{width: 0.32rem;height: 0.45rem;line-height: 0.45rem;background: #1764e3;color:#fff;border-radius: 0.08rem;margin-top:-0.1rem;opacity: 0;} .HomeCase .caseinfo .slick-arrow:hover{background-color:#113054;} .HomeCase .caseinfo .slick-prev:before, .HomeCase .caseinfo .slick-next:before {display:none;} .HomeCase .caseinfo .slick-prev{background-image: url(_im_g/arr6.png);background-repeat: no-repeat;background-position: center center;} .HomeCase .caseinfo .slick-next{background-image: url(_im_g/arr06.png);background-repeat: no-repeat;background-position: center center;} .HomeCase .caseinfo:hover .slick-prev{left:-0.33rem;opacity: 1;} .HomeCase .caseinfo:hover .slick-next{right:-0.33rem;opacity: 1;} .caseMore{padding-top:100px; margin-bottom:40px; width:100%; float:left;} .caseMore .Nav{margin:0 0 40px 0; float:left; width:100%;} .caseMore .Nav h1{float: left; width:100%; color:#123155; font-size:36px; line-height:48px; text-align:center; letter-spacing:5px; font-weight: bold; /*font-family: "OPPOSansB";*/ } .caseMore .Nav h6{float: left; width:100%; color:#123155; font-size:16px; line-height:16px; text-align:center; letter-spacing:1px; margin-top:14px; /*font-family: "OPPOSansR";*/ } .caseMore .logo{ float:left; width:100%; } .caseMore .logo ul{ margin:0 -2%; } .caseMore .logo li{float: left; margin:0 2% 40px 2%; width:12.66%; display: flex; align-items: center;} .caseMore .logo li img{border-radius: 0.08rem;width: 1.8rem; display:block;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);margin:0px auto;} .caseMore .logo li a{ float:left; width:100%; /*height:0.5rem; display: flex;*/ } /*第六屏 s*/ .HomeNews{background:#f7f8fa url(_im_g/newsbg.gif) center center no-repeat;background-size:contain;padding:4% 0 5%; overflow: hidden;} .HomeNews .NewsPic{width: 8.68rem;float:left;} .HomeNews .NewsPic li{border-radius: 0.14rem;margin-bottom:0.3rem;} .HomeNews .NewsPic li a{display:block;overflow: hidden;border-radius: 0.14rem;} .HomeNews .NewsPic li:last-child{margin-bottom:0;} .HomeNews .NewsPic img{width: 100%;height: 2.56rem;border-radius: 0.14rem;} .HomeNews .NewsTop{border: 1px solid #eeeff1;border-radius: 0.18rem;box-shadow: 6px 10px 10px rgba(0,0,0,0.04);height: auto !important;height:5.36rem;min-height:5.36rem;background:#fff;padding:0 0.24rem;float:right;width:548px;} .HomeNews .NewsTop .title{line-height: 0.74rem;font-size: 0.24rem;} .HomeNews .NewsTop .title i{display:inline-block;vertical-align: middle;margin:-3px 0 0 9px;width: 0.07rem;height: 0.12rem;background:url(_im_g/arr4.png);transition: all 0.3s;} .HomeNews .NewsTop .title:hover i{margin-left:0.2rem;} .HomeNews .NewsTop li{line-height:0.33rem;margin-bottom:7px;border-bottom: 2px solid #eceff3;padding-bottom:1px;} .HomeNews .NewsTop li .tit{font-size: 0.18rem;} .HomeNews .NewsTop li:last-child{border-bottom:0;} @media(max-width:1440px){ .HomeNews .NewsPic{width: 7.4rem;} } /*首页 end*/ /*栏目页公用样式 s*/ .SubPage{ height:auto !important;min-height:300px; height:300px;padding-bottom:0.6rem;} .SubBan{ overflow:hidden; position:relative;} .SubBan .txt{position: absolute;z-index: 1;width: 1440px;left: 50%;margin-left:-720px;bottom: 0.7rem;color:#fff;} .SubBan .txt h1{font-size: 0.56rem;line-height: 1.21rem;font-weight: normal;} .SubBan .txt h1 i{text-shadow: 0 10px 15px rgba(0,25,53,1);} .SubBan .txt p{line-height: 0.38rem;font-size: 0.24rem;} .SubBan .img img{ display:block; width:100%;} .Position{padding: 0.09rem 0 0 0.23rem;line-height: 0.68rem;font-size: 18px;color:#076ee8;} .Position a{color:#076ee8;}.Position a:hover{color:#113054;} .Position span{color:#113054;} .SubMenu{width: 25%;float: left;background: #f7f8fa;} .SubMenu .columnname{line-height: 1.2rem;padding-left:0.19rem;font-size: 0.32rem;color:#076ee8;font-family: "OPPOSansB";} .SubMenu .columnname img{vertical-align: middle;width: 0.24rem;height: 0.24rem;margin: -0.1rem 0.1rem 0 0;} .SubMenu li{position: relative;line-height: 1.2rem;} .SubMenu li:after,.SubMenu li dd:after{content:""; position:absolute; left:0; top:50%; height:0; background:#e6f0fd;width:100%;;} .SubMenu li:before,.SubMenu li dd:before{content:""; position:absolute; right:0; top:50%; height:0;z-index:1; background:#076ee8;width:0.04rem;} .SubMenu li a{ position:relative; display:block; padding:0 0 0 0.19rem;z-index:1;font-size: 0.24rem;} .SubMenu li a:hover,.SubMenu li.onli a{color:#076ee8;} .SubMenu li:hover:after,.SubMenu li.onli:after,.SubMenu li.onli:before{height:100%;top: 0;} .SubMenu li .ico{width: 0.24rem;height:0.24rem;display:inline-block;vertical-align: middle;margin:-0.06rem 0.09rem 0 0;} .SubMenu li .ico .i1,.SubMenu li .ico .i2{width: 0.24rem;height:0.24rem;} .SubMenu li.onli .ico .i2{display:block;} .SubMenu li.onli .ico .i1{display:none;} .SubMenu li:hover .ico .i2{display:block;} .SubMenu li:hover .ico .i1{display:none;} .SubMenu.pro li:before,.SubMenu.pro li:after{display:none;} .SubMenu.pro li em{display:inline-block;vertical-align: middle;width: 0.13rem;height:0.08rem;margin-left:0.11rem;background: url(_im_g/arr5.png) center center no-repeat;background-size:contain;transition: all 0.3s;} .SubMenu.pro li.onli em{background: url(_im_g/arr05.png) center center no-repeat;background-size:contain;} .SubMenu.pro .sub{display:none;} .SubMenu.pro .sub a{padding:0 0.2rem 0 0.65rem;line-height: 0.6rem;font-size: 0.2rem;color:#113054;} .SubMenu.pro .sub dd{position: relative;} .SubMenu.pro dd:hover:after,.SubMenu dd.on:after,.SubMenu li dd.on:before{height:100%;top: 0;} #content{position:absolute; width:1px;height:1; right:1000%; top:0;} .Rcontent{width: 71%;float:right;position: Rcontent;} .SinglePage{word-wrap:break-word;word-break:normal;text-align:justify;font-size: 16px;color:#113054;line-height:24px;} @media(max-width:1440px){ .SubBan .txt{width: 1250px;margin-left:-625px;bottom: 0.7rem;color:#fff;} } /*栏目页公用样式 end*/ /*资讯动态 s*/ .NewsList li{border-bottom: 1px solid rgba(17, 48, 84, 0.3);height: 1.74rem;position: relative;margin-bottom: 0.35rem;padding-left:2.61rem;} .NewsList .imgbox{position: absolute;left: 0;top: 0;} .NewsList .imgbox img{width: 2.4rem;height: 1.42rem;} .NewsList .tit{line-height: 0.25rem;font-size: 18px;} .NewsList .other{font-size: 14px;color: #999999;} .NewsList .other span{margin-right: 0.4rem;} .NewsList .other img{vertical-align: middle;margin: -0.05rem 0.11rem 0 0;} .NewsList .p{line-height: 0.25rem;height:0.5rem;font-size: 14px;color:#a6acb6;margin-bottom:0.12rem;-webkit-line-clamp: 2;} .NewsList a.more{display:block;width: 1rem;line-height: 0.3rem;background:#0b70e9;border-radius: 5px;color:#fff;text-align:center;} .NewsList a.more img{display:none;vertical-align: middle;width: 13px;margin:-4px 0 0 0.05rem;} .NewsList a.more:hover{background:#113054;} .NewsList a.more:hover img{display:inline-block;} .Newsbody{padding-top:166px;} .Newsbody .Header{background:#113054;} .TitleInfo{text-align: center;padding:0.2rem 0 0.3rem;} .TitleInfo .ti{font-weight: normal;line-height: 0.4rem;color:#113054;font-size: 0.32rem;padding-bottom:4px;} .TitleInfo .other{font-size: 14px;color: #999999;} .TitleInfo .other span{margin: 0 0.2rem;} .TitleInfo .other img{vertical-align: middle;margin-right: 0.11rem;} .NewsRec{line-height: 0.46rem;margin-top:0.5rem;} /*关于我们 s*/ .Aboutbg{background: #f7f8fa url(_im_g/aboutbg2.jpg) center bottom no-repeat;padding:0.46rem 0 0.35rem 0; position: relative;} .Advantage{margin-bottom:0.3rem;} .Advantage li{width: 20%;float: left;border-radius: 0.3rem;background: radial-gradient(circle farthest-side at 0 0,#eaf2fc 0%,#f6f8fa 100%);padding:0 0.2rem 0.48rem;} .Advantage .icon{text-align: center;padding-top:0.36rem;} .Advantage .icon img{width: 0.64rem;height: 0.64rem;} .Advantage .ti{line-height: 0.8rem;font-size: 0.24rem;text-align:center;font-family: "OPPOSansB";} .Advantage .p{line-height: 24px;font-size: 0.18rem;} .Advantage_tit{text-align: center;font-size: 0.24rem;line-height: 33px;} .Advantage_team{margin-left:-0.33rem;} .Advantage_team .item{width: 50%;float: left;padding: 0.71rem 0 0 0.33rem;} .Advantage_team .item .box{border-radius: 0.2rem;position: relative;min-height: 3.03rem;padding:0 0.3rem;} .Advantage_team .item .box.bg1{background: #fff url(_im_g/boxbg1.jpg) center bottom no-repeat;} .Advantage_team .item .box.bg1 .txt{width: 60%;} .Advantage_team .item .box.bg2{background: #fff url(_im_g/boxbg2.jpg) center bottom no-repeat;} .Advantage_team .item .box.bg2 .txt{width: 78%;} .Advantage_team .item .box .txt{font-size: 0.18rem;position: relative;z-index: 1;} .Advantage_team .item .box .ti{font-size: 0.24rem;line-height: 0.63rem;padding-top:0.16rem;font-family: "OPPOSansB";} .Advantage_team .item .img{width: 5.02rem;height: 2.38rem;position:absolute;right: 0;top: -0.58rem;} .AboutInfo{max-width: 1600px;margin: -0.52rem auto 0.68rem;position: relative;border: 1px solid #d9dee8;background:rgba(255,255,255,0.5) url(_im_g/aboutbg.jpg) center bottom no-repeat;padding: 0 0.7rem 0.23rem 0.75rem;border-radius: 0.22rem;} .AboutInfo .logoleft{width: 35%;float: left;padding-top:0.38rem;font-weight: bold;} .AboutInfo .logoleft .num{line-height: 1.89rem;height:1.89rem;font-size: 0.4rem;} .AboutInfo .logoleft span{font-size: 1rem;color:#d2b78e;} .AboutInfo .txt{width: 63%;float: right;font-size: 0.18rem;padding:0.74rem 0 0 0;line-height:24px;} .SubMenu2{text-align: center;font-size:0;line-height: 0.65rem;margin-bottom: 0.82rem;} .SubMenu2 li{display:inline-block;*display:inline;zoom:1;font-size: 0.32rem;width:20%;position: relative;} .SubMenu2 li:after{content: '';left:50%;bottom: 0;width: 34px;height:3px;background: #8897a9;margin-left:-17px;position: absolute;} .SubMenu2 li a{color:#a6acb6;font-family: "OPPOSansB";} .SubMenu2 li a:hover,.SubMenu2 li.onli a{color:#076ee8;} .SubMenu2 li:hover:after,.SubMenu2 li.onli:after{background: #076ee8;} .History{} .History .item{height:auto;min-height:1.56rem;height: 1.56rem;padding: 0.1rem 0 0 0.76rem;position: relative;font-size: 0.24rem;line-height: 0.30rem;background: url(_im_g/historyline.gif) 0px top repeat-y;} .History .item .dot{position: absolute;left: 0;top: 0;width: 0.48rem;height: 0.48rem;background: url(_im_g/dot.gif);background-size: contain;} .History .item:last-child{background:none;min-height:0.56rem;height: 0.56rem;} .Map{width: 45%;float: left;} #dituContent{height: 4.75rem;} .Contact{ float: right;} .Contact .item{position: relative;padding:0 0 0 38px;margin-bottom: 0.28rem;font-size: 0.18rem;min-height: 34px;} .Contact .item .ico{position: absolute;left: 0;top: 0;} .Contact .ti{width: 0.9rem;text-align: justify;text-align-last: justify;display:inline-block;} .HrNav{text-align: center;margin-bottom:0.48rem;} .HrNav li{display: inline-block;width: 15%;line-height: 0.62rem;} .HrNav li a{color:#5e6c81;font-size: 0.28rem;padding:0 10px;position: relative;display: inline-block;} .HrNav li a:after{left: 50%;bottom: 0;background: #076ee8;height: 1px;content: "";position: absolute;transition: all 0.3s;width: 0%;} .HrNav li a:hover:after,.HrNav li.on :after{left: 0;width: 100%;} .HrNav li.on a,.HrNav li:hover a{color:#076ee8;} .HrList{margin:0 0 0 -3%;} .HrList .item{width: 47%;float: left;margin:0 0 3% 3%;background: #f9f9f9;padding:22px;height: auto !important;min-height: 400px;height: 400px;font-size: 16px;line-height: 24px;} .HrList .item .jobti{height: 53px;line-height: 51px;border-bottom: 1px solid #999999;margin-bottom:0.36rem;} .HrList .item .job{font-size: 0.24rem;float: left;} .HrList .item .edu{float: right;} .HrList .item:nth-child(2n+1){clear:both;} .HrList .item .txt{opacity: 0.8;} @media(max-width:1600px){ .AboutInfo{margin-left:2.5%;margin-right:2.5%;} } /*产品中心 s*/ .ProList li{border-bottom: 1px solid rgba(17, 48, 84, 0.3);height: 1.40rem;position: relative;margin-bottom: 0.29rem;padding-left:2.61rem;} .ProList .imgbox{position: absolute;left: 0;top: 0;} .ProList .imgbox img{width: 2.4rem;height: 1.15rem;} .ProList .tit{line-height: 0.25rem;font-size: 18px;} .ProList .other{font-size: 14px;color: #999999;} .ProList .other span{margin-right: 0.4rem;} .ProList .other img{vertical-align: middle;margin-right: 0.11rem;} .ProList .p{line-height: 0.25rem;height:0.5rem;font-size: 14px;color:#a6acb6;margin-bottom:0.12rem;-webkit-line-clamp: 2;} .ProList a.ty{display:inline-block;width: 1rem;line-height: 0.3rem;background:#0b70e9;border-radius: 5px;color:#fff;text-align:center;margin-right:0.37rem;} .ProList a.ty:hover{background:#113054;} .ProList a.ty img{display: none;width:11px;height:11px;margin:-3px 0 0 5px;} .ProList a.ty:hover img{display:inline-block;vertical-align: middle;} .ProList a.more{display:inline-block;width: 1rem;line-height: 0.3rem;color:#076ee8;border: 0.5px solid #076EE8;text-align:center;border-radius: 5px;} .ProList a.more:hover{color:#fff;background:#113054;border: 0.5px solid #113054;} .ProList .num{float:right;font-size:14px;padding:0 15px;line-height:27px;background:#f2f2f2;color:#113054;} .SubTit{text-align: center;padding: 0.93rem 0 14px 0;} .SubTit h2{font-size: 0.36rem;line-height: 0.42rem;font-weight: normal;letter-spacing: 0.04em;} .SubTit p{font-size: 0.18rem;line-height: 0.26rem;letter-spacing: 0.04em;} .ProFuction{margin: 0 0 0 -0.24rem;} .ProFuction .item{width: 16.6666%;float: left;text-align: center;padding: 0 0 0.24rem 0.24rem;overflow: hidden;} .ProFuction .inner{position: relative;height: 2.2rem;font-size: 0.18rem;color:#fff;border-radius: 0.08rem;background: linear-gradient(#cde2fa,#0a70e8);overflow: hidden;} .ProFuction .inner .icon img{display: block;margin: 0px auto 0.16rem;width: 1.15rem;height: 1.11rem;} .ProFuction .inner .icon{margin-bottom: 0.18rem;} .ProFuction .info{position: absolute;left: 0;bottom: -100%;width: 100%;height:100%;background:#076ee8;border-radius: 0.08rem;color:#fff;font-size: 0.2rem;transition: all 0.3s;visibility: hidden;opacity: 0;} .ProFuction a.ty{display: block;margin:14px auto 0;width: 120px;line-height: 36px;color:#076ee8;border-radius: 5px;background: #fff;font-size:16px;} .ProFuction a.ty img{vertical-align: middle;width: 10px;margin:-5px 0 0 5px;} .ProFuction .item:hover .info{bottom: 0;visibility: visible;opacity: 1;} .ProFuction .item.i3,.ProFuction .item.i10{width: 33.332%;} .ProFuction .item.i6 .inner{height: 4.6rem;} .ProFuction .item.i11 .inner,.ProFuction .item.i12 .inner,.ProFuction .item.i13 .inner,.ProFuction .item.i14 .inner,.ProFuction .item.i15 .inner{background: linear-gradient(#0a70e8,#cde2fa);} .Aadvantage{float: left; width: 90%; margin-top: 80px;} .Aadvantage .left{width: 49%;float: left;padding: 1.16rem 0 0 0;} .Aadvantage .left .tithead{line-height: 0.6rem;height:0.6rem;font-size: 0.56rem;position: relative;margin-left: 0.18rem;} .Aadvantage .left .tithead i{font-size: 0.32rem;} .Aadvantage .left .tithead em{position: absolute;line-height: 0.19rem;color:#076ee8;font-size:0.14rem;left:0;text-transform: uppercase;} .Aadvantage .left .txt{margin: 0.29rem 0 0.46rem 0.18rem;font-size: 0.24rem;width: 69%;} .Aadvantage .left .img{ /*margin-left: -1.64rem;*/ } .Aadvantage .right{width: 49%;float: right;} .Aadvantage .right .title{line-height: 0.5rem;padding-left: 0.18rem;font-size: 0.2rem;background: #e8ecf4;border-radius: 0.09rem;} .Aadvantage .right .title img{vertical-align: middle;margin-right: 0.19rem;width: 0.28rem;height: 0.21rem;} .Aadvantage .right .info{padding:0.25rem 0 0.32rem 0;line-height: 0.24rem;font-size: 0.18rem;} .Aadvantage .right .info .txt{width: 59%;float: left;} .Aadvantage .right .info .txt.auto{width: auto;float: none;} .Aadvantage .right .info .img{width: 32%;float: right;} .caseMore{padding-top:6%;} .caseMore .Nav{margin:0 0 0.9rem -4%;} .caseMore .Nav li{width: 33.333%;padding-left: 4%;text-align:center;float: left;} .caseMore .Nav a{display:block;padding-top:0.25rem;height:1.5rem;font-size: 0.24rem;background:#f7f8fa;border-radius: 0.17rem;cursor: pointer;} .caseMore .Nav .ico{display:block;margin:0px auto 0.13rem;width: 0.83rem;height: 0.65rem;} .caseMore .Nav .ico .i1,.HomeCase .caseMore .Nav .ico .i2{width: 0.83rem;height: 0.65rem;} .HomeCase .caseMore .Nav li.on .ico .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);} .caseMore .Nav li.on a{background:#1764e3;color:#fff;} .caseMore .Nav2{margin:-0.35rem 0 0.36rem -10%;} .caseMore .Nav2 li{width: 33.333%;padding-left: 10%;text-align:center;float: left;} .caseMore .Nav2 a{display:block;line-height:0.72rem;font-size: 0.24rem;background:#f7f8fa;border-radius: 0.08rem;cursor: pointer;} .caseMore .Nav2 li.on a{background:#1764e3;color:#fff;} .caseMore .content{display:none;} .caseMore .logo{margin:0 0 0 -0.69rem;} .caseMore .logo li{float: left;padding:0 0 0.42rem 0.69rem;width: 16.666%;} .caseMore .logo li img{border-radius: 0.08rem;width: 1.8rem;height: 0.62rem;display:block;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);margin:0px auto;} .caseMore .logo li a{display:block;} .caseMore .companyname{margin:0 0 0 -0.69rem;} .caseMore .companyname li{float: left;margin:0 0 0.42rem 0.65rem;height: 0.62rem;width: 1.86rem;} .caseMore .companyname li a{line-height:0.28rem;font-size: 0.18rem;border-radius: 0.1rem;transition: all 0.3s;overflow: hidden;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);padding:0 0.05rem;background: url(../images/logobg.gif);} .caseMore .companyname li:hover a{-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);background: url(../images/xuanzhong.png);} .caseMore.sub{padding-top:0;} .caseMore.sub .logo{} .caseMore.sub .logo li{width: 25%;} .caseMore.sub .companyname li{width: 2rem;} @media(max-width:1560px){ .caseMore{padding-top:1.5%;} } .caseMore .logo li{ margin-left: -3%; } .side { position: fixed; width: 78px; right: 0; top: 52%; margin-top: -200px; z-index: 100; border: 1px solid #e0e0e0; background: #fff; border-bottom: 0 } .side ul li { width: 78px; height: 78px; float: left; position: relative; border-bottom: 1px solid #e0e0e0; color: #333; font-size: 14px; line-height: 38px; text-align: center; transition: all .3s; cursor: pointer } .side ul li:hover { background: #1764e3; color: #fff } .side ul li a { color: #333; } .side ul li:hover a { color: #fff } .side ul li i { height: 25px; margin-bottom: 1px; display: block; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 25px; margin-top: 14px; transition: all .3s } .side .shangqiao p { line-height: 20px; } .side .shangqiao p i { height: 25px; margin-bottom: 3px; display: block; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 25px; margin-top: 7px; transition: all .3s; } .side ul li i.bgs1 { background-image: url(../../web/newcp/images/right_pic5.png) } .side ul li i.bgs2 { background-image: url(../../web/newcp/images/right_pic7.png) } .side ul li i.bgs3 { background-image: url(../../web/newcp/images/right_pic2.png) } .side ul li i.bgs4 { background-image: url(../../web/newcp/images/right_pic1.png) } .side ul li i.bgs5 { background-image: url(../../web/newcp/images/right_pic3.png) } .side ul li i.bgs6 { background-image: url(../../web/newcp/images/right_pic6_on.png) } .side ul li:hover i.bgs1 { background-image: url(../../web/newcp/images/right_pic5_on.png) } .side ul li:hover i.bgs2 { background-image: url(../../web/newcp/images/right_pic7_on.png) } .side ul li:hover i.bgs3 { background-image: url(../../web/newcp/images/right_pic2_on.png) } .side ul li:hover i.bgs4 { background-image: url(../../web/newcp/images/right_pic1_on.png) } .side ul li:hover i.bgs5 { background-image: url(../../web/newcp/images/right_pic3_on.png) } .side ul li .sidebox { position: absolute; width: 78px; height: 78px; top: 0; right: 0; transition: all .3s; overflow: hidden } .side ul li.sidetop { background: #1764e3; color: #fff } .side ul li.sidetop:hover { opacity: .8; filter: Alpha(opacity=80) } .side ul li.sideewm .ewBox.son { width: 238px; display: none; color: #363636; text-align: center; padding-top: 235px; position: absolute; left: -240px; top: 0; background-image: url(../../web/newcp/images/leftewm.png); background-repeat: no-repeat; background-position: center center; border: 1px solid #e0e0e0 } .side ul li.sideetel .telBox.son { width: 240px; height: 237px; display: none; color: #fff; text-align: left; position: absolute; left: -240px; top: -79px; background: #1764e3 } .side ul li.sideetel .telBox dd { display: block; height: 118.5px; overflow: hidden; padding-left: 82px; line-height: 24px; font-size: 18px } .side ul li.sideetel .telBox dd span { display: block; line-height: 28px; height: 28px; overflow: hidden; margin-top: 32px; font-size: 18px } .side ul li.sideetel .telBox dd.bgs1 { background: url(../../web/newcp/images/right_pic8.png) 28px center no-repeat #84bde7; } .side ul li.sideetel .telBox dd.bgs2 { background: url(../../web/newcp/images/right_pic9.png) 28px center no-repeat } .side ul li:hover .son { display: block !important; animation: fadein 1s }