@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
}