@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;}
.logo-r dt img{width:50px; height: 50px;}
.logo-r dd span{ color: #666; display: block;}
.logo-r dd p{font-size:20px; color: #2f2f2f; }
.logo-menu{display:none;}

/**导航**/
.navbg{ width: 100%; background: #242f35; 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-image: linear-gradient(to bottom, #fbdb7f 0%,#f7bb0e 50%,#fbdb7f 100%); color: #242f35;}

/**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.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: #f7bb0e;}

/**关于我们**/
.aboutall{margin-top: 90px;}
.tit{width:100%;  background: url(../images/vip.png) center top no-repeat; background-size:70px 70px; padding-top:60px; text-align: center; color: #242f35; }
.tit strong{ font-size:30px; display: block; font-weight: normal; padding: 10px 0;}
.tit p {font-size:14px; color: #666;}
.about{display:flex; flex-flow: row nowrap; justify-content:space-between; margin-top:50px; height: 270px;}
.about-l{width:450px; height: 270px; overflow: hidden;}
.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;}
.about-r p{ margin-top: 15px;}
.about-r p a{color:#d81e06;}

/**为什么要备案**/
.whyall{padding-top: 50px; padding-bottom: 80px; background: #242f35; 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;}
.businessbox{padding-top:80px;}
.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: 50px 0; height: 250px;}
.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;}
.business dl:hover{background:#f0f0f0;}
.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:#f7bb0e; display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: 10px 10px 10px #999; transition: all 0.6s linear;}
.process li:hover{background:#f5c847;  box-shadow: 6px 6px 6px #333; }
.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: #bbbbba;  transition: all 0.3s linear; }
.file dl:hover{background:#aaaaa7;}
.file dt{width:250px; margin: 0 auto; height:60px; border-radius: 10px; font-size:20px; color: #000; background-image: linear-gradient(to bottom, #fbdb7f 0%,#f7bb0e 50%,#977104 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;}
.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: #333; text-indent: 20px; border-radius: 5px;}

/**我们的优势**/
.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: #f7bb0e;}

/**新闻资讯**/
.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: #242f35; font-weight: bold; padding-bottom: 10px;}
.new-bod{margin-top:20px;}
.new-bod li{display:flex; flex-flow: row nowrap; justify-content:space-between; align-items: center; 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:#d81e06; 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:#242f35; 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;}
.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:#242f35; 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: #fff; 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:#f7bb0e;}
.quanguo li:hover a{color:#242f35; border:1px solid #242f35;}
.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;}
.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:#d81e06; 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; background: #242f35; background-image: linear-gradient(to bottom, #47606d 0%,#242f35 50%,#171e22 100%); border-radius: 10px; display:flex; flex-direction: column; justify-content: center; box-shadow: 10px 10px 10px #666;}
.zhongxin-l h1{width:70%; height: 70%; display:flex; flex-direction: column; justify-content: center; align-items: center; border:1px solid #ccc; margin: auto; border-radius: 10px;}
.zhongxin-l h1 span{font-size:36px; color: #fff;}
.zhongxin-l h1 p{color:#ccc; padding-top: 8px; font-size:12px;}
.zhongxin-r{width:640px; background:#dbdddf; padding:20px 30px;}
.zhongxin-r dl{margin-top:15px;}
.zhongxin-r dt{font-size:16px; height: 20px; line-height: 20px; color: #242f35; 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:#d81e06;}

/**地区备案客户**/
.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:#242f35; color:#f7bb0e;}
.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, #fbdb7f 0%,#f7bb0e 50%,#977104 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:#242f35; font-weight: bold;}
.list-con{width:100%;}
.list-con li{display:flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; margin-top: 30px;}
.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:#d81e06;}
.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;}
.list-con2 li:hover{background:#d4d6d7;}
.list-con2-time{ width:80px; height:80px; background: #dbdddf; 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:#242f35; font-weight: bold;}
.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;}
.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:#d81e06; 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-zhuanzai{margin-top:50px; color: #9f9d9d; line-height: 2;  background: #dbdddf; padding: 20px; }
.content-zhuanzai strong{color:#d81e06;}
.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{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;}

/**在线客服**/
.zaixian{background-image: linear-gradient(to bottom, #f7bb0e 0%,#f8d369 50%,#f7bb0e 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: #f7bb0e; border-radius:5px;}