<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
* { margin: 0; padding: 0 }
ul li { list-style: none }
a { text-decoration: none; transition: all .1s linear }
a.active, a:hover,a:visited { /*color: #46be8a;*/text-decoration: none;}
p,h2,h3,h4,h5,a{margin: 0;padding:0;}
img { border: none }
input, textarea { outline: 0; border: none; background: 0 0; font-size: 14px; font-family: Arial, "微软雅黑"; -webkit-appearance: none }
.clear { clear: both }
*{box-sizing: border-box;}
.fl { float: left }
.fr { float: right }
.ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.ellipsis3 {word-break: break-all;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;}
body, html { width: 100%; height: 100%; background: #fff; color: #444; font: 9pt Arial, "微软雅黑"; font-family: Arial, "微软雅黑"; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; overflow-scrolling: touch }
img { float: none; width: 100% }
.clearfix:after { clear: both; display: block; content: '' }
.clearfix { zoom: 1 }
.parlax {background-position: center center;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
.module {position: relative;overflow: hidden;background-color: #fff;z-index: 1;}
.trans-8{transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: 0.3s;}
.tb-wrapper{width: 100%;height: 551px;z-index: 1;position: fixed;}
.pa{position: absolute;}
/*清除浮动*/
.clearfix {zoom: 1;}

/*小banner*/
.smallBanner{height: 320px;}
.smallBanner .banner{height: 320px;width:100%;position: fixed;background-position: center;}
.smallBanner2{height: 190px;}
.smallBanner2 .banner{height: 190px;width:100%;position: fixed;background-position: center;}
/*head begin*/
#header { position: fixed; z-index: 99; width: 100%;height: 84px;}
#header, #header .wrapper { background: 0 0; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s }
#header .wrapper { padding: 20px 5% 0; height: auto }
#header .content { margin: 0 auto; height: 100%; max-width: 1600px;/*overflow: hidden;*/ }
#header .content a#logo { float: left; display: block; height: 44px }
#header .content a#logo img { padding-left: 0px; width: auto; height: 100% }
#header .nav { height:64px!important;float: right; padding-right: 0 ; margin: 0 30px;}
#header .nav&gt;li { position: relative; float: left; height: 100%; font-size: 18px ;}
#header .nav&gt;li&gt;a { background: transparent;position: relative; display: block; overflow: hidden; padding: 0 20px; height: 44px; color: #fff; font-weight: 500; line-height: 44px }
#header .nav&gt;li&gt;a span {background: transparent;position: relative; display: inline-block; transition: all ease-out .3s; }
#header.active .nav&gt;li&gt;a{ color: #999;}
#header .nav&gt;li&gt;a span:after { position: absolute; left: 0; width: 100%; color: #46be8a; content: attr(data-title); transform: translateY(100%) }
#header .nav&gt;li&gt;a&gt;i { margin-left: 10px }
#header .nav&gt;li a.active span, #header .nav&gt;li:hover a span { transform: translateY(-100%) }
#header .nav&gt;li:hover .second_menu{display: block;}
/*二级菜单*/
#header .second_menu{background: #fff;
    z-index: 3;
    display: none;
    position: absolute;
    top: 59px;
    left: 0;
    right: 0;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);}
    #header .second_menu a{display: block;
    border-bottom: 1px solid #f2f2f2;
    color: #999;
    padding: 0px 5px;
    line-height: 42px;
    font-size: 14px;
    text-align: center;}
    #header .second_menu a:hover{color:#46be8a;}
