@charset "utf-8";

.sprite { background: url('sprite.png') no-repeat top left; width: 48px; height: 48px;  } 
.sprite._jian { background-position: 0 0; width: 19px; height: 10px; } 
.sprite._kefu { background-position: -21px 0; width: 22px; height: 25px; } 
.sprite._p3 { background-position: -45px 0; width: 40px; height: 46px; } 
.sprite._p5 { background-position: -87px 0; } 
.sprite._p6 { background-position: -137px 0; } 
.sprite._p7 { background-position: -187px 0; } 
.sprite._p8 { background-position: -237px 0; } 
.sprite._p9 { background-position: -287px 0; } 
.sprite._p10 { background-position: -337px 0; } 
.sprite._p11 { background-position: -387px 0; } 
.sprite._p12 { background-position: -437px 0; } 
.sprite._mbtn1 { background-position: -487px 0; } 
.sprite._mbtn2 { background-position: -537px 0; } 
.sprite._mbtn3 { background-position: -587px 0; } 
.sprite._mbtn4 { background-position: -637px 0; } 
.sprite._p1 { background-position: -687px 0; } 
.sprite._p2 { background-position: -737px 0; } 
.sprite._p4 { background-position: -787px 0; } 
.sprite._m_qq1 { background-position: 0 -50px; width: 120px; height: 120px; } 
.sprite._m_qq2 { background-position: -122px -50px; width: 120px; height: 120px; } 
.sprite._m_wx1 { background-position: -244px -50px; width: 120px; height: 120px; } 
.sprite._m_wx2 { background-position: -366px -50px; width: 120px; height: 120px; } 
.sprite._s1 { background-position: -488px -50px; width: 156px; height: 156px; } 
.sprite._s2 { background-position: -646px -50px; width: 156px; height: 156px; } 
.sprite._s3 { background-position: 0 -208px; width: 156px; height: 156px; } 
.sprite._s4 { background-position: -158px -208px; width: 156px; height: 156px; }

