@charset "utf-8";
@media (min-width: 768px) {
    .modal-dialog{width: 400px;}
}
@media (max-width: 768px) {

 .carousel-item .carousel-caption{right: 0;left: -50%;bottom: 10%;text-align: left;transition: 0.5s all ease-in-out 0s;}
.carousel-item.active .carousel-caption{right: 0;left: 5%;bottom: 10%;text-align: left;}

.carousel-caption h2{font-size: 14px;line-height: 26px;margin-bottom: 5px;}
.carousel-caption h3{font-size: 16px;line-height: 26px;}
.carousel-caption p{font-size: 14px;line-height: 24px;margin-bottom: 5px;margin-top: 5px;}   
.carousel_botx{margin-top: 5px;}
.carousel_bot{display: inline-block;
    height: 30px;padding: 0 20px;
    border: solid 1px transparent;
    border-radius: 2px;
    background: transparent;
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    transition: 0.2s;}

.carousel_bot-large{height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 30px;}
.carousel_bot-primary{border-color: #f66f6a;background-color: #f66f6a;color: #fff;}  
.carousel_bot-primary:hover{box-shadow:0 8px 16px rgba(246, 111, 106, 0.5)} 
/*wap导航*/
.nav-wapx_head{height: 68px;background:#1c232f;margin-bottom: 0px;padding: 0px 10px;position: relative;}
.navbar-toggle{position: absolute;padding: 0px;float: none;top:28px;left: 15px;margin:0px;}
.offcanvas-toggle{background:#1c232f; }
.offcanvas-toggle .icon-bar{background: #fff;}
.navbar-default{background:#1c232f; }
.navbar-header{border-bottom: 1px solid #10151d;padding:0px 20px;}
.yg_headt{padding: 15px 0px;background: #0071BB;color: #fff;}    
.navbar-default .navbar-toggle{border-color:#1c232f }
.navbar-toggle .icon-bar{width: 26px;}
.wap_logo{line-height: 68px;width: 100%;padding-top: 10px;}
.navbar-header{height: 68px;}
.navbar-header i{color: #fff;font-size: 18px;}

.navbar_wap_h h2{font-family: 'Abril Fatface', cursive; padding: 20px;font-size: 20px;line-height: 30px;color: #fff;
font-weight: bold;letter-spacing:2px;text-align: center;}
.navber_wap_seach{border-top: 1px solid #10151d;border-bottom: 1px solid #10151d;padding: 10px 5px 10px 5px;margin-bottom: 5px;}
.navbar-nav li a{display: inline-block;width: 100%;color: #9c9c9c;text-decoration: none;
  transition: color .3s;position: relative;padding: 8px 30px 8px 22px;}
.navbar-default .navbar-nav > li > a{color: #fff;font-size: 14px;}
.navbar-default .navbar-nav > li > a:after{content: "\f105";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    background: 0 0;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 15px;
    top: 10px;}
.navbar-default .navbar-nav > li:first-child > a:after{content:none;}    
.navbar-default .navbar-nav > li.active > a:after{transform: rotate(90deg);
    right: 17px;}
.navbar-default .navbar-nav > li > a i{    margin-right: 10px;font-size: 14px;background: #0c1119;
    width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 4px;}
.navbar-offcanvas .dropdown-menu.shown{    background: #0c1119;
    border-bottom: 1px solid #222b35;padding:5px 0px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background:#1c232f;color: #fff; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: #fff;}
.navbar-offcanvas .dropdown-menu>li>a{padding: 8px 15px 8px 45px;}
.nav_line{padding-top: 3px;margin-top: 5px;border-top: 1px solid #10151d;padding-left:10px;}
.nav_line p{color: #fff;line-height: 30px;font-size: 14px;}
.nav_line p i{font-size: 16px;}
.navbar-default{border-color: #1c232f;}
/*主体*/
/*云产品*/
.nav-tabs>li{margin-bottom: 5px;}
.nav-tabs>li.active>a:after, .nav-tabs>li.active>a:focus:after, .nav-tabs>li.active>a:hover:after{display: none;}
/*解决方案*/
.solution-header{padding: 15px 0px;}
.solution-header h2{font-size: 18px;line-height: 30px;}
.solution-list ul .on:after{display: none;}
.solution-list ul li{margin-bottom: 5px;}
.solution-item{padding:1px;}
.solution-list ul li h2{font-size: 14px;}
/*关于我们*/
.vikvx_about h2{font-size: 18px;line-height: 30px;}
.vikvx_about_bdx{width: 100%;margin-bottom: 5px;}
/*案例*/
/*新闻*/
.vikvx_news_bdx{border-bottom:1px #fff solid;margin-bottom: 15px;padding-bottom: 15px;}
/*底部*/
.footera ul li{width: 50%;}
.mall-app>ul>li{width: 100%;margin-bottom: 10px;}
/*.mall-app-card-bottom{padding-top: 20px;}
.mall-app-card-top h4{top: 145px;}
.mall-app-card{height: 340px;}*/
/*===========================cpny======================================*/
.vikcp_nyarax ul li{margin-bottom: 5px;}
.vikcp_nyar h2{font-size: 16px;line-height: 35px;}
.vikcp_nyara{padding: 15px;}
.vikcp_nyara{margin-top: 5px;margin-bottom: 5px;}
.vikcp_nyal ,.vikcp_nyar, .vikcp_nybl, .vikcp_nybr{padding-left: 0px;padding-right:0px;}
.vikcp_nybrxs{width: 100%;margin-top:15px;}
/*产品列表*/
#vikvx_cplb .container{padding-left: 0px;padding-right: 0px;}
#cplbTab li a{line-height: 30px;font-size: 14px;}
.vikvx_cplbb{height: 64px;}
.vikcp_wzzza_boxl img{width: 100%;}
.vikcp_wzzza_boxl,.vikcp_wzzza_boxr{padding-left: 0px;padding-right: 0px;}
.vikcp_wzzza{padding-left: 15px;padding-right: 15px;}
.vikcp_wzzza_box{padding: 15px;}

.clearr_padd_wap{padding-left: 0px;padding-right: 0px;}
.clearr_padd_wapx{padding-left: 5px;padding-right: 5px;}
.clearr_padd_wapy{padding-left: 15px;padding-right: 15px;}
#w_cplbTab li{width: 100%;margin-bottom: 10px;}
.vikvx_ny_box_bdx{padding-left: 0px;}
.vikvx_case_show{padding-left: 0px;}
.vikcp_wzzzcx img{width:100%;}
/*新闻*/
.vikvx_news_list_bdxl_box{padding: 10px 10px;}
.vikvx_news_list_bdxl_box_txtr p{line-height: 25px;}
.vikvx_news_list_bdxr{margin-bottom: 15px;}
.vikvx_news_list_bdxl{padding-right: 0px;}
.vikvx_news_list_bdxr{padding-left: 0px;}
.vikvx_news_list_bdxl_box_txt{padding-bottom: 10px;}
.vikvx_news_list_bdxr{float: right;}
.vikvx_news_show_bdxl_box{padding: 15px;}
/*.info-sub-box,.sub-head,.sub-form{width: 95%;margin:0px auto;}*/
/*案例*/
.vikvx_case_boxx_bdi img{width: 100%;}
.vikvx_case_boxx_bdii{height: 223px;}
.vikvx_case_boxx_bdii img{width: 120px;height: 120px;margin: 50px auto 0;}
.vikvx_case_show_bdxlb{padding: 25px 15px;}

.gf-case .focus .bd li{height: 150px;}
.gf-case .focus{height: 180px;}
/*小程序推荐单独*/
.xcxtj_wap{padding: 25px 0px;background: #F4F4F4;}
.xcxtj_wap_item{border:1px solid #DCDCDC;border-radius: 3px;margin-bottom: 15px;
    padding: 15px 10px;}
.xcxtj_wap_item h3{font-size: 20px;text-align: center;line-height: 1.79;font-weight: bold;}
.xcxtj_wap_itemi{margin:15px 0px 20px; }
.xcxtj_wap_itemt h5{display: inline-block;border: 1px #DCDCDC solid;padding: 4px 5px;margin-bottom: 8px;}
.xcxtj_wap_itemt p{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px #DCDCDC dashed;}
.xcxtj_wap_itemm a{display: inline-block;margin-right: 5px;border: 1px #DCDCDC solid;padding: 4px 5px;}
}
@media(width: 768px){
.head_bdt_main{padding: 0px 20px 0px 25px;}
.head_bdb_main{padding: 0px 10px;}    
/*banner*/
.carousel-indicators{bottom: 24%;}
.carousel-indicators li{width: 45px;background-color: #f66f6a;opacity:.2;height: 4px;border:0px;}
.carousel-indicators li.active{width: 45px;background-color: #f66f6a;opacity:1;height: 4px;border:0px;margin: 1px;}

.carousel-item .carousel-caption{right: 0;left: -50%;bottom: 30%;text-align: left;transition: 0.5s all ease-in-out 0s;}
.carousel-item.active .carousel-caption{right: 0;left: 5%;bottom: 30%;text-align: left;}

.carousel-caption h2{font-size: 20px;line-height: 26px;margin-bottom: 10px;}
.carousel-caption h3{font-size: 25px;line-height: 36px;}
.carousel-caption p{font-size: 16px;line-height: 24px;margin-bottom: 10px;margin-top: 10px;}
.carousel_botx{margin-top: 20px;}
.carousel_bot{display: inline-block;
    height: 30px;padding: 0 20px;
    border: solid 1px transparent;
    border-radius: 2px;
    background: transparent;
    font-weight: 400;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    transition: 0.2s;}

.carousel_bot-large{height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 40px;}
.carousel_bot-primary{border-color: #f66f6a;background-color: #f66f6a;color: #fff;}  
.carousel_bot-primary:hover{box-shadow:0 8px 16px rgba(246, 111, 106, 0.5)}  
.carousel_box{position: absolute;bottom: 4%;width: 100%;}  
.carousel_bd{padding-left: 10px;padding-right: 10px;}
.carousel_box_item{width: 20%;float: left;text-align: center;position: relative;}
.carousel_box_item h2{font-size: 14px;line-height: 24px;color: #fff;}
.carousel_box_item p{font-size: 12px;line-height: 24px;margin-top: 8px;color: #fff;}
.carousel_box_item:before {    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    height: 60px;
    border: solid #fff 1px;
    margin-top: -30px;
    opacity: 0.3;}
.carousel_box_item:nth-child(1):before{display: none;}
/*解决方案*/
.solution-header{padding: 35px 0px;}
.solution-header h2{font-size: 26px;}
.solution-list ul .on:after{content: "";position: absolute;
    left: 45%;bottom: -14px;border: 7px solid transparent;border-top: 7px solid #f66f6a;}
.solution-list ul li{margin-bottom: 0px;}
.solution-item{padding:15px 20px 10px 0}
/*关于我们*/
.vikvx_about_bdx{margin-bottom: 5px;height: 210px;}
/*案例*/
.vikvx_al_bdx{padding-left: 5px;padding-right: 5px;}
.vikvx_al_bdxyi img{height: 115px;}
.vikvx_al_bdxyii img{height: 100px;width: 100px;margin:7px auto 0px;}
.vikvx_al_bdxyii{height: 115px;}
/*新闻*/
.vikvx_news_bdx{border:0px #fff solid;border-radius: 4px;margin-bottom: 0px;}
.vikvx_news_bdx h2{font-size: 14px;}
.vikvx_news_bdx_boxi img{width: 170px;height: 94px;}
/*底部*/
.footera ul li{width: 20%;}
/*===========================cpny======================================*/
.vikcp_nyar h2{font-size: 16px;line-height: 25px;}
.vikcp_nyara{padding: 10px;}
.vikcp_nyara{margin-top: 5px;margin-bottom: 5px;}
.vikcp_nyal ,.vikcp_nyar, .vikcp_nybl, .vikcp_nybr{padding-left: 10px;padding-right:10px;}
.vikcp_nybrxs{width: 48%;margin-top:20px;}
.vikcp_nybra{margin-right: 2%;}
/*产品列表*/
#vikvx_cplb .container{padding-left: 0px;padding-right: 0px;width: 100%;}
.vikcp_wzzza{padding-left: 15px;padding-right: 15px;}
.vikcp_wzzza_box{padding: 15px;}
#cplbTab li a{line-height: 30px;font-size: 14px;}
.vikvx_cplbb{height: 32px;}
.vikcp_wzzza_boxl img{width: 100%;}
.vikcp_wzzza_boxl,.vikcp_wzzza_boxr{padding-left: 0px;padding-right: 0px;}
.clearr_padd_wap{padding-left: 0px;padding-right: 0px;}
.clearr_padd_wapx{padding-left: 5px;padding-right: 5px;}
.clearr_padd_wapy{padding-left: 15px;padding-right: 15px;}
#w_cplbTab li{width: 120px;margin-bottom: 0px;}
.vikvx_ny_box_bdx{padding-left: 70px;}
.vikvx_case_show_bdx{padding-left: 0px;}
/*新闻*/
.news_nav a span{margin-left: 15px;}
.news_nav-show ul li a{padding-left: 10px;}
.vikvx_news_list_bdxl_box{padding: 10px 10px;}
.vikvx_news_list_bdxl_box_txtr p{line-height: 25px;}
.vikvx_news_list_bdxr{margin-bottom: 0px;}
.vikvx_news_list_bdxl{padding-right: 15px;}
.vikvx_news_list_bdxr{padding-left: 15px;}
/*案例*/
.vikvx_case_boxx_bdi img{width: 340px;height: 240px;}
.vikvx_case_boxx_bdii{height: 240px;}
.vikvx_case_boxx_bdii img{width: 120px;height: 120px;margin: 50px auto 0;}

.gf-case .focus .bd li{height: 340px;}
.gf-case .focus{height: 370px;}
.vikxcx_lb_box_bdi{height: 192px;}
.vikxcx_lb_box_bds_c{height: 190px;}
}


@media (min-width: 1200px) {
.container{width: 1200px;padding: 0px;margin: 0 auto;}
/*banner*/
.carousel-indicators{bottom: 20%;}
.carousel-indicators li{width: 45px;background-color: #f66f6a;opacity:.2;height: 4px;border:0px;}
.carousel-indicators li.active{width: 45px;background-color: #f66f6a;opacity:1;height: 4px;border:0px;margin: 1px;}

.carousel-item .carousel-caption{right: 0;left: -50%;bottom: 23%;text-align: left;transition: 0.5s all ease-in-out 0s;}
.carousel-item.active .carousel-caption{right: 0;left: 5%;bottom: 23%;text-align: left;}

.carousel-caption h2{font-size: 24px;line-height: 30px;margin-bottom: 20px;}
.carousel-caption h3{font-size: 40px;line-height: 56px;}
.carousel-caption p{font-size: 20px;line-height: 24px;margin-bottom: 20px;margin-top: 20px;}
.carousel_botx{margin-top: 60px;}
.carousel_bot{display: inline-block;
    height: 40px;padding: 0 30px;
    border: solid 1px transparent;
    border-radius: 2px;
    background: transparent;
    font-weight: 400;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    transition: 0.2s;}

.carousel_bot-large{height: 48px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 18px;
    line-height: 46px;}
.carousel_bot-primary{border-color: #f66f6a;background-color: #f66f6a;color: #fff;}  
.carousel_bot-primary:hover{box-shadow:0 8px 16px rgba(246, 111, 106, 0.5)}  
.carousel_box{position: absolute;bottom: 4%;width: 100%;}  
.carousel_bd{padding-left: 60px;padding-right: 60px;}
.carousel_box_item_box{padding-left: 20px;padding-right: 20px;}
.carousel_box_item{width: 25%;float: left;text-align: left;position: relative;}
.carousel_box_item h2{font-size: 18px;line-height: 30px;color: #fff;text-overflow: ellipsis;
    white-space: nowrap;width: 100%;overflow: hidden;}
.carousel_box_item h2 a{color: #fff;}
.carousel_box_item p{font-size: 14px;margin-top: 8px;color: #fff;line-height: 24px;}
.carousel_box_item p a{color: #fff;}
.carousel_box_item:before{    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    height: 60px;
    border: solid #fff 1px;
    margin-top: -30px;
    opacity: 0.3;}

.carousel_box_item:nth-child(1):before{display: none;}
/*首页主体*/
.vikvx_ycp{padding: 60px 0px 35px;}
.vikvx_ycp h2{line-height: 45px;font-size: 30px;}
.vikvx_ycp h3{line-height: 25px;margin-bottom: 52px;}
/*关于我们*/
.vikvx_about{padding: 60px 0px 52px;}
.vikvx_about h2{line-height: 45px;font-size: 30px;}
.vikvx_about h3{line-height: 25px;margin-bottom: 40px;}
.vikvx_about_bdx{padding: 40px 35px 20px 35px;}
/*案例*/
.vikvx_al{padding: 60px 0px 52px;}
.vikvx_al h2{line-height: 45px;font-size: 30px;}
.vikvx_al h3{line-height: 25px;margin-bottom: 40px;}
/*新闻*/
.vikvx_news{padding: 60px 0px 52px;}
.vikvx_news_bdx_boxi img{height: 179px;width: 340px;}
.vikvx_news_bd h3{line-height: 45px;font-size: 30px;}
.vikvx_news_bd h4{line-height: 25px;margin-bottom: 30px;}
/*优势*/
.vikvx_yous{padding: 60px 0px 52px;}
.vikvx_yous h2{line-height: 45px;font-size: 30px;}
.vikvx_yous h3{line-height: 25px;margin-bottom: 40px;}
/*AD*/
/*===========================cpny======================================*/
#vikvx_ny{padding: 0px 0px 35px}
.vikcp_nya img{width:100%;}
.vikcp_nyb{margin-bottom: 40px;margin-top:40px;}
.vikcp_nybrbx_boxl img{width: 90px;height: 70px;}
/*产品列表*/
#vikvx_cplb{background: #F3F8FF;padding-bottom: 45px;}
.vikcp_wzzza_boxl img{width: 558px;height: 248px;}
.vikcp_wzzzbx{width: 32.33%;margin-right:1%;padding: 0px; }
.vikcp_wzzzcx img{width: 350px;height: 313px;}
.vikcp_wzzzcx{width: 23%;margin:0px 1% 15px;padding: 0px;}
/*案例*/
.vikvx_case_boxx{width: 24%;margin-right: 1%;}
.vikvx_case_box .vikvx_case_boxx:nth-child(4n){margin-right: 0px;margin-left: 1%;}
.vikvx_case_boxx_bdi img{width: 316px;height: 217px;}
.vikvx_case_boxx_bdii{height: 217px;}
.vikvx_case_boxx_bdii img{margin: 40px auto 0;display: block;width: 120px;height: 120px;transition: all ease .3s;}
.vikvx_case_boxx{height: 362px;overflow: hidden;}
.vikvx_case_show_bdy{width: 33%;margin-right:4px;}
/*案例内页弹窗*/
#myModal{top:10%;}
#myModala{top:10%;}
/*H5游戏*/
.vikvx_h5yx{margin-top: 45px;margin-bottom: 45px;}
.vikvx_h5yxt P{line-height: 45px;font-size: 30px;text-align: center;margin-bottom: 45px;    border-bottom: 1px #f1f1f1 solid;
    padding-bottom: 25px;}
.vikxcx_lb_box_bdi{height: 200px;}  
.vikxcx_lb_box_bds_c{height: 190px;}  
}

@media (min-width: 1400px) {
.container{width: 1400px;padding: 0px;margin: 0 auto;}
.vikvx_al_bdxyi img{width: 100%;height: 201px;}
.vikvx_al_bdxyii{height: 201px;}
.vikvx_al_bdxyii img{margin: 40px auto 0;display: block;width: 120px;height: 120px;transition: all ease .3s;}  
/*新增20200330*/
.section .mode-list .mode-item{width: 280px;}
.section .mode-list .mode-wrap{width: 840px;}
.section .mode-list .mode-view{width: 280px;}
.section .mode-list .mode-detail{width: 560px;}
.section .mode-list .mode-detail .detail-left, .section .mode-list .mode-detail .detail-right{width: 280px;}
.section .mode-list .mode-item.active{ width: 560px; }
.section .mode-list .mode-item.active .mode-wrap{ margin-left: -280px; opacity: 1; }
}

@media (min-width: 1600px) {
.carousel-item .carousel-caption{right: 0;left: -50%;bottom: 40%;text-align: left;transition: 0.5s all ease-in-out 0s;}
.carousel-item.active .carousel-caption{right: 0;left: 5%;bottom: 40%;text-align: left;}

.carousel-caption h2{font-size: 26px;line-height: 30px;margin-bottom: 20px;}
.carousel-caption h3{font-size: 60px;line-height: 76px;}
.carousel-caption p{font-size: 20px;line-height: 24px;margin-bottom: 30px;margin-top: 20px;}
.container{width: 1600px;padding: 0px;margin: 0 auto;}    
.vikh5_yxchxa{line-height: 142px;}
.col-lgx-2{width: 16.666666667%;}
.vikh5_hdchs_box_yxi{height: 137px;overflow: hidden;}
.vikxcx_lb_box_bds_c{height: 145px;} 
/*新增20200330*/
.section .mode-list .mode-item{width: 320px;}
.section .mode-list .mode-wrap{width: 960px;}
.section .mode-list .mode-view{width: 320px;}
.section .mode-list .mode-detail{width: 640px;}
.section .mode-list .mode-detail .detail-left, .section .mode-list .mode-detail .detail-right{width: 320px;}
.section .mode-list .mode-item.active{ width: 640px; }
.section .mode-list .mode-item.active .mode-wrap{ margin-left: -320px; opacity: 1; } 
.section .mode-list .mode-detail .detail-right li{margin-bottom: 30px;}
.section .mode-list .mode-view li{margin: 0px 25px 10px;}
.xcx_new_tab_list{font-size: 16px;}
}







@media (min-width: 991px) and (max-width: 1199px){
.container{padding-right: 0px;padding-left: 0px;width: 990px;}

/*banner*/
.carousel-indicators{bottom: 20%;}
.carousel-indicators li{width: 45px;background-color: #f66f6a;opacity:.2;height: 4px;border:0px;}
.carousel-indicators li.active{width: 45px;background-color: #f66f6a;opacity:1;height: 4px;border:0px;margin: 1px;}

.carousel-item .carousel-caption{right: 0;left: -50%;bottom: 30%;text-align: left;transition: 0.5s all ease-in-out 0s;}
.carousel-item.active .carousel-caption{right: 0;left: 5%;bottom: 30%;text-align: left;}

.carousel-caption h2{font-size: 20px;line-height: 26px;margin-bottom: 10px;}
.carousel-caption h3{font-size: 25px;line-height: 36px;}
.carousel-caption p{font-size: 16px;line-height: 24px;margin-bottom: 10px;margin-top: 10px;}
.carousel_botx{margin-top: 20px;}
.carousel_bot{display: inline-block;
    height: 40px;padding: 0 30px;
    border: solid 1px transparent;
    border-radius: 2px;
    background: transparent;
    font-weight: 400;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    transition: 0.2s;}

.carousel_bot-large{height: 48px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 18px;
    line-height: 46px;}
.carousel_bot-primary{border-color: #f66f6a;background-color: #f66f6a;color: #fff;}  
.carousel_bot-primary:hover{box-shadow:0 8px 16px rgba(246, 111, 106, 0.5)}  
.carousel_box{position: absolute;bottom: 1%;width: 100%;}  
.carousel_bd{padding-left: 10px;padding-right: 10px;}
.carousel_box_item_box{padding-left: 15px;padding-right: 15px;}
.carousel_box_item{width: 25%;float: left;text-align: left;position: relative;}
.carousel_box_item h2{font-size: 16px;line-height: 24px;color: #fff;text-overflow: ellipsis;
    white-space: nowrap;width: 100%;overflow: hidden;}
.carousel_box_item h2 a{color: #fff;}
.carousel_box_item p{font-size: 14px;margin-top: 8px;color: #fff;line-height: 22px;}
.carousel_box_item p a{color: #fff;}
.carousel_box_item:before {    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    height: 60px;
    border: solid #fff 1px;
    margin-top: -30px;
    opacity: 0.3;}
.carousel_box_item:nth-child(1):before{display: none;}
.vikvx_news_bdx_boxi img{width: 237px;height: 131px;}
/*===========================cpny======================================*/
.vikcp_nyar h2{font-size: 18px;line-height: 35px;}
.vikcp_nyara{padding: 15px;}
.vikcp_nyara{margin-top: 5px;margin-bottom: 5px;}
.vikcp_nybrbx_boxp{padding: 10px 3px;}
.vikcp_nybrbx_boxl img{width: 60px;height: 47px;}
.vikcp_nybrbx_boxr h3{font-size: 14px;line-height: 20px;}
/*产品列表*/
#vikvx_cplb{background: #F3F8FF;padding-bottom: 45px;}
.vikcp_wzzza_boxl img{width: 388px;height: 193px;}
.vikcp_wzzza_boxr h3{line-height: 30px;}
.vikcp_wzzza_boxr p{font-size: 14px;line-height: 22px;color: #666;}
.vikcp_wzzza_boxr h6 a{margin-top: 20px;}
.vikcp_wzzzcxt{padding:15px;}
.vikcp_wzzzcxt p{font-size: 35px;line-height: 40px;margin:5px 0px;}
.vikcp_wzzzcxt a{margin-top: 5px;}
.vikvx_case_boxx{height: 327px;overflow: hidden;}
.gf-case .focus .bd li{height: 470px;}
.gf-case .focus{height: 500px;}
#myModal{top:10%;}
#myModala{top:10%;}
.vikxcx_lb_box_bdi{height: 198px;}
.vikxcx_lb_box_bds_c{height: 190px;}
/*新增20200330*/
.section .mode-list .mode-item{width: 198px;}
.section .mode-list .mode-wrap{width: 594px;}
.section .mode-list .mode-view{width: 198px;height: 640px;}
.section .mode-list .mode-detail{width: 396px;}
.section .mode-list .mode-detail .detail-left, .section .mode-list .mode-detail .detail-right{width: 198px;height: 640px;}
.section .mode-list .mode-item.active{ width: 396px; }
.section .mode-list .mode-item.active .mode-wrap{ margin-left: -198px; opacity: 1; }
.section .mode-list{height: 640px;}
.section .mode-list .mode-item{height: 640px;}
.section .mode-list .mode-wrap{height: 640px;}
.section .mode-list .mode-detail{height: 640px;}
.section .mode-list .mode-detail .detail-right{height: 640px;}
.section .mode-list .mode-view ul{padding-left: 0px;}
.section .mode-list .mode-view li{font-size: 14px;width: 86px;}
.section .mode-list .mode-detail .detail-right .get{margin-bottom: 8px;}
}


@media (min-width: 769px) and (max-width: 990px) {
/*banner*/
.carousel-indicators{bottom: 24%;}
.carousel-indicators li{width: 45px;background-color: #f66f6a;opacity:.2;height: 4px;border:0px;}
.carousel-indicators li.active{width: 45px;background-color: #f66f6a;opacity:1;height: 4px;border:0px;margin: 1px;}


.carousel-item .carousel-caption{right: 0;left: -50%;bottom: 30%;text-align: left;transition: 0.5s all ease-in-out 0s;}
.carousel-item.active .carousel-caption{right: 0;left: 5%;bottom: 30%;text-align: left;}

.carousel-caption h2{font-size: 20px;line-height: 26px;margin-bottom: 10px;}
.carousel-caption h3{font-size: 25px;line-height: 36px;}
.carousel-caption p{font-size: 16px;line-height: 24px;margin-bottom: 10px;margin-top: 10px;}
.carousel_botx{margin-top: 20px;}
.carousel_bot{display: inline-block;
    height: 30px;padding: 0 20px;
    border: solid 1px transparent;
    border-radius: 2px;
    background: transparent;
    font-weight: 400;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    transition: 0.2s;}

.carousel_bot-large{height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 40px;}
.carousel_bot-primary{border-color: #f66f6a;background-color: #f66f6a;color: #fff;}  
.carousel_bot-primary:hover{box-shadow:0 8px 16px rgba(246, 111, 106, 0.5)}  
.carousel_box{position: absolute;bottom: 4%;width: 100%;}  
.carousel_bd{padding-left: 10px;padding-right: 10px;}
.carousel_box_item_box{padding-left: 10px;padding-right: 10px;}
.carousel_box_item{width: 25%;float: left;text-align: left;position: relative;}
.carousel_box_item h2{font-size: 14px;line-height: 24px;color: #fff;text-overflow: ellipsis;
    white-space: nowrap;width: 100%;overflow: hidden;}
.carousel_box_item h2 a{color: #fff;}
.carousel_box_item p{font-size: 12px;margin-top: 8px;color: #fff;line-height: 22px;}
.carousel_box_item p a{color: #fff;}
.carousel_box_item:before {    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    height: 60px;
    border: solid #fff 1px;
    margin-top: -30px;
    opacity: 0.3;}
.carousel_box_item:nth-child(1):before{display: none;}
/*关于我们*/
.vikvx_about_bdx{margin-bottom: 5px;height: 210px;width: 100%;}
.vikvx_news_bdx_boxi img{width: 170px;height: 94px;}
/*===========================cpny======================================*/
.vikcp_nyar h2{font-size: 16px;line-height: 25px;}
.vikcp_nyara{padding: 10px;}
.vikcp_nyara{margin-top: 5px;margin-bottom: 5px;}
.vikcp_nyal ,.vikcp_nyar, .vikcp_nybl, .vikcp_nybr{padding-left: 10px;padding-right:10px;}
.vikcp_nybrxs{width: 48%;margin-top:20px;}
.vikcp_nybra{margin-right: 2%;}
/*产品列表*/
#vikvx_cplb .container{padding-left: 0px;padding-right: 0px;width: 100%;}
#cplbTab li a{line-height: 30px;font-size: 14px;}
.vikvx_cplbb{height: 32px;}
#vikvx_cplb{background: #F3F8FF;padding-bottom: 25px;}
.vikcp_wzzza_boxl img{width: 100%;}
.vikcp_wzzzcx img{width:100%;}
/*新闻*/
.news_nav a span{margin-left: 15px;}
.news_nav-show ul li a{padding-left: 10px;}
.vikvx_news_list_bdxl_box{padding: 10px 10px;}
.vikvx_news_list_bdxl_box_txtr p{line-height: 25px;}
.vikvx_news_list_bdxl{margin-bottom: 0px;}
/*案例*/
.vikvx_case_boxx_bdi img{width: 340px;height: 240px;}
.vikvx_case_boxx_bdii{height: 240px;}
.vikvx_case_boxx_bdii img{width: 120px;height: 120px;margin: 50px auto 0;}
.gf-case .focus .bd li{height: 340px;}
.gf-case .focus{height: 370px;}
.vikxcx_lb_box_bdi{height: 192px;}
.vikxcx_lb_box_bds_c{height: 190px;}
/*新增20200330*/
.section .mode-list .mode-item{width: 240px;}
.section .mode-list .mode-wrap{width: 720px;}
.section .mode-list .mode-view{width: 240px;}
.section .mode-list .mode-detail{width: 480px;}
.section .mode-list .mode-detail .detail-left, .section .mode-list .mode-detail .detail-right{width: 240px;}
.section .mode-list .mode-item.active{ width: 480px; }
.section .mode-list .mode-item.active .mode-wrap{ margin-left: -240px; opacity: 1; }
}

@media (max-width: 767px) {
.xcx_new_meu{top: 30px;}
.xcx_new_con_bd .xcx_new_con_item{padding: 50px 0px;}
.xcx_new_con_item_bd{padding-top: 350px;}
.xcx_new_tab_list{margin-bottom: 8px;padding: 12px 12px;}
.xcx_new_tab_bd{flex-wrap: wrap;justify-content: flex-start;}
.inew_item{padding-left: 0px;padding-right: 0px;}
}
@media (min-width: 1500px) {
.xcx_new_tab_list{font-size: 16px;padding: 12px 15px;}
	
}
@media (min-width: 991px) and (max-width: 1199px) {
.xcx_new_con_item_bd{padding-top: 200px;}
.xcx_new_tab_list{margin-bottom: 10px;padding: 12px 12px;}
.xcx_new_tab_bd{flex-wrap: wrap;justify-content: flex-start;}
.inew_item{padding-left: 10px;padding-right: 10px;}
}
@media (min-width: 768px) and (max-width: 990px) {
.xcx_new_con_item_bd{padding-top: 220px;}
.xcx_new_tab_list{margin-bottom: 10px;padding: 12px 12px;}
.xcx_new_tab_bd{flex-wrap: wrap;justify-content: flex-start;}
.inew_item{padding-left: 10px;padding-right: 10px;}	
}