.logoHover{display: none!important;}
#header.active .logoHover{display: block!important;}
#header.active .logoDefault{display: none!important;}
#header .login-btn { float: right; margin-right: 0px; padding-top: 7px;}
/*.login-btn a { padding: 0 24px; margin-top: 6px; color: #fff; background-color: #46be8a; line-height: 32px; display: inline-block; font-size: 14px; }
.login-btn a:nth-child(2) { background-color: #555; margin-left: -3px; }
.login-btn a:nth-child(2):hover{background-color: #f96868;}
*/
#header .login-btn  a{border:1px solid transparent;  border-radius: 4px;padding: 0 24px; margin-top: 6px; color: #fff; margin:0 3px;line-height: 30px; display: inline-block; font-size: 14px; }
#header .login-btn a:first-child{background-size: cover;background: url(../images/btnbg2.jpg) center center;}
#header .login-btn a:nth-child(2){border-color:#46be8a;color:#46be8a;background-color: transparent!important;}
#header.active{ height: 84px;background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .1) }
#header.active .wrapper{ padding: 25px 5% 0; height: 64px; background: #fff }
/*#header.active .nav{ height: 54px }*/
.addDiv{float:right; text-align:center;cursor: pointer;padding-top:7px;margin-right:10px;}
.addDiv a{line-height: 27px;height:32px;border-radius: 4px;padding: 0 10px;background: url(../images/btnbg1.jpg) repeat-y center center;display: inline-block;}
.addBiao{display: block;margin:0 auto;width:16px;height:16px;background-image: url(../images/q2.png);background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;}
.addName{display: block;text-align: center;color:#fff;padding-top:3px;font-size:14px;}
#header.active .addBiao{background-image: url(../images/q.png);}
/*#header.active .addName{color:#46be8a;}*/
/*footer*/
.contact {background-color: #2d2d2d;}
.fixed { position: fixed; top: 0; left: 0; z-index: 9999; z-index: 100; display: none; overflow-y: auto; width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, .6) }
#fixed_mp .fixed-container { position: absolute; top: 50%; left: 50%; margin-top: -149px; margin-left: -129px; width: 258px; height: 298px; background: #fff }
#fixed_mp .fixed-container p { padding: 0 20px; color: #000; text-align: center; font-size: 14px }
.netmask, .show { display: block }
#footer {z-index:2;position: absolute; padding: 10px 56px; height: 44px; border-color: #e9e9e9; background-color: #232323; width: 100%; }
#footer p { height: 24px; color: #9e9e9e; text-align: center; line-height: 24px;  }
#footer p span.ellipsis { display: inline; max-width: 70% }
#footer p a#flogo { display: inline-block; margin-top: 2px; margin-left: 10px; width: 50px; height: 20px; vertical-align: top }
#footer p a.beian { color: #9e9e9e !important; vertical-align: top }
.contactMain{padding: 80px 5px;overflow: hidden;}
.contact-content{position: relative;float: left;max-width: 840px;}
.contact-title{float: left;margin-right: 250px;width: 190px;}
.contact-title .title{display: block;font-size: 32px;color:#999;}
.contact-title .subtitle{margin-top: 10px;color: #999;font-size: 15px;}
.contactinfo h3 {margin-bottom: 25px;color: #999;font-weight: 100;font-size: 16px;line-height: 24px;}
.contactinfo p {float: left;margin-top: 14px;padding-right: 60px;width: 420px;height: auto;color: #999;font-size: 14px;line-height: inherit;}
.attention { position: absolute; left: -250px; margin-top: 10px }
.attention:after { position: absolute; top: -56px; left: 0; overflow: hidden; height: 20px; color: #9c9c9c; content: '关注'; font-size: 1pc; line-height: 20px }
.attention a { margin-right: 10px; width: 36px; height: 36px; border: 0px solid hsla(0, 0%, 100%, .07); border-radius: 0; background-color: transparent; color: #9b9b9b; font-size: 1pc }
.attention a i { cursor:pointer;position: relative;transition: all .3s ease-out 0s }
.qqIcon{background-image: url("../images/qq.svg");display:inline-block;background-size: 100%;width:22px;height: 22px;}
.wxIcon{background-image: url("../images/wx.svg");display:inline-block;background-size: 100%;width:22px;height: 22px;}
.attention a:hover .qqIcon{background-image: url("../images/qq_hover.svg");}
.attention a:hover .wxIcon{background-image: url("../images/wx_hover.svg");}
/*悬浮*/
.floatLayer{position: fixed;right: 0;bottom: 30%;z-index: 50;width: 74px;height: 374px;margin-top: -187px;}
.floatLayer li{position: relative;width: 84px;height: 74px;margin-bottom: 1px;line-height: 27px;color: #fff;text-align: center;background: #46be8a;}
.floatLayer li.hidden{overflow: hidden;}
.floatLayer li a.tit{display: block;width: 74px;height: 74px;padding-top: 42px;color: #fff;font-size:14px;background-image: url(../images/float.png);background-repeat: no-repeat;background-position: center -80px;}
/*.floatLayer li:nth-of-type(1) a{background-position: center -86px;}
.floatLayer li:nth-of-type(2) a{background-position: center -162px;}
.floatLayer li:nth-of-type(3){background: #46be8a url(../images/float.png) 0 -242px;}
.floatLayer li:nth-of-type(4) a{background-position: center -310px;}
.floatLayer li:nth-of-type(5){background-color: transparent;}
.floatLayer li:nth-of-type(5) a{padding-top: 0;background-position: center -9px;}*/
.floatLayer li:nth-of-type(1) {background: #46be8a url(../images/float.png) 0 -86px;}
.floatLayer li:nth-of-type(3){background: #46be8a url(../images/float.png) 0 -242px;}
.floatLayer li:nth-of-type(2) a{background-position: center -310px;}
.floatLayer li:nth-of-type(4){background-color: transparent;}
.floatLayer li:nth-of-type(4) a{padding-top: 0;background-position: center -9px;}
.floatLayer li p{position: relative;z-index: 2;height: 27px;padding-top: 42px;cursor: pointer;width: 74px;}
.floatLayer li .tel{position: absolute;left: 74px;top: 0;z-index: 1;width: 184px;height: 74px;font: 24px/74px Arial;color: #fff;cursor: pointer;background: #46be8a;}
.floatLayer li .wxcode{position: absolute;left: 74px;top: 0;z-index: 1;width: 84px;height: 74px;padding:5px;cursor: pointer;background: #46be8a;}


/*悬浮2*/
.floatLayer2{position: fixed;right: 0;top: 50%;z-index: 50;margin-top: -65px;width:166px;overflow: hidden;border-radius:6px;}
.floatLayer2 .top{background:url(../images/mline.jpg) repeat-y center center;    padding: 20px 20px 25px 20px; }
.floatLayer2 .item + .item{padding-top: 15px;}
.floatLayer2 .item .codem{    width: 76px;
    margin-top: 10px;
    height: 76px;
    display: inline-block;
    margin-left: 35px;}
.floatLayer2 .item .t1{}
.floatLayer2 .item .t1 img{display: inline-block;
    vertical-align: middle;}
.floatLayer2 .item .t1 span{    color: #fff;
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 8px;}
.floatLayer2 .item .ba{display: block;
    color: #fff;
    font-size: 16px;
    padding: 10px 0 8px 20px;letter-spacing: 1px;}
    .floatLayer2 .item  a{    color: #fff;
    background: url(../images/btnbg2.jpg) repeat-y center center;
    display: inline-block;margin-left: 20px;
    padding: 6px 16px;
    border-radius: 6px;font-size:14px;}
.floatLayer2 .bm{padding:11px;background:#f3f3f3;text-align: center;display: none;}
.floatLayer2 .bm img{width:81px; height:19px;display: inline-block;}

/*项目需求*/
.requirements{background-color: #f8f8f8;position: relative;z-index: 2;padding: 37px 0 13px;background: url(../images/case/h_bg.jpg) no-repeat center center; background-size: cover;
-webkit-box-shadow: 0 -3px 12px #dad6d6; -moz-box-shadow: 0 -3px 12px #dad6d6; box-shadow: 0 -3px 12px #dad6d6;}
.require-top .text-right *{color: #777;}
.require-top .text-right .ff-ar{margin-bottom: 0;}
.input-box{margin-top: 20px;}
.input-wrap{position: relative; padding: 18px 10px; border: 1px solid transparent; background: rgba(255,255,255,.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9ffffff,endColorstr=#d9ffffff); zoom:1;}
:root .input-wrap{filter: none\9;}
.input-wrap.error{border: 1px solid #e34220;}
.input-wrap .required{width: 100%; color: #c7c7c7; font-size: 14px; font-weight: normal; background: transparent;}
.input-wrap .placeholder{position: absolute; top: 18px; left: 10px; color: #c7c7c7; font-size: 14px; font-weight: normal;} 
.submit-box{margin-top: 40px;}
.submit-box .submit{position: relative; top: 0; padding: 0.65% 3.55%; color: #fff; font-size: 20px;background-color: #46be8a;}
@media (min-width: 1200px){
.submit-box .submit:hover{top: -5px; -webkit-box-shadow: 0 11px 16px rgba(0,0,0,.17); -moz-box-shadow: 0 11px 16px rgba(0,0,0,.17); box-shadow: 0 11px 16px rgba(0,0,0,.17);}
}
@media (max-width: 414px){
.require-top .col-xs-12 img{width: 70%;}
}
@media (max-width: 780px){
.requirements{padding-top: 0; background: #fff;}
.requirements .input-box{margin-right: 15px;}
.require-top{padding: 38px 0; background: url(../images/case/h_bg.jpg) no-repeat center center;}
.require-top .col-xs-12{text-align: center;}
.require-top .col-xs-12 img{width: 55%;}
.input-wrap{border-bottom: 1px solid #f2f2f2;}
.input-wrap .required, .input-wrap .placeholder{color: #c7c7c7;}
.submit-box{margin-top: 22px;}
}
@media (min-width: 780px){
.requirements{padding: 35px 0;}
}
/*分页*/
/*.m-pages { padding: 20px 0 60px; text-align: center }
.m-pages span { display: inline-block; margin: 0 10px; color: #222; line-height: 28px }
.m-pages a {font-size:14px;color:#999;display: inline-block; margin-right: 5px; width: 26px; height: 26px; text-align: center; text-decoration: none; font-family: Arial; line-height: 24px; transition: all .2s ease-out }
.m-pages a:after { display: block; margin: 2px auto; width: 0; height: 1px; background-color: #d4d4d4; content: "" }
.m-pages a.active { color: #333; }
.m-pages a.active:after, .m-pages a:hover:after { width: 10px }*/
.m-pages { padding: 20px 0 60px; text-align: center }
.m-pages .active{border:1px #ee7f18 solid;color: #ee7f18;font-weight: bold}
.m-pages a{display: inline-block;width: 24px;height: 24px;line-height:24px;border:1px #999 solid;color: #999;margin: 0 10px;width:auto!important;min-width: 10px!important;padding: 0 5px}
.m-pages a:hover{border:1px #ee7f18 solid;color: #ee7f18;}

/*马上注册使用*/
.regModal{border-radius:8px;padding:20px 10px;background-image:url(../images/modalbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;width:255px;height:170px;text-align:center;position: fixed;z-index: 1;right:0;top:50%;margin-top:-250px;}
.regModal .regbg{width:100%;height:100%;display:block;}
.regModal .reg_close{    width: 26px;
    height: 26px;
    position: absolute;
    top: 8px;
    right: 8px;}
    .regModal .t1{font-size: 20px;color:#fff;display:block;letter-spacing: 1px;}
    .regModal p{font-size:14px;color:#45e176;display:block;padding-top:8px;letter-spacing: 1px;}
    .regModal .view{color:#31c1de;font-size:13px;display:block;padding-top:10px;letter-spacing: 1px;}
    .regModal .reg{background-image:url(../images/modalline.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;font-size:18px;padding:10px 11px;display:inline-block;letter-spacing: 1px;
        margin-top: 12px;
        border-radius: 6px;color:#fff;}</pre></body></html>