body{
    padding-top:60px;
}
nav{
    background:#fdfdfd;
}
ul,ol{padding:0;list-style: none;}
.navbar-toggler-icon{}
.navbar-light .navbar-nav .nav-link {
    color: #333;
}

.anchor{ 
    margin-top: -70px;;
    padding-top: 70px;
}

/* banner */
.index-banner{
    padding: 25px 0;
    /* background-image: url(../images/banner.jpg); */
    /* background-color: #0f63df; */
    background-color: #3ba1f6;
    background-repeat: no-repeat;
    /* background-position: center center; */
    background-position: 50% 50%;
    background-size: cover;
    color: #fff;
}
.index-banner .title{
    margin: 20px 0;
    font-size: 28px;
}
.index-banner ul{
    padding-left: 22px;
    list-style: disc;
}
.index-banner li{
    font-size: 16px;
    margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
    .index-banner{
        padding: 25px 0;
        background-image: url(../images/banner.jpg);
        background-color: #0f63df;
        /* background-color: #3ba1f6; */
        background-repeat: no-repeat;
        /* background-position: center center; */
        background-position: 50% 50%;
        background-size: cover;
        color: #fff;
    }
    .index-banner .title{
        font-size: 35px;
    }
    .index-banner li{
        font-size: 20px;
    }
}


.index-banner .btn-wrap{
    display: inline-block;
    padding: 2px;
    border-radius: 50px;
    border: 1px solid #fff;
   
}
.index-banner .btn{
    width: 180px;
    border-radius: 50px;
    background: #fff;
    color: #1972e5;
}
/* banner bottom */
.banner-bottom{
    border-radius: 14px;
    background: #fff;
    width: 100%;
    /* display:flex; */
    /* padding:20px 10px; */
    padding-top: 20px;
    
}
.banner-bottom .left{
    font-size:22px;
    margin-bottom: 15px;
}
.banner-bottom .left-desc{
    font-size:16px;
}
.banner-bottom .left .ti{
    margin-bottom: 5px;
}
.banner-bottom .right{
    display: flex;
    /* justify-content: space-between; */
    flex: 1;
    justify-content: space-around;
}
.banner-bottom .right .item{
    margin-right: 20px;
    
}
.banner-bottom .right .item .ti{
    font-size:24px;
}
.banner-bottom .right .item i{
    display: block;
    width:36px;
    padding:1px 0;
    background:#1972e5;
    margin:5px 0 10px;
}
.banner-bottom .right .item p{
    font-size:14px;
    color:#828282;
    margin-bottom: 0;
}
.banner-bottom .line{
    width: 1px;
    height: 80px;
    background: rgb(204 204 204);
    align-self: center;
    display: none;
    margin: 0 40px;
}
@media screen and (min-width: 768px){
    .banner-bottom{
        padding-top: 40px;
        /* padding-bottom: 50px; */
        display:flex;
        align-items: flex-end;
        justify-content: space-between;
    }
    .banner-bottom .right .item .ti{
        font-size:30px;
    }
    .banner-bottom .right .item i{
        margin:15px 0;
    }
    .banner-bottom .left{
        margin-bottom: 0;
    }
    .banner-bottom .line{
        display: block;
    }
}
@media screen and (min-width: 1200px){
    .index-banner{
        padding-bottom: 60px;
    }
    .banner-bottom-wrap{
        background-color: #f6f9fe;
    }
    .banner-bottom{
        padding: 40px 70px 50px;
        transform: translateY(-30px);
    }
}
/*  */
.section-h1{
    font-size:22px;
    text-align: center;
    font-weight: bold;
    color: #333;
}
section{ 
    padding:  20px 0;
}
@media screen and (min-width: 768px) {
    .section-h1{
        font-size:24px;
        margin-bottom: 30px;
    }
    section{ 
        padding:  50px 0;
    }
}
/*品牌网站建设*/
/* .website_title{text-align:center;  color:#010101; font-weight:normal; line-height:54px;
     margin-top:96px; margin-bottom:20px;
    } */
