@charset "utf-8";
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.clearfix:after{content: "";display: block;visibility: hidden;height: 0;clear: both;}
a{color: inherit;text-decoration: none !important;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
a:hover{color: #E6AF29;}
img{max-width:100%;border: 0;vertical-align: middle;}
button{cursor:pointer;border: 0;}
body{height:100%;min-width: 320px;max-width:1920px;margin:0 auto;font-size:14px;min-height: 100%;color: #3D3E49;line-height: 24px;background: #fff;position: relative;padding: 0;overflow-x: hidden;}
h1,h2,h3,h4,h5{margin: 0;padding: 0;font-family: inherit;color: inherit;font-weight: 400;}
input{outline: none;border: 0;}
i{font-style: normal;}
input::-webkit-input-placeholder{color: #BFBFBF;}
input::-moz-input-placeholder{color: #BFBFBF;}
input::-ms-input-placeholder{color: #BFBFBF;}
input:focus{box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);color: #333;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.float{cursor: default;}
.wl-l{float: left;}
.wl-r{float: right;}
.wl-ul-20 li{width: 20%;}
.wl-ul-25 li{width: 25%;}
.wl-ul-33 li{width: 33.3%;}
.wl-ul-50 li{width: 50%;}
*::selection{background: #E6AF29;color: #fff;}
.wl-center{text-align: center;}
.flex-box{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

/*放大*/
.appliance-page .right:hover .pic img, .news-swiper li:hover img, .ind-news .bottom li:hover img, .applets-program-swiper .swiper-slide:hover img, .wl-case-list li:hover img, .wl-honor .list li:hover img, #caseinfo .recommend li:hover img, .wl-environment .list li:hover img,
.cooperate-swiper .swiper-slide:hover img, .system-lists .item:hover img,.appliance-cont:hover img,.news-lists .list li:hover .img img{-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-o-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;-ms-transition:all .4s;transition:all .4s}

/*头部*/
.wl-header{width: 100%;height: 100px;background: #F8F8F8;position:fixed;top:0;left: 0;z-index: 666;}
.wl-header-layer{width: 100%;height: 100px;}
.wl-header .logo{height: 100px;float: left;display: block;position: relative;}
.wl-header .logo h1{width: 100%;height: 100px;display: table-cell;text-align: center;vertical-align: middle;}
.wl-header .logo img{max-height: 100%;max-width: 100%;}
.wl-header .right{position: relative;}
/*.wl-header .right:after{content: "";display: inline-block;width: 108px;height: 58px;background: url(../images/70-logo.png) no-repeat left center;position: absolute;left: 5px;top: 50%;margin-top: -29px;background-size: 80%;}*/
.wl-header .right .top{position: relative;}
.wl-nav{float: right;}
.wl-nav .first-level{float: left;height: 64px;position: relative;}
.wl-nav .first-level-a{display: block;font-size: 16px;line-height: 61px;color: #333;padding-left: 20px;padding-right: 30px;overflow: hidden;border-bottom: 3px solid #F8F8F8;}
.wl-nav .first-level:nth-child(8) .first-level-a{padding-right: 0;}
.wl-nav .first-level i{display: block;width: 8px;height: 4px;background: url(../images/wl_icons.png) no-repeat 0 0;position: absolute;right: 15px;top: 50%;margin-top: -2px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-nav .first-level:hover i,.wl-nav .first-level.active i{background-position: 0 -4px;}
.wl-nav .first-level.active .first-level-a{color: #E6AF29;border-bottom: 3px solid #E6AF29;}
.wl-nav .first-level:hover .first-level-a{color: #E6AF29;}
.wl-header .code{display: block;width: 20px;height: 20px;float: right;margin: 8px 0;background: url(../images/wl_icons.png) no-repeat -8px 0;transition: all .2s linear 0s;-webkit-transition: all .2s linear 0s;}
.wl-header .code:hover{background-position: -334px 0;}
.wl-header .tel{float: right;line-height: 36px;color: #A1A6AB;margin: 0;margin-right: 28px;}
.wl-header .tel span{color: #E6AF29;}
.wl-header .right .code-img{width: 100px;height: 100px;position: absolute;right: -50px;top: 36px;z-index: 2;display: none;}
/*二级导航*/
.wl-subordinate{background: #F5F5F5;text-align: center;width: 100%;position: absolute;left: 0;top: 100px;box-shadow: 0px 1px 10px rgba(0,0,0,0.08);}
.wl-subordinate .subnav{font-size: 0;line-height: 0;content: '';text-align: left;display: none;}
.wl-subordinate .subnav li{display: inline-block;width: 20%;font-size: 18px;line-height: 18px;padding-top: 20px;}
.wl-subordinate .subnav li a{display: block;}
.wl-subordinate #subSystem li,.wl-subordinate #subMall li{width: 20%;}
.wl-subordinate #subMall li{width: 25%;}
.wl-subordinate #subApp li{width: 20%;}
.wl-subordinate #subNews li{width: 25%;padding: 40px 10px;}
.wl-subordinate #subNews img{margin-bottom: 22px;}
.wl-subordinate .subnav li em{display: block;width: 50px;height: 50px;margin: 0 0 20px;}
.wl-subordinate .subnav li.sub1 em{background: url(../images/icon_nav1.png) no-repeat center;background-size: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-subordinate .subnav li.sub2 em{background: url(../images/icon_nav3.png) no-repeat center;background-size: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-subordinate .subnav li.sub3 em{background: url(../images/icon_nav5.png) no-repeat center;background-size: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-subordinate .subnav li.sub4 em{background: url(../images/icon_nav7.png) no-repeat center;background-size: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-subordinate .subnav li.sub5 em{background: url(../images/icon_nav9.png) no-repeat center;background-size: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-subordinate .subnav li.sub6 em{background: url(../images/icon_nav35.png) no-repeat center;background-size: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-subordinate .subnav li.sub7 em{background: url(../images/icon_nav36.png) no-repeat center;background-size: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-subordinate .subnav li.sub8 em{background: url(../images/icon_nav37.png) no-repeat center;background-size: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-subordinate .subnav li.sub9 em{background: url(../images/icon_nav31.png) no-repeat center;background-size: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-subordinate .subnav li.sub10 em{background: url(../images/icon_nav32.png) no-repeat center;background-size: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-subordinate .subnav li.sub11 em{background: url(../images/icon_nav25.png) no-repeat center;background-size: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-subordinate .subnav li.sub12 em{background: url(../images/icon_nav33.png) no-repeat center;background-size: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-subordinate .subnav li.sub13 em{background: url(../images/icon_nav34.png) no-repeat center;background-size: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-subordinate .subnav li.sub14 em{background: url(../images/icon_nav38.png) no-repeat center;background-size: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-subordinate .subnav li.sub15 em{background: url(../images/icon_nav39.png) no-repeat center;background-size: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}

.wl-subordinate .subnav li.sub16 em{background: url(../images/icon_nav40.png) no-repeat center;background-size: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}

.wl-subordinate .subnav li.sub17 em{background: url(../images/icon_nav41.png) no-repeat center;background-size: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}

.wl-subordinate .subnav li.sub18 em{background: url(../images/icon_nav42.png) no-repeat center;background-size: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}

.wl-subordinate .subnav li.sub1:hover em{background: url(../images/icon_nav2.png) no-repeat center;background-size: 100%;}
.wl-subordinate .subnav li.sub2:hover em{background: url(../images/icon_nav4.png) no-repeat center;background-size: 100%;}
.wl-subordinate .subnav li.sub3:hover em{background: url(../images/icon_nav6.png) no-repeat center;background-size: 100%;}
.wl-subordinate .subnav li.sub4:hover em{background: url(../images/icon_nav8.png) no-repeat center;background-size: 100%;}
.wl-subordinate .subnav li.sub5:hover em{background: url(../images/icon_nav10.png) no-repeat center;background-size: 100%;}
.wl-subordinate .subnav li.sub6:hover em{background: url(../images/icon_nav35.png) no-repeat center;background-size: 100%;}
.wl-subordinate .subnav li.sub7:hover em{background: url(../images/icon_nav36.png) no-repeat center;background-size: 100%;}
.wl-subordinate .subnav li.sub8:hover em{background: url(../images/icon_nav37.png) no-repeat center;background-size: 100%;}
.wl-subordinate .subnav li.sub9:hover em{background: url(../images/icon_nav31.png) no-repeat center;background-size: 100%;}
.wl-subordinate .subnav li.sub10:hover em{background: url(../images/icon_nav32.png) no-repeat center;background-size: 100%;}
.wl-subordinate .subnav li.sub11:hover em{background: url(../images/icon_nav26.png) no-repeat center;background-size: 100%;}
.wl-subordinate .subnav li.sub12:hover em{background: url(../images/icon_nav33.png) no-repeat center;background-size: 100%;}
.wl-subordinate .subnav li.sub13:hover em{background: url(../images/icon_nav34.png) no-repeat center;background-size: 100%;}
.wl-subordinate .subnav li.sub14:hover em{background: url(../images/icon_nav38.png) no-repeat center;background-size: 100%;}
.wl-subordinate .subnav li.sub15:hover em{background: url(../images/icon_nav39.png) no-repeat center;background-size: 100%;}
.nav-icon{width: 66px;height: 66px;background: url(../images/nav.png) no-repeat center;background-size: 30px 30px;position: fixed;right: 0;top: 15px;display: none;z-index: 11;}
.wl-subordinate .subnav li .right_cont{
    width:100%;height:100%;display: flex;flex-display:row;position:relative;align-items: center;justify-content: flex-start;
}
.wl-subordinate .subnav li .right_content{
    display: flex;justify-content: center;align-items: flex-start;text-indent:14px;white-space:nowrap; margin-bottom:20px;flex-direction: column;
}
.wl-subordinate .subnav li .right_content1{
    font-size:16px;color:#333;
}
.wl-subordinate .subnav li .right_content2{
    font-size:12px;margin-top:9px;color:#999;
}
/*侧边二级导航*/
.wl-nav .first-level dl{display: none;}
.wl-nav .first-level .two-level{width: 100%;}
.wl-nav .first-level .two-level a{position:relative;z-index:100000;line-height: 40px;display: block;padding-left: 30px;border-bottom: 1px solid #eee;}

/*尾部*/
.wl-footer{background: #2D323D;line-height: 36px;font-size: 14px;color: #ABA9A4;}
.wl-footer .title{font-size: 18px; color: #fff;}
.wl-footer .desc{color: #A7ACB5; line-height: 25px;}
.wl-footer .bigTitle{font-size: 26px; font-weight: bold; color: #fff; letter-spacing: 2px;}
.wl-footer .content{padding: 50px 0 30px;}
.wl-footer .qrcode{width: 110px; height: 110px; margin-top: 10px;}
.wl-footer .weDo{margin-bottom: 20px;}
.wl-footer .weDo > div{display: flex; align-items: center; color: #888D98; font-size: 13px; line-height: 30px;}
.wl-footer .weDo > div > ul{display: flex; align-items: center;flex-wrap: wrap;}
.wl-footer .weDo > div > ul .tab{margin: 0 10px;}
.wl-footer .weDo > div > ul > li > a{color: #888D98;}
.wl-footer .left{border-right: 1px solid #484B4E;line-height: 30px;color: #FFFFFF;min-height: 217px;}
.wl-footer .left .img{float: left;margin-right: 28px;}
.wl-footer .left strong{display: block;font-size: 20px;}
.wl-footer .left .wl-btn{margin-top: 15px;border-color: #707070;color: #FFFFFF;line-height: 33px;padding: 0 16px;}
.wl-footer .left .wl-btn:hover{background: #E6AF29;border-color: #E6AF29;color: #fff;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-footer .right ul{float: left;width: 20%;}
.wl-footer .right li{float: left;width: 100%;padding-left: 45px;}
.wl-footer .right li a{display: inline-block;}
.wl-footer .right span{font-size: 16px;line-height: 30px;color: #fff;}
.wl-coypright{padding: 15px 0;border-top: 1px solid #484B4E; font-size: 13px;}
.wl-coypright span,
.wl-coypright a{display: inline-block;}
.wl-coypright a{margin-right: 10px;}
.wl-coypright span{color: #FFFFFF;}
.wl-coypright .flexBox{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wl-coypright .flexBox img{
    width: 20px;
    height: auto;
}
.wl-coypright .flexBox > div{
    display: flex;
    align-items: center;
}
@media screen and (max-width: 600px){
    .wl-coypright .flexBox{
        flex-direction: column;
        align-items: flex-start;
    }
}
.wl-banner.wap{display: none;}

.fixed-box{height: 65px;display: none;}
.footer-fixed{position: fixed;bottom: 0;z-index: 666;width: 100%;background: #fff;left: 0;margin: 0 auto;border-top:1px solid #e5e5e5;right: 0;display: none;}
.footer-fixed li{width: 20%;float: left;text-align: center;font-size: 14px;padding: 0.5rem 0;position: relative;}
.footer-fixed li img{width: 40%}
.footer-fixed li.hot{width: 60%;text-align: center;line-height: 52px;background: #E6AF29;}
.footer-fixed li.hot a span{display: inline-block;background: url(../images/index_wl3.png) left center no-repeat;background-size: 25px 25px; font-size: 18px;color: #fff;padding-left: 40px;}

.banner-swiper-box{display: none;}
.banner-swiper-box .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;}
.banner-swiper-box .swiper-pagination-bullet-active{background: #E6AF29;}

/*头部列表*/
.wl-index-top{background: #F8F8F8;padding: 40px 0;position: relative;}
.wl-index-top .img{float: left;width: 80px;height: 80px;margin-right: 30px;}
.wl-index-top .cont{font-size: 16px;line-height: 20px;color: #A1A6AB;padding: 5px 0;}
.wl-index-top .cont span{font-size: 40px;line-height: 40px;color: #E6AF29;padding-bottom: 10px;display: block;}

/*产品服务*/
.ind-service{background: #fff;padding: 50px 0;}
.index-title h2{font-size: 36px;line-height: 36px;color: #3D3E49;text-align: center;}
/*.index-title h2{
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #4d4d4d), color-stop(.4, #4d4d4d), color-stop(.5, white), color-stop(.6, #4d4d4d), color-stop(1, #4d4d4d));
	-webkit-text-fill-color: transparent;
	-webkit-animation: animate 2s infinite;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: animate 2s infinite;
}*/

.index-titles h2{font-size: 36px;line-height: 36px;text-align: center;color: #FFFFFF;}
/*.index-titles h2{
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #FFFFFF), color-stop(.4, #FFFFFF), color-stop(.5, #3D3E49), color-stop(.6, #FFFFFF), color-stop(1, #FFFFFF));
	-webkit-text-fill-color: transparent;
	-webkit-animation: animate 2s infinite;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: animate 2s infinite;
}*/
/*@-webkit-keyframes animate {
    from {background-position: -350px -350px;}
    to {background-position: 350px 350px;}
}
@keyframes animate {
    from {background-position: -350px -350px;}
    to {background-position: 350px 350px;}
}*/

.index-summary{font-size: 14px;color: #A1A6AB;padding: 25px 0;text-align: center;}
.ind-service .list{padding-top: 40px;}
.ind-service .item{padding: 0 13px;cursor: default;}
.ind-service .item .cont{background: #F8F8F8;text-align: center;font-size: 14px;line-height: 30px;color: #8B8986;padding: 45px 0 20px;position: relative;border-radius: 10px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.ind-service .item img{width: 60px;height: 60px;position: absolute;top: -30px;left: 50%;margin-left: -30px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.ind-service .item span{font-size: 18px;display: block;padding-bottom: 10px;}
.ind-service .item p{height: 150px;}
.wl-btn{display: inline-block;border:1px solid rgba(161,166,171,1);border-radius:5px;font-size: 14px;line-height: 28px;margin-top: 14px;text-align: center;padding: 0 21px;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8;-o-transition: all 0.8s;transition: all 0.8s;position: relative;}
.wl-btn.on{border-color: #E6AF29;background: #E6AF29;color: #fff;}
.wl-btn:hover{border-color: transparent;}
.wl-btn.line:before,.wl-btn.line:after{content:"";display:block;width: 0;height:0;border:1px solid transparent;box-sizing: border-box;position: absolute;border-radius:5px;}
.wl-btn.line:before{top:0;left:0;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.wl-btn.line:after{right:0;bottom:0;transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in ;}
.wl-btn.line:hover:before{width:100%;height:100%;transition:width 0.2s ease-in ,height 0.2s ease-in 0.2s;border-top-color:#E6AF29;border-right-color:#E6AF29;}
.wl-btn.line:hover:after{width:100%;height:100%;transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.4s,height 0.3s ease-in 0.6s;border-bottom-color:#E6AF29;border-left-color:#E6AF29;}

.ind-service .item:hover .cont{background: #f0f0f0;box-shadow:0px 5px 25px rgba(76,69,62,0.15);}
.ind-service .item:hover a{background: #E6AF29;border-color: #E6AF29;color: #fff;}
.ind-service .item:hover img{top: -35px;}
/*应用场景*/
.ind-appliance{background: url(../images/bg_appliance.jpg) no-repeat center top;padding: 50px 0 55px;}
.appliance-page{padding-top: 25px;}
.appliance-page .nav{width: 100%;text-align: center;font-size: 0;line-height: 0;content: '';padding-bottom: 60px;}
.appliance-page .nav li{display: inline-block;width: 215px;font-size: 18px;line-height: 25px;padding: 13px 0 13px 30px;cursor: pointer;position: relative;margin: 0 35px;background: rgba(255,255,255,0.3);color: #FFFFFF;border-radius: 6px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.appliance-page .nav li.on,.appliance-page .nav li:hover{background: #E6AF29;}
.appliance-page .nav li span{float: left;text-align: left;}
.appliance-page .nav li img{width: 50px;height: 50px;float: left;margin-right: 10px;}
.appliance-cont{overflow: hidden;}
.appliance-cont .pic{/*width: 680px;*//*height: 460px;*//*margin-right: 80px;*/overflow: hidden;}
.appliance-cont .cont{padding-top: 50px;max-height: 460px;padding-left: 50px;}
.appliance-cont .cont h4{font-size: 36px;line-height: 40px;color: #FFFFFF;font-weight: 600;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.appliance-cont:hover .cont h4{color: #E6AF29;}
.appliance-cont .cont .des{font-size: 14px;line-height: 28px;color: #cccccc;height: 140px;overflow: hidden;margin-top: 40px;}
.wl-btn.advisory{line-height: 50px;border-radius: 25px;padding-left: 36px;padding-right: 60px;font-size: 16px;position: relative;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-btn.advisory:after{display: block;content: '';width: 22px;height: 22px;background: url(../images/wl_icons.png) -261px -30px;position: absolute;right: 30px;top: 50%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);}
.wl-btn.advisory:hover{padding-left: 40px;padding-right: 65px;}
/*实力品牌*/
.ind-brand{background: #fff;text-align: center;border-bottom: 1px solid #F1EFEE;}
.brand-box{padding: 50px 0 26px;position: relative;}
.wl-line{display: block;width: 0;height: 1px;background: #E6AF29;position: absolute;bottom: 0;}
.line-left{left: 50%;transform: translate(0,-50%);}
.line-right{right: 50%;transform: translate(0,-50%);}
.ind-brand .list{margin: 40px auto 60px;font-size: 0;line-height: 0;content: '';text-align: center;}
.ind-brand .list li{display: inline-block;color: #FFFFFF;cursor: pointer;padding: 0 5px;border-radius: 6px;overflow: hidden;}
.ind-brand .list li a{display: block;width: 100%;height: 100%;position: relative;cursor: default;}
.ind-brand .list li img{max-width: 100%;max-height: 100%;}
.ind-brand .list li dl{width: 100%;height: 100%;border-radius: 6px;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.4);padding: 50px 10px 0;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.ind-brand .list li dt{font-size: 22px;position: relative;}
.ind-brand .list li dt:after{display: block;content: '';width: 30px;height: 1px;background: #eeeeee;position: absolute;left: 50%;bottom: -20px;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);}
.ind-brand .list li .des{font-size: 14px;line-height: 26px;padding: 40px 20px 0;}
.ind-brand .list li:hover .des{color: #FFFFFF;}
.ind-brand .list li:hover dl{background: rgba(0,0,0,0.7);}
/*开发流程*/
.ind-process{background: #f2f2f2;padding: 60px 0 50px;text-align: center;}
.ind-process .list{padding: 20px 0 50px;text-align: center;}
.ind-process .list .item{width: 20%;float: left;text-align: center;padding: 0 20px;font-size: 14px;color: #A1A6AB;position: relative;}
.ind-process .list .item:after{display: block;content: '';width: 36px;height: 24px;background: url(../images/wl_icons.png) -190px -30px;position: absolute;right: -18px;top: 70px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.ind-process .list .item5:after{display: none;}
.ind-process .list .items{display: none;float: left;width: 33.3%;height: 180px;}
.ind-process .list strong{display: block;font-size: 16px;line-height: 26px;padding: 25px 0;}
.ind-process .list .item:hover:after{background-position: -154px -30px;right: -23px;}
.wl-more{display: inline-block;line-height:50px;box-shadow:0px 7px 20px rgba(230,175,41,0.3);border-radius:25px;font-size: 16px;color: #FFFFFF;padding-left: 36px;padding-right: 60px;background: #E6AF29;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3;-o-transition: all 0.3s;transition: all 0.3s;}
.wl-more:after{display: block;content: '';width: 15px;height: 12px;background: url(../images/wl_icons.png) no-repeat -226px -30px;position: absolute;right: 36px;top: 50%;margin-top: -6px;}
.wl-more:hover{padding-left: 46px;padding-right: 70px;color: #FFFFFF;}
/*成功案例*/
.ind-case{background: #F8F8F8;padding: 50px 0 60px;text-align: center;}
.case-tab{padding-top: 40px;}
.case-tab .gallery-thumbs{text-align: center;padding: 0 15% 6px;}
.gallery-thumbs .swiper-slide{font-size: 16px;line-height: 38px;border: 1px solid #D0D0D8;border-radius: 25px;background: #fff;color: #3D3E49;cursor: pointer;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.case-tab .gallery-thumbs .swiper-slide-thumb-active{background: #E6AF29;color: #FFFFFF;border-color: #E6AF29;position: relative;}
.case-tab .gallery-thumbs .swiper-slide-thumb-active:after{display: block;content: '';width: 0;height: 0;border: 6px solid transparent;border-top-color: #E6AF29;position: absolute;left: 50%;margin-left: -6px;position: absolute;top: auto;bottom: -12px;}
.case-tab .gallery-thumbs .swiper-slide:hover{color: #E6AF29;border-color: #E6AF29;}
.case-tab .gallery-thumbs .swiper-slide-thumb-active:hover{color: #fff;}
.wl-case-list{text-align: center;padding: 50px 0 60px;}
.wl-case-list li{overflow: hidden;}
.wl-case-list a{display: block;position: relative;z-index: 2;}
.wl-case-list .title{display: block;background: #FFFFFF;font-size: 18px;line-height: 66px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 0 5px;position: relative;z-index: 2;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-case-list li:hover .title{background: #E6AF29;color: #FFFFFF;}
.wl-case-list i{display: block;width: 0;height: 0;background: #000000;background: rgba(0,0,0,0.5);filter: alpha(opacity=50);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 93px 60px;text-align: center;opacity: 0;z-index: 1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3;-o-transition: all 0.3s;transition: all 0.3s;}
.wl-case-list li:nth-child(odd) i{border-radius: 0% 100%;}
.wl-case-list li:nth-child(even) i{border-radius: 100% 0;}
.wl-case-list li:hover i{width: 100%;height: 100%;border-radius: 0;opacity: 1;}
/*动态*/
.ind-news{background: #FFFFFF;padding: 50px 0;}
.ind-news .left{border: 1px solid #eeeeee;height: 500px;overflow: hidden;height: 473px;}
.ind-news .left h3{font-size: 18px;line-height: 40px;padding: 0 20px;border-bottom: 1px solid #eeeeee;}
.ind-news .left:hover h3{background: #f6f6f6;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.news-swiper{height: 420px;overflow: hidden;margin-top: 10px;height: 393px;}
.news-swiper li{width: 100%;padding: 0 20px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.news-swiper li a{display: block;width: 100%;border-bottom: 1px solid #eeeeee;padding: 12px 0;float: left;}
.news-swiper .img{width: 116px;height: 80px;padding-right: 16px;overflow: hidden;float: left;}
.news-swiper .img img{display: block;width: 100%;height: 100%;}
.news-swiper dl{/*display: table-cell;*/text-align: left;vertical-align: middle;}
.news-swiper dl dt{font-size: 16px;color: #3D3E49;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;overflow: hidden;}
.news-swiper dl dt span{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-swiper dl dd{font-size: 14px;color: #888;display: block;display: -webkit-box;height: 48px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.news-swiper li:hover{background: #f8f8f8;box-shadow: 0px 1px 0px rgba(0,0,0,0.1);}
.news-swiper li:hover dt{color: #E6AF29;}
.news-swiper li:hover dd{color: #666;}
.ind-news .right{padding-left: 30px;}
.news-slide{width: 100%;text-align: left;border: 1px solid #eeeeee;overflow: hidden;}
.news-slide .hd{height: 40px;border-bottom: 1px solid #eee;position: relative;}
.news-slide .hd ul{float: left;position: absolute;left: -1px;top: -1px;height: 42px;width: 100%;}
.news-slide .hd li{float: left;line-height: 42px;padding: 0 20px;font-size: 18px;color: #A1A6AB;cursor: pointer;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.news-slide .hd li.on{line-height: 40px;background: #fff;border: 1px solid #eee;border-bottom:1px solid #fff;}
.news-slide .hd li:hover{color: #333333;}
.news-slide .hd li.last{display: none;}
.news-slide .bd .list-cont{zoom: 1;}
.news-slide .bd .top{padding: 20px 20px 0;}
.news-slide .bd .top img{width: 100%;max-height: 186px;height: 100%;}
.slide-swiper{width: 260px;height: 218px;height: 186px;float: left;margin-right: 30px;}
.ind-news .swiper-pagination{bottom: auto;top: 160px;}
.ind-news .swiper-pagination-bullet{background: #e6af29;opacity: 0.4;}
.ind-news .swiper-pagination-bullet-active{opacity: 1;}
.ind-news .news-list{padding: 2px 0;max-height: 218px;overflow: hidden;}
.ind-news .news-list li{padding-left: 15px;position: relative;}
.ind-news .news-list li a{line-height: 26px;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ind-news .news-list li:before{display: block;content: '';width: 5px;height: 5px;background: #A1A6AB;border-radius: 100%;position: absolute;left: 0;top: 50%;margin-top: -3px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.ind-news .news-list li:hover:before{background: #E6AF29;}
.ind-news .bottom{padding: 10px 20px 10px;overflow: hidden;}
.ind-news .bottom li{float: left;padding-top: 20px;}
.ind-news .bottom li a{display: block;float: left;width: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.ind-news .bottom li:nth-child(odd) a{padding-right: 13px;}
.ind-news .bottom li:nth-child(even) a{padding-left: 13px;}
.ind-news .bottom .img{width: 100px;height: 80px;margin-right: 24px;float: left;overflow: hidden;}
.ind-news .bottom .img img{display: block;width: 100%;height: 100%;}
.ind-news .bottom dl{padding-top: 3px;}
.ind-news .bottom dt{font-size: 16px;color: #3D3E49;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.ind-news .bottom dd{font-size: 14px;color: #888888;display: block;display: -webkit-box;height: 48px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 5px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.ind-news .bottom li:hover a{box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.1);}
.ind-news .bottom li:hover dt{color: #E6AF29;}
.ind-news .bottom li:hover dd{color: #3D3E49;}
/*获取方案*/
.ind-program{background-image: url(../images/bg_index.jpg);background-attachment: fixed;background-repeat: no-repeat;background-position: center bottom;text-align: center;color: #FFFFFF;}
.ind-program .cont{background: rgba(0,102,255,0.61);padding: 40px 0 24px;}
.ind-program h3{font-size: 40px;line-height: 40px;}
.ind-program .summary{color: #FFFFFF;font-size: 20px;line-height: 46px;padding-bottom: 10px;}
.ind-program .btn{display: inline-block;line-height:40px;box-shadow:0px 7px 20px rgba(230,175,41,0.3);border-radius:25px;font-size: 16px;color: #FFFFFF;padding: 0 27px;background: #E6AF29;position: relative;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.ind-program .btn:hover{padding: 0 35px;}

/*小程序页面*/
.applets-traffic{background: #FFFFFF;padding-top: 50px;}
.applets-traffic .text{padding-top: 60px;}
.applets-traffic .left{position: relative;}
.applets-traffic .left:before{display: block;content: '';width: 2px;height: 100%;background: #AFE9B5;position: absolute;left: 9px;top: 0;z-index: 1;}
.applets-traffic .left li{font-size: 16px;color: #3D3E49;line-height: 18px;padding: 29px 0 23px 48px;background: url(../images/icon_applets.png) no-repeat left center;background-size: 18px 18px;position: relative;z-index: 2;}
.applets-traffic .left li:first-child{padding-top: 0;background-position: 0 0;}
.applets-traffic .left li:last-child{padding-bottom: 0;background-position: 0 29px;}
/*解决企业开发成本高、周期长的难题*/
.applets-problem{background: url(../images/bg_applets.jpg) no-repeat center top;padding: 50px 0 60px;}
.applets-problem .top{text-align: center;padding: 40px 0 90px;}
.applets-problem .top .item{padding: 0 10px;cursor: default;}
.applets-problem .top dl{padding: 45px 30px;height: 290px;background: #FFFFFF;border-radius: 10px;overflow: hidden;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.applets-problem .top .title{font-size: 24px;color: #3D3E49;padding-top: 25px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.applets-problem .top .des{font-size: 14px;color: #A1A6AB;padding-top: 15px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.applets-problem .top .item:hover dl{background: #c8c8c8;border-radius: 20px;}
.applets-problem .top .item:hover .title{color: #000;}
.applets-problem .top .item:hover .des{color: #333333;}
.applets-problem .bottom{padding: 40px 0 14px}
.applets-problem .bottom .item{padding: 0 15px;}
.applets-problem .bottom ul{height: 330px;background: #FFFFFF;border-radius: 10px;padding: 0 30px;cursor: default;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.applets-problem .bottom .name{display: block;font-size: 24px;line-height: 68px;color: #E6AF29;font-weight: 600;border-bottom: 2px solid #EFEFEF;position: relative;}
.applets-problem .bottom .name:before{display: block;content: '';width: 0;height: 2px;background: #FFFFFF;position: absolute;left: 50%;bottom: 0;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}
.applets-problem .bottom .name:after{display: block;content: '';width: 0;height: 2px;background: #FFFFFF;position: absolute;right: 50%;bottom: 0;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}
.applets-problem .bottom dl{text-align: center;padding-top: 20px;}
.applets-problem .bottom dd{padding: 15px 0;}
.applets-problem .bottom .title{display: block;font-size: 16px;color: #3D3E49;line-height: 20px;padding: 15px 0;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.applets-problem .bottom .item:hover ul{background: #e8e8e8;border-radius: 20px;}
.applets-problem .bottom .item:hover .name:before{width: 50%;}
.applets-problem .bottom .item:hover .name:after{width: 50%;}
.applets-problem .bottom .item:hover .title{color: #000;}
.applets-problem .btn{text-align: center;}
/*行业解决方案*/
.applets-program{background: #F0F0F0;padding: 50px 0 60px;}
.applets-program-swiper{width: 100%;position: relative;padding-bottom: 90px;}
.applets-program-swiper .swiper-slide{text-align: center;position: relative;cursor: default;overflow: hidden;}
.applets-program-swiper .box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.4);color: #FFFFFF;padding: 58px 20px 0;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.applets-program-swiper .swiper-slide:hover .box{background: rgba(230,175,41,0.9);}
.applets-program-swiper dl{padding-top: 56px;position: relative;}
.applets-program-swiper dl:before{display: block;content: '';width: 22px;height: 2px;background: #FFFFFF;position: absolute;left: 50%;top: 30px;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);}
.applets-program-swiper dt{font-size: 24px;line-height: 26px;}
.applets-program-swiper dd{font-size: 14px;color: #E2E2E2;padding-top: 10px;}
.applets-program-swiper .swiper-button-next, .applets-program-swiper .swiper-button-prev{width: 34px;height: 34px;top: auto;bottom: 8px;margin-top: 0;background-size: 100%;z-index: 5;}
.applets-program-swiper .swiper-button-next{background: url(../images/wl_icons.png) -256px -54px;right: 30%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.applets-program-swiper .swiper-button-prev{background: url(../images/wl_icons.png) -154px -54px;left: 30%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.applets-program-swiper .swiper-button-next:hover{background: url(../images/wl_icons.png) -222px -54px;right: 30%;}
.applets-program-swiper .swiper-button-prev:hover{background: url(../images/wl_icons.png) -188px -54px;left: 30%;}
.applets-program .wl-center{width: 100%;position: absolute;left: 50%;bottom: 0px;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);z-index: 1;}
.applets-program .wl-btn{margin: 0 10px;}

/*app定制开发页面*/
.app-service{background: #FFFFFF;padding: 50px 0 60px;}
.app-service .list{padding-top: 60px;}
.app-service .item{text-align: center;padding: 30px;cursor: default;/*height: 314px;*/font-size: 14px;line-height: 26px;color: #A1A6AB;border-radius: 50px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4;-o-transition: all 0.4s;transition: all 0.4s;}
.app-service .item em{display: block;width: 60px;height: 60px;margin: 0 auto;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.app-service .item:nth-child(1) em{background: url(../images/icon_app1.png) no-repeat center;background-size: 100%;}
.app-service .item:nth-child(2) em{background: url(../images/icon_app3.png) no-repeat center;background-size: 100%;}
.app-service .item:nth-child(3) em{background: url(../images/icon_app5.png) no-repeat center;background-size: 100%;}
.app-service .item:nth-child(4) em{background: url(../images/icon_app7.png) no-repeat center;background-size: 100%;}
.app-service .item dt{font-size: 24px;padding: 30px 0 20px;color: #3D3E49;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.app-service .item dd{height: 72px;}
.app-service .item .wl-btn{background: #E6AF29;border: none;color: #FFFFFF;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.app-service .item:hover{background: rgba(230,175,41,1);color: #FFFFFF;border-radius: 10px;}
.app-service .item:hover dt{color: #FFFFFF;}
.app-service .item:nth-child(1):hover em{background: url(../images/icon_app2.png) no-repeat center;background-size: 100%;}
.app-service .item:nth-child(2):hover em{background: url(../images/icon_app4.png) no-repeat center;background-size: 100%;}
.app-service .item:nth-child(3):hover em{background: url(../images/icon_app6.png) no-repeat center;background-size: 100%;}
.app-service .item:nth-child(4):hover em{background: url(../images/icon_app8.png) no-repeat center;background-size: 100%;}
.app-service .item:hover .wl-btn{background: #FFFFFF;color: #333333;}
/*服务体系*/
.app-system{background: url(../images/bg_app15.jpg) no-repeat right top;padding: 50px 0 120px;}
.app-system h2{padding-bottom: 50px;}
.app-system .list{height: 594px;position: relative;}
.app-system .list .item{width: 338px;height: 292px;position: absolute;padding: 50px 60px 0;text-align: center;cursor: default;}
.app-system .list .item1{left: 0;bottom: 150px;}
.app-system .list .item2{left: 267px;bottom: 0;}
.app-system .list .item3{right: 267px;bottom: 150px;}
.app-system .list .item4{right: 0;top: 0;}
.app-system .list .item img,.app-system .list .item dl{position: relative;z-index: 2;}
.app-system .list .item dt{font-size: 24px;padding: 16px 0;}
.app-system .list .item dd{line-height: 26px;color: #A1A6AB;}
.app-system .list .bg{width: 101px;height: 87px;background: url(../images/bg_app2.png) no-repeat center;background-size: 100%;position: absolute;right: 64px;bottom: 102px;}
.app-system .list .item .icon_bg{display: block;width: 100%;height: 100%;background: url(../images/bg_app1.png) no-repeat center;background-size: 100%;position: absolute;left: 0;top: 0;}
.app-system .list .item .icon_bg1{display: block;width: 100%;height: 100%;background: url(../images/bg_app1.png) no-repeat center;background-size: 100%;position: absolute;left: 0;top: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.app-system .list .item:hover .icon_bg1{-webkit-transform: rotate(30deg);-moz-transform: rotate(30deg);-o-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);}
.app-system .list .bg{-webkit-animation: whirl 3s infinite linear;animation: whirl 3s infinite linear;}
@keyframes whirl{
    0% {transform:skew(0deg) rotate(0deg);}
    50% {transform:skew(0deg) rotate(180deg);}
    100% {transform:skew(0deg) rotate(360deg);}
}
@-webkit-keyframes whirl{
    0% {-webkit-transform:skew(0deg) rotate(0deg);}
    50% {-webkit-transform:skew(0deg) rotate(180deg);}
    100% {-webkit-transform:skew(0deg) rotate(360deg);}
}

/*移动APP开发的优势*/
.app-advantage{background: url(../images/bg_app16.jpg) no-repeat right bottom;padding: 50px 0 40px;}
.app-advantage .list{width: 500px;padding-top: 50px;}
.app-advantage li{float: left;width: 100%;background: #FFFFFF;margin-bottom: 20px;padding: 40px 20px 40px 40px;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3;-o-transition: all 0.3s;transition: all 0.3s;}
.app-advantage li .img{width: 50px;height: 50px;float: left;margin-right: 20px;}
.app-advantage li dt{font-size: 18px;line-height: 20px;}
.app-advantage li dd{font-size: 14px;line-height: 20px;color: #A1A6AB;padding-top: 10px;}
.app-advantage li:after{display: block;content: '';width: 0;height: 4px;background: #E6AF29;position: absolute;bottom: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5;-o-transition: all 0.5s;transition: all 0.5s;}
.app-advantage li:nth-child(odd):after{left: 0;}
.app-advantage li:nth-child(even):after{right: 0;}
.app-advantage li:hover:after{width: 100%;}
.app-advantage li:hover{background: #F8F8F8;}
/*行业解决方案*/
.app-program{background: #FFFFFF;padding: 50px 0 40px;}
.app-program .list{padding-top: 20px;}
.app-program .item{position: relative;cursor: default;padding: 0 20px;margin: 20px 0;text-align: center;border-radius: 10px;height: 130px;overflow: hidden;}
.app-program .item img{display: block;width: 100%;height: 100%;}
.app-program .item p{display: block;width: calc(100% - 40px);height: 100%;background: rgba(0,0,0,0.3);position: absolute;left: 20px;top: 0;border-radius: 10px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.app-program .item span{font-size: 24px;color: #FFFFFF;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.app-program .item:hover p{background: rgba(0,0,0,0.5);}
.app-program .item:hover span{color: #e6af29;}

/*商城网站开发页面*/
.mall-program{background: #FFFFFF;}
.mall-program .list{padding-top: 80px;}
.mall-program .item p{padding: 0 40px;height: 120px;}
.mall-program .item .cont{padding-bottom: 15px;}
/*万狼科技6大优势*/
.mall-advantage{background: #FFFFFF;padding: 20px 0 60px;}
.mall-advantage .show{padding-top: 60px;}
.mall-advantage .img{padding: 0 16px;text-align: center;}
.mall-advantage .list li{background: #F8F8F8;text-align: center;padding: 38px 20px 6px;margin-bottom: 16px;tcursor: default;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.mall-advantage .list dt{font-size: 24px;}
.mall-advantage .list .list1 dt{background: url(../images/icon_mall5.png) no-repeat calc(50% - 86px) center;background-size: 50px 50px;}
.mall-advantage .list .list2 dt{background: url(../images/icon_mall6.png) no-repeat calc(50% - 86px) center;background-size: 50px 50px;}
.mall-advantage .list .list3 dt{background: url(../images/icon_mall7.png) no-repeat calc(50% - 86px) center;background-size: 50px 50px;}
.mall-advantage .list .list4 dt{background: url(../images/icon_mall8.png) no-repeat calc(50% - 86px) center;background-size: 50px 50px;}
.mall-advantage .list .list5 dt{background: url(../images/icon_mall9.png) no-repeat calc(50% - 86px) center;background-size: 50px 50px;}
.mall-advantage .list .list6 dt{background: url(../images/icon_mall10.png) no-repeat calc(50% - 86px) center;background-size: 50px 50px;}
.mall-advantage .list dt span{font-size: 16px;color: #cccccc;display: block;line-height: 26px;}
.mall-advantage .list dd{color: #A1A6AB;height: 96px;margin-top: 30px;}
.mall-advantage .list li:hover{background: #eeeeee;border-radius: 10px;}
/*商城元素功能强化*/
.mall-features{background: url(../images/bg_mall1.jpg) no-repeat center bottom;padding: 50px 0 56px;}
.mall-features .list{font-size: 0;line-height: 0;content: '';padding-top: 60px;text-align: center;}
.mall-features .list li{width: 14.285%;display: inline-block;padding: 0 12px;margin-bottom: 24px;cursor: default;}
.mall-features .list li p{background: #FFFFFF;border-radius: 6px;height: 150px;flex-direction: column;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.mall-features .list li span{font-size: 18px;padding-top: 20px;}
.mall-features .list li:hover p{background: #eee;color: #e6af29;}
/*商城定制开发流程*/
.mall-process{background: #FFFFFF;padding: 50px 0 64px;}
.mall-process .list{height: 240px;margin-top: 30px;position: relative;}
.mall-process .list:after{display: block;content: '';width: calc(100% - 35px);height: 1px;background: #EFEFEF;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);margin-left: 18px;}
.mall-process .list li{height: 120px;width: 70px;text-align: center;position: absolute;cursor: default;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3;-o-transition: all 0.3s;transition: all 0.3s;}
.mall-process .list li span{display: block;font-size: 16px;line-height: 28px;padding-top: 20px;color: #3D3E49;}
.mall-process .list li .icon1{display: block;width: 14px;height: 14px;border: 1px solid #A1A6AB;border-radius: 100%;position: absolute;left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);z-index: 1;background: #FFFFFF;}
.mall-process .list li .icon2{display: block;width: 6px;height: 6px;border-radius: 100%;position: absolute;left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);z-index: 1;background: #A1A6AB;}
.mall-process .list .item1{left: 0;top: 0;}
.mall-process .list .item2{left: calc(28.57% - 35px);top: 0;}
.mall-process .list .item3{left: calc(57.14% - 35px);top: 0;}
.mall-process .list .item4{left: calc(85.71% - 35px);top: 0;}
.mall-process .list .item5{left: calc(14.285% - 35px);bottom: 0;padding-top: 26px;}
.mall-process .list .item6{left: calc(42.855% - 35px);bottom: 0;padding-top: 26px;}
.mall-process .list .item7{left: calc(71.425% - 35px);bottom: 0;padding-top: 26px;}
.mall-process .list .item8{left: calc(100% - 35px);bottom: 0;padding-top: 26px;}
.mall-process .list .item1 .icon1,.mall-process .list .item2 .icon1,.mall-process .list .item3 .icon1,.mall-process .list .item4 .icon1{bottom: -7px;}
.mall-process .list .item5 .icon1,.mall-process .list .item6 .icon1,.mall-process .list .item7 .icon1,.mall-process .list .item8 .icon1{top: -7px;}
.mall-process .list .item1 .icon2,.mall-process .list .item2 .icon2,.mall-process .list .item3 .icon2,.mall-process .list .item4 .icon2{bottom: -3px;}
.mall-process .list .item5 .icon2,.mall-process .list .item6 .icon2,.mall-process .list .item7 .icon2,.mall-process .list .item8 .icon2{top: -3px;}
.mall-process .list li:hover{padding-top: 15px;}
.mall-process .list li:hover span{color: #e6af29;}
.mall-process .list li:hover .icon1{border-color: #E6AF29;}
.mall-process .list li:hover .icon2{background: #E6AF29;}
/*商城定制开发模式*/
.mall-mode{background: url(../images/bg_mall2.jpg) no-repeat center top;padding: 50px 0 70px;}
.mall-mode .index-summary{color: #DCDCDC;}
.mall-mode .list{padding-top: 30px;}
.mall-mode .item{padding: 0 22px;cursor: default;}
.mall-mode .item dl{background: #fff;border-radius: 6px;text-align: center;padding: 30px 30px 38px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.mall-mode .item dt{font-size: 24px;line-height: 38px;}
.mall-mode .item .des{height: 120px;color: #A1A6AB;margin: 20px 0 3px;}
.mall-mode .item dl a{margin: 0 10px;}
.mall-mode .item:hover dl{background: #eee;}

/*系统开发页面*/
.system-problem{background: url(../images/bg_system1.jpg) no-repeat center bottom;padding-top: 50px;}
.system-problem .list{height: 540px;position: relative;margin-top: 50px;}
.system-problem .list li{text-align: center;width: 168px;position: absolute;}
.system-problem .list li span{display: block;font-size: 24px;line-height: 34px;padding-top: 20px;}
.system-problem .list .list1{left: -10px;top: 286px;}
.system-problem .list .list2{left: 20%;top: 0;}
.system-problem .list .list3{left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.system-problem .list .list4{right: 20%;top: 0;}
.system-problem .list .list5{right: 6px;top: 286px;}
/*列表*/
.system-lists .item{width: 100%;padding-top: 70px;padding-bottom: 60px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.system-lists .item:nth-child(odd){background: #FFFFFF;}
.system-lists .item:nth-child(even){background: #F8F8F8;}
.system-lists .item .img{overflow: hidden;}
.system-lists .item:nth-child(odd) .img{text-align: left;}
.system-lists .item:nth-child(odd) dl{padding-left: 70px;}
.system-lists .item:nth-child(even) .img{text-align: right;float: right;}
.system-lists .item:nth-child(even) dl{padding-right: 60px;}
.system-lists .item dl{padding-top: 60px;}
.system-lists .item dt{font-size: 28px;position: relative;}
.system-lists .item dt:after{display: block;content: '';width: 30px;height: 4px;background: #E6AF29;position: absolute;left: 0;bottom: -20px;}
.system-lists .item .des{line-height: 28px;color: #A1A6AB;padding-top: 60px;height: 172px;}
/*软件定制核心优势*/
.system-advantage{background: url(../images/bg_system2.jpg) no-repeat center top;padding-top: 50px;}
.system-advantage .index-summary{color: #DCDCDC;}
.system-advantage .list{padding: 30px 0 60px;}
.system-advantage .item{padding: 0 10px;text-align: center;}
.system-advantage .item a{display: block;width: 100%;background: #FFFFFF;border-radius: 10px;padding: 56px 30px 30px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3;-o-transition: all 0.3s;transition: all 0.3s;}
.system-advantage .item .title{font-size: 24px;}
.system-advantage .item p{line-height: 26px;height: 130px;margin-top: 30px;}
.system-advantage .item:hover a{background: #E6AF29;color: #FFFFFF;border-radius: 15px;}
.system-advantage .item:hover .wl-btn{background: #FFFFFF;color: #3D3E49;}

/*全面提升企业管理效率！定制企业级CRM、ERP、OA系统*/
.ind-system{background-image: url(../images/bg_system3.jpg);background-attachment: fixed;background-repeat: no-repeat;background-position: center bottom;color: #FFFFFF;min-height: 200px;padding: 50px 0;}
.ind-system .left{font-size: 30px;line-height: 50px;}
.ind-system .right{font-size: 18px;line-height: 40px;text-align: right;}
.ind-system .right p{padding-right: 100px;}
.ind-system .right span{font-size: 34px;line-height: 60px;}

/*联系我们页面*/
.wl-info{padding: 60px 0;}
.wl-info .list .item{padding: 0 15px;}
.wl-info .list .box{background: #F8F8F8;padding: 40px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3;-o-transition: all 0.3s;transition: all 0.3s;position: relative;border: 5px #F8F8F8 solid; box-sizing: border-box;}
.wl-info .list .title{font-size: 20px;display: block;line-height: 32px;position: relative; margin-bottom: 10px;}
.wl-info .list .title::before{width: 50px;height: 3px;background: rgb(249, 182, 52);content: ''; position: absolute; bottom: -2px; left: 0;}
.wl-info .list .box .desc{color: rgb(136, 136, 136);}
.wl-info .list p{height: 110px;color: #A1A6AB;}
.wl-info .list .box:hover{border: 5px rgb(150, 211, 92) solid;}
@-webkit-keyframes wateranimate {
    0% {-webkit-transform: scale(0);opacity: 0.5;}
    100% {-webkit-transform: scale(2);opacity: 0;}
}
@keyframes wateranimate {
    0% {-webkit-transform: scale(0);transform: scale(0);opacity: 0.5;}
    100% {-webkit-transform: scale(2);transform: scale(2);opacity: 0;}
}
.wl-info .list .box:hover .water1{-webkit-animation: wateranimate 2s 3s ease-out infinite;animation: wateranimate 2s 3s ease-out infinite;}
.wl-info .list .box:hover .water2{-webkit-animation: wateranimate 2s 2s ease-out infinite;animation: wateranimate 2s 2s ease-out infinite;}
.wl-info .list .box:hover .water3{-webkit-animation: wateranimate 2s 1s ease-out infinite;animation: wateranimate 2s 1s ease-out infinite;}
.wl-info .list .box:hover .water4{-webkit-animation: wateranimate 2s 0s ease-out infinite;animation: wateranimate 2s 0s ease-out infinite;}
.water1,.water2,.water3,.water4{padding:20%;position: absolute;left: 30%;top: 30%;box-shadow: 0 0 80px 30px rgba(0, 0, 0, 0.5) inset;border-radius: 100%;z-index: 2;opacity: 0;}
/*留言板块*/
.wl-message{padding: 30px 0 80px;}
.wl-message h3{font-size: 28px;line-height: 40px;}
.wl-message .left p{padding: 25px 0;color: #666; font-size: 13px;}
.wl-message .form-group{float: left;height: 50px;width: 33.3%;padding-right: 20px;margin-bottom: 20px;position: relative;}
.wl-message .form-group:nth-child(4),.wl-message .form-group:nth-child(5){width: 50%;}
.wl-message .form-group:nth-child(6),.wl-message .form-group:nth-child(7){width: 100%;height: auto;}
.wl-message .form-group.btn{text-align: center;padding-top: 10px;}
.wl-message .form-group label{display: none;}
.wl-message .form-control{width: 100%;height: 50px;line-height: 50px;padding: 0 20px;border: 1px solid #999;border-radius: 4px;}
.wl-message textarea.form-control{height: auto;line-height: 24px;padding: 10px 20px;}
.wl-message .form-control.code{width: 65%;}
.wl-message .form-group .yzm{max-width: 33%;height: 50px;position: absolute;right: 20px;top: 0;}
.wl-message .right{padding-left: 30px;}
.wl-message .right p{line-height: 28px;color: #6a6a6a;font-size: 13px;}
.wl-message .title{font-size: 13px;color: #6a6a6a;display: flex; align-items: center; margin-top: 20px;}
.wl-message .title > img{margin-right: 10px;}

/*成功案例页面*/
.case-nav{padding: 15px 10.42%;}
.case-nav .list{padding: 15px 0;font-size: 16px;line-height: 30px;text-align: left;}
.case-nav .list span{color: #999999;width: 110px;margin: 5px 0;}
.case-nav .list p{padding-left: 190px;}
.case-nav .list a{padding: 0 10px;margin: 5px 30px 5px 0;display: inline-block;}
.case-nav .list a.list-a{width: 50px;padding: 0;text-align: center;margin-right: 30px;}
.case-nav .list a.active,.case-nav .list a:hover{background: #E6AF29;color: #FFFFFF;border-radius: 5px;}
/*分页*/
.page{width: 100%;}
.page ul{text-align: center;font-size: 0;line-height: 0;content: '';}
.page ul li{display: inline-block;margin: 0 5px;cursor: pointer;}
.page ul li a,.page ul li span{display: block;font-size: 18px;color: #A1A6AB;line-height: 40px;padding: 0 15px;}
.page ul li:hover a,.page ul li.active a,.page ul li:hover span,.page ul li.active span{color: #FFFFFF;background: #E6AF29;border-radius: 4px;}
.page ul li.disabled:hover span{color: #FFFFFF;background: #E6AF29;border-radius: 4px;}
.page ul li.disabled{pointer-events: none;}
.page ul .previous{float: left;margin: 0;max-width: 48%;overflow: hidden;background: #efefef;}
.page ul .next{float: right;margin: 0;max-width: 48%;overflow: hidden;background: #efefef;}
.page ul .previous a,.page ul .next a{padding: 0 10px;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.page ul li.previous:hover a,.page ul li.next:hover a{border-radius: 0;}

/*成功案例详情页面*/
.case-detail{text-align: left;}
#casetbody{max-width: 100%;width: calc(100% - 480px);float: left;margin-right: 20px;margin-left: 30px;}
#casetbody .list{height: 80px;width: 100%;background: #ececec;padding: 0 80px;}
#casetbody .list li{width: 160px;height: 80px;float: left;}
#casetbody .list li.pc{background: url(../images/icon_case1.gif) no-repeat center;background-size: 35px;}
#casetbody .list li.wap{background: url(../images/icon_case3.gif) no-repeat center;background-size: 35px;}
#casetbody .list li.applets{background: url(../images/icon_case9.gif) no-repeat center;background-size: 35px;}
#casetbody .list li.pc.on,#casetbody .list li.pc:hover{background: #F8F8F8 url(../images/icon_case2.gif) no-repeat center;background-size: 35px;}
#casetbody .list li.wap.on,#casetbody .list li.wap:hover{background: #F8F8F8 url(../images/icon_case4.gif) no-repeat center;background-size: 35px;}
#casetbody .list li.applets.on,#casetbody .list li.applets:hover{background: #F8F8F8 url(../images/icon_case10.gif) no-repeat center;background-size: 35px;}
#casetbody .content{width: 100%;background: #F8F8F8;padding: 70px 20px;}
/*右侧内容*/
#caseinfo{width: 400px;float: right;margin-right: 30px;background: #f5f5f5;box-shadow: 0 2px 6px rgba(0,0,0,.1);border-radius: 3px;margin-left: 0;padding: 40px 30px;}
#caseinfo .header{padding-bottom: 40px;border-bottom: 1px dotted #cccccc;}
#caseinfo h3{font-size: 26px;line-height: 30px;}
#caseinfo .des{padding: 30px 0;}
#caseinfo h4{font-size: 16px;}
#caseinfo h5{font-size: 14px;padding-top: 10px;}
#caseinfo .preview .list{padding-top: 20px;}
#caseinfo .preview .list li{width: 50px;height: 50px;float: left;}
#caseinfo .preview .list li.pc{background: url(../images/icon_case5.png) no-repeat center;background-size: 30px;}
#caseinfo .preview .list li.wap{background: url(../images/icon_case7.png) no-repeat center;background-size: 30px;}
#caseinfo .preview .list li.pc.on{background: url(../images/icon_case6.png) no-repeat center;background-size: 30px;}
#caseinfo .preview .list li.wap.on{background: url(../images/icon_case8.png) no-repeat center;background-size: 30px;}
#caseinfo .recommend{padding-top: 40px;}
#caseinfo .recommend li{padding-top: 20px;overflow: hidden;}
#caseinfo .recommend li .title{font-size: 14px;padding-top: 5px;}
#caseinfo .code-img{max-width: 100px;max-height: 100px;}

/*关于我们页面*/
.wl-about{padding: 50px 0 25px;text-align: center;background: #F5F5F5;}
.wl-about h2{padding-bottom: 20px;}
/*企业文化*/
.wl-culture{background: #F5F5F5;padding: 30px 0 60px;}
.wl-culture .list{padding-top: 50px;}
.wl-culture .list li{padding: 0 10px;}
.wl-culture .list a{display: block;width: 100%;height: 100%;text-align: center;background:rgba(0,0,0,0.28);padding: 30px 10px 2px;color: #FFFFFF;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3;-o-transition: all 0.3s;transition: all 0.3s;}
.wl-culture .list dt{font-size: 18px;line-height: 20px;padding: 10px 0;}
.wl-culture .list dd{height: 48px;}
.wl-culture .list li:hover a{background: #E6AF29;}
/*荣誉资质*/
.wl-honor{padding: 50px 0 30px;background: url(../images/bg_honor.jpg) no-repeat center top;}
.wl-honor .list{padding-top: 50px;}
.wl-honor .list li{padding: 0 8px;margin-bottom: 16px;width: 20%;}
.wl-honor .list li span{width: 100%;height: 285px;background: #fff;overflow: hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3;-o-transition: all 0.3s;transition: all 0.3s;padding: 20px;box-shadow: 0px 3px 7px rgba(0,0,0,0.08);}
.wl-honor .list li a{display: block;width: 100%;height: 100%;position: relative;text-align: center;}
.wl-honor .list li img{max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.wl-honor .list li:hover span{box-shadow: 0px 3px 7px rgba(0,0,0,0.2);}
.wl-honor .list li:hover img{-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.honor-swiper{display: none;}
/*合作企业*/
.wl-cooperate{background: url(../images/bg_cooperate.jpg) no-repeat center top;padding: 50px 0 57px;}
.cooperate-swiper{padding-bottom: 40px;margin-top: 50px;border-top: 1px dashed #999999;}
.cooperate-swiper ul{border-left: 1px dashed #999999;}
.cooperate-swiper .swiper-slide{height: 150px;background: #FFFFFF;border-bottom: 1px dashed #999;border-right: 1px dashed #999999;overflow: hidden;}
.cooperate-swiper .swiper-pagination{bottom: 0;}
.cooperate-swiper .swiper-pagination-bullet{width: 23px;height: 4px;background:rgba(0,0,0,0.3);border-radius: 4px;opacity: 1;}
.cooperate-swiper .swiper-pagination-bullet-active{background: #E6AF29;}
.cooperate-swiper .swiper-slide img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all 250ms linear 0s;opacity: .5;}
.cooperate-swiper .swiper-slide:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: gray;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3;-o-transition: all 0.3s;transition: all 0.3s;opacity: 1;}
/*公司环境*/
.wl-environment{padding-top: 50px;}
.wl-environment .list{padding-top: 50px;}
.wl-environment .list li{padding: 1px;overflow: hidden;position: relative;}

/*新闻资讯页面*/
.wl-news{padding: 50px 0;}
.news-nav{text-align: center;font-size: 0;line-height: 0;content: '';}
.news-nav li{display: inline-block;position: relative;}
.news-nav li a{display: block;font-size: 16px;line-height: 44px;border: 1px solid #D0D0D8;border-radius: 25px;background: #fff;cursor: pointer;padding: 0 20px;margin: 0 15px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;position: relative;}
.news-nav li.active a{background: #E6AF29;color: #FFFFFF;border-color: #E6AF29;}
.news-nav li.active:after{display: block;content: '';width: 0;height: 0;border: 6px solid transparent;border-top-color: #E6AF29;position: absolute;left: 50%;margin-left: -6px;position: absolute;top: auto;bottom: -12px;}
.news-nav li:hover a{color: #E6AF29;border-color: #E6AF29;}
.news-nav li.active:hover a{color: #fff;}
.wl-position{padding: 40px 0 15px;}
.wl-position span{color: #cccccc;}
.news-lists{width: 70%;float: left;}
.news-lists .list{padding-bottom: 20px;}
.news-lists .list li{float: left;width: 100%;margin-bottom: 20px;}
.news-lists .list li a{display: block;float: left;width: 100%;padding: 18px;background: #F8F8F8;border: 2px solid #F8F8F8;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2;-o-transition: all 0.2s;transition: all 0.2s;}
.news-lists .list li .img{width: 160px;height: 114px;display: table-cell;text-align: center;vertical-align: middle;float: left;overflow: hidden;margin-right: 26px;}
.news-lists .list li img{display: block;width: 100%;height: 100%;}
.news-lists .list li dt{font-size: 18px;line-height: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-lists .list li dt em{font-style: normal;color: red;}
.news-lists .list li .time{padding: 10px 0;color: #A1A6AB;}
.news-lists .list li .des{height: 48px;color: #A1A6AB;display: block;display: -webkit-box;margin: 0 auto;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.news-lists .list li:hover a{border-color: #E6AF29;}
/*右边内容*/
.news-right{width: 27%;float: right;padding: 28px;border: 1px solid #EBEBEB;}
.news-right h3,.news-lists .comment h3{font-size: 22px;border-left: 5px solid #E6AF29;padding-left: 10px;}
.news-right .list{padding: 5px 0 40px;}
.news-right .list a{display: block;line-height: 40px;border-bottom: 1px solid #EFEFEF;color: #A1A6AB;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4;-o-transition: all 0.4s;transition: all 0.4s;}
.news-right .list li a:before{display: block;content: '';width: 0;height: 1px;background: #E6AF29;position: absolute;left: 50%;bottom: 0;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4;-o-transition: all 0.4s;transition: all 0.4s;}
.news-right .list li a:after{display: block;content: '';width: 0;height: 1px;background: #E6AF29;position: absolute;right: 50%;bottom: 0;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4;-o-transition: all 0.4s;transition: all 0.4s;}
.news-right .list li:hover a:before{width: 50%;}
.news-right .list li:hover a:after{width: 50%;}
.news-right .list li:hover a{color: #E6AF29;}
.news-right .label a{display: inline-block;line-height: 30px;background: #F7F7F7;border-radius: 15px;padding: 0 14px;margin-right: 10px;margin-top: 20px;}
.news-right .label a:hover{background: #E6AF29;color: #FFFFFF;}

/*新闻详情*/
.wl-article{border-top: 1px solid #eeeeee;padding-bottom: 10px;}
.wl-article h2{padding-top: 20px;font-weight: 600;}
.wl-article .des{padding: 15px 0;}
.wl-article .des a{color: blue;padding: 0 3px;}
.wl-article .des a:hover{color: #e6af29;}
.wl-article .content{padding: 20px 0;font-size: 16px;line-height: 30px;}
.news-lists .comment{margin-top: 20px;}
.news-lists .comment .titles{border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;padding: 20px 0;}
.news-lists .comment-list{padding: 20px 0;}
.news-lists .comment-list li{line-height: 30px;padding-right: 15px;list-style: outside;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4;-o-transition: all 0.4s;transition: all 0.4s;}
.news-lists .comment-list li:hover{margin-left: -15px;margin-right: 15px;}

.body{height: 100%;overflow: hidden;}
.boss{width: 100%;height: 100%;background: rgba(0,0,0,.4);position: fixed;left: 0;top: 0;z-index: 5;display: none;}
.boss.on{display: block;}
/*#goTopBtn{width: 50px;height: 50px;cursor: pointer;display: none;background: #E6AF29 url(../images/gotopbtn.png)  no-repeat center center;background-size: 80%;position: fixed;bottom: 60px;right: 20px;border-radius: 4px;z-index: 999;}*/

.suspension {width: 50px;height: 230px;position: fixed;right: 30px;bottom: 160px;z-index: 100;}
.suspension li {position: relative;width: 50px;height: 50px;margin-top: 10px;background-color: #E6AF29;border-radius: 4px;}
.suspension .default-transition {-webkit-transition-property: background-color;-moz-transition-property: background-color;-ms-transition-property: background-color;-o-transition-property: background-color;transition-property: background-color;}
.pop-qrcode, .pop-tel, .suspension a {display: block;width: 100%;height: 100%;background-image: url(../images/side_icons.png);background-repeat: no-repeat;}
a.sendmsg {display: block;width: 100%;height: 100%;background: url(../images/gotop5.png) -8px -7px;background-repeat: no-repeat;}
.voice-service {background-position: 0 0;}
.pop-qrcode {background-position: -100px 0;}
#goTopBtn {background-image: url(../images/side_icons.png);background-position: -150px 0;background-repeat: no-repeat;cursor: pointer;}
.hide-text {font: 0/0 a;color: transparent;text-shadow: none;background-color: transparent;border: 0;}
.suspension-qrcode:hover .qrcode{display: block;}


#allmap{
    width: 100%;
    height: 300px;
}


.suspension-qrcode:hover > .qrcode.pop-detail{
    display: block;
}

.qrcode.pop-detail{
    display: none;
}
.qrcode.pop-detail > img{
    position: absolute;
    max-width: unset;
    right: 60px;
    top: -45px;
}