/*公共样式*/

body {
    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei,Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}
@font-face {
    font-family: 'itcast';
    src:url("../font/MiFie-Web-Font.eot") format('embedded-opentype'),
    url("../font/MiFie-Web-Font.svg") format("svg"),
    url("../font/MiFie-Web-Font.ttf") format("truetype"),
    url("../font/MiFie-Web-Font.woff") format('woff');
}
html,body{
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}
ul ,li {
    list-style: none;
    border: none;
}
img{
    border: none;
}

.ele_center{
    margin-left: 50%;
    transform:translateX(-50%);
}

/*头部样式*/
#header {
    width:100%;
    height: 64px;
    display:flex;
    align-items:center;
    flex-direction: column;
    background-color:#FFFFFF;
    position: fixed;
    z-index: 999;
    border-bottom: 1px solid #E1E4EB;
    box-shadow: 10px 10px 10px 0px rgb(0 0 0 / 3%);
}
#zhisuilogo {
    position: absolute;
    width: 89px;
    height:19px;
    background: url("../img/logo.svg") no-repeat left top / 100% 100%;
    left: 24%;
    top:23px;
}
#header .nav{
    display: inline-block;
}
#nav-list{
    display: inline-block;
    width: 550px;
    height: 100%!important;
    font-size: 16px;
    padding: 0;
}
.nav{
    height: 100%!important;
}
#nav-list .navbar-nav li{
    padding: 21px 24px;
    margin-right: 24px;
}
#nav-list .navbar-nav li a{
    color: #84868C!important;
}
#nav-list .navbar-nav li.active{
    background: #F0F7FF;
}

#nav-list .navbar-nav li.active a{
    color: #3370FF!important;
}
.navbar-nav{
    display:flex;
    height: 100%!important;
    align-items:center;
    padding: 0!important;
}
#home_center, #assitant_center, #service_center {
    position: relative;
}
/*  Hotkey */
.hotkey-wrapper{
    display: flex;
    flex-direction: row;
    align-items:center;
    justify-content: center;
    position: absolute;
    top: 496px;
    z-index: 99;
}
.hotkey-wrapper .hotkey-btn{
    width: 360px;
    height: 140px;
    border-radius: 15px;
    border: 1px solid rgba(240,242,245,1);
    box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.03);
    background-color:#FFFFFF;
    background-image: url("./../img/yz-kefu.png");
    background-repeat: no-repeat;
}
.hotkey-wrapper .hotkey-kefu{
    margin-right: 20px;
}
.hotkey-wrapper .hotkey-fuwu{
    background-image: url("./../img/yz-fuwu.png");
}
.hotkey-wrapper .hotkey-btn:hover{
    background-color:#3370FF;
    animation: hotkey 1s steps(1) forwards;
}
/* 首页 */
/*轮播通栏区域样式*/

#main_ad, #assitant_center .banner, #service_center .banner, #order_center .banner{
    width: 100%;
    height: 546px;
    text-align: center;
}
#main_ad .carousel-inner{
    width: 100%;
    height: 100%!important;
}
#main_ad .carousel-inner .item {
    width: 100%;
    height: 100%!important;
    text-align: center;
}
#main_ad .carousel-inner .item > img, #assitant_center .banner > img, #service_center .banner > img {
    width: 100%;
    height: 100%!important;
}
#main_ad .carousel-inner #order > img{
    width: 1021px;
    height: 444px!important;
    margin: 0 auto;
}
#order_center .banner > img {
    width: 1021px;
    height: 444px;
    margin-top: 61px;
}

#main_ad .carousel-inner .item{
    width: 100%;
    height: 100%!important;
}
#main_ad .carousel-control{
    width: 60px!important;
    height: 60px!important;
    padding: 0!important;
    margin: 0 !important;
    border: none!important;
    border-radius: 0!important;
    top: 224px!important;
    opacity: 1!important;
}

#main_ad .carousel-control.left{
    left: 11.2%;
    background: url(./../img/indicator-left-1.svg) no-repeat center / 100% 100%!important;
}
#main_ad .carousel-control.right{
    right: 13.2%;
    background: url(./../img/indicator-right-1.svg) no-repeat center / 100% 100%!important;
}
#main_ad .carousel-control.left:hover{
    background: url(./../img/indicator-left-2.svg) no-repeat center / 100% 100%!important;
}
#main_ad .carousel-control.right:hover {
    background: url(./../img/indicator-right-2.svg) no-repeat center / 100% 100%!important;
}
#main_content .content_yz{
    width: 100%;
    height: 930px;
    background: #F7F9FA;
    padding-top: 160px;
}
#main_content .home_btn_yz{
    width:100px;
    height:40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    border-radius: 6px;
}
.content_yz h2, .content_fuwu h2, .assitant-question h2, .assitant-able h2, .assitant-advantage h2, .fuwu-sop h2, .content_order h2{
    width: 100%;
    height: 42px;
    line-height:42px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}
