@charset "utf-8";

@import url(iconfont.css);
@import url(audio.css);
.indexBanner{text-align: center;}
.indexBanner img{display: block;width:100%;max-width:1200px;min-width:320px; margin:0 auto;}

.indexBanner_w{background: #110a34;position:relative;z-index: 1;}
.indexBanner_w .bottom{width:100%;background:rgba(0, 0, 0, 0.2);overflow: hidden;position: absolute;left: 0;bottom: 0;z-index: 3}
.indexBanner_w .bottom .mediaWidth{position: relative;overflow: hidden;}
.indexBanner_w .bottom .line{width: 1px;height:100%;position: absolute;left: 0;top: 0;background:rgba(255, 255, 255, 0.22);}
.indexBanner_w .bottom dl{width: 33.3%;float: left;display: flex;}
.indexBanner_w .bottom dl dd,.indexBanner_w .bottom dl dt{padding: 20px 0;vertical-align: middle;}
.indexBanner_w .bottom dl dt{border-right: 1px rgba(255, 255, 255, 0.22) solid;font-size: 14px;color: #fff;line-height: 100%;flex: 1;padding-left: 14px;}
.indexBanner_w .bottom dl b{font-size: 18px;display: block;padding:4px 0 10px;font-weight: 300;width: 100%;}
.indexBanner_w .bottom dl dd{width: 78px;text-align: right;}
.indexBanner_w .bottom dl dd img{vertical-align: middle;width: 62%;}

.swiper-container2{position: relative;}
.index_banner{width: 100%;overflow: hidden;position: relative;z-index: 1;}
.index_banner,.index_banner li{width:100%;height: 580px;position: relative;text-align: center;overflow: hidden;}
.index_banner li img{position: absolute;width: auto;height: 100%;left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}





.inItem_1{overflow: hidden;padding-bottom: 60px;}
.inItem_tit{font-size: 34px;color: #383838;text-align: center;font-weight: 300;padding: 95px 0 70px;}
.inItem_1 dl{width: 32.5%;float: left;text-align: center;padding: 30px 0;min-height: 180px;display: flex; flex-direction: column; justify-content: center; align-items: center;    -webkit-box-shadow: 0 2px 10px 0 rgba(136,136,136,.2);
    box-shadow: 0 2px 10px 0 rgba(136,136,136,.2);
    border-radius: 10px;
    margin: 5px;}
.inItem_1 dl:hover{    transform: scale(1.02);}
.inItem_1 dt{font-size: 20px;color:#000;color: rgba(0,0,0,.9); margin: 20px 0;}
.inItem_1 .txt{    width: 88%; font-size: 16px;margin: 0 auto;}
.inItem_1 .iconfont.icon-normal:before { width: 45px; height: 45px; font-size: 40px; text-align: center; }
.inItem_1 .iconfont:before { color: #3ca7f5; }


.inItem_2{background: #f7f7f7;}
.inItem_2 .none{display: none;}
.find_nav{width: 100%;position: relative;overflow: hidden;padding-bottom: 10px;}
.find_nav_left{border-bottom: 1px #d5d5d5 solid;margin-bottom: 10px;}
.find_nav_list{ position: absolute; left: 0;}
.li_list{overflow-y:auto; display:table;}
.find_nav{position:relative;}
.find_nav .sideline{position:absolute;left: 0;bottom: -3px;height: 10px!important;line-height: 10px!important;overflow:visible!important;padding-bottom: 0!important;z-index: 2;text-align:center;}
.find_nav,.find_nav_left,#pagenavi1 ,#pagenavi1 li{height: 64px;line-height:64px;}
#pagenavi1{white-space: nowrap;font-size: 0;}
#pagenavi1 li{color: #888888;font-size: 18px;display:inline-block;text-align: center;cursor: pointer;background: none;width:220px;}
#pagenavi1 li.active{color: #198df7;}
#slider1{padding:54px 0 90px;}
#slider1 img{display: block;/*width: 80%;*/margin: 0 auto;}

/*-----------版块3-----------*/
.inItem_3{padding-bottom: 120px;}
.inItem_3 .con{width: 580px;margin: 0 auto;position: relative;margin-top: 20px;}
.inItem_3 .robot_bg{display: block;width: 100%;}
.inItem_3 .robot{width: 200px;position: absolute;left: 50%;bottom:38px;margin-left: -70px;}
.inItem_3 .info_l,.inItem_3 .info_r{font-size: 14px;color: #555;width: 340px;height: 133px;position: absolute;}
.inItem_3 .info_l b,.inItem_3 .info_r b{font-size: 23px;color: #333;display: block;padding-top:34px;padding-bottom: 10px;line-height: 120%;}
/**/
.inItem_3 .info_1{left: -340px;top:-20px;}
.inItem_3 .info_2{right: -340px;top:-20px;}
.inItem_3 .info_3{left: -340px;bottom:-20px;}
.inItem_3 .info_4{right: -340px;bottom:-20px;}
/**/
.inItem_3 .info_l{background: url("../images/robot_info1.png");background-size: 100% 100%;text-align: right;}
.inItem_3 .info_l .info_n{padding-right:65px;}
.inItem_3 .info_r{background: url("../images/robot_info2.png");background-size: 100% 100%;text-align: left;}
.inItem_3 .info_r .info_n{padding-left:65px;}

/*旋转*/
.robot_rotate,.robot_rotate i{width: 100px;height: 98px;position:absolute;}
.robot_rotate i{width: 100%;height: 100%;left: 0;top:0;z-index: 2;}
.robot_rotate0{background: url("../images/robot_rotate1.png");background-size: 100% 100%;}
/*
.robot_rotate1{background: url("../images/robot_rotate1.png");background-size: 100% 100%;}
.robot_rotate2{background: url("../images/robot_rotate2.png");background-size: 100% 100%;}
*/
.inItem_3 .info_l .robot_rotate{right:-52px;top:-32px;}
.inItem_3 .info_r .robot_rotate{left:-52px;top:-32px;}
/*line*/
.robot_rotate .line{width: 115px;height:53px;left:50%;top:50%;position: absolute;z-index: 1;}
.robot_rotate .line1{background: url("../images/robot_line1.png");background-size: 100% 100%;}
.robot_rotate .line2{background: url("../images/robot_line2.png");background-size: 100% 100%;left: -50%;}
.robot_rotate .line3{background: url("../images/robot_line3.png");background-size: 100% 100%;top:0;}
.robot_rotate .line4{background: url("../images/robot_line4.png");background-size: 100% 100%;left: -50%;top:0;}

.inItem_3 .robot_rotate0{-webkit-animation:rotate_360 8s linear infinite;animation:rotate_360 8s linear infinite;}
.inItem_3 .robot{-webkit-animation:translate_bT 5s linear infinite;animation:translate_bT 5s linear infinite;}



.inItem_4{background: url("../images/inItem_4_bg.png") no-repeat center;background-size:100% 100%;position: relative;}
.inItem_4 .inItem_tit{color: #fff;}
/*.inItem_4 .inItem_4_bg{width:100%;height:100%;position: absolute;left: 0;top: 0;background: url("../images/inItem_4_bg2.png") no-repeat left bottom ;background-size:100% auto;z-index: 1;}*/
.inItem_4 .mediaWidth{position:relative;z-index: 2;text-align: center!important;color: #fff!important;}
.inItem_4 p{width: 20%;float: left;}
.inItem_4 .s1 {display: inline-block;}
.inItem_4 .s1 b{font-size: 60px;line-height:100%;font-weight: 300}
.inItem_4 .s1 .i2{font-size: 26px;vertical-align: text-bottom;position: relative;}
.inItem_4 .s1 .i1{width:100%;position: absolute;top:-70%;right: 0;}
.inItem_4 .s1 .i1 img{display: block;width: 80%;margin: 0 auto;}
.inItem_4 .s2{font-size: 21px;font-weight:300;display: block;letter-spacing: 1px;}
.inItem_4 .s3{font-size: 15px;display: block;color: #d9e5ff;}
.inItem_4 .inItem_4_bg2{width: 100%;margin-top:-40px;}
.inItem_4 p:last-child,.inItem_4 p.last-child{display: none;}


/*推荐试听*/
.inItem_5{overflow: hidden;padding-bottom: 80px;}
.inItem_5 dl{height: 140px;width: 49%;display: flex;margin-bottom: 40px;}
.inItem_5 dt,.inItem_5 dd{display: flex;flex-direction: column;justify-content: center;}
.inItem_5 dt{width: 200px;font-size: 18px;color: #fff;background: url("../images/inItem_5_1.jpg") no-repeat;background-size: 100% 100%;text-align: center;}
.inItem_5 dd{flex: 1;font-size: 14px;color: #888;border: 2px #ddd solid;border-left: none;border-radius:0 5px 5px 0;padding:0 14px 0 19px;}
.inItem_5 .info{padding-top: 14px;display: flex;flex: 1;overflow: hidden;}
.inItem_5 .audio_el{height: 28px;height: 42px;}
.inItem_5 .audio_el .mejs__time-rail{margin: 0 4px;}
.inItem_5 .audio_el .mejs__controls{margin: 0;padding: 0;}
/**/
.inItem_5 .dl_1,.inItem_5 .dl_3,.inItem_5 .dl_5,.inItem_5 .dl_7,.inItem_5 .dl_9{float: left;}
.inItem_5 .dl_2,.inItem_5 .dl_4,.inItem_5 .dl_6,.inItem_5 .dl_8,.inItem_5 .dl_10{float: right;}
.inItem_5 .dl_2 dt,.inItem_5 .dl_4 dt,.inItem_5 .dl_6 dt,.inItem_5 .dl_8 dt,.inItem_5 .dl_10 dt{background: url("../images/inItem_5_2.jpg") no-repeat;background-size: 100% 100%;}


/*慧之声机器人已经服务于这些行业*/
.inItem_6{background: #4c5564;overflow: hidden;padding-bottom: 86px;color: #fff!important;position: relative;}
.inItem_6 .inItem_tit{color:#fff;}
.inItem_6 .TabContent .none{display: none;}
/*Tit*/
.inItem_6 #myTab{float: left;width:202px;text-align: right;}
.inItem_6 #myTab li{line-height: 60px;font-size: 16px;cursor: pointer;}
.inItem_6 #myTab li span{padding-right:2em;display: block;}
.inItem_6 #myTab .active span{border-right: 4px #198df7 solid;background: url("../images/myTab_tit.png") no-repeat;background-size: 100% 100%}
.inItem_6 .TabContent{margin-left:199px;padding:0 2% 0 3%;border-left: 2px #667080 solid;min-height:404px}
.inItem_6 .in_case{overflow: hidden;}
/*Con*/
.inItem_6 .t2,.inItem_6 .info,.inItem_6 .more a{color: #e6e6e6!important;}
.inItem_6 .TabContent .in_case li{width: 25%;float: left;margin-bottom: 10px;}
.inItem_6 .TabContent .in_case img{max-width: 156px;width: 80%;max-height: 40px;height: auto;}
.inItem_6 .t1{font-size: 20px;font-weight: bold;padding:10px 0 20px;}
.inItem_6 .t2{font-size: 15px;margin-bottom: 30px;}
.inItem_6 .info{font-size: 14px;line-height: 30px;}
.inItem_6 .more{margin:34px  0 ;}
.inItem_6 .more a{font-size: 14px;line-height: 38px;display: inline-block;padding: 0 3.2em;border: 1px #ceced2 solid;}
.inItem_6 .more a:hover{border: 1px #fff solid;background: #a8a8a8;color: #fff !important;border-radius: 4px;}
/*移动切换背景*/
.inItem_6 .inItem_tit,.inItem_6 .TabContent,#myTab span{position: relative;z-index: 2;}
#myTab i{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index:-1;background-size: 100% 100%;}
.inItem_6 #myTab .active i{z-index: 1;}
#myTab_li0 i{background-image: url("../images/myTab_bg0.png");}
#myTab_li1 i{background-image: url("../images/myTab_bg0.png");}
#myTab_li2 i{background-image: url("../images/myTab_bg0.png");}
#myTab_li3 i{background-image: url("../images/myTab_bg0.png");}
#myTab_li4 i{background-image: url("../images/myTab_bg0.png");}
#myTab_li5 i{background-image: url("../images/myTab_bg0.png");}


.item07{padding-bottom: 100px;}
.item07 .txt{font-size: 14px;color: #555;line-height: 30px;}
.item07 .item_foot .t{font-size: 20px;color: #555;padding: 40px 0;text-align: center}
.item07 .item_foot ul{position:relative;}
.item07 .item_foot li{color: #908e8e;font-size: 14px;border: 1px #e1e1e1 solid;width: 28%;margin: 0 auto;text-indent: 88px;background-position:24px center;padding:14px 0;background-size:  auto 76%;border-radius: 4px;background-image: url("../images/inItem_7_n2.jpg");background-repeat: no-repeat;}
.item07 .item_foot li.li1{left:0;top: 0;position: absolute;background-image: url("../images/inItem_7_n1.jpg");}
.item07 .item_foot li.li3{right:0;top: 0;position: absolute;background-image: url("../images/inItem_7_n3.jpg");}
/**/
.item07_con1,.item07_con_txt{width: 83.4%;display: block;}
.item07_con_txt{margin:30px auto 40px;}
.item07_con1{position: relative;margin: 0 auto;margin-top: 100px;}
.item07_con1 img{display: block;width: 100%;}
.item07_con1 .item07_con1_itm { position: absolute; width:16%;transition: 0.5s; }
.item07_con1 .item07_con1_itm .obj { position: absolute; top: 0;width: 100%; transition: 0.5s; z-index: 1; }
.item07_con1 .item07_con1_itm .shadow { position: absolute;width: 100%;left: 0; top: 76px; opacity: 1; transition: 0.5s; z-index: 0; }
.item07_con1 .item07_con1_itm.one {left:0; top:24%;}
.item07_con1 .item07_con1_itm.two {left: 25%;top: -18%; }
.item07_con1 .item07_con1_itm.three {right: 26%;top: -18%;}
.item07_con1 .item07_con1_itm.four {left: 25%;bottom:26%;}
.item07_con1 .item07_con1_itm.five {right: 26%;bottom:26%;}
.item07_con1 .item07_con1_itm.six {right:0; top:24%;}
/**/
.item07_con1 .item07_con1_itm.in .obj{transform:translateY(-16px)}
.item07_con1 .item07_con1_itm.in .shadow{transform:scale(0.8)}

.item08{background: url("../images/inItem_8.jpg") no-repeat;background-size: 100% 100%;height: 234px;position: relative;}
.item08 video{position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: 1;object-fit:fill;}
.item08 .mediaWidth{position: relative;z-index: 2;font-size: 30px;color: #fff;text-align:center;}
.item08 .mediaWidth p{padding: 69px 0 24px;}
.item08 .mediaWidth a{display: inline-block;width: 148px;height: 36px;line-height: 36px;background: #2689e9;font-size: 16px;color: #fff;border: 1px #fff solid;border-radius: 3px;}
.item08 .mediaWidth a:Hover{background: #61aaf1;}




@media screen and (max-width:1201px){
    .indexBanner_w{}
    .indexBanner_w .bottom{display: none;}
    .index_banner,.index_banner li{height: 350px;}

    .inItem_tit{font-size: 26px;padding:35px 0 40px;}

    .inItem_1{padding-bottom: 40px;}
    .inItem_1 dl{min-height: auto;padding:20px 0;}

    #slider1{padding: 30px 0 40px;}
    #pagenavi1 li{width:auto;padding:0  60px;}

    .inItem_3 .con{width:400px;}
    .inItem_3 .robot{width: 120px;margin-left: -40px;}
    .inItem_3 .info_3,.inItem_3 .info_4{bottom: -90px;}
    .inItem_3 .info_l .info_n{padding-right:45px;}
    .inItem_3 .info_r .info_n{padding-left:45px;}
    .inItem_3 .info_l, .inItem_3 .info_r{font-size: 12px;width: 300px;}
    .inItem_3 .info_l b, .inItem_3 .info_r b{font-size: 18px;}
    .inItem_3 .info_1,.inItem_3 .info_3{left:-290px;}
    .inItem_3 .info_2,.inItem_3 .info_4{right:-290px;}


    .inItem_4 .s1 b{font-size: 50px;}
    .inItem_4 .s2{font-size: 18px;}
    .inItem_4 .s3{font-size: 14px;}
    .inItem_4 .s1 .i2{font-size: 18px;}

    .item07{padding-bottom:60px;}

}
@media screen and (max-width:1000px){
    #tellBox{display:none}
    .index_banner,.index_banner li{height: 320px;}

    .inItem_tit{font-size: 18px;font-weight: 300; padding: 30px 0 30px;}
    .inItem_1 dl{min-height: auto;padding: 14px 0;width: 50%;}
    .inItem_1 .iconfont.icon-normal:before{width:36px; height: 36px; font-size: 30px;}
    .inItem_1 dt{font-size: 15px;margin: 10px 0;}
    .inItem_1 .txt{font-size:11px;padding:0 10px;}

    .inItem_2 .inItem_tit{font-size: 16px;}
    #slider1{padding: 30px 0 30px;}
    #slider1 img{width: 90%;}
    #pagenavi1 li{font-size: 16px; padding: 0 20px;}

    .inItem_3{ padding-bottom: 50px;}
    .inItem_3 .robot_bg,.inItem_3 .robot_rotate1,.inItem_3 .line {display: none;}
    .inItem_3 .con{width: 90%;margin: 0 auto;overflow: hidden;}
    .inItem_3 .robot{width:12%;margin-left:-6%; bottom:36%;}
    .inItem_3 .info_l, .inItem_3 .info_r{position:static;width:40%;background: none;border: 2px #00bbec solid;margin-bottom: 10px;height:auto;padding-bottom: 30px;}
    .inItem_3 .info_l{float: left;}
    .inItem_3 .info_r{float: right;}
    .inItem_3 .info_l .info_n,.inItem_3 .info_r .info_n{padding-left:4px;padding-right:4px;text-align: center;}

    .inItem_4 .s1 .i2{font-size: 12px;}
    .inItem_4 .s1 b{font-size: 24px;}
    .inItem_4 .s2{font-size: 11px;}
    .inItem_4 .s3{font-size: 11px;}


    .inItem_5 {padding-bottom:30px;}
    .inItem_5 dl{margin-bottom: 20px;}
    .inItem_5 dt{width: 110px;font-size: 14px;}
    .inItem_5 dd{padding: 0 8px 0 8px;}
    .inItem_5 .info{font-size: 12px;}
    .inItem_5 .audio_el{height:40px;}

    .inItem_6{padding-bottom: 40px;}
    .inItem_6 #myTab{width: 100px;}
    .inItem_6 #myTab li{font-size: 14px;line-height:46px;}
    .inItem_6 #myTab li span{padding-right: 1em;}
    .inItem_6 .TabContent{margin-left: 97px;}
    .inItem_6 .t1{font-size: 18px;}
    .inItem_6 .info{font-size: 12px;line-height:20px;}
    .inItem_6 .more{margin:10px 0;line-height: 38px;}
    .inItem_6 .more a{padding: 0 2em;line-height: 30px;}
    .inItem_6 .t2{margin-bottom: 14px;}
    .inItem_6 .TabContent .in_case img{width: 90%;}

    .item07_con1{margin-top:40px;}
    .item07_con1 .item07_con1_itm .shadow{top:24px;}
    .item07_con_txt{margin:20px auto 20px;}
    .item07 .txt{font-size: 12px;line-height: 20px;}
    .item07 .item_foot li{width:100%;position: relative!important;margin-bottom:6px; padding:8px 0;}
    .item07_con1, .item07_con_txt{font-size: 12px;}

    .item08 .mediaWidth{font-size:18px;}
    .item08 .mediaWidth p{padding:29px 0 24px;}
    .item08{height:164px;}

}

@media screen and (max-width:800px){
    .index_banner,.index_banner li{height: 240px;}
    .inItem_4 img{margin-top: 0;}
}

@media screen and (max-width:700px){
    .inItem_6 .TabContent .in_case li{width:50%;margin-bottom:8px;}
    .item07_con1, .item07_con_txt{width: 100%;}
}
@media screen and (max-width:620px){

    .index_banner,.index_banner li{height: 150px;}
    .inItem_5 dl{width: 100%;}
    .inItem_3 .robot{display: none;}
    .inItem_3 .info_l, .inItem_3 .info_r{position:static;width:100%;background: none;border:2px #00bbec solid;border-bottom: 1px #00bbec solid;margin-bottom: 0}
    .inItem_3 .info_r.info_4{border-bottom:2px #00bbec solid;}
}
@media screen and (max-width:400px){
    .inItem_1 .txt{width: auto;padding:0 4px;}
    .inItem_4 p{width: 33.3%;margin-bottom: 20px;}
    .inItem_4 p:last-child, .inItem_4 p.last-child{display: inherit;}
}