@charset "utf-8";































@media screen and (min-width: 1182px) {
/*大屏浏览器*/
.mainbanner{background-image:url(../images/17website-28.jpg);background-repeat:no-repeat;background-position:center bottom;clear:both;float:none;height:466px;width:100%;min-width:1000px;margin-right:auto;margin-left:auto;overflow:hidden}
.mainbanner .box{max-width:1200px;min-width:1000px;height:278px;margin-right:auto;margin-left:auto;position:relative;z-index:1}
.mainbanner .box .t1{font-size:52px;display:block;position:absolute;width:100%;left:0;top:80px;right:0;color:#FFF;text-align:center;font-weight:700}
.mainbanner .box .t1{animation:bt1 1.4s;-moz-animation:bt1 1.4s;-webkit-animation:bt1 1.4s;-o-animation:bt1 1.4s}
.mainbanner.style2 .box .t1,.mainbanner.style2 .box .t2,.mainbanner.style2 .box .t3{text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.1), 0 0 0.2em rgba(0, 0, 0, 0.1)  }
@keyframes bt1{0%{opacity:0;top:300px}
100%{opacity:1;top:80px}
}
.mainbanner .box .t2{animation:bt2 1.6s;-moz-animation:bt2 1.6s;-webkit-animation:bt2 1.6s;-o-animation:bt2 1.6s}
@keyframes bt2{0%{opacity:0;top:300px}
30%{opacity:0;top:300px}
100%{opacity:1;top:150px}
}
.mainbanner .box .t3{animation:bt3 2s;-moz-animation:bt3 2s;-webkit-animation:bt3 2s;-o-animation:bt3 2s}
@keyframes bt3{0%{opacity:0;top:300px}
60%{opacity:0;top:100px}
100%{opacity:1;top:180px}
}
.mainbanner .box .t2{font-size:22px;display:block;position:absolute;width:100%;left:0;top:150px;right:0;color:#FFF;text-align:center}
.mainbanner .box .t3{font-size:15px;display:block;position:absolute;width:100%;left:0;top:180px;right:0;color:#FFF;text-align:center}
.mainbanner .box .t3 a{color:#FFF;display:inline-block;height:40px;width:160px;border:1px solid #FFF;text-decoration:none;line-height:40px;font-weight:400}
#listmain{max-width:1200px;min-width:1000px;width:100%;clear:both;float:none;margin-top:32px;margin-right:auto;margin-left:auto;margin-bottom:32px;z-index:10;padding-right:10px;padding-left:10px;box-sizing:border-box}
#listmain .head-filter{background-color:#FFF;margin-top:-220px;min-height:200px;border:1px solid #EBEBEB;z-index:10;-moz-box-shadow:0 1px 2px rgba(0,0,0,.03);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.03);box-shadow:0 1px 2px rgba(0,0,0,.03);filter:progid:DXImageTransform.Microsoft.Shadow(strength=1, direction=180, color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 180, Color = '#000000')"}
#listmain .head-filter .site-tab{max-height:42px}
#listmain .head-filter .site-tab ul{display:table;width:100%}
#listmain .head-filter .site-tab ul li{font-size:17px;line-height:42px;text-align:center;vertical-align:middle;display:table-cell;width:33.3333%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f5f5f5')";background-image:-moz-linear-gradient(top,#fff,#f5f5f5);background-image:-ms-linear-gradient(top,#fff,#f5f5f5);background-image:-o-linear-gradient(top,#fff,#f5f5f5);background-image:-webkit-gradient(linear,center top,center bottom,from(#fff),to(#f5f5f5));background-image:-webkit-linear-gradient(top,#fff,#f5f5f5);background-image:linear-gradient(top,#fff,#f5f5f5);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#EAEAEA;height:42px;border-right-width:1px;border-right-style:solid;border-right-color:#EAEAEA}
#listmain .head-filter .site-tab ul li a{text-decoration:none;display:block}
#listmain .head-filter .site-tab ul li:last-child{border-right-style:none}
#listmain .head-filter .site-tab ul li.on{background-color:#FFF;border-bottom-color:#FFF;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#FFFFFF');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#FFFFFF')";background-image:-moz-linear-gradient(top,#fff,#FFF);background-image:-ms-linear-gradient(top,#fff,#FFF);background-image:-o-linear-gradient(top,#fff,#FFF);background-image:-webkit-gradient(linear,center top,center bottom,from(#FFF),to(#FFF));background-image:-webkit-linear-gradient(top,#FFF,#FFF);background-image:linear-gradient(top,#fff,#FFF)}
#listmain .head-filter .site-tab ul li.on a{color:#728ddc}
#listmain .head-filter #filter{padding-right:10px;padding-left:10px;box-sizing:border-box}
#listmain .head-filter #filter dl{display:table;width:100%}
#listmain .head-filter #filter dl dt{vertical-align:top;white-space:nowrap;display:table-cell;width:1px;padding-right:15px;font-weight:700;padding-top:2px;padding-bottom:2px;line-height:32px;padding-left:15px}
#listmain .head-filter #filter dl dd{vertical-align:top;display:table-cell;padding-top:2px;padding-bottom:2px;line-height:32px}
#listmain .head-filter #filter dl dd a{line-height:32px;white-space:nowrap;display:inline-block;margin-right:15px;height:32px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-decoration:none;font-size:13px}
#listmain .head-filter #filter dl dd a.on{color:#FFF;text-decoration:none;background-color:#728ddc;padding-right:12px;padding-left:12px}
#listmain .head-filter #filter dl dd .rangebox{max-height:32px;overflow:hidden;padding-right:80px;width:100%;position:relative;box-sizing:border-box;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#listmain .head-filter #filter dl dd #gn-surr{ height:auto;max-height:10032px!important;}
#listmain .head-filter #filter dl dd #gn-surr span{ display:none;}
#listmain .head-filter #filter dl dd .rangebox.expanded{max-height:1000px}
#listmain .head-filter #filter dl dd .rangebox span{position:absolute;top:0;right:20px;color:#728ddc;cursor:pointer}
#listmain .head-filter #filter dl dd .rangebox span:before{content:"展开更多"}
#listmain .head-filter #filter dl dd .rangebox.expanded span:before{content:"向上折叠"}
#listmain .head-filter #filter dl dd .rangebox.expanded span:after{content:"\e61a"}
#listmain .head-filter #filter dl dd .rangebox span:after{content:"\e61c";font-family:iconfont;font-size:12px;margin-left:5px}
#listmain .head-filter #filter dl dd .colour{padding-top:5px}
#listmain .head-filter #filter dl dd .colour li{line-height:24px;text-align:center;display:inline-block;height:24px;width:24px;margin-right:8px;overflow:hidden}
#listmain .head-filter #filter dl dd .colour li.all{width:auto;margin-right:0;display:inline-block;font-size:11px;line-height:24px}
#listmain .head-filter #filter dl dd .colour li.all a.on{height:24px;width:24px}
#listmain .head-filter #filter dl dd .colour li a.on{padding-right:0;padding-left:0}
#listmain .head-filter #filter dl dd .colour li.c a{color:#FFF;background-color:#F63;height:24px;width:24px;display:inline-block;line-height:100px;position:relative}
#listmain .head-filter #filter dl dd .colour li.c a.on:after{content:"\e6da";font-family:iconfont;font-size:10px;line-height:24px;color:#FFF;text-decoration:none;text-align:center;display:block;height:24px;width:24px;position:absolute;left:0;top:0;text-indent:0}
#listmain .head-filter #filter dl dd .colour li.all a{padding-right:3px;padding-left:3px;line-height:24px}
#listmain .head-filter #filter dl dd .colour li.c a.colour1{background-color:#198ede}
#listmain .head-filter #filter dl dd .colour li.c a.colour2{background-color:#80d031}
#listmain .head-filter #filter dl dd .colour li.c a.colour3{background-color:#fe0000}
#listmain .head-filter #filter dl dd .colour li.c a.colour4{background-color:#ff6300}
#listmain .head-filter #filter dl dd .colour li.c a.colour5{background-color:#fae242}
#listmain .head-filter #filter dl dd .colour li.c a.colour6{background-color:#000}
#listmain .head-filter #filter dl dd .colour li.c a.colour7{background-color:#909}
#listmain .head-filter #filter dl dd .colour li.c a.colour9{background-color:#974b00}
#listmain .head-filter #filter dl dd .colour li.c a.colour8{background-color:#909}
#listmain .head-filter #filter dl dd .colour li.c a.colour10{background-color:#fff;height:22px;width:22px;border:1px solid #EBEBEB}
#listmain .head-filter #filter dl dd .colour li.c a.colour10.on:after{color:#666666;}
#listmain .main{padding-bottom:50px;overflow:hidden}
#listmain .main ul.domelist{width:110%;padding-top:20px;padding-bottom:10px}
#listmain .main ul.domelist li{float:left;width:21.4%;margin-bottom:20px;margin-right:1.8%}
/*#listmain .main ul.domelist li:nth-child(n+9){ display:none;}*/
#listmain .main ul.domelist li .pic{overflow:hidden;position:relative}
#listmain .main ul.domelist li .pic a.tool{background-color:#666;display:block;height:34px;width:34px;position:absolute;left:-120px;top:12px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font-size:18px;line-height:34px;color:#FFF;text-align:center;overflow:hidden;text-decoration:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#listmain .main ul.domelist li .pic a.function{-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
#listmain .main ul.domelist li .pic a.buy{-o-transition:all .7s;-moz-transition:all .7s;-webkit-transition:all .7s;-ms-transition:all .7s;transition:all .7s}
#listmain .main ul.domelist li .pic a.service{-o-transition:all .9s;-moz-transition:all .9s;-webkit-transition:all .9s;-ms-transition:all .9s;transition:all .9s}
#listmain .main ul.domelist li:hover .pic a.tool{left:12px!important}
#listmain .main ul.domelist li .pic a.tool:hover{background-color:#F60}
#listmain .main ul.domelist li .pic a.tool.function{top:51px;left:-220px}
#listmain .main ul.domelist li .pic a.tool.function:after{content:"\e689"}
#listmain .main ul.domelist li .pic a.tool.buy{top:90px;left:-320px}
#listmain .main ul.domelist li .pic a.tool.buy:after{content:"\e602"}
#listmain .main ul.domelist li .pic a.tool.service{top:129px;left:-420px}
#listmain .main ul.domelist li .pic a.tool.service:after{content:"\e605"}
#listmain .main ul.domelist li .pic a.tool:after{content:"\e638";font-family:iconfont}
#listmain .main ul.domelist li .text{background-color:#f7f7f7;padding:10px;clear:both;float:none;height:60px}
#listmain .main ul.domelist li .text .tag{color:#F60;padding-bottom:8px}
#listmain .main ul.domelist li .text .tag a{color:#F60}
#listmain .main ul.domelist li .text .name{font-size:14px}
#listmain .main ul.domelist li img{height:auto;width:100%;float:left}

#listmain .main ul.phone{width:110%;padding-top:20px;padding-bottom:10px}
#listmain .main ul.phone li{float:left;width:21.2%;margin-bottom:20px;margin-right:1.8%;border:1px solid #E0E0E0}
#listmain .main ul.phone li .pic{position:relative;height:auto;width:100%;overflow:hidden;padding:8px;box-sizing:border-box}
#listmain .main ul.phone li .pic img{height:auto;width:100%;float:left}
#listmain .main ul.phone li .pic .qrcode{background-color:rgba(0,0,0,.4);position:absolute;height:100%;width:100%;top:0;right:-500px;bottom:0;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#listmain .main ul.phone li:hover .pic .qrcode{right:0}
#listmain .main ul.phone li .pic .qrcode span{display:block;height:168px;line-height:100%;width:168px;margin-top:-84px;margin-left:-84px;position:absolute;left:50%;top:50%;right:50%;bottom:50%}
#listmain .main ul.phone li .pic .qrcode span img{clear:both;float:none;height:168px}
#listmain .main ul.phone li .text{text-align:center;height:40px;padding-top:10px}
#listmain .main ul.phone li a{font-size:14px;text-decoration:none}




#tuiguang-box .head-item{background-color:#e9eefc;height:360px;max-width:1200px;min-width:1000px;width:100%;margin-right:auto;margin-left:auto;margin-top:-200px;box-sizing:border-box;padding-top:20px;padding-right:20px;padding-left:20px}
#tuiguang-box .head-item ul li{text-align:center;float:left;width:24.8%;padding-right:20px;padding-left:20px;box-sizing:border-box}
#tuiguang-box .head-item ul li i{display:block;clear:both;float:none;height:100px;width:100px;margin-right:auto;margin-left:auto;margin-top:20px;margin-bottom:10px;font-style:normal;line-height:100px}
#tuiguang-box .head-item ul li i:after{content:"\e611";font-family:iconfont;font-size:80px;color:#728ddc}
#tuiguang-box .head-item ul li:nth-child(2) i:after{content:"\e612";font-size:69px}
#tuiguang-box .head-item ul li:nth-child(3) i:after{content:"\e62f"}
#tuiguang-box .head-item ul li:nth-child(4) i:after{content:"\e885"}
#tuiguang-box .head-item ul li strong{font-size:22px}
#tuiguang-box .head-item ul li p{font-size:13px;padding-top:16px;line-height:24px;height:80px}
#tuiguang-box .head-item ul li a{line-height:32px;color:#728ddc;text-decoration:none;text-align:center;height:32px;width:120px;border:1px solid #728ddc;display:inline-block;margin-right:auto;margin-left:auto;font-size:13px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
#tuiguang-box .head-item ul li a:hover{color:#FFF;background-color:#728ddc}
#tuiguang-box .seo-about{padding-top:80px;padding-bottom:80px;max-width:1200px;min-width:1000px;width:100%;margin-right:auto;margin-left:auto}
#tuiguang-box .seo-about .tit{text-align:center}
#tuiguang-box .seo-about .tit strong{font-size:28px;font-weight:400}
#tuiguang-box .seo-about .tit p{font-size:15px;padding-top:10px;color:#999}
#tuiguang-box .seo-about .box{padding-top:30px;overflow:hidden}
#tuiguang-box .seo-about .box ul{width:120%}
#tuiguang-box .seo-about .box ul li{float:left;width:15.07%;margin-right:2%;font-size:13px;text-align:center}
#tuiguang-box .seo-about .box ul li i{line-height:110px;text-align:center;display:block;height:110px;width:110px;margin-right:auto;margin-left:auto;border:1px solid #CCC;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin-bottom:14px;font-style:normal;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#tuiguang-box .seo-about .box ul li:hover i{border:1px solid #728ddc}
#tuiguang-box .seo-about .box ul li i:after{content:"\e612";font-family:iconfont;font-size:40px;color:#999;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#tuiguang-box .seo-about .box ul li:hover i:after{color:#728ddc}
#tuiguang-box .seo-about .box ul li i.ico-2:after{content:"\e761"}
#tuiguang-box .seo-about .box ul li i.ico-3:after{content:"\e727"}
#tuiguang-box .seo-about .box ul li i.ico-4:after{content:"\e614"}
#tuiguang-box .seo-about .box ul li i.ico-5:after{content:"\e698"}
#tuiguang-box .seo-about .box ul li h4{font-size:20px;font-weight:400;margin:0;padding:0}
#tuiguang-box .seo-about .box ul li p{line-height:22px;padding-top:8px;color:#888}
#tuiguang-box .seo-case{background-color:#F8FAFE;padding-top:60px;padding-bottom:80px}
#tuiguang-box .seo-case .tit{text-align:center}
#tuiguang-box .seo-case .tit strong{font-size:28px;font-weight:400}
#tuiguang-box .seo-case .tit p{font-size:15px;padding-top:10px;color:#999}
#tuiguang-box .seo-case .box{max-width:1200px;min-width:1000px;width:100%;margin-right:auto;margin-left:auto;margin-top:50px;overflow:hidden}
#tuiguang-box .seo-case .box ul{width:120%}
#tuiguang-box .seo-case .box ul li{text-align:center;float:left;width:19.34%;margin-right:2%}
#tuiguang-box .seo-case .box ul li i{display:none}
#tuiguang-box .seo-case .box ul li.on span{background-color:#FFF;display:block;height:600px;width:1000px;margin-top:-300px;margin-left:-500px;overflow:auto;position:fixed;left:50%;top:50%;right:50%;bottom:50%;-moz-box-shadow:0 0 20px rgba(0,0,0,.1);-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);text-align:center;padding:10px;box-sizing:border-box}
#tuiguang-box .seo-case .box ul li .bg{display:none}
#tuiguang-box .seo-case .box ul li.on .bg{position:fixed;z-index:100000;height:100%;width:100%;left:0;top:0;right:0;bottom:0;display:block;background-color:rgba(0,0,0,.4)}
#tuiguang-box .seo-case .box ul li.on span{z-index:1000000}
#tuiguang-box .seo-case .box ul li.on span img{height:auto;width:auto;cursor:auto}
#tuiguang-box .seo-case .box ul li.on span img{max-width:980px}
#tuiguang-box .seo-case .box ul li.on:hover span img{transform:scale(1)}
#tuiguang-box .seo-case .box ul li.on i{display:none;height:30px;width:30px;position:absolute;top:5px;right:5px;font-style:normal}
#tuiguang-box .seo-case .box ul li.on i:after{content:"\e609";font-family:iconfont;font-size:14px;color:#333}
#tuiguang-box .seo-case .box ul li .pic{overflow:hidden;width:100%;background-color:#FFF;padding:6px;border:1px solid #EAEAEA;box-sizing:border-box}
#tuiguang-box .seo-case .box ul li img{height:auto;width:100%;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;cursor:pointer}
#tuiguang-box .seo-case .box ul li:hover img{transform:scale(1.4)}
#tuiguang-box .seo-case .box ul li p{padding-top:10px}
#tuiguang-box .waimao-seo{background-color:#fff;padding-top:60px;padding-bottom:80px;border-top-width:1px;border-top-style:solid;border-top-color:#ECECEC}
#tuiguang-box .waimao-seo .tit{text-align:center}
#tuiguang-box .waimao-seo .tit strong{font-size:28px;font-weight:400}
#tuiguang-box .waimao-seo .tit p{font-size:15px;padding-top:10px;color:#999}
#tuiguang-box .waimao-seo .box{max-width:1200px;min-width:1000px;width:100%;margin-right:auto;margin-left:auto;margin-top:50px;overflow:hidden;padding:8px}
#tuiguang-box .waimao-seo .box ul{width:120%}
#tuiguang-box .waimao-seo .box ul li{width:25.6%;margin-right:3%;border:1px solid #EFEFEF;float:left;padding:30px;height:380px;box-sizing:border-box;text-align:center;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;margin-top:10px}
#tuiguang-box .waimao-seo .box ul li i{line-height:40px;text-align:center;display:block;height:100px;width:100px;margin-top:40px;margin-bottom:20px;margin-right:auto;margin-left:auto;background-image:url(../images/wm-seo-01.png);background-repeat:no-repeat;background-position:center center}
#tuiguang-box .waimao-seo .box ul li:nth-child(2) i{background-image:url(../images/wm-seo-02.png)}
#tuiguang-box .waimao-seo .box ul li:nth-child(3) i{background-image:url(../images/wm-seo-03.png)}
#tuiguang-box .waimao-seo .box ul li strong{font-size:20px;font-weight:400;margin:0;padding:0}
#tuiguang-box .waimao-seo .box ul li p{font-size:13px;line-height:24px;color:#888;padding-top:20px}
#tuiguang-box .waimao-seo .box ul li:hover{margin-top:-1px;-moz-box-shadow:0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:0 0 6px rgba(0,0,0,.1);box-shadow:0 0 6px rgba(0,0,0,.1);border:1px solid #fff}
#tuiguang-box .weixin-tool{background-color:#F8FAFE;padding-top:60px;padding-bottom:80px;border-top-width:1px;border-top-style:solid;border-top-color:#ECECEC}
#tuiguang-box .weixin-tool .tit{text-align:center}
#tuiguang-box .weixin-tool .tit strong{font-size:28px;font-weight:400}
#tuiguang-box .weixin-tool .tit p{font-size:15px;padding-top:10px;color:#999}
#tuiguang-box .weixin-tool .box{max-width:1200px;min-width:1000px;width:100%;margin-right:auto;margin-left:auto;margin-top:50px;overflow:hidden;padding:8px}
#tuiguang-box .weixin-tool .box ul{width:120%}
#tuiguang-box .weixin-tool .box ul li{width:19.2%;margin-right:2%;border:1px solid #EFEFEF;float:left;padding:30px;height:auto;box-sizing:border-box;text-align:center;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;box-sizing:border-box;margin-top:10px;background-color:#FFF}
#tuiguang-box .weixin-tool .box ul li p{font-size:13px;padding-top:10px}
#tuiguang-box .weixin-tool .box ul li img{height:auto;width:100%}
#tuiguang-box .lxkf-btn{text-align:center;clear:both;float:none;margin-top:40px}
#tuiguang-box .lxkf-btn a{font-size:14px;line-height:42px;display:inline-block;height:42px;padding-right:30px;padding-left:30px;border:1px solid #728ddc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#728ddc;text-decoration:none}
#tuiguang-box .lxkf-btn a:hover{color:#FFF;background-color:#728ddc}


}
@media screen and (min-width: 992px) and (max-width: 1181px) {
/*小屏浏览器*/
.mainbanner{background-image:url(../images/17website-28.jpg);background-repeat:no-repeat;background-position:center bottom;clear:both;float:none;height:466px;width:100%;min-width:992px;margin-right:auto;margin-left:auto;overflow:hidden}
.mainbanner .box{max-width:1180px;min-width:992px;height:278px;margin-right:auto;margin-left:auto;position:relative;z-index:1}
.mainbanner .box .t1{font-size:52px;display:block;position:absolute;width:100%;left:0;top:70px;right:0;color:#FFF;text-align:center;font-weight:700}
.mainbanner .box .t1{animation:bt1 1.4s;-moz-animation:bt1 1.4s;-webkit-animation:bt1 1.4s;-o-animation:bt1 1.4s}
@keyframes bt1{0%{opacity:0;top:300px}
100%{opacity:1;top:70px}
}
.mainbanner .box .t2{animation:bt2 1.6s;-moz-animation:bt2 1.6s;-webkit-animation:bt2 1.6s;-o-animation:bt2 1.6s}
@keyframes bt2{0%{opacity:0;top:300px}
30%{opacity:0;top:300px}
100%{opacity:1;top:140px}
}
.mainbanner .box .t3{animation:bt3 2s;-moz-animation:bt3 2s;-webkit-animation:bt3 2s;-o-animation:bt3 2s}
@keyframes bt3{0%{opacity:0;top:300px}
60%{opacity:0;top:100px}
100%{opacity:1;top:180px}
}
.mainbanner .box .t2{font-size:22px;display:block;position:absolute;width:100%;left:0;top:140px;right:0;color:#FFF;text-align:center}
.mainbanner .box .t3{font-size:15px;display:block;position:absolute;width:100%;left:0;top:180px;right:0;color:#FFF;text-align:center}
.mainbanner .box .t3 a{color:#FFF;display:inline-block;height:40px;width:160px;border:1px solid #FFF;text-decoration:none;line-height:40px;font-weight:400}
#listmain{max-width:1180px;min-width:992px;width:100%;clear:both;float:none;margin-top:32px;margin-right:auto;margin-left:auto;margin-bottom:32px;z-index:10;padding-right:10px;padding-left:10px;box-sizing:border-box}
#listmain .head-filter{background-color:#FFF;margin-top:-220px;min-height:200px;border:1px solid #EBEBEB;z-index:10;-moz-box-shadow:0 1px 2px rgba(0,0,0,.03);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.03);box-shadow:0 1px 2px rgba(0,0,0,.03);filter:progid:DXImageTransform.Microsoft.Shadow(strength=1, direction=180, color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 180, Color = '#000000')"}
#listmain .head-filter .site-tab{max-height:42px}
#listmain .head-filter .site-tab ul{display:table;width:100%}
#listmain .head-filter .site-tab ul li{font-size:17px;line-height:42px;text-align:center;vertical-align:middle;display:table-cell;width:33.3333%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f5f5f5')";background-image:-moz-linear-gradient(top,#fff,#f5f5f5);background-image:-ms-linear-gradient(top,#fff,#f5f5f5);background-image:-o-linear-gradient(top,#fff,#f5f5f5);background-image:-webkit-gradient(linear,center top,center bottom,from(#fff),to(#f5f5f5));background-image:-webkit-linear-gradient(top,#fff,#f5f5f5);background-image:linear-gradient(top,#fff,#f5f5f5);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#EAEAEA;height:42px;border-right-width:1px;border-right-style:solid;border-right-color:#EAEAEA}
#listmain .head-filter .site-tab ul li a{text-decoration:none;display:block}
#listmain .head-filter .site-tab ul li:last-child{border-right-style:none}
#listmain .head-filter .site-tab ul li.on{background-color:#FFF;border-bottom-color:#FFF;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#FFFFFF');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#FFFFFF')";background-image:-moz-linear-gradient(top,#fff,#FFF);background-image:-ms-linear-gradient(top,#fff,#FFF);background-image:-o-linear-gradient(top,#fff,#FFF);background-image:-webkit-gradient(linear,center top,center bottom,from(#FFF),to(#FFF));background-image:-webkit-linear-gradient(top,#FFF,#FFF);background-image:linear-gradient(top,#fff,#FFF)}
#listmain .head-filter .site-tab ul li.on a{color:#728ddc}
#listmain .head-filter #filter{padding-right:10px;padding-left:10px;box-sizing:border-box}
#listmain .head-filter #filter dl{display:table;width:100%}
#listmain .head-filter #filter dl dt{vertical-align:top;white-space:nowrap;display:table-cell;width:1px;padding-right:15px;font-weight:700;padding-top:2px;padding-bottom:2px;line-height:32px;padding-left:15px}
#listmain .head-filter #filter dl dd{vertical-align:top;display:table-cell;padding-top:2px;padding-bottom:2px;line-height:32px}
#listmain .head-filter #filter dl dd a{line-height:32px;white-space:nowrap;display:inline-block;margin-right:15px;height:32px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-decoration:none;font-size:13px}
#listmain .head-filter #filter dl dd a.on{color:#FFF;text-decoration:none;background-color:#728ddc;padding-right:12px;padding-left:12px}
#listmain .head-filter #filter dl dd #gn-surr{ height:auto;max-height:10032px!important;}
#listmain .head-filter #filter dl dd #gn-surr span{ display:none;}
#listmain .head-filter #filter dl dd .rangebox{max-height:32px;overflow:hidden;padding-right:80px;width:100%;position:relative;box-sizing:border-box;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#listmain .head-filter #filter dl dd .rangebox.expanded{max-height:1000px}
#listmain .head-filter #filter dl dd .rangebox span{position:absolute;top:0;right:20px;color:#728ddc;cursor:pointer}
#listmain .head-filter #filter dl dd .rangebox span:before{content:"展开更多"}
#listmain .head-filter #filter dl dd .rangebox.expanded span:before{content:"向上折叠"}
#listmain .head-filter #filter dl dd .rangebox.expanded span:after{content:"\e61a"}
#listmain .head-filter #filter dl dd .rangebox span:after{content:"\e61c";font-family:iconfont;font-size:12px;margin-left:5px}
#listmain .head-filter #filter dl dd .colour{padding-top:5px}
#listmain .head-filter #filter dl dd .colour li{line-height:24px;text-align:center;display:inline-block;height:24px;width:24px;margin-right:8px;overflow:hidden}
#listmain .head-filter #filter dl dd .colour li.all{width:auto;margin-right:0;display:inline-block;font-size:11px;line-height:24px}
#listmain .head-filter #filter dl dd .colour li.all a.on{height:24px;width:24px}
#listmain .head-filter #filter dl dd .colour li a.on{padding-right:0;padding-left:0}
#listmain .head-filter #filter dl dd .colour li.c a{color:#FFF;background-color:#F63;height:24px;width:24px;display:inline-block;line-height:100px;position:relative}
#listmain .head-filter #filter dl dd .colour li.c a.on:after{content:"\e6da";font-family:iconfont;font-size:10px;line-height:24px;color:#FFF;text-decoration:none;text-align:center;display:block;height:24px;width:24px;position:absolute;left:0;top:0;text-indent:0}
#listmain .head-filter #filter dl dd .colour li.all a{padding-right:3px;padding-left:3px;line-height:24px}
#listmain .head-filter #filter dl dd .colour li.c a.colour1{background-color:#198ede}
#listmain .head-filter #filter dl dd .colour li.c a.colour2{background-color:#80d031}
#listmain .head-filter #filter dl dd .colour li.c a.colour3{background-color:#fe0000}
#listmain .head-filter #filter dl dd .colour li.c a.colour4{background-color:#ff6300}
#listmain .head-filter #filter dl dd .colour li.c a.colour5{background-color:#fae242}
#listmain .head-filter #filter dl dd .colour li.c a.colour6{background-color:#000}
#listmain .head-filter #filter dl dd .colour li.c a.colour7{background-color:#909}
#listmain .head-filter #filter dl dd .colour li.c a.colour8{background-color:#909}
#listmain .head-filter #filter dl dd .colour li.c a.colour9{background-color:#974b00}
#listmain .head-filter #filter dl dd .colour li.c a.colour10{background-color:#fff;height:22px;width:22px;border:1px solid #EBEBEB}
#listmain .head-filter #filter dl dd .colour li.c a.colour10.on:after{color:#666666;}


#listmain .main{padding-bottom:50px;overflow:hidden}
#listmain .main ul.domelist{width:110%;padding-top:20px;padding-bottom:10px}
#listmain .main ul.domelist li{float:left;width:21.4%;margin-bottom:20px;margin-right:1.8%}
/*#listmain .main ul.domelist li:nth-child(n+9){ display:none;}*/
#listmain .main ul.domelist li .pic{overflow:hidden;position:relative}
#listmain .main ul.domelist li .pic a.tool{background-color:#666;display:block;height:34px;width:34px;position:absolute;left:-120px;top:12px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font-size:18px;line-height:34px;color:#FFF;text-align:center;overflow:hidden;text-decoration:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#listmain .main ul.domelist li .pic a.function{-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
#listmain .main ul.domelist li .pic a.buy{-o-transition:all .7s;-moz-transition:all .7s;-webkit-transition:all .7s;-ms-transition:all .7s;transition:all .7s}
#listmain .main ul.domelist li .pic a.service{-o-transition:all .9s;-moz-transition:all .9s;-webkit-transition:all .9s;-ms-transition:all .9s;transition:all .9s}
#listmain .main ul.domelist li:hover .pic a.tool{left:12px!important}
#listmain .main ul.domelist li .pic a.tool:hover{background-color:#F60}
#listmain .main ul.domelist li .pic a.tool.function{top:51px;left:-220px}
#listmain .main ul.domelist li .pic a.tool.function:after{content:"\e689"}
#listmain .main ul.domelist li .pic a.tool.buy{top:90px;left:-320px}
#listmain .main ul.domelist li .pic a.tool.buy:after{content:"\e602"}
#listmain .main ul.domelist li .pic a.tool.service{top:129px;left:-420px}
#listmain .main ul.domelist li .pic a.tool.service:after{content:"\e605"}
#listmain .main ul.domelist li .pic a.tool:after{content:"\e638";font-family:iconfont}
#listmain .main ul.domelist li .text{background-color:#f7f7f7;padding:10px;clear:both;float:none;height:60px}
#listmain .main ul.domelist li .text .tag{color:#F60;padding-bottom:8px}
#listmain .main ul.domelist li .text .tag a{color:#F60}
#listmain .main ul.domelist li .text .name{font-size:14px}
#listmain .main ul.domelist li img{height:auto;width:100%;float:left}

#listmain .main ul.phone{width:110%;padding-top:20px;padding-bottom:10px}
#listmain .main ul.phone li{float:left;width:21.2%;margin-bottom:20px;margin-right:1.8%;border:1px solid #E0E0E0}
#listmain .main ul.phone li .pic{position:relative;height:auto;width:100%;overflow:hidden;padding:8px;box-sizing:border-box}
#listmain .main ul.phone li .pic img{height:auto;width:100%;float:left}
#listmain .main ul.phone li .pic .qrcode{background-color:rgba(0,0,0,.4);position:absolute;height:100%;width:100%;top:0;right:-500px;bottom:0;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#listmain .main ul.phone li:hover .pic .qrcode{right:0}
#listmain .main ul.phone li .pic .qrcode span{display:block;height:168px;line-height:100%;width:168px;margin-top:-84px;margin-left:-84px;position:absolute;left:50%;top:50%;right:50%;bottom:50%}
#listmain .main ul.phone li .pic .qrcode span img{clear:both;float:none;height:168px}
#listmain .main ul.phone li .text{text-align:center;height:40px;padding-top:10px}
#listmain .main ul.phone li a{font-size:14px;text-decoration:none}




#tuiguang-box .head-item{background-color:#e9eefc;height:360px;max-width:1180px;min-width:992px;width:100%;margin-right:auto;margin-left:auto;margin-top:-200px;box-sizing:border-box;padding-top:20px;padding-right:20px;padding-left:20px}
#tuiguang-box .head-item ul li{text-align:center;float:left;width:24.8%;padding-right:20px;padding-left:20px;box-sizing:border-box}
#tuiguang-box .head-item ul li i{display:block;clear:both;float:none;height:100px;width:100px;margin-right:auto;margin-left:auto;margin-top:20px;margin-bottom:10px;font-style:normal;line-height:100px}
#tuiguang-box .head-item ul li i:after{content:"\e611";font-family:iconfont;font-size:80px;color:#728ddc}
#tuiguang-box .head-item ul li:nth-child(2) i:after{content:"\e612";font-size:69px}
#tuiguang-box .head-item ul li:nth-child(3) i:after{content:"\e62f"}
#tuiguang-box .head-item ul li:nth-child(4) i:after{content:"\e885"}
#tuiguang-box .head-item ul li strong{font-size:22px}
#tuiguang-box .head-item ul li p{font-size:13px;padding-top:16px;line-height:24px;height:80px}
#tuiguang-box .head-item ul li a{line-height:32px;color:#728ddc;text-decoration:none;text-align:center;height:32px;width:120px;border:1px solid #728ddc;display:inline-block;margin-right:auto;margin-left:auto;font-size:13px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
#tuiguang-box .head-item ul li a:hover{color:#FFF;background-color:#728ddc}
#tuiguang-box .seo-about{padding-top:80px;padding-bottom:80px;max-width:1200px;min-width:1000px;width:100%;margin-right:auto;margin-left:auto}
#tuiguang-box .seo-about .tit{text-align:center}
#tuiguang-box .seo-about .tit strong{font-size:28px;font-weight:400}
#tuiguang-box .seo-about .tit p{font-size:15px;padding-top:10px;color:#999}
#tuiguang-box .seo-about .box{padding-top:30px;overflow:hidden}
#tuiguang-box .seo-about .box ul{width:120%}
#tuiguang-box .seo-about .box ul li{float:left;width:15.07%;margin-right:2%;font-size:13px;text-align:center}
#tuiguang-box .seo-about .box ul li i{line-height:110px;text-align:center;display:block;height:110px;width:110px;margin-right:auto;margin-left:auto;border:1px solid #CCC;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin-bottom:14px;font-style:normal;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#tuiguang-box .seo-about .box ul li:hover i{border:1px solid #728ddc}
#tuiguang-box .seo-about .box ul li i:after{content:"\e612";font-family:iconfont;font-size:40px;color:#999;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#tuiguang-box .seo-about .box ul li:hover i:after{color:#728ddc}
#tuiguang-box .seo-about .box ul li i.ico-2:after{content:"\e761"}
#tuiguang-box .seo-about .box ul li i.ico-3:after{content:"\e727"}
#tuiguang-box .seo-about .box ul li i.ico-4:after{content:"\e614"}
#tuiguang-box .seo-about .box ul li i.ico-5:after{content:"\e698"}
#tuiguang-box .seo-about .box ul li h4{font-size:20px;font-weight:400;margin:0;padding:0}
#tuiguang-box .seo-about .box ul li p{line-height:22px;padding-top:8px;color:#888}
#tuiguang-box .seo-case{background-color:#F8FAFE;padding-top:60px;padding-bottom:80px}
#tuiguang-box .seo-case .tit{text-align:center}
#tuiguang-box .seo-case .tit strong{font-size:28px;font-weight:400}
#tuiguang-box .seo-case .tit p{font-size:15px;padding-top:10px;color:#999}
#tuiguang-box .seo-case .box{max-width:1180px;min-width:992px;width:100%;margin-right:auto;margin-left:auto;margin-top:50px;overflow:hidden}
#tuiguang-box .seo-case .box ul{width:120%}
#tuiguang-box .seo-case .box ul li{text-align:center;float:left;width:19.34%;margin-right:2%}
#tuiguang-box .seo-case .box ul li i{display:none}
#tuiguang-box .seo-case .box ul li.on span{background-color:#FFF;display:block;height:600px;width:1000px;margin-top:-300px;margin-left:-500px;overflow:auto;position:fixed;left:50%;top:50%;right:50%;bottom:50%;-moz-box-shadow:0 0 20px rgba(0,0,0,.1);-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);text-align:center;padding:10px;box-sizing:border-box}
#tuiguang-box .seo-case .box ul li .bg{display:none}
#tuiguang-box .seo-case .box ul li.on .bg{position:fixed;z-index:100000;height:100%;width:100%;left:0;top:0;right:0;bottom:0;display:block;background-color:rgba(0,0,0,.4)}
#tuiguang-box .seo-case .box ul li.on span{z-index:1000000}
#tuiguang-box .seo-case .box ul li.on span img{height:auto;width:auto;cursor:auto}
#tuiguang-box .seo-case .box ul li.on span img{max-width:980px}
#tuiguang-box .seo-case .box ul li.on:hover span img{transform:scale(1)}
#tuiguang-box .seo-case .box ul li.on i{display:none;height:30px;width:30px;position:absolute;top:5px;right:5px;font-style:normal}
#tuiguang-box .seo-case .box ul li.on i:after{content:"\e609";font-family:iconfont;font-size:14px;color:#333}
#tuiguang-box .seo-case .box ul li .pic{overflow:hidden;width:100%;background-color:#FFF;padding:6px;border:1px solid #EAEAEA;box-sizing:border-box}
#tuiguang-box .seo-case .box ul li img{height:auto;width:100%;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;cursor:pointer}
#tuiguang-box .seo-case .box ul li:hover img{transform:scale(1.4)}
#tuiguang-box .seo-case .box ul li p{padding-top:10px}
#tuiguang-box .waimao-seo{background-color:#fff;padding-top:60px;padding-bottom:80px;border-top-width:1px;border-top-style:solid;border-top-color:#ECECEC}
#tuiguang-box .waimao-seo .tit{text-align:center}
#tuiguang-box .waimao-seo .tit strong{font-size:28px;font-weight:400}
#tuiguang-box .waimao-seo .tit p{font-size:15px;padding-top:10px;color:#999}
#tuiguang-box .waimao-seo .box{max-width:1180px;min-width:992px;width:100%;margin-right:auto;margin-left:auto;margin-top:50px;overflow:hidden;padding:8px}
#tuiguang-box .waimao-seo .box ul{width:120%}
#tuiguang-box .waimao-seo .box ul li{width:25.6%;margin-right:3%;border:1px solid #EFEFEF;float:left;padding:30px;height:380px;box-sizing:border-box;text-align:center;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;margin-top:10px}
#tuiguang-box .waimao-seo .box ul li i{line-height:40px;text-align:center;display:block;height:100px;width:100px;margin-top:40px;margin-bottom:20px;margin-right:auto;margin-left:auto;background-image:url(../images/wm-seo-01.png);background-repeat:no-repeat;background-position:center center}
#tuiguang-box .waimao-seo .box ul li:nth-child(2) i{background-image:url(../images/wm-seo-02.png)}
#tuiguang-box .waimao-seo .box ul li:nth-child(3) i{background-image:url(../images/wm-seo-03.png)}
#tuiguang-box .waimao-seo .box ul li strong{font-size:20px;font-weight:400;margin:0;padding:0}
#tuiguang-box .waimao-seo .box ul li p{font-size:13px;line-height:24px;color:#888;padding-top:20px}
#tuiguang-box .waimao-seo .box ul li:hover{margin-top:-1px;-moz-box-shadow:0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:0 0 6px rgba(0,0,0,.1);box-shadow:0 0 6px rgba(0,0,0,.1);border:1px solid #fff}
#tuiguang-box .weixin-tool{background-color:#F8FAFE;padding-top:60px;padding-bottom:80px;border-top-width:1px;border-top-style:solid;border-top-color:#ECECEC}
#tuiguang-box .weixin-tool .tit{text-align:center}
#tuiguang-box .weixin-tool .tit strong{font-size:28px;font-weight:400}
#tuiguang-box .weixin-tool .tit p{font-size:15px;padding-top:10px;color:#999}
#tuiguang-box .weixin-tool .box{max-width:1180px;min-width:992px;width:100%;margin-right:auto;margin-left:auto;margin-top:50px;overflow:hidden;padding:8px}
#tuiguang-box .weixin-tool .box ul{width:120%}
#tuiguang-box .weixin-tool .box ul li{width:19.2%;margin-right:2%;border:1px solid #EFEFEF;float:left;padding:30px;height:auto;box-sizing:border-box;text-align:center;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;box-sizing:border-box;margin-top:10px;background-color:#FFF}
#tuiguang-box .weixin-tool .box ul li p{font-size:13px;padding-top:10px}
#tuiguang-box .weixin-tool .box ul li img{height:auto;width:100%}
#tuiguang-box .lxkf-btn{text-align:center;clear:both;float:none;margin-top:40px}
#tuiguang-box .lxkf-btn a{font-size:14px;line-height:42px;display:inline-block;height:42px;padding-right:30px;padding-left:30px;border:1px solid #728ddc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#728ddc;text-decoration:none}
#tuiguang-box .lxkf-btn a:hover{color:#FFF;background-color:#728ddc}

}
@media screen and (min-width: 768px) and (max-width: 991px) {
/*IPAD、移动端大屏、平板*/
.mainbanner{background-image:url(../images/17website-28.jpg); background-size:auto 100%;background-repeat:no-repeat;background-position:center bottom;clear:both;float:none;height:4.5rem;width:100%;margin-right:auto;margin-left:auto;overflow:hidden}
.mainbanner .box{width:100%;height:1.72rem;margin-right:auto;margin-left:auto;position:relative;z-index:1}
.mainbanner .box .t1{font-size:.52rem;display:block;position:absolute;width:100%;left:0;top:.78rem;right:0;color:#FFF;text-align:center;font-weight:700}
.mainbanner .box .t1{animation:bt1 1.4s;-moz-animation:bt1 1.4s;-webkit-animation:bt1 1.4s;-o-animation:bt1 1.4s}

@keyframes bt1{0%{opacity:0;top:3rem}
100%{opacity:1;top:.78rem}
}
.mainbanner .box .t2{animation:bt2 1.6s;-moz-animation:bt2 1.6s;-webkit-animation:bt2 1.6s;-o-animation:bt2 1.6s}
@keyframes bt2{0%{opacity:0;top:3.rem}
30%{opacity:0;top:3rem}
100%{opacity:1;top:1.58rem}
}
.mainbanner .box .t3{animation:bt3 2s;-moz-animation:bt3 2s;-webkit-animation:bt3 2s;-o-animation:bt3 2s}
@keyframes bt3{0%{opacity:0;top:3rem}
60%{opacity:0;top:1rem}
100%{opacity:1;top:1.8rem}
}
.mainbanner .box .t2{font-size:.14rem;display:block;position:absolute;width:100%;left:0;top:1.58rem;right:0;color:#FFF;text-align:center}
.mainbanner .box .t3{display:block;position:absolute;width:100%;left:0;top:1.8rem;right:0;color:#FFF;text-align:center}
.mainbanner .box .t3 a{color:#FFF;display:inline-block;height:.4rem;width:1.6rem;border:1px solid #FFF;text-decoration:none;line-height:.4rem;font-weight:400}
#listmain{width:100%;clear:both;float:none;margin-top:.32rem;margin-right:auto;margin-left:auto;margin-bottom:.32rem;z-index:10;padding-right:.22rem;padding-left:.22rem;box-sizing:border-box}
#listmain .head-filter{background-color:#FFF;margin-top:-2rem;min-height:2rem;border:1px solid #EBEBEB;z-index:10;-moz-box-shadow:0 1px 2px rgba(0,0,0,.03);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.03);box-shadow:0 1px 2px rgba(0,0,0,.03);filter:progid:DXImageTransform.Microsoft.Shadow(strength=1, direction=180, color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 180, Color = '#000000')"}


#listmain .head-filter .site-tab{max-height:.42rem}
#listmain .head-filter .site-tab ul{display:table;width:100%}
#listmain .head-filter .site-tab ul li{line-height:.42rem;text-align:center;vertical-align:middle;display:table-cell;width:33.3333%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f5f5f5')";background-image:-moz-linear-gradient(top,#fff,#f5f5f5);background-image:-ms-linear-gradient(top,#fff,#f5f5f5);background-image:-o-linear-gradient(top,#fff,#f5f5f5);background-image:-webkit-gradient(linear,center top,center bottom,from(#fff),to(#f5f5f5));background-image:-webkit-linear-gradient(top,#fff,#f5f5f5);background-image:linear-gradient(top,#fff,#f5f5f5);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#EAEAEA;height:42px;border-right-width:1px;border-right-style:solid;border-right-color:#EAEAEA}
#listmain .head-filter .site-tab ul li a{text-decoration:none;display:block}
#listmain .head-filter .site-tab ul li:last-child{border-right-style:none}
#listmain .head-filter .site-tab ul li.on{background-color:#FFF;border-bottom-color:#FFF;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#FFFFFF');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#FFFFFF')";background-image:-moz-linear-gradient(top,#fff,#FFF);background-image:-ms-linear-gradient(top,#fff,#FFF);background-image:-o-linear-gradient(top,#fff,#FFF);background-image:-webkit-gradient(linear,center top,center bottom,from(#FFF),to(#FFF));background-image:-webkit-linear-gradient(top,#FFF,#FFF);background-image:linear-gradient(top,#fff,#FFF)}
#listmain .head-filter .site-tab ul li.on a{color:#728ddc}
#listmain .head-filter #filter{padding-right:.1rem;padding-left:.1rem;box-sizing:border-box}
#listmain .head-filter #filter dl{display:table;width:100%}
#listmain .head-filter #filter dl dt{vertical-align:top;white-space:nowrap;display:table-cell;width:1px;padding-right:.25rem;font-weight:700;padding-top:.02rem;padding-bottom:.02rem;line-height:.32rem;padding-left:.15rem}
#listmain .head-filter #filter dl dd{vertical-align:top;display:table-cell;padding-top:.02rem;padding-bottom:.02rem;line-height:.32rem}
#listmain .head-filter #filter dl dd a{line-height:.32rem;white-space:nowrap;display:inline-block;margin-right:.15rem;height:.32rem;-moz-border-radius:.02rem;-webkit-border-radius:.02rem;border-radius:.02rem;text-decoration:none;}
#listmain .head-filter #filter dl dd a.on{color:#FFF;text-decoration:none;background-color:#728ddc;padding-right:12px;padding-left:12px}
#listmain .head-filter #filter dl dd #gn-surr{ height:auto;max-height:10032px!important;}
#listmain .head-filter #filter dl dd #gn-surr span{ display:none;}
#listmain .head-filter #filter dl dd .rangebox{max-height:.32rem;overflow:hidden;padding-right:.8rem;width:100%;position:relative;box-sizing:border-box;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#listmain .head-filter #filter dl dd .rangebox.expanded{max-height:1000px}
#listmain .head-filter #filter dl dd .rangebox span{position:absolute;top:0;right:.2rem;color:#728ddc;cursor:pointer}
#listmain .head-filter #filter dl dd .rangebox span:before{content:"展开更多"}
#listmain .head-filter #filter dl dd .rangebox.expanded span:before{content:"向上折叠"}
#listmain .head-filter #filter dl dd .rangebox.expanded span:after{content:"\e61a"}
#listmain .head-filter #filter dl dd .rangebox span:after{content:"\e61c";font-family:iconfont;margin-left:.05rem}
#listmain .head-filter #filter dl dd .colour{padding-top:5px}
#listmain .head-filter #filter dl dd .colour li{line-height:24px;text-align:center;display:inline-block;height:24px;width:24px;margin-right:8px;overflow:hidden}
#listmain .head-filter #filter dl dd .colour li.all{width:auto;margin-right:0;display:inline-block;font-size:11px;line-height:24px}
#listmain .head-filter #filter dl dd .colour li.all a.on{height:24px;width:24px}
#listmain .head-filter #filter dl dd .colour li a.on{padding-right:0;padding-left:0}
#listmain .head-filter #filter dl dd .colour li.c a{color:#FFF;background-color:#F63;height:24px;width:24px;display:inline-block;line-height:100px;position:relative}
#listmain .head-filter #filter dl dd .colour li.c a.on:after{content:"\e6da";font-family:iconfont;font-size:10px;line-height:24px;color:#FFF;text-decoration:none;text-align:center;display:block;height:24px;width:24px;position:absolute;left:0;top:0;text-indent:0}
#listmain .head-filter #filter dl dd .colour li.all a{padding-right:3px;padding-left:3px;line-height:24px}
#listmain .head-filter #filter dl dd .colour li.c a.colour1{background-color:#198ede}
#listmain .head-filter #filter dl dd .colour li.c a.colour2{background-color:#80d031}
#listmain .head-filter #filter dl dd .colour li.c a.colour3{background-color:#fe0000}
#listmain .head-filter #filter dl dd .colour li.c a.colour4{background-color:#ff6300}
#listmain .head-filter #filter dl dd .colour li.c a.colour5{background-color:#fae242}
#listmain .head-filter #filter dl dd .colour li.c a.colour6{background-color:#000}
#listmain .head-filter #filter dl dd .colour li.c a.colour7{background-color:#909}
#listmain .head-filter #filter dl dd .colour li.c a.colour8{background-color:#909}
#listmain .head-filter #filter dl dd .colour li.c a.colour9{background-color:#974b00}
#listmain .head-filter #filter dl dd .colour li.c a.colour10{background-color:#fff;height:22px;width:22px;border:1px solid #EBEBEB}
#listmain .head-filter #filter dl dd .colour li.c a.colour10.on:after{color:#666666;}
#listmain .main{padding-bottom:50px;overflow:hidden}
#listmain .main ul.domelist{width:110%;padding-top:20px;padding-bottom:10px}
#listmain .main ul.domelist{width:110%;padding-top:.2rem;padding-bottom:.1rem}
#listmain .main ul.domelist li{float:left;width:44.4%;margin-bottom:.2rem;margin-right:2.1%}
#listmain .main ul.domelist li .pic{overflow:hidden;position:relative}
#listmain .main ul.domelist li .pic a.tool{background-color:#666;display:block;height:.34rem;width:.34rem;position:absolute;left:-1.2rem;top:.12rem;-moz-border-radius:.06rem;-webkit-border-radius:.06rem;border-radius:.06rem;font-size:.18rem;line-height:.34rem;color:#FFF;text-align:center;overflow:hidden;text-decoration:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#listmain .main ul.domelist li .pic a.function{-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
#listmain .main ul.domelist li .pic a.buy{-o-transition:all .7s;-moz-transition:all .7s;-webkit-transition:all .7s;-ms-transition:all .7s;transition:all .7s}
#listmain .main ul.domelist li .pic a.service{-o-transition:all .9s;-moz-transition:all .9s;-webkit-transition:all .9s;-ms-transition:all .9s;transition:all .9s}
#listmain .main ul.domelist li:hover .pic a.tool{left:.12rem!important}
#listmain .main ul.domelist li .pic a.tool:hover{background-color:#F60}
#listmain .main ul.domelist li .pic a.tool.function{top:.51rem;left:-1.2rem}
#listmain .main ul.domelist li .pic a.tool.function:after{content:"\e689"}
#listmain .main ul.domelist li .pic a.tool.buy{top:.9rem;left:-.32rem}
#listmain .main ul.domelist li .pic a.tool.buy:after{content:"\e602"}
#listmain .main ul.domelist li .pic a.tool.service{top:1.29rem;left:-4.2rem}
#listmain .main ul.domelist li .pic a.tool.service:after{content:"\e605"}
#listmain .main ul.domelist li .pic a.tool:after{content:"\e638";font-family:iconfont}
#listmain .main ul.domelist li .text{background-color:#f7f7f7;padding:.1rem;clear:both;float:none;height:.8rem;}
#listmain .main ul.domelist li .text .tag{color:#F60;padding-bottom:.08rem}
#listmain .main ul.domelist li .text .tag a{color:#F60}
#listmain .main ul.domelist li .text .name{}
#listmain .main ul.domelist li img{height:auto;width:100%;float:left}


#listmain .main ul.phone{width:110%;padding-top:.2rem;padding-bottom:.1rem;}
#listmain .main ul.phone li{float:left;width:44.4%;margin-bottom:20px;margin-right:2.1%;border:1px solid #E0E0E0}
#listmain .main ul.phone li .pic{position:relative;height:auto;width:100%;overflow:hidden;padding:.08rem;box-sizing:border-box}
#listmain .main ul.phone li .pic img{height:auto;width:100%;float:left}
#listmain .main ul.phone li .pic .qrcode{background-color:rgba(0,0,0,.4);position:absolute;height:100%;width:100%;top:0;right:-5rem;bottom:0;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#listmain .main ul.phone li:hover .pic .qrcode{right:0}
#listmain .main ul.phone li .pic .qrcode span{display:block;height:1.68rem;line-height:100%;width:1.68rem;margin-top:-.84rem;margin-left:-.84rem;position:absolute;left:50%;top:50%;right:50%;bottom:50%}
#listmain .main ul.phone li .pic .qrcode span img{clear:both;float:none;height:1.68rem}
#listmain .main ul.phone li .text{text-align:center;height:.4rem;padding-top:.1rem}
#listmain .main ul.phone li a{text-decoration:none}



#tuiguang-box{ box-sizing:border-box;}
#tuiguang-box .head-item{background-color:#e9eefc;height:auto;margin-right:.2rem;margin-left:.2rem;margin-top:-2rem;box-sizing:border-box;padding-top:.2rempx;padding-right:.2rem;padding-left:.2rem}
#tuiguang-box .head-item ul li{text-align:center;float:left;width:24.8%;padding-right:.1rem;padding-left:.1rem; padding-bottom:.5rem;box-sizing:border-box}
#tuiguang-box .head-item ul li i{display:block;clear:both;float:none;height:1rem;width:1rem;margin-right:auto;margin-left:auto;margin-top:.2rem;margin-bottom:.1rem;font-style:normal;line-height:1rem}
#tuiguang-box .head-item ul li i:after{content:"\e611";font-family:iconfont;font-size:.8rem;color:#728ddc}
#tuiguang-box .head-item ul li:nth-child(2) i:after{content:"\e612";font-size:.68rem}
#tuiguang-box .head-item ul li:nth-child(3) i:after{content:"\e62f"}
#tuiguang-box .head-item ul li:nth-child(4) i:after{content:"\e885"}
#tuiguang-box .head-item ul li strong{font-size:.18rem}
#tuiguang-box .head-item ul li p{font-size:.13rem;padding-top:.16rem;line-height:.2rem;height:1.2rem;}
#tuiguang-box .head-item ul li a{line-height:.32rem;color:#728ddc;text-decoration:none;text-align:center;height:.32rem;width:1.2rem;border:1px solid #728ddc;display:inline-block;margin-right:auto;margin-left:auto;font-size:.13rem;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
#tuiguang-box .head-item ul li a:hover{color:#FFF;background-color:#728ddc}

#tuiguang-box .seo-about{padding-top:.8rem;padding-bottom:.8rem; padding-left:.2rem; padding-right:.2rem;box-sizing:border-box;}
#tuiguang-box .seo-about .tit{text-align:center}
#tuiguang-box .seo-about .tit strong{font-size:.28rem;font-weight:400}
#tuiguang-box .seo-about .tit p{font-size:.15rem;padding-top:.1rem;color:#999}
#tuiguang-box .seo-about .box{padding-top:.3rem;overflow:hidden}
#tuiguang-box .seo-about .box ul{width:120%}
#tuiguang-box .seo-about .box ul li{float:left;width:15.07%;margin-right:2%;font-size:.13rem;text-align:center}
#tuiguang-box .seo-about .box ul li i{line-height:1.1rem;text-align:center;display:block;height:1.1rem;width:1.1rem;margin-right:auto;margin-left:auto;border:1px solid #CCC;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin-bottom:.14rem;font-style:normal;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#tuiguang-box .seo-about .box ul li:hover i{border:1px solid #728ddc}
#tuiguang-box .seo-about .box ul li i:after{content:"\e612";font-family:iconfont;font-size:.4rem;color:#999;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#tuiguang-box .seo-about .box ul li:hover i:after{color:#728ddc}
#tuiguang-box .seo-about .box ul li i.ico-2:after{content:"\e761"}
#tuiguang-box .seo-about .box ul li i.ico-3:after{content:"\e727"}
#tuiguang-box .seo-about .box ul li i.ico-4:after{content:"\e614"}
#tuiguang-box .seo-about .box ul li i.ico-5:after{content:"\e698"}
#tuiguang-box .seo-about .box ul li h4{font-size:.2rem;font-weight:400;margin:0;padding:0}
#tuiguang-box .seo-about .box ul li p{line-height:.22rem;padding-top:.2rem;color:#888}
#tuiguang-box .seo-case{background-color:#F8FAFE;padding-top:.6rem;padding-bottom:.8rem;box-sizing:border-box; padding-left:.2rem; padding-right:.2rem;}
#tuiguang-box .seo-case .tit{text-align:center}
#tuiguang-box .seo-case .tit strong{font-size:.28rem;font-weight:400}
#tuiguang-box .seo-case .tit p{font-size:.15rem;padding-top:.1rem;color:#999}
#tuiguang-box .seo-case .box{width:100%;margin-right:auto;margin-left:auto;margin-top:.5rem;overflow:hidden}
#tuiguang-box .seo-case .box ul{width:120%}
#tuiguang-box .seo-case .box ul li{text-align:center;float:left;width:40.6%;margin-right:2%; padding-bottom:.4rem;}
#tuiguang-box .seo-case .box ul li i{display:none}
#tuiguang-box .seo-case .box ul li.on span{background-color:#FFF;display:block;height:80%;width:96%;overflow:auto;position:fixed;left:2%;top:10%;right:2%;bottom:10%;-moz-box-shadow:0 0 .2rem rgba(0,0,0,.1);-webkit-box-shadow:0 0 .2rem rgba(0,0,0,.1);box-shadow:0 0 .2rem rgba(0,0,0,.1);text-align:center;padding:.1rem;box-sizing:border-box}
#tuiguang-box .seo-case .box ul li .bg{display:none}
#tuiguang-box .seo-case .box ul li.on .bg{position:fixed;z-index:100000;height:100%;width:100%;left:0;top:0;right:0;bottom:0;display:block;background-color:rgba(0,0,0,.4)}
#tuiguang-box .seo-case .box ul li.on span{z-index:1000000}
#tuiguang-box .seo-case .box ul li.on span img{height:auto;width:auto;cursor:auto}
#tuiguang-box .seo-case .box ul li.on span img{width:100%}
#tuiguang-box .seo-case .box ul li.on:hover span img{transform:scale(1)}
#tuiguang-box .seo-case .box ul li.on i{display:none;height:.3rem;width:.3rem;position:absolute;top:5px;right:5px;font-style:normal}
#tuiguang-box .seo-case .box ul li.on i:after{content:"\e609";font-family:iconfont;font-size:.14rem;color:#333}
#tuiguang-box .seo-case .box ul li .pic{overflow:hidden;width:100%;background-color:#FFF;padding:.06rem;border:1px solid #EAEAEA;box-sizing:border-box}
#tuiguang-box .seo-case .box ul li img{height:auto;width:100%;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;cursor:pointer}
#tuiguang-box .seo-case .box ul li:hover img{transform:scale(1.4)}
#tuiguang-box .seo-case .box ul li p{padding-top:.1rem}
#tuiguang-box .waimao-seo{background-color:#fff;padding-top:.6rem;padding-bottom:.8rem;border-top-width:1px;box-sizing:border-box; padding-left:.2rem; padding-right:.2rem;border-top-style:solid;border-top-color:#ECECEC}
#tuiguang-box .waimao-seo .tit{text-align:center}
#tuiguang-box .waimao-seo .tit strong{font-size:.28rem;font-weight:400}
#tuiguang-box .waimao-seo .tit p{font-size:.15rem;padding-top:.1rem;color:#999}
#tuiguang-box .waimao-seo .box{width:100%;margin-right:auto;margin-left:auto;margin-top:.5rem;overflow:hidden;padding:.08rem}
#tuiguang-box .waimao-seo .box ul{width:120%}
#tuiguang-box .waimao-seo .box ul li{width:25.6%;margin-right:3%;border:1px solid #EFEFEF;float:left;padding:.3rem;height:5rem;box-sizing:border-box;text-align:center;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;margin-top:.1rem}
#tuiguang-box .waimao-seo .box ul li i{line-height:.4rem;text-align:center;display:block;height:1rem;width:1rem;margin-top:.4rem;margin-bottom:.2rem;margin-right:auto;margin-left:auto;background-image:url(../images/wm-seo-01.png);background-repeat:no-repeat;background-position:center center}
#tuiguang-box .waimao-seo .box ul li:nth-child(2) i{background-image:url(../images/wm-seo-02.png)}
#tuiguang-box .waimao-seo .box ul li:nth-child(3) i{background-image:url(../images/wm-seo-03.png)}
#tuiguang-box .waimao-seo .box ul li strong{font-size:.2rem;font-weight:400;margin:0;padding:0}
#tuiguang-box .waimao-seo .box ul li p{font-size:.13rem;line-height:.24rem;color:#888;padding-top:.2rem}
#tuiguang-box .waimao-seo .box ul li:hover{margin-top:-1px;-moz-box-shadow:0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:0 0 6px rgba(0,0,0,.1);box-shadow:0 0 6px rgba(0,0,0,.1);border:1px solid #fff}
#tuiguang-box .weixin-tool{background-color:#F8FAFE;padding-top:.6rem;padding-bottom:.8rem;border-top-width:1px;border-top-style:solid;border-top-color:#ECECEC; padding-left:.2rem; padding-right:.2rem;box-sizing:border-box;}
#tuiguang-box .weixin-tool .tit{text-align:center}
#tuiguang-box .weixin-tool .tit strong{font-size:.28rem;font-weight:400}
#tuiguang-box .weixin-tool .tit p{font-size:.15rem;padding-top:.1rem;color:#999}
#tuiguang-box .weixin-tool .box{width:100%;margin-right:auto;margin-left:auto;margin-top:.5rem;overflow:hidden;padding:.08rem}
#tuiguang-box .weixin-tool .box ul{width:120%}
#tuiguang-box .weixin-tool .box ul li{width:19.2%;margin-right:2%;border:1px solid #EFEFEF;float:left;padding:.3rem;height:auto;box-sizing:border-box;text-align:center;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;box-sizing:border-box;margin-top:10px;background-color:#FFF}
#tuiguang-box .weixin-tool .box ul li p{font-size:.16rem;padding-top:.1rem}
#tuiguang-box .weixin-tool .box ul li img{height:auto;width:100%}
#tuiguang-box .lxkf-btn{text-align:center;clear:both;float:none;margin-top:.4rem}
#tuiguang-box .lxkf-btn a{font-size:.14rem;line-height:.42rem;display:inline-block;height:.42rem;padding-right:.3rem;padding-left:.3rem;border:1px solid #728ddc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#728ddc;text-decoration:none}
#tuiguang-box .lxkf-btn a:hover{color:#FFF;background-color:#728ddc}

}
@media screen and (max-width: 767px) {
/*手机端*/
.mainbanner{background-image:url(../images/17website-28.jpg); background-size:auto 100%;background-repeat:no-repeat;background-position:center bottom;clear:both;float:none;height:5rem;width:100%;margin-right:auto;margin-left:auto;overflow:hidden}
.mainbanner .box{width:100%;height:2.12rem;margin-right:auto;margin-left:auto;position:relative;z-index:1}
.mainbanner .box .t1{font-size:.4rem;display:block;position:absolute;width:100%;left:0;top:1.6rem;right:0;color:#FFF;text-align:center;}
.mainbanner .box .t1{animation:bt1 1.4s;-moz-animation:bt1 1.4s;-webkit-animation:bt1 1.4s;-o-animation:bt1 1.4s}

@keyframes bt1{0%{opacity:0;top:3rem}
100%{opacity:1;top:1.6rem}
}
.mainbanner .box .t2{animation:bt2 1.6s;-moz-animation:bt2 1.6s;-webkit-animation:bt2 1.6s;-o-animation:bt2 1.6s}
@keyframes bt2{0%{opacity:0;top:3.rem}
30%{opacity:0;top:3rem}
100%{opacity:1;top:2.3rem}
}
.mainbanner .box .t3{animation:bt3 2s;-moz-animation:bt3 2s;-webkit-animation:bt3 2s;-o-animation:bt3 2s}
@keyframes bt3{0%{opacity:0;top:3rem}
60%{opacity:0;top:1rem}
100%{opacity:1;top:2.6rem}
}
.mainbanner .box .t2{font-size:.22rem;display:block;position:absolute;width:100%;left:0;top:2.3rem; padding-left:.42rem; padding-right:.42rem;box-sizing:border-box;right:0;color:#FFF;text-align:center}
.mainbanner .box .t3{display:block;font-size:.22rem;position:absolute;width:100%;left:0;top:2.6rem;right:0;color:#FFF;text-align:center}
.mainbanner .box .t3 a{color:#FFF;display:inline-block;height:.44rem;width:2rem;border:1px solid #FFF;text-decoration:none;line-height:.44rem;font-weight:400}
#listmain{width:100%;clear:both;float:none;margin-top:.32rem;margin-right:auto;margin-left:auto;margin-bottom:.32rem;z-index:10;padding-right:.22rem;padding-left:.22rem;box-sizing:border-box}

#listmain .head-filter{background-color:#FFF;margin-top:-1.6rem;min-height:2rem;z-index:10;-moz-box-shadow:0 0px 2px rgba(0,0,0,.12);-webkit-box-shadow:0 0px 2px rgba(0,0,0,.12);box-shadow:0 0px 2px rgba(0,0,0,.12);filter:progid:DXImageTransform.Microsoft.Shadow(strength=1, direction=180, color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 180, Color = '#000000')"}


#listmain .head-filter .site-tab{max-height:.6rem}
#listmain .head-filter .site-tab ul{display:table;width:100%}
#listmain .head-filter .site-tab ul li{}
#listmain .head-filter .site-tab ul li{line-height:.6rem;text-align:center;vertical-align:middle;display:table-cell;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f5f5f5')";background-image:-moz-linear-gradient(top,#fff,#f5f5f5);background-image:-ms-linear-gradient(top,#fff,#f5f5f5);background-image:-o-linear-gradient(top,#fff,#f5f5f5);background-image:-webkit-gradient(linear,center top,center bottom,from(#fff),to(#f5f5f5));background-image:-webkit-linear-gradient(top,#fff,#f5f5f5);background-image:linear-gradient(top,#fff,#f5f5f5);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#EAEAEA;height:.
6rem;border-right-width:1px;border-right-style:solid;border-right-color:#EAEAEA}
#listmain .head-filter .site-tab ul li a{text-decoration:none;display:block}
#listmain .head-filter .site-tab ul li:last-child{border-right-style:none}
#listmain .head-filter .site-tab ul li.on{background-color:#FFF;border-bottom-color:#FFF;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#FFFFFF');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#FFFFFF')";background-image:-moz-linear-gradient(top,#fff,#FFF);background-image:-ms-linear-gradient(top,#fff,#FFF);background-image:-o-linear-gradient(top,#fff,#FFF);background-image:-webkit-gradient(linear,center top,center bottom,from(#FFF),to(#FFF));background-image:-webkit-linear-gradient(top,#FFF,#FFF);background-image:linear-gradient(top,#fff,#FFF)}
#listmain .head-filter .site-tab ul li.on a{}
#listmain .head-filter #filter{padding-right:.1rem;padding-left:.1rem; padding-bottom:.14rem;box-sizing:border-box}
#listmain .head-filter #filter dl{display:table;width:100%}
#listmain .head-filter #filter dl dt{vertical-align:top;white-space:nowrap;display:table-cell;width:1px;padding-right:.15rem;font-weight:700;padding-top:.14rem;line-height:.42rem;padding-left:.15rem}
#listmain .head-filter #filter dl dd{vertical-align:top;display:table-cell;padding-top:.14rem;line-height:.32rem}
#listmain .head-filter #filter dl dd a{line-height:.4rem;white-space:nowrap;display:inline-block;margin-right:.15rem; margin-bottom:.16rem;height:.4rem;-moz-border-radius:.02rem;-webkit-border-radius:.02rem;border-radius:.02rem;text-decoration:none;}
#listmain .head-filter #filter dl dd a.on{color:#FFF;text-decoration:none;background-color:#728ddc;padding-right:12px;padding-left:12px}
#listmain .head-filter #filter dl dd .rangebox{max-height:.4rem;overflow:hidden;padding-right:1rem;width:100%;position:relative;box-sizing:border-box;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#listmain .head-filter #filter dl dd .rangebox.expanded{max-height:1000px}
#listmain .head-filter #filter dl dd .rangebox span{position:absolute;top:0;right:.2rem;color:#728ddc;cursor:pointer}
#listmain .head-filter #filter dl dd .rangebox span:before{content:"展开"}
#listmain .head-filter #filter dl dd .rangebox.expanded span:before{content:"折叠"}
#listmain .head-filter #filter dl dd .rangebox.expanded span:after{content:"\e61a"}
#listmain .head-filter #filter dl dd .rangebox span:after{content:"\e61c";font-family:iconfont;margin-left:.05rem}
#listmain .head-filter #filter dl dd .colour{padding-top:0rem}
#listmain .head-filter #filter dl dd .colour li{line-height:.4rem!important;text-align:center;display:inline-block;height:.4rem;width:.4rem;margin-right:.08rem;overflow:hidden}
#listmain .head-filter #filter dl dd .colour li.all{float:left;width:auto;margin-right:.06rem;display:inline-block;overflow: hidden;padding-top:0px; margin-top:0px;width:.5rem;height:.4rem;line-height:.4rem!important;}
#listmain .head-filter #filter dl dd .colour li.all a{padding-right:.03rem;padding-left:.03rem; padding-top:0px;margin-top:0px;line-height:.1rem;font-size:.2rem;}
#listmain .head-filter #filter dl dd .colour li.all a.on{height:.4rem;width:.4rem}
#listmain .head-filter #filter dl dd .colour li a.on{padding-right:0;padding-left:0}
#listmain .head-filter #filter dl dd .colour li.c a{color:#FFF;background-color:#F63;height:.4rem;width:.4rem;display:inline-block;line-height:4rem;position:relative}
#listmain .head-filter #filter dl dd .colour li.c a.on:after{content:"\e6da";font-family:iconfont;font-size:.1rem;line-height:.4rem;color:#FFF;text-decoration:none;text-align:center;display:block;height:.4rem;width:.4rem;position:absolute;left:0;top:0;text-indent:0}
#listmain .head-filter #filter dl dd .colour li.c a.colour1{background-color:#198ede}
#listmain .head-filter #filter dl dd .colour li.c a.colour2{background-color:#80d031}
#listmain .head-filter #filter dl dd .colour li.c a.colour3{background-color:#fe0000}
#listmain .head-filter #filter dl dd .colour li.c a.colour4{background-color:#ff6300}
#listmain .head-filter #filter dl dd .colour li.c a.colour5{background-color:#fae242}
#listmain .head-filter #filter dl dd .colour li.c a.colour6{background-color:#000}
#listmain .head-filter #filter dl dd .colour li.c a.colour7{background-color:#909}
#listmain .head-filter #filter dl dd .colour li.c a.colour8{background-color:#909}
#listmain .head-filter #filter dl dd .colour li.c a.colour9{background-color:#974b00}
#listmain .head-filter #filter dl dd .colour li.c a.colour10{background-color:#fff;height:.38rem;width:.38rem;border:.01rem solid #EBEBEB}
#listmain .head-filter #filter dl dd .colour li.c a.colour10.on:after{color:#666666;}
#listmain .main{padding-bottom:.5rem;overflow:hidden}
#listmain .main ul.domelist{padding-top:.2rem;padding-bottom:.1rem}
#listmain .main ul.domelist li{width:100%;margin-bottom:.2rem;}
#listmain .main ul.domelist li .pic{overflow:hidden;position:relative}
#listmain .main ul.domelist li .pic a.tool{background-color:#666;display:block;height:.34rem;width:.34rem;position:absolute;left:-1.2rem;top:.12rem;-moz-border-radius:.06rem;-webkit-border-radius:.06rem;border-radius:.06rem;font-size:.18rem;line-height:.34rem;color:#FFF;text-align:center;overflow:hidden;text-decoration:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#listmain .main ul.domelist li .pic a.function{-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
#listmain .main ul.domelist li .pic a.buy{-o-transition:all .7s;-moz-transition:all .7s;-webkit-transition:all .7s;-ms-transition:all .7s;transition:all .7s}
#listmain .main ul.domelist li .pic a.service{-o-transition:all .9s;-moz-transition:all .9s;-webkit-transition:all .9s;-ms-transition:all .9s;transition:all .9s}
#listmain .main ul.domelist li:hover .pic a.tool{left:.12rem!important}
#listmain .main ul.domelist li .pic a.tool:hover{background-color:#F60}
#listmain .main ul.domelist li .pic a.tool.function{top:.51rem;left:-1.2rem}
#listmain .main ul.domelist li .pic a.tool.function:after{content:"\e689"}
#listmain .main ul.domelist li .pic a.tool.buy{top:.9rem;left:-.32rem}
#listmain .main ul.domelist li .pic a.tool.buy:after{content:"\e602"}
#listmain .main ul.domelist li .pic a.tool.service{top:1.29rem;left:-4.2rem}
#listmain .main ul.domelist li .pic a.tool.service:after{content:"\e605"}
#listmain .main ul.domelist li .pic a.tool:after{content:"\e638";font-family:iconfont}
#listmain .main ul.domelist li .text{background-color:#f7f7f7;padding:.2rem;clear:both;float:none;height:1rem;}
#listmain .main ul.domelist li .text .tag{color:#F60;padding-bottom:.08rem}
#listmain .main ul.domelist li .text .tag a{color:#F60}
#listmain .main ul.domelist li .text .name{}
#listmain .main ul.domelist li img{height:auto;width:100%;float:left}

#listmain .main ul.phone{width:110%;padding-top:.2rem;padding-bottom:.1rem;}
#listmain .main ul.phone li{float:left;width:44.4%;margin-bottom:20px;margin-right:2.1%;border:1px solid #E0E0E0}
#listmain .main ul.phone li .pic{position:relative;height:auto;width:100%;overflow:hidden;padding:.08rem;box-sizing:border-box}
#listmain .main ul.phone li .pic img{height:auto;width:100%;float:left}
#listmain .main ul.phone li .pic .qrcode{ background-color:rgba(0,0,0,.4);position:absolute;height:100%;width:100%;top:0;right:-5rem;bottom:0;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#listmain .main ul.phone li:hover .pic .qrcode{right:0}
#listmain .main ul.phone li .pic .qrcode span{display:block; color:#FFFFFF; font-size:.18rem;height:1.68rem;line-height:100%;width:1.68rem;margin-top:-.9rem;margin-left:-.84rem;position:absolute;left:50%;top:50%;right:50%;bottom:50%}
#listmain .main ul.phone li .pic .qrcode span img{clear:both;float:none;height:1.68rem}
#listmain .main ul.phone li .pic .qrcode span:after{ padding-top:.2rem;text-align: center;display: block;content:"长按识别小程序二维码"}
#listmain .main ul.phone li .text{text-align:center;height:.4rem;padding-top:.1rem}
#listmain .main ul.phone li a{text-decoration:none}



#tuiguang-box{ box-sizing:border-box;}
#tuiguang-box .head-item{background-color:#e9eefc;height:auto;margin-right:.2rem;margin-left:.2rem;margin-top:-1rem;box-sizing:border-box;padding-top:.2rempx;padding-right:.2rem;padding-left:.2rem}
#tuiguang-box .head-item ul li{text-align:center;float:left;width:50%;padding-right:.1rem;padding-left:.1rem; padding-bottom:.5rem;box-sizing:border-box}
#tuiguang-box .head-item ul li i{display:block;clear:both;float:none;height:1rem;width:1rem;margin-right:auto;margin-left:auto;margin-top:.2rem;margin-bottom:.1rem;font-style:normal;line-height:1rem}
#tuiguang-box .head-item ul li i:after{content:"\e611";font-family:iconfont;font-size:.8rem;color:#728ddc}
#tuiguang-box .head-item ul li:nth-child(2) i:after{content:"\e612";font-size:.68rem}
#tuiguang-box .head-item ul li:nth-child(3) i:after{content:"\e62f"}
#tuiguang-box .head-item ul li:nth-child(4) i:after{content:"\e885"}
#tuiguang-box .head-item ul li strong{font-size:.28rem}
#tuiguang-box .head-item ul li p{font-size:.18rem;padding-top:.16rem;line-height:.28rem;height:1.6rem;}
#tuiguang-box .head-item ul li a{line-height:.48rem;color:#728ddc;text-decoration:none;text-align:center;height:.48rem;width:1.8rem;border:1px solid #728ddc;display:inline-block;margin-right:auto;margin-left:auto;font-size:.22rem;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
#tuiguang-box .head-item ul li a:hover{color:#FFF;background-color:#728ddc}

#tuiguang-box .seo-about{padding-top:.8rem;padding-bottom:.8rem; padding-left:.2rem; padding-right:.2rem;box-sizing:border-box;}
#tuiguang-box .seo-about .tit{text-align:center}
#tuiguang-box .seo-about .tit strong{font-size:.38rem;font-weight:400}
#tuiguang-box .seo-about .tit p{font-size:.24rem;padding-top:.1rem;color:#999}
#tuiguang-box .seo-about .box{padding-top:.3rem;overflow:hidden}
#tuiguang-box .seo-about .box ul{width:120%}
#tuiguang-box .seo-about .box ul li{float:left;width:41%;margin-right:2%;font-size:.13rem; height:2.8rem;text-align:center}
#tuiguang-box .seo-about .box ul li i{line-height:1.1rem;text-align:center;display:block;height:1.1rem;width:1.1rem;margin-right:auto;margin-left:auto;border:1px solid #CCC;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin-bottom:.14rem;font-style:normal;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#tuiguang-box .seo-about .box ul li:hover i{border:1px solid #728ddc}
#tuiguang-box .seo-about .box ul li i:after{content:"\e612";font-family:iconfont;font-size:.4rem;color:#999;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#tuiguang-box .seo-about .box ul li:hover i:after{color:#728ddc}
#tuiguang-box .seo-about .box ul li i.ico-2:after{content:"\e761"}
#tuiguang-box .seo-about .box ul li i.ico-3:after{content:"\e727"}
#tuiguang-box .seo-about .box ul li i.ico-4:after{content:"\e614"}
#tuiguang-box .seo-about .box ul li i.ico-5:after{content:"\e698"}
#tuiguang-box .seo-about .box ul li h4{font-size:.26rem;font-weight:400;margin:0;padding:0}
#tuiguang-box .seo-about .box ul li p{line-height:.28rem;padding-top:.02rem; font-size:.22rem;color:#888}
#tuiguang-box .seo-about .box ul li:nth-child(5){ width:64%; margin-left:20%;padding-right:20%;box-sizing:border-box;}
#tuiguang-box .seo-case{background-color:#F8FAFE;padding-top:.6rem;padding-bottom:.8rem;box-sizing:border-box; padding-left:.2rem; padding-right:.2rem;}
#tuiguang-box .seo-case .tit{text-align:center}
#tuiguang-box .seo-case .tit strong{font-size:.38rem;font-weight:400}
#tuiguang-box .seo-case .tit p{font-size:.24rem;padding-top:.1rem;color:#999}
#tuiguang-box .seo-case .box{width:100%;margin-right:auto;margin-left:auto;margin-top:.5rem;overflow:hidden}
#tuiguang-box .seo-case .box ul{width:120%}
#tuiguang-box .seo-case .box ul li{text-align:center;float:left;width:40.6%;margin-right:2%; padding-bottom:.4rem;}
#tuiguang-box .seo-case .box ul li i{display:none}
#tuiguang-box .seo-case .box ul li.on span{background-color:#FFF;display:block;height:80%;width:96%;overflow:auto;position:fixed;left:2%;top:10%;right:2%;bottom:10%;-moz-box-shadow:0 0 .2rem rgba(0,0,0,.1);-webkit-box-shadow:0 0 .2rem rgba(0,0,0,.1);box-shadow:0 0 .2rem rgba(0,0,0,.1);text-align:center;padding:.1rem;box-sizing:border-box}
#tuiguang-box .seo-case .box ul li .bg{display:none}
#tuiguang-box .seo-case .box ul li.on .bg{position:fixed;z-index:100000;height:100%;width:100%;left:0;top:0;right:0;bottom:0;display:block;background-color:rgba(0,0,0,.4)}
#tuiguang-box .seo-case .box ul li.on span{z-index:1000000}
#tuiguang-box .seo-case .box ul li.on span img{height:auto;width:auto;cursor:auto}
#tuiguang-box .seo-case .box ul li.on span img{width:100%}
#tuiguang-box .seo-case .box ul li.on:hover span img{transform:scale(1)}
#tuiguang-box .seo-case .box ul li.on i{display:none;height:.3rem;width:.3rem;position:absolute;top:5px;right:5px;font-style:normal}
#tuiguang-box .seo-case .box ul li.on i:after{content:"\e609";font-family:iconfont;font-size:.14rem;color:#333}
#tuiguang-box .seo-case .box ul li .pic{overflow:hidden;width:100%;background-color:#FFF;padding:.06rem;border:1px solid #EAEAEA;box-sizing:border-box}
#tuiguang-box .seo-case .box ul li img{height:auto;width:100%;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;cursor:pointer}
#tuiguang-box .seo-case .box ul li:hover img{transform:scale(1.4)}
#tuiguang-box .seo-case .box ul li p{padding-top:.1rem}
#tuiguang-box .waimao-seo{background-color:#fff;padding-top:.6rem;padding-bottom:.8rem;border-top-width:1px;box-sizing:border-box; padding-left:.2rem; padding-right:.2rem;border-top-style:solid;border-top-color:#ECECEC}
#tuiguang-box .waimao-seo .tit{text-align:center}
#tuiguang-box .waimao-seo .tit strong{font-size:.38rem;font-weight:400}
#tuiguang-box .waimao-seo .tit p{font-size:.24rem;padding-top:.1rem;color:#999}
#tuiguang-box .waimao-seo .box{width:100%;margin-right:auto;margin-left:auto;margin-top:.5rem;overflow:hidden;padding:.08rem}
#tuiguang-box .waimao-seo .box ul{}
#tuiguang-box .waimao-seo .box ul li{width:100%;margin-right:3%;border:1px solid #EFEFEF;float:left;padding:.3rem;height:auto;box-sizing:border-box;text-align:center;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;margin-bottom:.3rem}
#tuiguang-box .waimao-seo .box ul li i{line-height:.4rem;text-align:center;display:block;height:1rem;width:1rem;margin-top:.0rem;margin-bottom:.2rem;margin-right:auto;margin-left:auto;background-image:url(../images/wm-seo-01.png); background-size:100% auto;background-repeat:no-repeat;background-position:center center}
#tuiguang-box .waimao-seo .box ul li:nth-child(2) i{background-image:url(../images/wm-seo-02.png)}
#tuiguang-box .waimao-seo .box ul li:nth-child(3) i{background-image:url(../images/wm-seo-03.png)}
#tuiguang-box .waimao-seo .box ul li strong{font-size:.28rem;font-weight:400;margin:0;padding:0}
#tuiguang-box .waimao-seo .box ul li p{font-size:.22rem;line-height:.32rem;color:#888;padding-top:.2rem}
#tuiguang-box .waimao-seo .box ul li:hover{margin-top:-1px;-moz-box-shadow:0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:0 0 6px rgba(0,0,0,.1);box-shadow:0 0 6px rgba(0,0,0,.1);border:1px solid #fff}
#tuiguang-box .weixin-tool{background-color:#F8FAFE;padding-top:.6rem;padding-bottom:.8rem;border-top-width:1px;border-top-style:solid;border-top-color:#ECECEC; padding-left:.2rem; padding-right:.2rem;box-sizing:border-box;}
#tuiguang-box .weixin-tool .tit{text-align:center}
#tuiguang-box .weixin-tool .tit strong{font-size:.38rem;font-weight:400}
#tuiguang-box .weixin-tool .tit p{font-size:.24rem;padding-top:.1rem;color:#999}
#tuiguang-box .weixin-tool .box{width:100%;margin-right:auto;margin-left:auto;margin-top:.5rem;overflow:hidden;padding:.08rem}
#tuiguang-box .weixin-tool .box ul{width:120%}
#tuiguang-box .weixin-tool .box ul li{width:39.6%;margin-right:2%;border:1px solid #EFEFEF;float:left;padding:.3rem;height:auto;box-sizing:border-box;text-align:center;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;box-sizing:border-box;margin-top:10px;background-color:#FFF}
#tuiguang-box .weixin-tool .box ul li p{padding-top:.1rem}
#tuiguang-box .weixin-tool .box ul li img{height:auto;width:100%}
#tuiguang-box .lxkf-btn{text-align:center;clear:both;float:none;margin-top:.4rem}
#tuiguang-box .lxkf-btn a{font-size:.14rem;line-height:.42rem;display:inline-block;height:.42rem;padding-right:.3rem;padding-left:.3rem;border:1px solid #728ddc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#728ddc;text-decoration:none}
#tuiguang-box .lxkf-btn a:hover{color:#FFF;background-color:#728ddc}

}