.content_yz p, .content_fuwu p, .fuwu-sop p{
    width: 648px;
    line-height:25px;
    font-size: 18px;
    color: #84868C;
    text-align: center;
    margin-top: 17px;
    margin-bottom: 0;
}
#main_content .home_btn_yz{
    display:block;
    color: #3370FF;
    background: #D6E8FF;
    margin-top: 26px;
}
#main_content .home_fuwu_img{
    width: 1000px;
    height: 570px;
    margin-top: 17px;
}
#main_content .content_fuwu{
    width: 100%;
    height: 750px;
    padding-top: 80px;
}
.content_fuwu .fuwu-list{
    display: flex;
    flex-direction: row;
    align-items:center;
    justify-content: center;
    margin: 50px 0 168px 0;
}
.fuwu-list .fuwu-li {
    width:240px;
    height:300px;
    background: #E8FBFC;
    border-radius: 10px;
    margin-right: 14px;
    padding: 25px 0 0 20px;
}
.fuwu-list .fuwu-li:last-child {
    margin-right: 0px;
}
.fuwu-list .fuwu-li .fuwu-list-icon{
    display: block;
    width:48px;
    height:48px;
    margin-bottom: 24px;
}
.fuwu-list .fuwu-li .fuwu-list-txt1{
    width:200px;
    height: 56px;
    line-height:28px;
    margin-bottom: 8px;
    font-size: 20px;
    color: #10A7C6;
    text-align:left;
}
.fuwu-list .fuwu-li .fuwu-list-txt2{
    width:200px;
    line-height:20px;
    font-size: 14px;
    color:  #84868C;
    text-align:left;
}
.fuwu-list .fuwu-list2 {
    background: #F1F0FE;
}
.fuwu-list .fuwu-list3 {
    background: #FEF2F2;
}
.fuwu-list .fuwu-list4 {
    background: #E8FCED;
}

/* 言准智能客服 */
#assitant_center{
    display: none;
}
#assitant_center .assitant-question{
    width: 100%;
    height: 1000px;
    background: #F7F9FA;
    padding-top: 50px;
}
.assitant-question img{
    display: block;
    width: 1000px;
    height: 740px;
}
#assitant_center .assitant-able{
    width: 100%;
    height: 840px;
    background: #3370FF;
    padding-top: 50px;
}
.assitant-able .able-list{
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
    align-items:center;
    justify-content: center;
    margin-top: 30px;
    width:1000px;
}
.assitant-able .able-list .able-list-li{
    width:490px;
    height:200px;
    border-radius: 15px;
    margin-bottom: 20px;
    padding: 24px 0 0 24px;
}
.assitant-able .able-list .able-list-li:nth-child(odd){
    margin-right: 20px;
}
.assitant-able .able-list .able-list-li .able-list-txt1{
    height:38px;
    line-height:38px;
    font-size: 28px;
    font-weight: bolder;
    color: #515359;
    padding-bottom: 9px;
    margin: 0;
}
.assitant-able .able-list .able-list-li .able-list-txt2{
    line-height:28px;
    font-size: 18px;
    color: #84868C;
    margin: 0;
}
.assitant-able .able-list .able-list-li1{
    background: rgba(255,255,255,0.9) url(./../img/nengli1.svg) no-repeat right 29px;
}
.assitant-able .able-list .able-list-li2{
    background: rgba(255,255,255,0.9) url(./../img/nengli2.svg) no-repeat right 30px;
}
.assitant-able .able-list .able-list-li3{
    background: rgba(255,255,255,0.9) url(./../img/nengli3.svg) no-repeat right 58px;
}
.assitant-able .able-list .able-list-li4{
    background: rgba(255,255,255,0.9) url(./../img/nengli4.svg) no-repeat right 53px;
}
.assitant-able .able-list .able-list-li5{
    background: rgba(255,255,255,0.9) url(./../img/nengli5.svg) no-repeat right 22px;
}
.assitant-able .able-list .able-list-li6{
    text-align: center;
    line-height:200px;
    color: #515359;
    font-size: 24px;
    font-weight: bold;
    background: rgba(255,255,255,0.9);
    padding: 0;
}
#assitant_center .assitant-advantage{
    width: 100%;
    background: #FFFFFF;
    padding-top: 60px;
    padding-bottom: 130px;
}
.assitant-advantage .advantage-title{
    width: 102px;
    height: 167px;
    padding: 60px 0 8px 0;
    background: url(./../img/fangan1.svg) no-repeat center / 100% 100%;
}
.assitant-advantage .advantage-title-second{
    height: 175px;
    padding: 68px 0 8px 0;
    background: url(./../img/fangan2.svg) no-repeat center / 100% 100%;
}

