/*首页第一部分*/
.mid1{ background-color: rgb(6,10,47);}
.mid1 .contant{position: relative;}
.mid1 .bg{position:absolute;right:-180px;bottom:40px;width:700px;height:400px;background:url(../img/homepage/homepage.png);background-image:url(../img/homepage/homepage.svg),none;background-repeat:no-repeat;}
.mid1 .letter36nor{padding-top:62px;color:#FFFFFF;text-align:left;  }
.mid1 .letter18nor{padding-top:8px;padding-bottom: 24px;font-size: 14px;  color:#FFFFFF;letter-spacing:1px;text-align:left; }
.mid1 p.letter18nor:nth-child(3){padding-top:6px;}
.mid1 span.whitebtn{margin-top:40px;display:inline-block;height:40px;letter-spacing:1px;line-height:19px;border-radius:2px;background:#fff;line-height:40px;float:left;font-size:16px;}
.mid1 span.whitebtn a{color:#24304A;display:inline-block;position:relative;border-radius:2px;background:#FFFFFF;padding:0 24px 0 24px;}
.mid1 .zhuce-both,.mid1 footer{
    text-align: left;
} 
.mid1 footer{ 
    color: #8DA2B5;
    opacity: 0.7;
    padding-top: 8px;
    font-size: 14px;
} 
.mid1 .zhuce-both::after{
    display: block;
    content: "";
    clear: both;
    visibility: visible;
}
.mid1 .zhuce-both .span1{
    float: left;
    width: 200px;
}
.mid1 .zhuce-both input{
    width: 200px;
}
.mid1 .zhuce-a{
    float: left;
    display: block;
    width:133px;
    height:48px;
    line-height: 48px;
    text-align: center;
    background:rgba(59,153,252,1);
    border-radius:0px 2px 2px 0px;
    color: #fff;
} 
/*轮播图/*div.banner{margin:0 auto;width:100%;height:510px;position:relative;overflow:hidden;text-align:center;}
*/ 

.mid1 .banbox{width:100%;height:410px;overflow:hidden;position:relative;}
.banbox>div{overflow:hidden;z-index:40;width:100%;height:100%;position:absolute;left:100%;}
.lbbg ,.lbbg img {height: calc(100% - 20px);position: absolute; right: -50px;z-index: -1;}
 
.banbox .pic1{left:0;}
/*.banbox a.pic2{background:pink;}
.banbox a.pic3{background:orange;}
.banbox a.pic4{background:yellow;}*/
div.choose{z-index:50;position:absolute;margin:auto;width:260px;left:50%;margin-left:-130px;margin-top:480px;}
.choose p{margin-right:15px;float:left;background:;width:48px;height:24px;}
.choose p:hover{cursor:pointer;}
.choose span{margin-top:10px;display:block;background:gray;width:48px;height:4px;border-radius:2px;}
.choose p:hover span{background:white;height:8px;margin-top:8px;border-radius:4px;}
.choose .red{background:white;}
.pre,.next{cursor:pointer;text-align:center;border-radius:20px;background:#cccccc;text-decoration:none;z-index:45;display:block;width:40px;height:40px;font-size:40px;color:red;position:absolute;top:80px;}
.banbox .pre{left:0px;display:none;}
.banbox .next{right:0px;display:none;}
.banbox .basenote {width: 100%;position: absolute; height: 40px;background:#1F3C80;bottom: 0px;}
.banbox .basenote .bncenter{width: 960px;margin:0 auto;height: 100%;}
.banbox .basenote .notebox{width: 320px;float: left;height: 40px;}
.banbox .basenote .notebox p{font-size:14px;font-weight:400;color:rgba(255,255,255,1);line-height:40px;letter-spacing:1px;}
.banbox .basenote .line{float:left;width:1px;height:32px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);margin-top: 4px;margin-left: -1px}
/*首页第二部分*/
.mid2{padding:48px 0 ;}
.mid2::after{
    content: '';
    clear: both;
    visibility: visible;
    display: block;
}
.mid2 .letter24nor{ color:#333333;}
.mid2 .all{margin-top:40px;width:960px;}
.mid2 .imgboxA{width:298px;height:220px;float:left;/*border:1px solid yellow;*/
}
.mid2 .imgboxB{width:364px;height:220px;float:left;}
.mid2 p.letter18nor{padding-top:168px;margin-bottom:8px;}
.mid2 p.letter14nor{color:#758E98;letter-spacing:1px;display:inline-block;}
.mid2 .imgbox1,.mid2 .imgbox2,.mid2 .imgbox3{margin-bottom:56px;}
.mid2 .imgbox1{background:url(../img/homepage/1-1.png);background-image:url(../img/homepage/1-1.svg),none;background-position:center top;background-repeat:no-repeat;}
.mid2 .imgbox2{background:url(../img/homepage/1-2.png);background-image:url(../img/homepage/1-2.svg),none;background-position:center top;background-repeat:no-repeat;}
.mid2 .imgbox3{background:url(../img/homepage/1-3.png);background-image:url(../img/homepage/1-3.svg),none;background-position:center top;background-repeat:no-repeat;}
.mid2 .imgbox4{background:url(../img/homepage/1-4.png);background-image:url(../img/homepage/1-4.svg),none;background-position:center top;background-repeat:no-repeat;}
.mid2 .imgbox5{background:url(../img/homepage/1-5.png);background-image:url(../img/homepage/1-5.svg),none;background-position:center top;background-repeat:no-repeat;}
.mid2 .imgbox6{background:url(../img/homepage/1-6.png);background-image:url(../img/homepage/1-6.svg),none;background-position:center top;background-repeat:no-repeat;}
/*箭头线*/
.mid2 .line{position:absolute;}
.mid2 .line1,.mid2 .line2,.mid2 .line5,.mid2 .line6{width:141px;height:8px;background:url(../img/homepage/arrows1.png);background-image:url(../img/homepage/arrows1.svg),none;}
.mid2 .line5,.mid2 .line6{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.mid2 .line3{width:135px;height:135px;background:url(../img/homepage/arrows3.png);background-image:url(../img/homepage/arrows3.svg),none;}
.mid2 .line4{width:8px;height:44px;background:url(../img/homepage/arrows2.png);background-image:url(../img/homepage/arrows2.svg),none;}
.mid2 .line1{margin-left:250px;margin-top:70px;}
.mid2 .line2{margin-left:580px;margin-top:70px;}
.mid2 .line3{margin-left:250px;margin-top:150px;}
.mid2 .line4{margin-left:805px;margin-top:225px;}
.mid2 .line5{margin-left:250px;margin-top:350px;}
.mid2 .line6{margin-left:580px;margin-top:350px;}
.mid2 .tltieletter14{font-size:14px;font-weight:400;color:rgba(117,142,152,1);line-height:20px;letter-spacing:1px;padding-top: 12px;}
.mid2 .midtwobox{float:left;width:304px; height:368px; background:rgba(255,255,255,1);border-radius:2px;border:1px solid rgba(230,230,235,1);margin-left: 24px;padding-top: 24px;box-sizing: border-box;position: relative;}
.mid2 .midtwobox:hover{background:rgba(255,255,255,1);box-shadow:0px 0px 24px 0px rgba(0,144,255,0.2);border-radius:2px;border:1px solid #fff;}
.mid2 .midtwobox:first-child{margin-left: 0px;position: relative;}
.mid2 .midtwobox .recommoned{width: 50px;height: 24px;background-color: #ae1f1f;position: absolute;top: 0px;right: 0px;    border-radius: 0px 0px 0px 12px;box-sizing: border-box;padding-top: 2px;padding-left: 8px;}
.mid2 .midtwobox .recommoned p{font-size: 14px;color: #ffffff;}
.mid2 .midtwobox .recommoned .sanjiaoxing{position: absolute;width: 0px;height: 0px;border-color: #ffffff transparent;border-width: 0px 10px 24px 0px;border-style: solid;top: 0px;left: 0px;}
.mid2 .headphoto{width: 100%;text-align: center;}
.mid2 .headphoto span{width:72px; height:72px;display: inline-block;}
.mid2 .midtwobox .note{width: 100%;margin-top: 16px;}
.mid2 .midtwobox .note span{font-size:18px; font-weight:400; color:rgba(51,51,51,1); line-height:25px;}
.mid2 .midtwobox .note .hoverfun{width:56px; height:22px; background:rgba(255,191,2,1); border-radius:2px;display: inline-block;cursor: pointer;vertical-align: 2px;position: relative;}
.mid2 .midtwobox .note .hoverfun p{font-size:12px;font-weight:400; color:rgba(51,51,51,1); line-height:22px;}
.mid2 .midtwobox .price{height: 42px;width: 100%;margin-top: 8px;}
.mid2 .midtwobox .price span{font-size:14px; font-weight:400; color:#62778C; line-height:20px;}
.mid2 .midtwobox .price span:first-child{font-size:36px;  font-weight:400; color:rgba(0,0,0,1); line-height:42px; letter-spacing:2px; }
.mid2 .midtwobox .intro{width: 100%;height: 75px;box-sizing: border-box; padding-left:40px;margin-top: 18px;text-align: left;}
.mid2 .midtwobox .intro p{width:240px;font-size:14px;font-weight:400; color:#62778C; line-height:25px;}
.mid2 .midtwobox .intro ul{list-style: disc;color:rgba(117,142,152,1); }
.mid2 .midtwobox .learnmore{width: 100%;height: 40px;padding: 0 16px;margin-top: 28px;}
.mid2 .midtwobox .learnmore a{display: block; width:272px; height:40px; background:rgba(23,152,252,1); border-radius:2px;}
.mid2 .midtwobox .learnmore a{font-size:14px;font-weight:400; color:rgba(255,255,255,1); line-height:40px; }
.mid2 .midtwobox .learnmore a:hover{background: #4EB1FD;}
.mid2 .midtwobox .learnmore a:active{background: #127FDC;}
.mid2 .midtwobox .lookhover{ position: absolute;width:741px; height:670px; background:rgba(255,255,255,1);padding: 8px;box-sizing: border-box;display: none;opacity: 0;transition: opacity 0.5s ease 0s;left: 70px;top: -228px;z-index: 10;    box-shadow:0px 0px 24px 0px rgba(106,175,255,0.2);border-radius:2px;
}
.mid2 .midtwobox .lookhover .hovercontent{width: 100%;height: 100%;background:rgba(246,247,252,1);}
.mid2 .midtwobox .lookhover .hoverbox{width: 244px;height: 100%;float: left;margin-left: 16px;text-align: left;}

.mid2 .midtwobox .lookhover .hoverbox .title{width: 100%;height: 40px;text-align: left;box-shadow:0px 1px 0px 0px rgba(117,142,152,0.4);}
.mid2 .midtwobox .lookhover .hoverbox .title p{font-size:14px; font-weight:400; color:rgba(74,74,74,1); line-height:40px;}
.mid2 .midtwobox .lookhover .hoverbox .content {width: 100%;height: 614px;}
.mid2 .midtwobox .lookhover .hoverbox .content span{font-size:12px;font-weight:400; color:rgba(117,142,152,1); line-height:26px;float: left;}
.mid2 .midtwobox .lookhover .hoverbox .content span:nth-child(2){vertical-align: 1px;width: 96px;margin-left: 7px;margin-top: -1px;}
.mid2 .midtwobox .lookhover .hoverbox .content li{width: 115px;}
.mid2 .midtwobox .lookhover .hoverbox .content li:nth-child(1){margin-top: 5px;}
.mid2 .midtwobox .lookhover .hoverbox .content .hoverbox1{width: 115px;}
.mid2 .midtwobox .lookhover .hoverbox .content .hoverbox2{width: 115px;margin-left: 14px;}
.mid2 .midtwobox .left{float: left;}
.mid2 .midtwobox .lookhover .hoverboxsmall{width: 136px;height: 100%;float: left;margin-left: 49px;text-align: left;}
.mid2 .clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }

/*第三部分*/
.mid3{width:100%;height:1431px;background:rgba(246,247,252,1);text-align: left;}
.boxall{padding-top:88px;height:106px;padding-bottom:40px;}
.mid3 .largenum{margin-left:-60px;font-size:80px;color:#FFFFFF;letter-spacing:5.71px;line-height:106px;}
.mid3 .box3 span.largenum{margin-left:-120px;}
.mid3 .box3 .letterSmall{margin-left:130px;}
.mid3 .letter20wh{font-size:20px;color:#FFFFFF;letter-spacing:1.43px;margin-bottom:20px;line-height:23px;}
.mid3 .letter12wh{font-size:12px;color:#FFFFFF;letter-spacing:0.86px;}
.mid3 .box1{float:left;width:318px;height:106px;}
.mid3 .box2{float:left;width:322px;height:106px;}
.mid3 .box3{float:left;width:318px;height:106px;}
.mid3 .letterSmall{margin:-80px 0 0 190px;text-align:left;}
.mid3 .border{float:left;width:1px;height:96px;background:radial-gradient(#fff -24%,rgba(255,255,255,0.00) 100%);}
.mid3 a.whiteBluebtn{padding:10px 35px;cursor:pointer;border-radius:2px;}
.mid3 a.knowkf{color:#1798FC;padding:0px 24px;cursor:pointer;border-radius:2px;background:#fff;font-size:16px;line-height:40px;height:40px;display:inline-block;}
.mid3 a.knowkf:hover{opacity:0.8;}
.mid3 .content{width: 960px;height: 100%;margin:0 auto;}
.mid3 .content .md3box{width: 100%;height: 450px;}
.mid3 .content .md3box .intro{width: 320px;height: 100%;float: left;}
.mid3 .content .md3box .bigletter{font-size:24px;font-weight:400;color:rgba(0,0,0,0.85);line-height:33px;padding-top: 80px;}
.mid3 .content .md3box .greenletter{font-size:14px;font-weight:400;color:rgba(117,142,152,1);line-height:25px;letter-spacing:1px;padding-top: 24px;}
.mid3 .content .md3box .commonletter{font-size:12px;font-weight:400;color:rgba(77,77,77,1);line-height:24px;}
.mid3 .content .md3box .image{float: left;width: 600px;height: 100%;}
.mid3 .content .md3box .imgcontrol{margin-top: 34px;    display: block;}
.mid3 .content .md3box .left{margin-left: 40px;}
.mid3 .content .md3box .learnmore{font-size:14px;font-weight:400;color:rgba(23,152,252,1);line-height:24px;display: block;padding-top: 16px;}
.mid3 .content .md3box .learnmore:hover{    color: #4EB1FD;}
.mid3 .content .md3box .hoveraction{width:70px; height:20px; background:rgba(255,191,2,1); border-radius:2px;display: inline-block;cursor: pointer;vertical-align: 2px;position: relative;}
.mid3 .content .md3box .hoveraction p{font-size:12px;font-weight:400; color:rgba(51,51,51,1); line-height:20px;text-align: center;}
.mid3 .md3box .checkhover{position: absolute;width:741px; height:670px; background:rgba(255,255,255,1);padding: 8px;box-sizing: border-box;display: none;opacity: 0;transition: opacity 0.5s ease 0s;left: -741px;top: -228px;z-index: 10;    box-shadow:0px 0px 24px 0px rgba(106,175,255,0.2);border-radius:2px;}
.mid3 .md3box .checkhover .hovercontent{width: 100%;height: 100%;background:rgba(246,247,252,1);}
.mid3 .md3box .checkhover .md3checkbox{width: 244px;height: 100%;float: left;margin-left: 16px;text-align: left;}
.mid3 .md3box .checkhover .title{width: 100%;height: 40px;text-align: left;box-shadow:0px 1px 0px 0px rgba(117,142,152,0.4);}
.mid3 .md3box .checkhover .title p{font-size:14px; font-weight:400; color:rgba(74,74,74,1); line-height:40px;text-align: left;}
.mid3 .md3box .checkhover .conbox{width: 100%;height: 614px;}
.mid3 .md3box .checkhover .floatleft{float: left;}
.mid3 .md3box .checkhover li{width: 115px;}
.mid3 .md3box .checkhover li:nth-child(1){margin-top: 5px;}
.mid3 .md3box .checkhover li span{font-size:12px;font-weight:400;color:rgba(117,142,152,1);line-height:26px;float: left;letter-spacing: 0px;}
.mid3 .md3box .checkhover .clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }
.mid3 .md3box .checkhover li span:nth-child(2){    vertical-align: 1px;
    width: 96px;
    margin-left: 7px;
    margin-top: -1px; }
/* 任督二脉 */
.service_licai{box-sizing: border-box;  width:100%;  background:linear-gradient(53deg, rgba(90,43,175,1) 0%,rgba(54,187,206,1) 100%);margin:0 auto;padding-top: 48px;padding-bottom: 48px;text-align: center;}
.service_licai h2{ font-size:24px;font-weight:400; color:rgba(255,255,255,1);height: 36px;  line-height:36px;  letter-spacing:1px;}
.service_licai .letter14nor{color: #fff;padding-top: 8px;}
.service_licai .service_kist{max-width: 780px;margin: 0 auto; display: flex; display: -webkit-flex;justify-content: space-between;padding-top: 42px; }
.service_licai .service_kist .img_box{width:80px; height:80px; background:rgba(255,255,255,1);border-radius: 50%;position: relative;}
.service_licai .service_kist .img_box span{position: absolute;width:43px;display: block;color: #ffffff;right: 0;top: 0;font-size: 12px;line-height: 18px; height:18px;  background:rgba(255,191,2,1);  border-radius:2px; }
/*页脚*/
.foot1{height: auto;padding-bottom: 48px; width:100%;box-sizing:border-box;border-bottom:1px solid #E1E4E6;background:#fff;} 
.foot1 .logobox::after{
    display: block;
    content: '';
    clear: both;
    visibility: visible;
}
.foot1 h2{color:#1F2122;font-size:24px;letter-spacing:1px;line-height:36px;padding:48px 0 24px 0;text-align: center}
.foot1 span{font-size:18px;line-height:24px;letter-spacing:0;}
.foot1 #changenum{font-size:24px;letter-spacing:2px;}
.foot1 .span1{float:left;}  
input:focus{background:#F2F8FF;}
.foot1 span.btn-zhuce{color:#FFFFFF;background:#1798FC;padding:12px 24px;float:left;cursor:pointer;margin-left:-5px;border-radius:0px 2px 2px 0px;}
.foot1 .logobox{padding-top:40px;width:944px;height:328px;}
.logobox .logobox-line{display:flex;width:944px;height:56px;margin-bottom: 12px;}
.logobox .logobox-line a {cursor: default;}
.logobox .logobox-line .logobox-line-bg{background-color: #F6F7FC;margin-right:16px;}
.logobox .logobox-line .line1-1{flex:1;width:144px;height:56px}
.logobox .logobox-line .line1-2{flex:1;width:144px;height:56px}
.logobox .logobox-line .line1-3{flex:1;width:144px;height:56px}
.logobox .logobox-line .line1-4{flex:1;width:144px;height:56px}
.logobox .logobox-line .line1-5{flex:1;width:144px;height:56px}
.logobox .logobox-line .line1-6{flex:1;width:144px;height:56px}

.foot1 .iconbox{display:inline-block;float:left;margin-left:7px;margin-right:7px;margin-bottom:12px;width:144px;height:56px;background:#F6F8FA;}
.foot1 .logo-item{width:100%;height:100%;}
/*查看更多案例*/
.foot1 .contant p.more{padding-top:24px;}
.foot1 .contant p a{font-size:14px;color:#1798FC;letter-spacing:0;line-height: 20px;display: inline-block;}
.foot1 .contant p a:hover{color:#4EB1FD;}



/* 净网投诉 */
.bottom_warming{
    position: fixed;
    bottom: 5px;
    border-radius: 3px;
    background-color: #fff5e6;
    color: #7d858e;
    z-index: 90;
    text-align: left;
    width: 200px;
    height: 236px;
    margin-left: 5px;
    padding: 10px;
    box-sizing: border-box;
}
.bottom_warming_text{
    line-height: 22px;
    display: block;
    font-size: 12px;
}
.bottom_warming_close{
    display: block;
    position: absolute;
    right: 1px;
    top: 0;
    cursor: pointer;
}