body {
    font-family: "微软雅黑";
    color: #666;
    padding: 0px;
    margin: 0 auto;
    overflow-x: hidden;
}
a{color: #666666;}
a:hover{color: #4a4a4a;}
img{opacity: 1;transition: 0.1s ;}
img:hover{opacity: 0.9;cursor: pointer;}
@media screen and (max-width: 1920px){
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1300px;
    }
}
@media screen and (max-width: 1600px){
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1260px;
    }
}
@media screen and (max-width: 1366px){
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1150px;
    }
}
.bg-light {
    background-color: #FFFFFF !important;
}
.navbar .navbar-text{ border-left: #cccccc 1px solid; margin-left: 20px; padding-left: 10px; }
.navbar .navbar-text h2,.navbar .navbar-text h3{font-size: 14px;line-height: 1em; padding: 0px;}
.navbar .navbar-nav li{ padding: 0 4px;}
.page-item.active .page-link {
    z-index: 3;
    color: #555555;
    background-color: #f1f1f1;
    border-color: #f1f1f1;
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #666666;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-link:hover {
    z-index: 2;
    color: #555555;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #d80001;
}
.navbar{box-shadow: 0 4px 10px rgba(0,0,0,.25); min-height: 102px; }
.page .container .content table{border: #f1f1f1 solid 1px;}
.page .container .content table td{border: #f1f1f1 solid 1px;line-height: 1.8em;
    font-size: 14px;}
.page .container .content h1{
    font-size: 30px;}
.page .container .content table td h2{font-size: 18px;}
.page .container .content table td h1{font-size: 25px; line-height: 2em;}
#indexBanner{margin-top: 102px;}
header .navbar-nav li{border-bottom: transparent solid 2px; position: relative;}
header .navbar-nav li::after{
    position: absolute; content: "";left: 0px;bottom: 0px; height: 2px; width: 0px; background: #d80001; transition: width 0.5s linear;
}
header .navbar-nav li:hover::after{
    width: 100%;
}
header .navbar-nav li.active::after{
    position: absolute; content: "";left: 0px;bottom: 0px; height: 2px; width: 100%; background: #d80001;
}
.carousel-caption h2{
    font-size: 36px;}
.carousel-caption p{
    font-size: 18px;}
.carousel-caption .col-12{   margin-bottom: 150px;}
div>.title{text-align: center;}
div>.title .line{ height: 3px; position: relative; width: 100%; margin: 3px auto;}
div>.title .line::before{ position: absolute; content: ""; width: 150px; height: 1px; background: #eae6e4; left: 50%; transform: translateX(-50%); top:1px;  }
div>.title .line::after{ position: absolute; content: ""; width: 20px; height: 3px; background: #d80001; left: 50%; transform: translateX(-50%); top: 0px;  }
div>.title h2{
    font-size: 30px;color: #353535; text-align: center;}
div>.title h3{
    font-size: 14px;
    color: #bebebe; text-transform: uppercase;text-align: center;}
.index-service .container>p{text-align: center;}
.index-service .title+p{ margin-top: 20px;}
.index-service .card{ position: relative;cursor: pointer; border-radius: 4px; margin-bottom: 15px;}
.index-service .card .card-hover-info{ width: 100%; height: 100%;background: #4c4c4c; padding: 10px;display: none;position: absolute; left: 0px;
    top: 0px; text-align: center; color: #f1f1f1; transition: 1s linear;border-radius: 4px;}
.index-service .card .card-hover-info h2{
    font-size: 20px; text-align: center;}
.index-service .card .card-hover-info dl{ border-top: #656565 solid 1px; text-align: left;  padding-top: 10px;}
.index-service .card .card-hover-info dl dt{float: left;
    font-weight: normal;}
.index-service .card .card-hover-info dl dt, .index-service .card .card-hover-info dl dd{
    font-size: 13px; line-height: 1.5em;}
.index-service .card:hover .card-hover-info{display: block; }
.index-service .card .card-title{
    font-size: 20px;color: #4a4a4a;
    text-align: center;}
.index-service .card h3{
    font-size: 12px; text-align: center;
    border-bottom: #bcbcbc 1px dashed;line-height: 2em;}
.index-service .card-body{text-align: center;}
.index-service .card .card-body .card-text{
    font-size: 12px;}
.index-service .card a{ padding: 0px; line-height: 40px; width: 80%;}
.index-service .card a.btn{ height: 40px;border-radius: 20px; border: none;}
.index-service .card a:hover{background: #d80001; color: #ffffff;}
/*    首页我们的案例*/
.index-case{background: #f5f5f6; width: 100%; overflow: hidden;}
.index-case .title+p{ text-align: center;}
.index-case .row ul{ width: 100%; text-align: center; display: flex; flex-direction: row; justify-content: center;}
.index-case .tab-content{width: 100%; text-align: center; margin-top: 20px; padding: 10px;}
.index-case .tab-pane .row .col-md-3{ margin-bottom: 20px;}
/*    首页新闻*/
.index-news .card{width: 100%; background: #f5f5f6; height: 430px; margin-top: 20px;}
.index-news .card h3{font-size: 18px; text-overflow: ellipsis; line-height: 36px; height: 36px; overflow: hidden;}
.index-news .card h6{font-size: 12px;}
.index-news .card p{font-size: 14px;}
.index-news .container>.row>div:last-child>.card{border: transparent;padding: 25px 30px; display: flex; flex-direction: column;justify-content: space-between; align-items: center; }
.index-news .card dl{ padding: 0px; margin: 0 auto; width: 100%; position: relative;}
.index-news .card dl dt{
    font-size: 14px;
    font-weight: normal; width: 100%;padding-right: 100px;}
.index-news .card dl dt a{
    font-size: 14px;
    font-weight: bold;}
.index-news .card dl dd{width: 100%; height: 56px; text-align: left; color: #666666;
    font-size: 12px; cursor: pointer; padding-right: 100px; margin: 0 auto; }
.index-news .card dl span{cursor:pointer;display: block; width:100px;height: 56px; position:absolute;right: 0px; top:0px; background: #cbcbcb;  margin: 0 auto; padding: 0px;text-align: center;border-radius: 6px; color: #333333;}
.index-news .card dl span:first-line{font-size: 18px;}
.index-news .card dl span:hover{background: #d80001; color: #f1f1f1;}
/*    首页解决方案*/
.index-solution{ background: url("/content/images/index-solution.jpg") top center no-repeat; width: 100%; overflow: hidden;}
.index-solution .title h2, .index-solution .title+p, .index-solution .title h3{ color: #ffffff;}
.index-solution .card{ border: transparent; background: transparent; padding-top: 20px;}
.index-solution .card h3{
    font-size: 20px;line-height: 20px;}
/*首页优势*/
.index-advantage ul{ display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap;}
.index-advantage ul li{ cursor: pointer; width: 25%; flex: 1 1 auto; list-style-type: none; text-align: center; border: #f1f1f1 solid 1px; display: flex; flex-direction: column; align-items: center; padding: 15px;}
.index-advantage ul li:hover{border: solid 1px transparent; box-shadow: 0 0 30px rgba(0,0,0,0.15);}
.index-advantage ul li p.index-advantage-img{ width: 100px; height: 100px; background: #d80001; border-radius: 50%; display: flex; justify-content: center;align-items: center;}
.index-advantage ul li h3{font-size: 16px;}
.index-advantage ul li p{font-size: 12px;}
/*首页城市流程*/
.index-process{}
.index-process .info img{
    max-width: 100%;
}

/*首页城市问题*/
.index-city-faq{
    width: 100%;
    margin: 0 auto;
    background: #f1f1f1;
    padding: 50px 0;
}
.index-city-faq ul{ display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap;}
.index-city-faq ul li{ cursor: pointer; width: 25%; flex: 1 1 auto; list-style-type: none; text-align: center; border: #f1f1f1 solid 1px; display: flex; flex-direction: column; align-items: center; padding: 15px;}
.index-city-faq ul li:hover{border: solid 1px transparent; box-shadow: 0 0 30px rgba(0,0,0,0.15);}
.index-city-faq ul li p.index-city-faq-img{ width: 100px; height: 100px; background: #d80001; border-radius: 50%; display: flex; justify-content: center;align-items: center;}
.index-city-faq ul li h3{font-size: 16px;}
.index-city-faq ul li p{font-size: 12px;}
.index-city-faq dl { width: 100%;}
.index-city-faq dl dt { font-size: 15px; line-height: 2em; text-align: left; margin-bottom: 0.1rem; font-weight: bold;}
.index-city-faq dl dt:before { content: 'Q:  ';color: #F00}
.index-city-faq dl dt:after {content: '?';}
.index-city-faq dl dd:before {content: 'A:  '; color: #F00}
.index-city-faq dl dd { font-size: 14px; line-height: 1.6em; text-align: left;margin-bottom: 0.5rem;}
/*首页数字广告*/
.index-ad{background: url("/content/images/index-ad-bg.jpg") top center no-repeat; width: 100%; overflow: hidden;}
.index-ad ul{ width: 100%; display: flex; flex-direction: row; justify-content: center; color: #ffffff;  margin-top: 30px;}
.index-ad ul li{width: 25%; flex: 1 1 auto;list-style-type: none;  text-align: center;cursor: pointer;}
.index-ad ul li h3{ font-size: 120px; text-align: center; }
.index-ad ul li h3>span{ padding: 0 15px; background: #d80001; border-radius: 10px; position: relative;}
.index-ad ul li h3>span::after{ content: ""; position: absolute; top:50%; left: 0px; transform: translateY(-50%); height: 4px; width: 100%;background: #d80001; }
.index-ad ul li p{text-align: center;line-height: 3em;}
/*首页链接*/
.index-links{ width: 100%; margin: 0px auto; padding: 30px 0px;  background: #f5f5f6;}
.index-links h2{font-size: 26px;}
.index-links h2>small{font-size: 14px;}
.index-links p{font-size: 14px; line-height: 2em;}
.index-links p a:hover{color:#ff6b02;}
/*底部*/
footer {
    width: 100%;
    background: #252525;
    padding: 30px 0px 0px 0px;
    color:#9b9ea0;
}
footer>.container>.row{ }
footer .col-lg-3{ margin:  20px auto; }
footer .col-lg-3 h3 {
    font-size: 16px;
    color:#d7d8d9; line-height: 4em;
}
footer .col-lg-3 p {
    font-size: 14px;
}
footer .col-lg-3 a {
    font-size: 14px;
}
footer .col-lg-3 ul{ margin: 0 auto; padding: 0px;}
footer .col-lg-3 ul.footer-case>li{ list-style-type: none; display: flex; flex-direction: row; margin-bottom: 10px;}
footer .col-lg-3 ul.footer-case>li>a{ display: block; width: 30%; margin-right: 8px;}
footer .col-lg-3 ul.footer-case>li p{ line-height: 2em; margin-top: 0px;}
footer .col-lg-3 ul.footer-case>li p a{ color:#9b9ea0;}
footer .col-lg-3 ul.footer-service{ width:100%;display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}
footer .col-lg-3 ul.footer-service li{ width: 50%; list-style-type: none; flex: 1 1 auto;}
footer .col-lg-3 ul.footer-service li a{ display: block;  border: #4b5054  solid 1px; text-align: center; margin-bottom: 20px; width: 80%; line-height: 2.8em; border-radius: 4px; color:#9b9ea0;}
footer .col-lg-3 ul.footer-service li a:hover{background: #4b5054; text-decoration: none;}
footer .col-lg-3 ul.footer-contact li{
    font-size: 14px;list-style-type: none; line-height: 2em; color: #9b9ea0;}
footer .col-lg-3 ul.footer-contact li i{ margin-right: 8px; color: #9b9ea0;}
footer .footer-copyright{ border-top: #4b5054 solid 1px; width: 100%; margin: 0 auto; padding: 0px; height: 50px; overflow: hidden;}
footer .footer-copyright p{ color: #73777a; text-align: center; line-height: 49px;}
/*公司简介*/
.page{ width: 100%; margin-top: 102px;overflow: hidden;}
.page .banner{ position: relative;}
.page .banner .container{ position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.page .banner .container li{ color: #ffffff;}
.page .banner .container li a{ color: #ffffff;}
/*.container .breadcrumb-item a{ color: #5c757d}
.container .breadcrumb li:nth-child(2)::before{    float: left;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "";}
.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/";
}*/
.page .container ul.nav{ display: flex; flex-direction: row;justify-content: flex-start; margin: 30px auto; flex-wrap: wrap;}
.page .container ul.nav li{ list-style: none;  margin-right: 8px; height: 46px; margin-bottom:20px;}
.page .container ul.nav li.active a,.page .container ul.nav li:hover a{background: #d80001; color: #ffffff; text-decoration: none;}
.page .container ul.nav li a{ border: #f1f1f1 solid 1px; padding: 10px 30px; background: #f1f1f1; border-radius: 23px; display: block;}
.page .container .content{ width: 100%; margin: 30px auto;}
.page .container .content .wzjs h2{line-height: 80px;text-align: center;font-size: 48px;color: #d80001;font-weight: bold;}
.page .container .content .wzjs h3{line-height: 50px;text-align: center;font-size: 25px; color: #222;font-weight: bold;}
.page .container .content .wzjs h3.line{    text-transform: uppercase;background: url(/gz/images/xian.png) repeat-x center;line-height: 50px;text-align: center;font-size: 20px;color: #222;}
.page .container .content .wzjs h3.line span{background: #FFFFFF; padding: 0 20px;font-weight: bold;}
.b-border1{ border-bottom: #f1f1f1 solid 1px; margin-bottom: 30px; padding-bottom: 30px;}

/*网站建设页*/
.website .row{ margin-bottom: 30px;}
.website h4{ text-align: center; line-height: 3em;
    font-size: 22px;}
.website ul.lc{display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; background: linear-gradient(to bottom,#eaeaea,#ebebeb); border: #fff solid 1px; padding: 20px;}
.website ul.lc>li{ width: 30%; flex: 1 1 auto; height: 120px; background: linear-gradient(to bottom,#f2f2f2,#ffffff,#f1f1f1); margin-bottom: 20px; color: #333333; margin-right: 3%;
    display: flex; justify-content: center; align-items: center; padding: 20px;counter-increment: n 1; position: relative; border: #bababa solid 1px; border-radius: 10px; box-shadow: 0 3px 4px rgba(0,0,0,0.25);}
.website ul.lc>li::after{ content: counter(n); width: 30px; height: 30px; background: #d80001; border-radius: 15px; position: absolute; top: 5px; left: 50%; display: flex; justify-content: center; align-items: center; color: #FFFFFF; transform: translateX(-50%);}
.website ul>li{list-style-type: none;}
.website .locate_pic{ width: 100%;/* background: linear-gradient(to bottom,#4a4a4a,#f1f1f1); */padding: 30px 0px; border: #f1f1f1 solid 1px;}
.website ul.dw{display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}
.website ul.dw>li{ flex: 1 1 auto; }
.website ul.dw>li a img{ border-radius: 6px;}
.website .col-md-9{ display: flex; background: linear-gradient(to bottom,#dedede 10%,#ffffff 20%);}
.website .col-md-9 .soluting{ width: 50%; }
.website .col-md-9 .dingwei{ width: 330px; height: 330px; background: #FFFFFF; border: #f1f1f1 solid 1px; padding: 10px;
    font-size: 14px;}
.website .col-md-3{background: linear-gradient(to bottom,#dedede 10%,#ffffff 20%);}
.website .col-md-3 .youshi p{
    font-size: 14px;}
.website .row .col-12 .tao{display: flex; flex-direction: row; justify-content: center; align-items: center;}
.website .row .col-12 .tao>div+div{border-left: #f1f1f1 solid 1px; padding-left: 20px;}
.website .row .col-12 .tao1 dl dt{ text-align: center;}
.website .row .col-12 .tao1 dd{
    font-size: 12px;}
.website .row .col-12 .tao1 dd>span{
    font-size: 16px; color: #d80001;
    font-weight: bold;}
.website .row .col-12 .tcsm{ border-bottom-left-radius: 30px;border-bottom-right-radius: 30px; background: #f1f1f1; width: 80%; margin:  0 auto; margin-bottom: 30px;}
.website .row .gonneng{/*background: linear-gradient(to bottom,#f1f1f1 ,#ffffff 30%);*/}
.website .row .gonneng ul{width: 100%;}
.website .row .gonneng ul li{ width: 33%; float: left; position: relative;
    font-size: 14px; padding-left: 6px; line-height: 2em;}
.website .row .gonneng ul li::after{ content: ""; width: 3px; height: 3px;
    top:50%; left: 0px; transform: translateY(-50%); background: #d80001; position: absolute;}
.website .row .question{/*background: linear-gradient(to bottom,#f1f1f1 ,#ffffff 30%);*/}
.website .row .question ul li{ border-bottom: #f1f1f1 dashed 1px;
    font-size: 14px; line-height: 2em;position: relative;
    font-size: 14px; padding-left: 6px; line-height: 2em;}
.website .row .question ul li::after{ content: ""; width: 3px; height: 3px;
    top:50%; left: 0px; transform: translateY(-50%); background: #d80001; position: absolute;}
/*解决方案*/
.solution .row .card{cursor: pointer; border-radius: 6px; box-shadow: 0px 4px 10px rgba(0,0,0,0.24); overflow: hidden; margin-bottom: 50px;}
.solution .row .card img{transition: 0.5s linear;}
.solution .row .card:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.24); }
.solution .row .card:hover img{ opacity: 0.9; transform: scale(1.1);}
.solution .row .card .card-title{
    font-size: 20px;
    font-weight: bold; text-align: center;}
.solution .row .card p{
    font-size: 14px;}
.solution .row .card .card-title a{text-decoration: none;}
.solution .row .card p a{text-decoration: none;}
/*解决方案完*/
/*案例*/
.case{}
.case .row .col-md-4 .card{ margin-bottom: 50px;}
.case .row .col-md-4 .card .card-body{background: #f5f5f6;}
.case .row .col-md-4 .card h3{font-size: 18px;font-weight: bold;}
.case .row .col-md-4 .card p{font-size: 14px;}
/*联系我们*/
.container   .contact{display: flex; flex-direction: row; justify-content: center;align-items: center; width: 100%; border: #f1f1f1 solid 1px; margin: 0 auto; padding: 0px;}
.container   .contact li{list-style: none; width: 50%; flex: 1 1 auto;}
.container   .contact li:first-child{background: #f1f1f1;  text-align: center;display: flex; flex-direction: row; justify-content: center;align-items: center; padding: 50px 0px;}
.container   .contact li:first-child>.contact-info{text-align: left;}
.container   .contact li:first-child>.contact-info h2{font-size: 34px;line-height: 1.6em;}
.container   .contact li:first-child>.contact-info h3{font-size: 18px;line-height: 1.6em;}
.container   .contact li:first-child>.contact-info h4{font-size: 32px;line-height: 1.6em;}
.container   .contact li i{font-size: 100px; margin-right: 20px;}
.container   .contact li:last-child{ position: relative;}
.container   .contact li:last-child img{width: 150px; border: #fafafa solid 1px; position: absolute; top: 50%; transform: translateY(-50%); right: 2px;}
.container .content img{max-width: 100%;}
/*新闻列表页*/
.page .news .media{background: #f5f5f6; padding: 30px 10px; margin-bottom: 50px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.24);}
.page .news .media:hover{background: #f5f5f6; padding: 30px 10px; margin-bottom: 30px; border-radius: 10px; box-shadow: 0 4px 20px rgba(0,0,0,0.44);}
.page .news .media a{display: block; width: 40%;}
.page .news .media a>img{ width: 100%;}
.page .news .media>.media-body h3{font-size: 18px;}
.page .news .media>.media-body h6{font-size: 12px;}
.page .news .media>.media-body h3>a{ color: #333333; text-decoration: none;}
.page .news .media>.media-body a{ width: 100%; text-decoration: none;line-height: 1.8em;
    font-size: 14px;}
/*新闻详细页*/
.nav-location{ height: 50px; width: 100%; margin: 0 auto; padding: 0px; border-bottom: #f1f1f1 solid 1px;}
.nav-location .container p{line-height: 49px;}
.nav-location .container p i{ color: #888; margin-right: 6px;}
.page  .show-news{ margin-top: 30px;}
.show-news .col-md-9 h1{ font-size: 20px; color: #333333;
    font-weight: bold; }
.show-news .col-md-9 h6{ border-bottom: #eeeeee solid 1px; font-size: 12px; color: #999999; padding-bottom: 15px; line-height: 2em;}
.show-news .col-md-9 .show-news-conent{ width: 100%; border-bottom: #eeeeee solid 1px;}
.show-news .col-md-9 .show-news-conent img{ max-width: 100%;}
.show-news .col-md-9 .show-news-conent h2{font-size: 20px;}
.show-news .col-md-9 .show-news-conent h3{font-size: 18px;}
.show-news .col-md-9 .show-news-conent h4{font-size: 16px;}
.show-news .col-md-9 .show-news-conent p{font-size: 14px;}
.show-news .col-md-9 p{ line-height: 2em;}
.page  .show-news .col-md-3{ background: #f5f5f6; margin-bottom: 30px;}
.page  .show-news .col-md-3 h2{
    font-size: 20px; color: #333333;
    font-weight: normal; margin-top: 30px;}
.page  .show-news .col-md-3 ul{width: 90%; margin: 0 auto; padding: 0px;}
.page  .show-news .row .col-md-3>ul.nav{background: transparent; margin-top: 20px;}
.page  .show-news .row .col-md-3>ul.nav li{background: transparent; border-bottom: transparent;width: 100%; }
.page  .show-news .row .col-md-3>ul.nav li a{width: 100%;background: transparent;  border-radius: 6px;border: #cfcfcf solid 1px; color: #333333; text-align: center; }
.page  .show-news .row .col-md-3>ul.nav li.active a,.page  .show-news .row .col-md-3>ul.nav li:hover a{background: #cfcfcf;color: #FFFFFF;
    font-weight: bold; }
.page  .show-news .col-md-3 ul li{list-style-type: none; border-bottom: #cccccc dashed 1px; margin-bottom: 20px;}
.page  .show-news .col-md-3 ul li h3{list-style-type: none;
    font-size: 16px; line-height: 2em;color: #222222;}
.page  .show-news .col-md-3 ul li p{font-size: 14px;color: #333333;}
/*微信开发兼容老信息处理*/

.content .demand{ background: #f2f2f2; padding: 20px; margin-top: 30px;}
.content .demand h1,.content .demand p{ text-align: center; line-height: 2em;}
.content .demand h1{ font-size: 28px;
    color: #ee1616;
    font-weight: bold;}
.content .infoss h1{ font-size: 28px;
    color: #ee1616;
    font-weight: bold; text-align: center; line-height: 2em;}
.content .infoss .span {
    display: block;
    border-bottom: solid 1px #f2f2f2;
    margin-top: 10px;
}
.content .infoss p {
    display: block;
    overflow: hidden;
    margin: 0 35px;
    background: #f2f2f2;
    padding: 0px 10px;
    margin-top: 20px;
}
.content .infoss p span {
    display: block;
    color: #666;
    font-size: 18px;
    margin: 10px 0px;
    line-height: 28px;
}
.content .solution h1{
    display: block;
    font-size: 28px;
    color: #ee1616;
    text-align: center;
    font-weight: bold;
}
.content .solution span{ display: block;text-align: center;}
.content  .infoss .span i {
    display: block;
    width: 30%;
    margin: 0 auto;
    border-bottom: solid 5px #ee1616;
    margin-bottom: -3px;
}
.content .demand p,.content .solution p{        display: block; margin-top: 10px; font-size: 20px;
    text-align: center;
    color: #666;}
.content .demand ul{ display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}
.content .demand ul li{ list-style: none; flex: 1 1 auto; width: 33.3%; text-align: center; margin-bottom: 20px;}
.content .demand ul li h2{ font-size: 24px;text-align: center;color: #666; line-height: 2em;}
.content .independent {
    margin-top: 20px;
    padding: 0 60px;
}
.content .independent p {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #666;
    margin: 20px 0px;
    line-height: 28px;
}
/*网站建设问题*/
.content .faq{ width: 100%; overflow: hidden; margin: 0 auto; padding: 0px;}
.content .faq ul.faq_category{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; margin: 0 0 30px 0 ; padding: 0px; }
.content .faq ul.faq_category li{ list-style-type: none; width: 100px; flex: 1 1 auto; line-height: 56px; background: #f2f2f2; text-align: center;cursor: pointer;}
.content .faq ul.faq_category li.cur{background: #d80001; color: #ffffff;}
.content .faq ul.faq_category li+li{ margin-left: 10px;}
.content .faq .faqContent{ width: 100%;}
.content .faq .faqContent>div{ display: none;}
.content .faq .faqContent .cur{display: block;}
.content .faq .faqContent .cur>.title{width: 100%; line-height: 50px;cursor: pointer; height: 50px; text-align: left;background: #f2f2f2; padding-left: 10px; margin-bottom: 20px; position: relative;}
.content .faq .faqContent .cur>.title>span{   width: 46px;height: 46px;background: url(/gz/images/open.png);display: inline-block;position: absolute;right: 0px;border-left: 1px #fff solid;}
.content .faq .faqContent .cur>.cur{background: #d80001; color: #fff;}
.content .faq .faqContent .cur>.cur span{ background: url(/gz/images/close.png);}
.content .faq .faqContent .cur>.cur+.content{display: block;}
.content .faq .faqContent .cur .content{display: none;}
.content .faq .faqContent .cur>.cur{display: block;}
/*城市页*/
.faq_list { max-width: 100%; margin: 0 auto; text-align: center; padding: 0px;}
.faq_list .why_title { padding-top: 30px; }
.faq_list .why_title h1{ font-size: 30px; color: #d80001; line-height: 50px;}
.faq_list .why_title h2 { background: url('/gz/images/xian.png') repeat-x center; font-weight: normal; font-size: 14px; color: #000; max-width: 700px; margin: auto; text-transform: uppercase; line-height: 30px; }
.faq_list .why_title h2 span { background: #fff; padding: 0 20px;}
.faq_list dl { width: 100%;}
.faq_list dl dt { font-size: 15px; line-height: 2em; text-align: left; margin-bottom: 0.1rem; font-weight: bold;}
.faq_list dl dt:before { content: 'Q:  ';color: #F00}
.faq_list dl dt:after {content: '?';}
.faq_list dl dd:before {content: 'A:  '; color: #F00}
.faq_list dl dd { font-size: 14px; line-height: 1.6em; text-align: left;margin-bottom: 0.5rem;}
.faq_list > .info {
}
.faq_list > .info p { line-height: 1.7em; font-size: 14px;}
#process{ width: 100%;min-height:882px;background: url("/gz/images/index_process.jpg") top center no-repeat #f1f1f1; text-align: center;}
#process > .title{ text-align: center; font-size: 20px; font-weight: bold;  line-height: 2.2em;}
#process .why_title { padding-top: 30px; }
#process .why_title h2{ font-size: 30px; color: #d80001; line-height: 50px;}
#process .why_title h3 { background: url('/gz/images/xian.png') repeat-x center; font-weight: normal; font-size: 14px; color: #000; max-width: 100%; margin: auto; text-transform: uppercase; line-height: 30px; }
#process .why_title h3 span { background: #fff; padding: 0 20px;}
#process  .info{ width: 100%; min-height:300px;padding: 20px; margin: 0px auto; background: rgba(255,255,255,0.85) ;  text-align: left; }
#process  .info p{line-height: 1.8em; font-size: 14px; text-align: left;}
#process  .info  img{ margin: 20px 0px; box-shadow: 0px 0px  6px 4px rgba(0,0,0,0.1572); max-width: 100%;}
.container .A_fenzhan{ margin-top: 110px;}
.all_city li {
    clear: both;
    padding: 10px 0;list-style: none;
}
.all_city > li > span{color: #000;
    font-weight: bold;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    float: left;display:block;clear: both; width: 100%; }
.caps {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    width: 70px;
    height: 20px;
    line-height: 20px;
    float: left;
}
.city_list {
    display: inline-block;
    word-wrap: break-word;
    width: 830px;
    line-height: 20px;
}
.city_list a {
    color: #444;
    text-decoration: none;
    margin: 0 10px;
    display: inline-block;
    line-height: 20px;
    height: 20px; font-size:13px;
}
.all_city > li > a{
    color: #444;
    text-decoration: none;
    margin: 0 10px;
    display: inline-block;
    line-height:1.6em;
    height: 20px; font-size:14px;}
.city_list a:hover {
    color: #333;
    text-decoration: underline;
}
.all_city > li > a:hover {
    color: #333;
    text-decoration: underline;
}
@media screen and (max-device-width:768px ){
    .navbar .navbar-text{ display: none;}
    /*手机版面兼容处理*/
    .index-advantage ul li{ cursor: pointer; width: 50%; flex: 1 1 auto; list-style-type: none; text-align: center; border: #f1f1f1 solid 1px; display: flex; flex-direction: column; align-items: center; padding: 15px;}
    .index-ad ul{ width: 100%; display: flex; flex-direction: row; justify-content: center; color: #ffffff;  margin-top: 30px;flex-wrap: wrap;}
    .index-ad ul li{width: 50%; flex: 1 1 auto;list-style-type: none;  text-align: center;cursor: pointer;}
    .index-ad ul li h3{ font-size: 40px; text-align: center;  }
    .index-ad ul li h3>span{ padding: 0 15px; background: #ff6b02; border-radius: 10px; position: relative;}
    .index-ad ul li h3>span::after{ content: ""; position: absolute; top:50%; left: 0px; transform: translateY(-50%); height: 4px; width: 100%;background: #ff6b02; }
    .page .container ul.nav li{ margin-bottom: 20px;}
    .page .container .content .wzjs h2{line-height: 50px;text-align: center;font-size: 26px;color: #d80001;font-weight: normal;}
    .page .container .content .wzjs h3{line-height: 40px;text-align: center;font-size: 20px; color: #222;font-weight: normal;}
    .page .container .content .wzjs h3.line{    text-transform: uppercase;background: url(/gz/images/xian.png) repeat-x center;line-height: 50px;text-align: center;font-size: 14px;color: #222;}
    .page .container .content .wzjs h3.line span{background: #FFFFFF; padding: 0 10px;font-weight: normal;}
    .website ul.lc>li{ width: 100%; flex: 1 1 auto; margin-bottom: 20px; color: #333333; margin-right: 3%;
        display: flex; justify-content: center; align-items: center; padding: 20px;counter-increment: n 1; position: relative; border: #bababa solid 1px; border-radius: 10px; box-shadow: 0 3px 4px rgba(0,0,0,0.25);}
    .website ul.dw{display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}
    .website ul.dw>li{ flex: 1 1 auto;  width: 50%; margin-bottom: 20px;}
    .website ul.dw>li a img{ border-radius: 6px;}
    .website .col-md-9 .dingwei{ width: 49%; height: 430px; background: #FFFFFF; border: #f1f1f1 solid 1px; padding: 10px; margin-left: 1%;
        font-size: 14px;}
    .website .row .col-12 .tao{display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}
    .website .row .col-12 .tao>div{ width: 49%;}
    .website .row .col-12 .tao>div+div{border-left: transparent solid 1px; padding-left: 1%;}
    .website .row .gonneng ul li{ width: 48%; float: left; position: relative;
        font-size: 14px; padding-left: 6px; line-height: 2em;}
    .container   .contact{flex-wrap: wrap;}
    .container   .contact li{list-style: none; width: 100%; flex: 1 1 auto;}
    .container   .contact li:first-child{ background: #f1f1f1;  text-align: center;display: flex; flex-direction: row; justify-content: center;align-items: center; padding: 20px 0px;}
    .container   .contact li:last-child{ position: relative;
        height: 200px; align-self: center; padding-top: 20px;}
    .container   .contact li:last-child p{line-height: 2em;}
    .content .faq ul.faq_category{ display: flex; flex-direction: row; justify-content: space-around; align-items: center; flex-wrap: wrap; width: 100%; margin: 0 0 30px 0; padding: 0px; }
    .content .faq ul.faq_category li{ list-style-type: none; width: 40%; line-height: 56px; background: #f2f2f2; text-align: center;cursor: pointer; margin-bottom: 10px; margin-left: 2%;}
    .content .faq ul.faq_category li+li{ }
    .content .faq ul.faq_category li:nth-child(odd){ }
    /*手机版面兼容处理完*/
}
/*20230212*/
.index-case .card{transition: all 0.5s ease-out;}
.index-case .card:hover{transform: translateY(-20px); cursor: pointer;}
.index-service .card{transition: all 0.5s ease-out;}
.index-service .card:hover{transform: translateY(-20px); cursor: pointer;}
.index-news .card{transition: all 0.5s ease-out;}
.index-news .card:hover{transform: translateY(-20px); cursor: pointer;}
.index-solution >.container>.swiper{margin-top: 30px; padding-top: 40px;}
.index-solution >.container .swiper-slide{transition: all 0.5s ease-out; position: relative;}
.index-solution>.container .swiper-slide:hover{transform: translateY(-20px); cursor: pointer;}

.page .case .card{transition: all 0.5s ease-out;}
.page .case .card:hover{transform: translateY(-20px); cursor: pointer;}
.page .news .media{transition: all 0.5s ease-out;}
.page .news .media:hover{transform: translateY(-20px); cursor: pointer;}
/*20230212*/