.assitant-advantage .advantage-title-third{
    height: 175px;
    padding: 68px 0 8px 0;
    background: url(./../img/fangan3.svg) no-repeat center / 100% 100%;
}
.assitant-advantage .advantage-list{
    display:flex;
    flex-direction: row;
    align-items:center;
    justify-content: center;
}
.assitant-advantage .advantage-list > div{
    width: 490px;
    height: 520px;
    background: #F7F9FA;
    border-radius: 12px;
}
.assitant-advantage .advantage-list > div:nth-child(odd){
    margin-right: 20px;
}
.assitant-advantage .advantage-list .advantage-img{
    width: 470px;
    height: 320px;
    border-radius: 12px;
    margin: 10px;
    background-color:#FFFFFF;
    background-image: url("./../img/advantage-1.png");
    background-repeat: no-repeat;
}
.assitant-advantage .advantage-list2 .advantage-img{
    background-image: url("./../img/advantage-2.png");
}
.assitant-advantage .advantage-list3 .advantage-img{
    background-image: url("./../img/advantage-3.png");
}
.assitant-advantage .advantage-list4 .advantage-img{
    background-image: url("./../img/advantage-4.png");
}
.assitant-advantage .advantage-list5 .advantage-img{
    background-image: url("./../img/advantage-5.png");
}
.assitant-advantage .advantage-list6 .advantage-img{
    background-image: url("./../img/advantage-6.png");
}
.assitant-advantage .advantage-list .advantage-img:hover{
    animation: advantage 1.7s steps(1) forwards;
}
.assitant-advantage .advantage-list p{
    text-align: center;
}
.assitant-advantage .advantage-list .advantage-list-txt1{
    height:42px;
    line-height:42px;
    font-size: 30px;
    font-weight:bold;
    color: #515359;
    margin: 10px 0 16px 0;
}
.assitant-advantage .advantage-list .advantage-list-txt2{
    height:25px;
    line-height:25px;
    font-size: 18px;
    color: #84868C;
}
/* 言准打单 */
#order_center{
    display: none;
}
#order_center .content_order{
    width: 100%;
    padding: 50px 0 168px 0;
}

/* 服务保障 */
#service_center{
    display: none;
}
#service_center .fuwu-sop{
    width: 100%;
    height: 991px;
    padding-top: 80px;
}
.fuwu-sop img{
    display: block;
    width: 1000px;
    height: 640px;
    margin-top: 26px;
}
footer{
    width: 100%;
}
footer .concat-us{
    width: 100%;
    padding: 8px 0 68px 0;
 }
 footer .concat-us h2{
    width: 100%;
    height: 42px;
    line-height:42px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}
footer .concat-us h3{
    width: 100%;
    height: 25px;
    line-height:25px;
    margin-top: 16px;
    margin-bottom: 0;
    text-align: center;
}
footer .group{
    width: 100%;
    height: 360px;
    background: #F7F9FA;
}
.group .group-info{
    display:flex;
    align-items:center;
    flex-direction: row;
    justify-content: center;
    padding-top: 36px;
}

