@charset "utf-8";
/* CSS Document */
/**公共部分**/
*{padding:0; margin: 0;}
body{ font-size:14px; color: #333; background: #fff;  font-family: "Microsoft Yahei";}
ul,li,dl,dt,dd{list-style:none;}
h1,h2,h3,h4,h5,h6{ text-align: center; font-size:100%;}
a{ color:#333; text-decoration: none;}
a:hover{ color:#333;}
img{border:0;}
input{ border:0; outline: none;}
.inner{width:1200px; margin: auto; }


/**顶部**/
.topall{border-bottom: 1px solid #ccc;}
.top{height:50px; line-height: 50px; font-size:12px; font-family: "宋体"; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.top-l{color: #666; width: 700px; }
.top-r{color: #666;}
.top-r a{color:inherit;}
.top-r a:hover{color:#666;}

/**logo**/
.logo{display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; margin-top: 15px;}
.logo-l img{width:215px; height: 67px;}
.logo-c{width:300px; text-align: center;}
.logo-c strong{font-size:20px; font-family: "宋体";}
.logo-c p{color:#666;}
.logo-r{
    /* display:flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center;  */
     width: 220px;
background:url(../picture/sjbj.png) no-repeat left top;
padding-bottom: 5px;
}
.logo-r dt{
    display:flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center;
    padding: 5px 0 0 36px;
}
.logo-r dt img{width:20px; height: 20px;
margin-right: 8px;
}
.logo-r dt span{ color: #fff; display: block;}
.logo-r dd p{font-size:18px; color: #fff; padding-left: 36px;font-weight: 700;}
.logo-menu{display:none;}

/**导航**/
.navbg{ width: 100%; background: #33b086; margin-top: 15px;}
.nav{display:flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;height:50px; line-height: 50px;}
.nav a{font-size:16px; color: #fff; font-weight: bold; font-family: "宋体"; text-align: center; width: 140px; height: 50px; display: block; }
.nav a.hover,.nav a:hover{ background:#1b7557; color: #fff;}

/**banner**/
.banner{width:100%; overflow: hidden; position: relative;}
.banner-bd{width:100%; height: 100%;}
.banner-bd li{height: 600px; background-size:auto 600px; background-repeat: no-repeat; background-position: center center; }
.banner-bd li img{height: 600px; width:100%; } 
.banner-bd li.banner1{ background-image: url(../images/banner1.jpg);} 
.banner-bd li.banner2{ background-image: url(../images/banner2.jpg);} 
.banner-hd{width:100%; position:absolute; z-index: 10; left: 0; bottom: 20px; font-size:0; display: flex; flex-flow: row nowrap; justify-content: center;}
.banner-hd li{width:50px; height: 8px; border-radius: 10px; background: #fff; margin: 0 5px;}
.banner-hd li.on{background: #2cbe60;}

/**关于我们**/
.aboutall{margin-top: 90px;}
.tit{width:100%;  background: url(../images/vip.png) center bottom no-repeat; background-size:70px 70px; padding-bottom:74px; text-align: center; color: #1a1a1a; }
.tit strong{ font-size:30px; display: block; padding: 10px 0;}
.tit p {font-size:14px; color: #666;}
.about{
    /* display:flex; flex-flow: row nowrap; justify-content:space-between;  */
    position: relative;
    margin-top:70px; height: 270px;}
.about-l{width: 450px;
    height: 270px;
    overflow: hidden;
    left: 0;
    top: -30px;
    position: absolute;}
.about-l img{width:100%; height: 100%; object-fit:cover; display: block;}
.about-r{
    width: 700px;
    padding: 0 25px;
    font-size: 16px;
    color: #333;
    line-height: 2.5;
    background: #dbdddf;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* margin-top: 30px; */
    height: 270px;
    margin-left: 400px;
    padding-left: 75px;
}
.about-r p{ margin-top: 15px;}
.about-r p a{color:#ff7a16;}

/**为什么要备案**/
.whyall{padding-top: 50px; padding-bottom: 80px; background: url(../images/service-bg1.png) center center no-repeat;
    background-attachment: fixed;
    margin-top:100px;}
.whyall .tit{color:#fff;}
.whyall .tit p {font-size:14px; color: #9f9d9d;}
.why{color:#fff; margin-top: 50px;}
.why p{line-height:2.5; font-size:16px; margin-top: 20px;}


/**备案服务商**/
.cooperationall{margin-top:100px;}
.cooperation{margin-top:20px; display: flex; flex-flow: row wrap; justify-content: space-between; width: 100%;}
.cooperation a{padding: 20px; border:1px solid #ccc; width:170px; height: 50px; border-radius: 10px; margin-top: 30px; position: relative; display: flex; flex-direction:column; justify-content: center; align-items: center; overflow: hidden; }
.cooperation a img{width:100%; height: 100%; border-radius: 10px;}
.cooperation a div{width:0; height: 0; position: absolute; z-index: 2; background-image: linear-gradient(to bottom, #333 0%,#000 50%,#333 100%); transition: all 0.3s linear; border-radius: 10px;}
.cooperation a p{width:0; height: 0; font-size:16px; color:#fff; position: absolute; z-index: 3; display: flex; justify-content: center; align-items: center; transition: all 0.3s linear; overflow: hidden;}
.cooperation a:hover div{ width: 100%; height: 100%; opacity: 0.9;}
.cooperation a:hover p{ width: 100%; height: 100%;}

/**业务范围**/
.businessall{margin-top:100px; height: 774px; 
    background: url(../images/businessall-bg.jpg) center center no-repeat; background-attachment: fixed;
}
.businessbox{padding-top:50px;}
.businessbox .tit{color:#fff;}
.businessbox .tit p {font-size:14px; color: #9f9d9d;}
.business{display:flex; flex-flow: row wrap; justify-content: space-between; align-content: space-between; margin-top: 50px;  background: #fff; padding: 30px 0; height: 400px;}
.business dl{width: 250px; padding: 10px; display: flex; flex-flow:row nowrap; justify-content:center; 
    align-items: center; margin: 0 50px; transition: all 0.3s linear; border-radius:5px;
    border: 1px dashed #33b086;
}
.business dl:hover{background:#bcf8e4;}
.business dt{width: 50px; height:50px; margin-right: 15px;}
.business dt img{width: 100%; height:100%; }
.business dd {width:200px;}
.business dd strong{font-size:16px; }
.business dd p{color:#999; font-size:12px; padding-top: 5px;}

/**合作流程**/
.processall{margin-top:100px; }
.process ul{display:flex; flex-flow: row nowrap; justify-content: space-between; margin-top: 50px;}
.process li{width: 120px;
    height: 120px;
    border-radius: 10px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* box-shadow: 10px 10px 10px #999; */
    border: 1px dashed #999;
    transition: all 0.6s linear;
    position: relative;
}
.process li:after{
    content: '';
    position: absolute;
    left: 150px;
    top: 36px;
    background: url(../picture/jt2.png) no-repeat left center;
    width: 40px;
    height: 40px;
}
.process li:hover{background:#bcf8e4;  
    box-shadow: 6px 6px 12px #e0e0e0;
}  
.process li:last-child:after{
    background: initial;
}
.process li img{width:55px; height:55px; }
.process li span{font-size:16px; padding-top: 5px;}

/**备案资料**/
.fileall{margin-top:100px;}
.file{display:flex; flex-flow: row nowrap; justify-content:space-between; margin-top: 80px; width: 100%;}
.file dl{
    width: 500px;
    padding: 50px 0;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 10px 10px 10px #aaa;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    transition: all 0.3s linear;
}
.file dl:hover{background:#f0fef9;}
.file dt{
    width: 250px;
    /* margin: 0 auto; */
    height: 60px;
    border-radius: 10px;
    font-size: 20px;
    color: #000;
    background-image: linear-gradient(to bottom, #33b086 0%,#33b086 50%,#33b086 100%);
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    /* box-shadow: 10px 10px 10px #000; */
    position: absolute;
    z-index: 2;
    top: -30px;
    left: 26px;
}
.file dt img{width:30px; height: 30px; margin-right: 10px;}
.file dd{ 
    height: 50px;
    line-height: 50px;
    width: 90%;
    margin: 10px auto;
    background: #fff;
    font-size: 16px;
    color: #ff7a16;
    text-indent: 20px;
    /* border-radius: 5px; */
    border-bottom: 1px dashed #33b086;
}

/**我们的优势**/
.serviceall{width:100%; height:834px;  background: url(../images/service-bg.jpg) center center; margin-top: 100px;}
.servicebox{ padding-top:50px;}
.servicebox .tit{color:#fff;}
.servicebox .tit p {font-size:14px; color: #9f9d9d;}
.service{display:flex; flex-flow: row wrap; justify-content:space-between;}
.service dl{width:450px; display: flex; flex-flow: row nowrap; justify-content: flex-start; padding:30px 0;}
.service dt{width:60px; height:60px; overflow: hidden; margin-right: 15px;}
.service dt img{width:100%; height: 100%;}
.service dd{width:370px;}
.service dd span{font-size:20px; color: #fff;}
.service dd p{font-size:16px; color: #9f9d9d; padding-top: 5px;}

/**备案省份**/
.provinceall{ margin-top: 100px;}
.province{margin-top:50px; display:flex; flex-flow: row wrap; justify-content: space-between;}
.province a{width:140px; height: 50px; line-height: 50px; font-size:16px;  text-align: center; color: #fff; background: #949391; border-radius: 5px; margin-top: 10px; transition: all 0.5s linear;}
.province a:hover{color:#000; background: #33b086;}

/**新闻资讯**/
.newall{ margin-top: 100px;}
.newbox{margin-top:70px; display:flex; flex-flow: row nowrap; justify-content: space-between;}
.new{width:550px;}
.new-top{font-size:20px; color: #1a1a1a; font-weight: bold; padding-bottom: 10px;
border-bottom: 1px solid #999;
position: relative;
padding-left: 20px;
}
.new-top:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 8px;
    height: 20px;
    background-color: #33b086;
    border-radius: 5px;

}
.new-bod{margin-top:20px;}
.new-bod li{display:flex; flex-flow: row nowrap; justify-content:space-between; align-items: center;border-bottom: 1px dashed #e0e0e0; margin-top: 10px; padding-left:35px; height:40px; line-height: 40px;}
.new-bod li a{color: #333; width:420px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.3s linear;}
.new-bod li a:hover{color:#ff7a16; text-indent:10px;}
.new-bod li span{font-size:12px; color: #666;}
.new-bod1 li{ background: url(../images/new-ico1.png) left center no-repeat; background-size:25px 25px;
}
.new-bod2 li{ background: url(../images/new-ico2.png) left center no-repeat; background-size:30px 30px;}

/**底部**/
.footall{background:#1a1a1a; margin-top:100px;}
.foot{display:flex; flex-flow: row nowrap; justify-content:space-between; color:#fff; padding-top: 50px; padding-bottom: 30px;}
.foot-logo{ border-radius: 10px; overflow: hidden; width: 242px; height: 150px;}
.foot-logo img{ width: 100%; height: 100%;}
.foot dl{}
.foot dt{font-size:18px; margin-bottom: 10px; font-weight: bold;}
.foot dd{height:30px; line-height: 30px;}
.foot dd a{color:#9f9d9d; transition: all 0.3s linear; display: block;}
.foot dd a:hover{color:#fff; text-indent: 10px;}
.weixin{text-align:center;}
.weixin span img{width:150px; height:150px;}
.weixin p{font-size:18px; color:#fff; padding-top:8px;}

/**友链版权**/
.link{padding: 30px 0;
border-bottom: 1px dashed #4f5b62;
}
.link-tit{font-weight: bold; color: #ccc; font-size:16px; text-indent: 10px;}
.link-con{display:flex; flex-flow: row wrap; justify-content:flex-start;}
.link-con li{margin:10px;}
.link-con li a{color:#9f9d9d;transition: all 0.6s linear;}
.link-con li a:hover{color:#ccc;}
.copyright{text-align:center; color: #ccc; padding: 30px 0; border-top:1px solid #4f5b62;}
.copyright a{color:#ccc;}
.copyright a:hover{color:#9f9d9d;}

/**手机底端**/
.shouji{display:none;}

/**微信弹窗**/
.wxtc{ display:none;}


/**当前位置**/
.position{margin-top:30px; color: #666; }
.position span{background: url(../images/position.png) center left no-repeat; background-size:16px 16px; padding-left: 20px;}
.position a{color:#666;}

/**全国备案中心**/
.quanguoall{margin-top:100px;}
.quanguo{display:flex; flex-flow: row wrap; justify-content: space-between;}
.quanguo li{width:250px; height: 150px; border:1px solid #ccc; background:#fff; border-radius: 10px; overflow: hidden; margin-top: 50px; display: flex; flex-flow: column; justify-content: center; align-items: center; transition: all 0.6s linear;}
.quanguo li a{width:90%; height: 90%; font-size:20px;  color: #33b086; border-radius: 10px; display:flex; flex-direction: column; justify-content: center; align-items: center; border:1px solid #ccc;}
.quanguo li p{width:50px; height: 50px; background: url(../images/beian.png) center center no-repeat; background-size:50px 50px;}
.quanguo li:hover{background:#33b086;}
.quanguo li:hover a{color:#1a1a1a; border:1px solid #1a1a1a;}
.quanguo li:hover p{background:url(../images/beian-1.png) center center no-repeat; background-size:50px 50px;}

/**备案规则**/
.guizeall{margin-top:100px;}
.guize{display:flex; flex-flow: row wrap; justify-content:flex-start; margin-top: 30px;}
.guize li{background: url(../images/guize.png) left center no-repeat; 
    background-size:30px 30px; height:30px; line-height: 30px; width: 330px; 
    padding-left: 35px; padding-right: 35px; font-size:14px; color: #333; margin-top: 10px;
    border-bottom: 1px dashed #e0e0e0;
    padding-bottom: 10px
}
.guize li a{width:100%; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.3s linear;}
.guize li a:hover{color:#ff7a16; text-indent:10px;}


/**地区备案中心**/
.zhongxinall{margin-top:100px;}
.zhongxin{margin-top:30px; display: flex; flex-flow: row nowrap; justify-content: space-between;}
.zhongxin-l{width:450px; height: 300px; border-radius: 10px; box-shadow: 10px 10px 10px #aaa; overflow: hidden;}
.zhongxin-l h1{width:100%; height: 100%; border-radius: 10px;}
.zhongxin-l h1 img{width:100%; height: 100%; display: block;}
.zhongxin-r{width:640px; background:#dbdddf; padding:20px 30px; border-radius: 10px; box-shadow: 10px 10px 10px #aaa;}
.zhongxin-r dl{margin-top:15px;}
.zhongxin-r dt{font-size:16px; height: 20px; line-height: 20px; color: #1a1a1a; background:url(../images/wen.png) left center no-repeat; background-size:30px 30px; padding-left: 38px;}
.zhongxin-r dd{color:#666; margin-top:10px; background:url(../images/da.png) left top no-repeat; background-size:30px 30px; padding-left: 38px;}
.zhongxin-r dd a{color:#ff7a16;}

/**广告服务**/
.adverall{margin-top:100px;}
.adver-hainan{width:100%; height: 200px; background: url(../images/adver-hainan-bg.jpg) center center no-repeat; border-radius: 10px;}
.adver-hainan a{width:100%; height: 100%; display: flex; flex-direction: column; align-items:center; justify-content: center; }
.adver-hainan a strong{font-size:40px; color: #33b086;}
.adver-hainan a p{font-size:20px; color: #fff; margin-top: 10px;}

/**地区备案客户**/
.kehuall{margin-top:100px;}
.kehu{display:flex; flex-flow: row wrap; justify-content:space-between; align-items: center; margin-top: 50px;}
.kehu li{width:250px; height: 40px; line-height: 40px; border-radius: 5px; text-align: center; background: #d8d5d0; margin-top: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.kehu li:hover{background:#ccc;}

/**备案案例**/
.anliall{margin-top:100px;}
.anli-daohang{margin-top:50px; display: flex; flex-flow: row wrap; justify-content:flex-start;}
.anli-daohang strong{width:100px; height:30px; text-align: center; line-height: 30px;  margin:5px 10px; font-size:14px;}
.anli-daohang a{width:100px; height:30px; border-radius:3px; text-align: center; line-height: 30px;  margin:5px 10px; background: #dedbdb; font-size:12px; color: #666; transition: all 0.3s linear;}
.anli-daohang a:hover{background:#1a1a1a; color:#33b086;}
.anlibox{display:flex; flex-direction: column; justify-content:center; position: relative; margin-top: 80px; border:1px solid #aaa; border-radius: 10px;}
.anlibox strong{width:250px; height: 50px; line-height: 50px; text-align: center; 
    border-radius: 5px; position: absolute; top: -30px; left: 40px; z-index: 2; font-size:20px;  
    font-weight: normal;  color: #000; 
    background-image: linear-gradient(to bottom, #33b086 0%,#33b086 50%,#33b086 100%); }
.anli{display:flex; flex-flow: row wrap; justify-content:space-between; align-items: center; padding: 40px;}
.anli li{width:250px; height: 40px; line-height: 40px; border-radius: 5px; text-align: center; background: #d8d5d0; margin-top: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.anli li:hover{background:#ccc;}


/**列表页模板一**/
.listall{margin-top:30px; display: flex; flex-flow: row nowrap; justify-content: space-between;}
.list{width:800px;}
.list-tit{font-size:20px; color:#1a1a1a; font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
    padding-left: 20px;
    position: relative;
}
.list-tit:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 8px;
    height: 20px;
    background-color: #33b086;
    border-radius: 5px;
}
.list-con{width:100%;}
.list-con li{display:flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; 
    margin-top: 30px;
    border-bottom: 1px dashed #e0e0e0;
    padding-bottom: 20px;
}
.list-img {width:220px; height: 140px; overflow: hidden; border-radius: 5px;}
.list-img img{width:100%; height: 100%;  object-fit:cover; transition: all 0.3s linear;}
.list-img img:hover{transform:scale(1.1);}
.list-txt {width:550px;}
.list-txt strong a{font-size:16px; color: #333; transition: all 0.3s linear; display: block;}
.list-txt strong a:hover{ color:#ff7a16;}
.list-txt p{line-height: 1.8;  color: #666; padding-top:8px;}
.list-txt p a{color:#f00;}
.list-txt p span{font-size:12px; margin-right:20px; color: #999999;}
.list-txt p span:nth-child(1){background: url(../images/ico-time.png) left center no-repeat; background-size:18px 18px; padding-left: 23px;}
.list-txt p span:nth-child(2){background: url(../images/ico-hot.png) left center no-repeat; background-size:20px 20px; padding-left:25px;}

/**列表页模板二**/
.list-con2{ width: 100%; margin-top: 50px;}
.list-con2 li{padding:15px; display: flex; flex-flow: row nowrap; justify-content: space-between; 
    align-items: center; margin-top: 20px;
    border-bottom: 1px dashed #e0e0e0 ;}
.list-con2 li:hover{background:#f3fdfa;}
.list-con2-time{ width:80px; height:80px;
     background: #33b086; color:#333; display: flex; flex-direction: column; justify-content: center; align-items: center;

    }
.list-con2-time strong{ font-size:16px;}
.list-con2-time span{ display:block; font-size:16px;}
.list-con2-txt{width:670px;}
.list-con2-txt strong a{font-size:18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #686868; width: 100%; display: block; transition: all 0.3s linear;}
.list-con2-txt p{font-size:14px; color:#999; margin-top:5px; line-height: 1.8;}
.list-con2-txt p a{color:#f00;}
.list-con2 li:hover .list-con2-txt a{color:#000;}
.list-con2 li:hover .list-con2-txt p{color:#777;}
.list-con2 li:hover .list-con2-txt p a{color:#f00;}

/**列表分页**/
.list-page{margin-top:50px; display:flex; flex-flow: row nowrap; justify-content: center;}
.list-page li{padding: 2px 6px;  margin:0 3px; font-size:14px;}
.list-page li.thisclass{font-weight: bold;}

/**内页右侧**/
.right{width:320px;}
.ad{margin-bottom:20px;}
.ad img{display:block; width: 100%; margin-bottom: 10px;}
.hot{}
.hot-tit{font-size:20px; color:#1a1a1a; font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #999;
    padding-left: 20px;
position: relative;}
.hot-tit:after {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 8px;
    height: 20px;
    background-color: #33b086;
    border-radius: 5px;
    
   
}
.hot-con{margin-top:20px;}
.hot-con li{ margin-top: 10px; padding-left:35px; 
    height:40px; line-height:40px; background: url(../images/tui-ico1.png) left center no-repeat; 
    background-size:25px 25px;
    border-bottom: 1px dashed #e0e0e0;
}
.hot-con li a{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; width: 100%; display: block; transition: all 0.3s linear;}
.hot-con li a:hover{color:#ff7a16; text-indent:10px;}

/**内容页**/
.contentall{margin-top:30px; display: flex; flex-flow: row nowrap; justify-content: space-between;}
.content{width:800px; padding-top: 50px;}
.content h1{font-size:28px; font-weight:normal;}
.content-ins{text-align: center; margin-top:20px;}
.content-ins span{font-size:12px; color: #999; margin: 0 10px;}
.content-ins span a{color:inherit;}
.content-ins span a:hover{color:#666;}
.content-bod{font-size:16px; line-height: 2; color: #666; padding-top: 20px; overflow: hidden;}
.content-bod p,.content-bod div{ margin-top: 20px;}
.content-bod p img,.content-bod div img{padding:20px 0; max-width:100%;}
.content-bod p a,.content-bod div a{color: #f00; }
.content-bod p a:hover,.content-bod div a:hover{text-decoration: underline; font-weight: bold;}
.content-bod p font{display:none;}
.content-tag{margin-top:30px; flex-flow: row wrap; justify-content: flex-start; line-height: 2.2;}
.content-tag a{margin: 0 10px; padding: 2px 8px; background: #000; color: #fff;}
.content-tag a:hover{color: #33b086;}
.content-zhuanzai{margin-top:50px; color: #9f9d9d; line-height: 2;  background: #dbdddf; padding: 20px; }
.content-zhuanzai strong{color:#ff7a16;}
.content-zhuanzai span{color:#d05a4b;}
.content-zhuanzai span a{color:inherit;}
.content-zhuanzai span a:hover{ text-decoration:underline;}
.content-zhuanzai:hover{ background:#d1d3d5;}
.content-page{margin-top:50px; display: flex; flex-flow: row wrap; justify-content: space-between;}
.content-page li{font-size:16px; margin-top: 10px; width: 380px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.content-page li:nth-child(2){text-align: right;}
.content-page li a{color: #666; font-size:14px;}
.content-page li a:hover{color:#f00;}

/**费用价格**/
.jiage-all{margin-top:80px;}
.jiage-box{display:flex; flex-flow: row wrap; justify-content: space-between; border-left: 1px solid #ccc; border-top:1px solid #ccc; }
.jiage{ width:50%;}
.jiage dt{width:100%;font-size:18px; font-weight: bold; text-align: center; height:40px; line-height: 40px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;  padding: 10px 0; color:#000; background: #ccc; }
.jiage dd{width:100%; font-size:16px; margin-top:0; display: flex; flex-flow: row nowrap; justify-content:flex-start; align-items: center; height:40px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding: 10px 0;}
.jiage dd strong{ width: 120px; margin-left: 30px;}
.jiage dd p{  width:400px; color: #666;}
.jiage dd p a{color:#f00;}
.jiaji{width:100%;}
.jiaji li{ font-size:16px; margin-top:0; display: flex; flex-flow: row nowrap; justify-content:flex-start; align-items: center; height:40px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding: 10px 30px;}
.jiaji li strong{ width: 120px;}
.jiaji li p{color:#666;}
.jiage-zhuyi{ color:#f00; font-size:16px; line-height: 2; margin-top: 30px; font-weight: bold;}

/**服务器主机**/
.server-all{}
.server-xuni,.server-yun,.server-huazhong{margin-top:80px;}
.server{ margin-top:50px; border-top:1px solid #ccc; border-right:1px solid #ccc;}
.server dt,.server dd{width:100%;  height: 40px; padding: 10px 0; display:flex; flex-flow: row nowrap; justify-content:flex-start; align-items: center; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.server dt strong{width: 295px;  text-align: center; font-size:20px;}
.server dd span{ width: 295px;  text-align: center; font-size:14px;}
.server dt{
    background: #33b086;
}
.server dd:nth-child(2n+1){
    background-color: #f2fdf9;
}

/**出售已备案域名**/
.chushou-all{margin-top:80px;}
.chushou{ margin-top:50px; border-top:1px solid #ccc; border-right:1px solid #ccc;}
.chushou dt,.chushou dd{width:100%;  height: 40px; padding: 10px 0; display:flex; flex-flow: row nowrap; justify-content:space-around; align-items: center; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.chushou dt strong{width: 220px; text-align: center; font-size:20px;}
.chushou dt strong:nth-child(1){width:300px;}
.chushou dd span{width: 220px; text-align: center; font-size:14px; }
.chushou dd span:nth-child(1){width:300px;}
.chushou dd span:nth-child(5){cursor: pointer; text-decoration: underline; color: #f00;}

/**在线客服**/
.zaixian{background-image: linear-gradient(to bottom, #33b086 0%,#33b086 50%,#33b086 100%); width:200px; padding:20px 10px; border-radius: 10px; position: fixed; right: 0; display: flex; flex-flow: row;justify-content: space-between; align-items: center; transition: all 0.3s linear; box-shadow: -5px 5px 25px #000;}
.zaixian-hide{right: -165px;}
.zaixian strong{width:30px; font-size:20px; color: #000; font-weight: normal; line-height: 1.3; padding: 0 10px; display: block; cursor: pointer;}
.zaixian strong.zaixian-bt1{display:block;}
.zaixian strong.zaixian-bt2{display:none;}
.zaixian strong span{font-family: "宋体"; font-weight: bold; padding-top: 10px;}
.zaixian dl{background:#fff; border-radius: 10px; padding:20px 10px 5px; width: 150px; }
.zaixian dt{font-size:16px; font-weight: bold; text-align: center; padding-bottom: 15px;}
.zaixian dd{ padding:10px 0; border-bottom:1px solid #ccc; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center;}
.zaixian dd:last-child{border:0;}

/**404**/
.errorall{margin-top:80px; background: #dbdddf; padding: 40px 0; border-radius:10px;}
.error{text-align:center; margin-top: 40px; }
.error strong{font-size:30px;}
.error p{font-size:20px; margin-top: 20px; margin-bottom: 40px;}
.error a{width:130px; height: 40px; line-height: 40px; display: inline-block; background: #33b086; border-radius:5px;}

/**增值电信业务经营许可证**/
.dianxin{margin-top:80px;}
.yilei{width:100%; margin-top:80px; display: flex; flex-flow: row nowrap; justify-content: space-between;}
.yilei li{width:200px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; border:1px solid #ccc; border-radius: 10px; padding: 10px;}
.yilei-ico{width:50px; height:50px; margin-right: 10px;}
.yilei-ico img{width:100%; height:100%;}
.yilei-con{width:150px; }
.yilei-con strong{font-size:16px;}
.yilei-con p{font-size:12px; color:#999;}





.dw{
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
}