*{margin:0;padding:0;outline:0;vertical-align:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{font:12px/22px "Microsoft YaHei","SF Pro Display",Roboto,Noto,Arial,"PingFang SC",sans-serif;width:100%}
ol,ul,li{list-style:none}
i,em{font-style:normal}
img{border:0}
a{font-size:14px;color:#000;text-decoration:none;transition:color 0.5s,background 0.5s}
a:hover{color:#000}
.lf{float:left}
.rt{float:right}
.clearfix{content:'';display:block;clear:both}
.tl{text-align:left}
.tr{text-align:right}
.pl0{padding-left:0}
#expSetMain .hr-line-dashed{margin:10px 0}
#expSetMain .form-group{margin-bottom:10px}
.isrequire:before{content:"*";color:red;display:inline-block;width:12px;text-align:center}
.new21 a.btnclose:hover{color:#000;border:1px solid #ccc;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.new21 a.btnclose{background:#fff;width:25px;height:25px;line-height:16px;border-radius:50%;top:3px;right:3px;position:absolute;margin:0;color:#959595;font-size:16px}
.new21 .serverqqcon{border-radius:7px;padding:13px}
.new21 .opencon{text-align:right;padding-right:20px}
.new21 .opencon a{width:50px;height:50px;text-align:center;display:inline-block;border-radius:50px;box-shadow:0px 0px 5px rgb(0 0 0 / 20%)}
.new21 .opencon a em{    display: inline-block;    margin-top: 10px;}
.servermain.new21{right:10px}
.new21 .titc.c{text-align:center;padding:0}
.new21 .titc{color:#565656;font-size:14px;text-align:left;padding-left:9px}
.servermain{position:fixed;right:0;top:20%}
.serverqqcon .skin-settings{width:auto}
.serverqqcon{background:#e0e0e0;border-radius:7px 0 0 7px;padding:15px;text-align:center}
.serverqqcon p{font-size:18px}
.serverqqcon .sprite{display: inline-block;}
.serverqqcon a.sertousu{background:#ff3a3a;color:#fff}
.serverqqcon a{background:#00a785;color:#fff;padding:2px;border-radius:3px;margin-top:15px;display:inline-block}
a.canclick{text-decoration:underline;color:#2424ff}
.diyfunmark::after{content:'定制';position:absolute;top:-3px;right:16px;background:red;color:#fff;font-size:10px;display:inline-block;font-weight:600;height:14px;line-height:11px;padding:2px 3px;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;border-radius:3px}
.bigtit{font-size:59px;letter-spacing:0px;color:#d0d0d0;margin-bottom:38px;margin-top:0}
.qqservicepopcon a{margin-right:10px}
.ixspyem:after{content:'▼';position:absolute;bottom:-10px;left:6px;color:red}

@media(min-width:900px){
    #newBanner{background:#28a0ff;width:100%;height:520px;padding-top:100px;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}
    #newBanner img{width:373px}
    #newBanner .leftss{color:#fff;line-height:50px;margin-top:-106px}
    #newBanner .leftss p{font-size: 38px;}
    #newBanner .leftss p,#newBanner .leftss h1{font-weight:normal;letter-spacing:2px}
    #newBanner .leftss a{background:#fff;padding:7px 29px;border-radius:34px;font-size:15px}
    #topbanner{width:100%;overflow:hidden;position:fixed;top:0;left:0;z-index:600}
    #topbanner p{position:absolute;z-index:10000;width:20px;height:20px;background:rgba(0,0,0,0.8);text-align:center;line-height:20px;color:#fff;font-size:12px;cursor:pointer;right:30px;top:0}
    #top{width:100%;position:fixed;z-index:20;padding-top:10px;transition:padding 0.5s,background 0.5s}
    #top1{width:1300px;margin:0 auto;overflow:hidden}
    #logo{float:left}
    #logo img{width:220px}
    #btn{display:none}
    #menu{float:right}
    #menu ul{float:left;list-style:none}
    #menu ul li{float:left}
    #menu ul li a{display:block;line-height:80px;color:#fff;padding:0 18px;font-size:16px}
    #menu ul li a:hover{font-weight:600}
    #menu dl{float:left;padding-top:25px}
    #menu dl dt{float:left;margin-left:26px}
    #menu dl dt a{display:block;border:solid 1px #fff;line-height:28px;border-radius:30px;color:#fff;padding:0 30px;position: relative;}
    #menu dl dt a i{    margin-left: 7px;   position: absolute;    right: 10px;}
    #menu dl dd{float:left;margin-left:10px}
    #menu dl dd a{display:block;background:#67C23A;line-height:30px;border-radius:30px;color:#fff;padding:0 30px}
    #menu .zzmenu{position:absolute;z-index:500;background:#fff;overflow:hidden;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0px 5px 5px rgba(0,0,0,0.2);display:none}
    #menu .zzmenu p{border-bottom:solid 1px #eee}
    #menu .zzmenu p a{color:#000;line-height:40px;text-align:center;padding:0 20px}
    #menu .zzmenu p a:hover{color:#0096ff}
    .title{width:100%;overflow:hidden;text-align:center;padding-top:55px}
    .title p.tt{font-size:36px;line-height:50px;color:#000}
    .title p.tc{letter-spacing:8px;color:#999}
    #index1{width:1200px;margin:0 auto;overflow:hidden;padding-top:30px;padding-bottom:78px}
    #index1 ul li{width:25%;float:left}
    #index1 ul li a{display:block;text-align:center;margin:0 auto;padding:20px 36px 0 36px;overflow:hidden;border-right:solid 1px #eee;height:350px}
    #index1 ul li a.it{border:0}
    #index1 ul li a .sprite{border:solid 2px #e5e5e5;border-radius:100px;transition:border 0.5s;margin:0 auto}
    #index1 ul li a p.a1{font-size:24px;color:#000;line-height:60px}
    #index1 ul li a p.a2{color:#666;text-align:left}
    #index1 ul li a:hover img{border:solid 2px #0096ff}
    #index2{background:#e6f2fa;padding-bottom:80px;overflow:hidden}
    #index2 .title1{font-size:36px;color:#000;line-height:60px;width:100%;text-align:center;padding-top:60px}
    #index2 .pro{width:1200px;margin:0 auto;padding-top:32px}
    #index2 .pro ul{width:1300px}
    #index2 .pro ul li{float:left;width:380px;margin-right:30px;margin-bottom:10px}
    #index2 .pro ul li a{display:block;background:#fff;text-align:center;padding:38px 38px 0 38px;height:330px;transition:box-shadow 0.5s;box-shadow:0px 5px 5px rgba(0,0,0,0);border-radius:18px}
    #index2 .pro ul li a .sprite{margin:0 auto}
    #index2 .pro ul li a p.tt{font-size:24px;line-height:50px;padding-top:15px}
    #index2 .pro ul li a p.tc{color:#666;text-align:left;padding-top:10px}
    #index2 .pro ul li a:hover{box-shadow:0px 5px 5px rgba(0,0,0,0.2)}
    #bottom{background:#13213f}
    #bottom1{color:#fff;text-align:center;padding-top:50px}
    #bottom1 a{color:#fff;font-size:14px;padding:0 20px}
    #bottom1 a:hover{text-decoration:underline}
    #bottom2{display:flex;width:1200px;margin:0 auto;flex-direction:row;justify-content:space-between;align-items:flex-start;color:#fff;padding:62px 0 25px 0}
    #bottom2>div>a,#bottom2>div>div{display:block;color:#fff;font-size:14px;}
    #bottom2>div>p{font-size:20px;font-weight:600;margin-bottom:20px}
    #bottom3{border-top:dotted 1px #80cbff;width:1200px;padding:25px 0;margin:0 auto;line-height:18px;text-align:center;color:#fff;font-size:14px;overflow:hidden}
    #mbottom{display:none}
    #mbottom1{display:none}
    #mypt{display:none;width:150px;margin:0 0 0 -30px;z-index:50px;position:absolute}
    #mypt div.a1{text-align:center;width:100%;overflow:hidden}
    #mypt div.a2{padding:10px 20px;width:110px;background:rgba(255,255,255,0.9);border-radius:20px;box-shadow:0px 5px 5px rgba(0,0,0,0.2)}
    #mypt div.a2 p{margin:5px 0;border:0}
    #mypt div.a2 p a{background:none!important;padding:0!important;text-align:center;color:#000!important;border:0!important;border-radius:0!important;border-bottom:solid 1px #ddd!important}
    #mypt div.a2 p a:hover{color:#0096FF!important}
    em.ixspyem{position:absolute;top:5px;right:0;background:red;padding:1px 4px;font-size:12px;color:#fff;border-radius:4px;line-height:normal}
    em.ixspyem:after{border:6px solid transparent;border-top:6px solid #f00;height:0;content:"";position:absolute;bottom:-12px;left:4px}
    p.newcon,p.newcon2{position:relative}
    p.newcon:after,p.newcon2:after{content:"NEW";position:absolute;right:-4px;top:5px;color:yellow;font-size:11px;background:red;line-height:normal;padding:1px 3px}
    p.newcon2:after{right:4px;top:11px}
}
@media(max-width:899px){
    #newBanner{background:#28a0ff;width:100%;height:578px;display:flex;align-items:center;flex-direction:column-reverse;justify-content:flex-end;padding-top:63px}
    #newBanner img{width:373px}
    #newBanner .leftss{color:#fff;line-height:40px;margin-top:36px;text-align:center}
    #newBanner .leftss p{font-size: 30px;}
    #newBanner .leftss p,#newBanner .leftss h1{font-weight:normal;letter-spacing:2px}
    #newBanner .leftss a{background:#fff;padding:7px 29px;border-radius:34px;font-size:15px}
    #topbanner{display:none}
    #top{width:100%;position:fixed;z-index:20;padding-top:10px;transition:padding 0.5s,background 0.5s}
    #top1{width:100%;margin:0 auto}
    #logo{float:left;height:3rem}
    #logo img{height:3rem;margin-left:1rem}
    #btn{float:right}
    #btn img{height:3rem}
    #menu{display:none;background:#0096FF;width:100%;position:fixed;top:3rem}
    #menu ul{width:100%;list-style:none}
    #menu ul>li{width:180px;float:left;display:inline-block}
    #menu ul li a{display:block;line-height:3rem;color:#fff;text-align:center;border-bottom:solid 1px rgba(255,255,255,0.1);font-weight:400;letter-spacing:2px}
    #menu ul li .zzmenu a{text-align:left;padding-left:60px;font-size:12px;font-weight:normal;letter-spacing:0}
    #menu ul li .zzmenu a:before{content:'·';font-size:20px;vertical-align:middle}
    #menu dl{float:left;padding-top:25px;display:none}
    #menu dl dt{float:left;margin-left:26px}
    #menu dl dt a{display:block;border:solid 1px #fff;line-height:28px;border-radius:30px;color:#fff;padding:0 30px;position: relative;}
    #menu dl dt a i{    margin-left: 7px;   position: absolute;    right: 10px;}
    #menu dl dd{float:left;margin-left:10px}
    #menu dl dd a{display:block;background:#67C23A;line-height:30px;border-radius:30px;color:#fff;padding:0 30px}
    #banner{width:100%;height:930px;overflow:hidden}
    .title{width:100%;overflow:hidden;text-align:center;padding-top:40px}
    .title p.tt{font-size:30px;line-height:50px;color:#000}
    .title p.tc{letter-spacing:2px;color:#999;font-size:12px}
    #index1{width:100%;margin:0 auto;overflow:hidden;padding-top:30px;padding-bottom:0px}
    #index1 ul li{width:50%;float:left;border-bottom:solid 1px #eee}
    #index1 ul li a{display:block;text-align:center;margin:0 auto;padding:20px 36px 0 36px;overflow:hidden;border-right:solid 1px #eee;height:350px}
    #index1 ul li a.it{border:0}
    #index1 ul li a .sprite{border:solid 2px #e5e5e5;border-radius:100px;transition:border 0.5s;margin:0 auto}
    #index1 ul li a p.a1{font-size:24px;color:#000;line-height:60px}
    #index1 ul li a p.a2{color:#666;text-align:left;font-size:12px;line-height:18px}
    #index1 ul li a:hover img{border:solid 2px #0096ff}
    #index2{background:#e6f2fa;padding-bottom:40px;overflow:hidden}
    #index2 .title1{font-size:30px;color:#000;line-height:60px;width:100%;text-align:center;padding-top:40px}
    #index2 .pro{width:100%;margin:0 auto;padding-top:0px}
    #index2 .pro ul{width:100%}
    #index2 .pro ul li{width:90%;margin:0 auto 1rem auto}
    #index2 .pro ul li a{display:block;background:#fff;text-align:center;padding:38px 38px 0 38px;height:330px;transition:box-shadow 0.5s;box-shadow:0px 5px 5px rgba(0,0,0,0);border-radius:18px}
    #index2 .pro ul li a .sprite{margin:0 auto}
    #index2 .pro ul li a p.tt{font-size:24px;line-height:50px;padding-top:15px}
    #index2 .pro ul li a p.tc{color:#666;text-align:left;padding-top:10px}
    #index2 .pro ul li a:hover{box-shadow:0px 5px 5px rgba(0,0,0,0.2)}
    #bottom{background:#0096ff;display:none}
    #bottom1{color:#fff;text-align:center;padding-top:50px}
    #bottom1 a{color:#fff;font-size:14px;padding:0 20px}
    #bottom1 a:hover{text-decoration:underline}
    #bottom2{text-align:center;line-height:24px;color:#fff;padding:25px 0;font-size:14px}
    #bottom3{border-top:dotted 1px #80cbff;width:1200px;padding:25px 0;margin:0 auto;line-height:18px;text-align:center;color:#fff;font-size:12px;overflow:hidden}
    #mbottom{width:100%;position:fixed;left:0;bottom:0;height:62px;background:#0096ff}
    #mbottom ul{list-style:none}
    #mbottom ul li{width:25%;float:left}
    #mbottom ul li a{display:block;color:#fff;text-align:center;font-size:12px;line-height:2px}
    #mbottom ul li a .sprite{margin:0 auto}
    #mbottom1{width:100%;height:3rem}
    em.ixspyem{position:absolute;top:10px;right:-29px;background:red;padding:1px 4px;font-size:12px;color:#fff;border-radius:4px;line-height:normal}
    em.ixspyem:after{border:7px solid transparent;border-right:8px solid #f00;height:0;content:"";position:absolute;bottom:2px;left:-14px}
}