.group-info .logo-info{
    display:flex;
    align-items:center;
    flex-direction: row;
    width: 290px;
    height: 120px;
    background: #FFFFFF;
}
.group-info .logo-info .wx{
    width: 100px;
    height: 100px;
    margin: 10px;
}
.group-info .logo-info .logo{
    width: 120px;
    height: 120px;
    margin-left: -40px;
    margin-top: -10px;
}
.group-info .logo-info .logo-message p{
    margin-top: -30px;
}
#footer-list{
    height: 120px!important;
    font-size: 14px;
    color: #84868C;
    margin-left: 242px;
}
#footer-list .footer-navbar {
    height: 100%!important;
}
#footer-list .navbar-nav {
    height: 100%!important;
}
#footer-list .navbar-nav-li {
    width: 140px;
    height: 100%!important;
    margin-right: 24px;
}
#footer-list .navbar-nav-li >ul {
    padding: 0;
}
#footer-list .navbar-nav-li >ul >li {
    margin-bottom: 8px;
}
#footer-list .navbar-nav-li >ul >li:first-child {
    font-size: 16px;
    color: #232426;
}
.footer-line{
    width: 1000px;
    height:1px;
    background: #E1E4EB;
    margin-top:132px;
}
.footer-beian{
    width: 1000px;
    height: 72px;
    line-height:72px;
}

 @keyframes hotkey {
    0% { background-position: 0px 0px; }
    4.35% { background-position: -360px 0px; }
    8.70% { background-position: -720px 0px; }
    13.04% { background-position: -1080px 0px; }
    17.39% { background-position: -1440px 0px; }
    21.74% { background-position: 0px -140px; }
    26.09% { background-position: -360px -140px; }
    30.43% { background-position: -720px -140px; }
    34.78% { background-position: -1080px -140px; }
    39.13% { background-position: -1440px -140px; }
    43.48% { background-position: 0px -280px; }
    47.83% { background-position: -360px -280px; }
    52.17% { background-position: -720px -280px; }
    56.52% { background-position: -1080px -280px; }
    60.87% { background-position: -1440px -280px; }
    65.22% { background-position: 0px -420px; }
    69.57% { background-position: -360px -420px; }
    73.91% { background-position: -720px -420px; }
    78.26% { background-position: -1080px -420px; }
    82.61% { background-position: -1440px -420px; }
    86.96% { background-position: 0px -560px; }
    91.30% { background-position: -360px -560px; }
    95.65% { background-position: -720px -560px; }
    100.00% { background-position: -1080px -560px; }
}
 
@keyframes advantage {
	0% { background-position: 0px 0px; }
	2.00% { background-position: -470px 0px; }
	4.00% { background-position: -940px 0px; }
	6.00% { background-position: -1410px 0px; }
	8.00% { background-position: -1880px 0px; }
	10.00% { background-position: -2350px 0px; }
	12.00% { background-position: 0px -320px; }
	14.00% { background-position: -470px -320px; }
	16.00% { background-position: -940px -320px; }
	18.00% { background-position: -1410px -320px; }
	20.00% { background-position: -1880px -320px; }
	22.00% { background-position: -2350px -320px; }
	24.00% { background-position: 0px -640px; }
	26.00% { background-position: -470px -640px; }
	28.00% { background-position: -940px -640px; }
	30.00% { background-position: -1410px -640px; }
	32.00% { background-position: -1880px -640px; }
	34.00% { background-position: -2350px -640px; }
	36.00% { background-position: 0px -960px; }
	38.00% { background-position: -470px -960px; }
	40.00% { background-position: -940px -960px; }
	42.00% { background-position: -1410px -960px; }
	44.00% { background-position: -1880px -960px; }
	46.00% { background-position: -2350px -960px; }
	48.00% { background-position: 0px -1280px; }
	50.00% { background-position: -470px -1280px; }
	52.00% { background-position: -940px -1280px; }
	54.00% { background-position: -1410px -1280px; }
	56.00% { background-position: -1880px -1280px; }
	58.00% { background-position: -2350px -1280px; }
	60.00% { background-position: 0px -1600px; }
	62.00% { background-position: -470px -1600px; }
	64.00% { background-position: -940px -1600px; }
	66.00% { background-position: -1410px -1600px; }
	68.00% { background-position: -1880px -1600px; }
	70.00% { background-position: -2350px -1600px; }
	72.00% { background-position: 0px -1920px; }
	74.00% { background-position: -470px -1920px; }
	76.00% { background-position: -940px -1920px; }
	78.00% { background-position: -1410px -1920px; }
	80.00% { background-position: -1880px -1920px; }
	82.00% { background-position: -2350px -1920px; }
	84.00% { background-position: 0px -2240px; }
	86.00% { background-position: -470px -2240px; }
	88.00% { background-position: -940px -2240px; }
	90.00% { background-position: -1410px -2240px; }
	92.00% { background-position: -1880px -2240px; }
	94.00% { background-position: -2350px -2240px; }
	96.00% { background-position: 0px -2560px; }
	98.00% { background-position: -470px -2560px; }
	100.00% { background-position: -940px -2560px; }
}