.website_ul{ padding-top:20px; overflow:hidden;}
.website_ul ul{
    display:flex;
    flex-wrap: wrap;
    padding: 0;
}
.website_ul ul li{ width:50%; text-align:center; overflow:hidden;position:relative;}
.website_ul ul li .imgs{ overflow:hidden;transition:all 0.6s; width:80%; margin:0 auto; }
.website_ul ul li .imgs img{ display:block;width:100%;transition:all 0.6s;}
.website_ul ul li .h2{font-weight:normal; line-height:32px; height:64px; overflow:hidden; font-size:14px; color:#000000; margin-top:8px;}
.website_ul ul li:hover .imgs{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.website_ul ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);}

@media screen and (min-width: 768px){
    .website_ul ul li .imgs{ 
        width: 180px;;
    }
}
@media screen and (min-width: 992px){
    .website_ul ul li{ width: 25%;}
}
@media screen and (min-width: 1200px){
    
    .website_ul ul li .h2 {
        font-weight: normal;
        line-height: 32px;
        height: 64px;
        overflow: hidden;
        font-size: 20px;
        color: rgb(0 0 0);
        margin-top: 19px;
    }
}






/*  */
.jjfa{  background: rgb(231 255 255); overflow: hidden; }
.jjfa .tit1 { margin-bottom: 20px;text-align: center; }
.jjfa .tit1 h2 {
    font-size: 22px;
}
.jjfa .tit1 p {
    font-size: 14px;
    font-weight: lighter;
    margin: 10px 0;
    color: rgb(153 153 153);
}
.jjfa .tit1 i {
    display: block;
    /* width: 200px;
    height: 3px; */
    margin: 0 auto;
    background: rgb(35 232 230);
    height: 2px;
    width: 150px;
}
.jjfa .in-jjfa{
    display:flex;
    flex-wrap: wrap;
}
.jjfa .in-jjfa a {
    display: block;
    width: 50%;
    /* width: 24.5%; */
    float: left;
    margin-right: .5%;
    background: rgb(255 255 255);
    padding: 20px;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    width: 49%;
    margin-right: 2%;
    padding: 10px;
    margin-bottom: 2%;
    text-decoration: none;
}
.jjfa .in-jjfa a:nth-child(2n) {
    margin-right: 0;
}
.jjfa .in-jjfa a img {
    width: 100%;
    max-width: 60px;
    max-height: 60px;
    height: 60px;
    margin-bottom: 15px;
}
.jjfa .in-jjfa a p {
    font-size: 16px;
    font-weight: 100;
    color: rgb(51 51 51);
    margin-bottom: 10px;
}
.jjfa .in-jjfa a i {

    font-size: 12px;
    margin-top: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-style: normal;
    color: rgb(153 153 153);
    display: block;
}
@media screen and (min-width: 768px){
    .jjfa .in-jjfa a{
        padding: 20px;
    }
    .jjfa .in-jjfa a i {
        font-size: 14px;
    }
}
@media screen and (min-width: 992px){
    .jjfa .in-jjfa a {
        
        width: 23.5%;
        margin-right: 2%;
        margin-bottom: 0;
        padding: 40px 20px 20px;
    }
    .jjfa .in-jjfa a:nth-child(2n) {
        margin-right: 2%;
    }
    .jjfa .in-jjfa a:nth-child(4) {
        margin-right: 0;
    }
    .jjfa .in-jjfa a img {
        height: 80px;
        width: 100px;
        max-width: 80px;
        max-height: 80px;
    }
}
/* 服务保障 */
.service-container {
    /* height: 280px; */
    /* background: url(../images/bg4.png) center no-repeat; */
    background-color: #3092ee;
}
.service-container .con-title {
    /* height: 120px;
    line-height: 28px; */
    /* padding-top: 60px; */
    /* font-size: 30px; */
    /* font-weight: 300; */
    /* text-align: center; */
    /* box-sizing: border-box; */
    color: rgb(255 255 255);
}
.service-container .service-list {
    /* margin-top: 18px; */
    list-style: none;
    text-align: center;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.service-container li{
    width: 50%;
    padding: 10px;
}
.service-container .service-item {
    /* display: inline-block; */
    width: 100%;
    height: 100%;
    padding-bottom: 30px;
    
    /* margin:10px 3px; */
    /* float: left; */
    /* width: 200px; */
    /* height: 252px; */
    /* line-height: 90px; */
    background: rgb(255 255 255);
    box-shadow: 0 4px 20px 5px rgb(68 93 127 / 10%);
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    transition: box-shadow .3s ease,transform .3s ease;
    border: 1px solid rgb(255 255 255);
    color: rgb(62 68 87);
}
.service-container .service-item:before {
    content: "";
    margin: 20px auto;
    display: block;
    width: 100px;
    height: 100px;
    background: url(../images/icon-bg.png) 0 0 no-repeat;
}
.service-container li:nth-child(1) .service-item:before {
    background-position: -770px -826px;
}
.service-container li:nth-child(2) .service-item:before {
    background-position: -450px -826px;
}
.service-container li:nth-child(3) .service-item:before {
    background-position: -930px -826px;
}
.service-container li:nth-child(4) .service-item:before {
    background-position: -1458px -790px;
}
.service-container li:nth-child(5) .service-item:before {
    background-position: -610px -826px;
}
@media screen and (min-width: 992px) {
    .service-container li{
        width: 20%;
    }
}
@media screen and (min-width: 1200px) {
    .service-container .service-list {
        /* justify-content: center; */
    }
    .service-container {
        height: 280px;
        background: url(../images/bg4.png) center no-repeat;
        background-color: #fff;
    }
    .service-container li{
        width: 200px;
    }
    .service-container .service-item:before {
        content: "";
        margin: 40px auto;
    }
    .service-container-bottom{
        background:#f6f9fe;
        height:135px;
    }
}
/* 精选案例 */

.jxal .list{
    /* margin-top: 40px; */
    margin-left: -10px;
    margin-right: -10px;
    display:flex;
    flex-wrap: wrap;
}
.jxal .list li{
    width:50%;
    padding: 10px;
    /* margin:10px; */
}
.jxal .list li img{
    display: block;
    width:100%;
    height: 100%;
}
@media screen and (min-width: 768px) {
    .jxal .list li{
        width:25%;
    }
}
/* @media screen and (min-width: 1200px) {
    .jxal {
        padding-top: 140px;
        
    }
} */
/* 服务流程 */
.fwlc{
    background: #f6f9fe;
}
/* .Sp{width:90%; margin:0 auto; margin-top:2%;} */
.Sp_title{width:100%; text-align:center; margin:0 auto;}
.Sp_title h1{width:100%; font-family:"微软雅黑"; color:#474747; 
    /* font-size:30px; */
 background:url(../images/line.png) no-repeat bottom center; padding-bottom:14px; text-align:center; margin:0 auto;}
.Sp_title h1 em{padding-bottom:6px; width:100%; text-align:center; float:left;}
.Sp_title p{width:85%; text-align:center; margin:0 auto; margin-top:1%; line-height:22px; font-family:"微软雅黑"; font-size:16px;}
.Sp_n{width:100%; margin:0 auto; 
    /* margin-top:6%; */
    margin-top: 40px;}
.service_list{ height:auto; overflow:hidden; 
    /* padding:0px 0 106px; */
     text-align:center;}
.service_list li{width:150px; margin-left:3%; float:left; margin-bottom:20px;}
/* .service_list li{width:157px; display:inline-block; margin-bottom:20px; font-family:"微软雅黑";} */
.service_list li span{ display:block; cursor:pointer;}
.service_icon{ display:block; background-image:url(../images/service_tipimg.png); width:100px; height:100px; margin-left:28px;}
.service_icon1{ background-position:0 0;} 
.service_icon2{ background-position:-159px 0;} 
.service_icon3{ background-position:-317px 0;} 
.service_icon4{ background-position:-476px 0;} 
.service_icon5{ background-position:-635px 0;} 
.service_icon6{ background-position:-793px 0;} 
.service_icon7{ background-position:-952px 0;} 
.service_list li:hover .service_icon1{ background-position:0 -122px;}
.service_list li:hover .service_icon2{ background-position:-156px -122px;}
.service_list li:hover .service_icon3{ background-position:-317px -122px;}
.service_list li:hover .service_icon4{ background-position:-476px -122px;}
.service_list li:hover .service_icon5{ background-position:-635px -122px;}
.service_list li:hover .service_icon6{ background-position:-793px -122px;}
.service_list li:hover .service_icon7{ background-position:-952px -122px;}
.service_name,.service_intro{ width:120px; padding-left:18px; text-align:center;}
.service_name{ color:#333; font-size:16px; padding:18px 0 8px 18px;}
.service_intro{ color:#484848; font-size:12px; display:none!important;}
.service_list li:hover span{ color:#c70c1f;}
@media screen and (min-width: 768px) {
    .service_list li{margin-left:0;float: none;display: inline-block; }
}

/* FAQ */
.faq {font-size: 14px;}
.faq .section-title {
    text-align: center;
    margin-bottom: 40px;
    font-size: 33px;
}

.faq .section-title p {
    font-size: 15px;
    margin: 5px 0 0;
    color: rgb(102 102 102);
}
.faq .section-title-2:after {
    content: '';
    display: block;
    margin: 15px auto 0;
    width: 60px;
    height: 5px;
    background-color: rgb(230 32 34);
}
.about-3 li {width: 100%; }
.about-3 li a{display: block;border: 1px solid #eaeaea;margin-bottom: 10px;padding: 15px;}
.about-3 li h4 {
    font-size: 14px; margin: 0;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#222;
}
.about-3 li p {margin-top: 10px;font-size: 12px;margin-bottom: 0;color: #666;}


@media screen and (min-width: 768px) {
    /* .about-3{display: flex; flex-wrap: wrap; justify-content: space-between;} */
    .about-3 li {width: 33.3%;float: left;padding: 10px;}
    .about-3 li a{ height: 133px;margin-bottom: 0;overflow: hidden;}
    .about-3 li h4 { font-size: 16px; }
}
@media screen and (min-width: 992px) {
    .about-3 li h4 { font-size: 20px; }
    .about-3 li p { font-size: 14px;}
    /* .about-3 li p {margin: 10px 0 0;height: 40px;overflow: hidden;} */
}
@media screen and (min-width: 1200px) {
    .faq .section-title p { font-size: 16px; }
    .about-3 li a:hover {box-shadow: 0 0 30px #eeeeee;}

}




/* foot */
.footer {
    background-color: rgb(43 43 43);
    padding: 50px 0 40px;
    text-align: center;
}
.footer p{
    margin-bottom: 0;
}
.footer-main {
    position: relative;
}
.footer-ya-list{
	color:#999;
    width: 100%;
    text-align: center;
    position: static;
    font-size: 12px;
}
.footer-ya-list li{
	line-height:30px;
}
.footer-ya-list li a{
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
    color: inherit;
    text-decoration: none;
    
}
.footer-ya-list li a:hover{
	color:#fff;
}
.footer-contact{
    text-align: center;
    color: #fff;
}
.footer-contact .num{
	line-height:1;
	margin-bottom:10px;
    font-size: 24px;
}
.footer-contact .text {
    font-size: 12px;
    margin-top: 10px;
    color: rgb(102 102 102);
}
.footer-contact .tbtn{
    margin-top: 20px;
	font-size:12px;
	background-color:#6e6e6e;
	height:40px;
	line-height:40px;
	padding:0 10px;
    color: rgb(255 255 255);
    display: inline-block;
    text-decoration: none;
}
.footer-contact .tbtn:hover{
	background-color:#565656;
}

.footer-tuiya-ewm {
    margin: 0;
    padding: 20px 0;
	text-align:center;
	color:#fff;
}
.footer-tuiya-ewm a{
	font-size:16px;
}
.footer-tuiya-ewm img{
	display:inline-block;
	max-width:150px;
	margin:20px auto 0;
}
.footer-phone-hide {
    display: none;
}
.footer-phone-hide p{
    margin-top: 10px;
}


.footer-nav{
	font-size:12px;
	margin-top:100px;
}
.footer-nav .list{
	margin-bottom:5px;
    
}
.footer-nav .list a{
	padding:0 10px;
}
.footer-nav .list a:hover{
	color:#fff;
}
@media screen and (min-width: 768px) {
    .footer-ya-list{
        width:270px;
        position:absolute; 
        left:0;
        top:0;
    }
    .footer-contact{
        width:270px;
        position:absolute;
        right:0;
        top:0;
    }
    .footer-contact .tbtn{
        margin-top: 40px;
    }
    /* .jxal .list li img{
        height:auto;
    } */
    .footer-phone-hide {
        display: inline-block;
    }
}