@charset "utf-8";
/*html{filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);}*/
html, body { font-family: "Segoe UI", "微软雅黑", "Microsoft Yahei", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color: #000; font-size: 14px; line-height: 1.6; }
i { font-style: normal; }
li { list-style: none; }
label { font-weight: normal; }
a { color: #333; }
a:hover { color: #333; text-decoration: none; }
.clearr { clear: both; }
.clearr_pandd { padding-left: 0px; padding-right: 0px; }
.clearr_panddx { padding-left: 5px; padding-right: 5px; }
i { font-style: normal; }
li { list-style: none; }
a:hover, a:active, a:visited, a:focus { text-decoration: none; }
.tetxr { text-align: right; }
.tetxl { text-align: left; }
.img-center { display: block; margin-right: auto; margin-left: auto; }
.clear_padd { padding-right: 5px; padding-left: 5px; }
.clear_paddx { padding-right: 0px; padding-left: 0px; }
.clear_paddy { padding-right: 10px; padding-left: 10px; }
/*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-right: 5px;padding-left:5px;}*/

/*头部*/
#head { position: fixed; left: 0; right: 0; z-index: 199; width: 100%; color: #fff; background-color: transparent; transition: 0.5s all ease-in-out 0s; }
#head:hover { background: rgba(37,43,58,1); }
#head.active { background: rgba(37,43,58,1); }
.head_bdt { height: 41px; border-bottom: solid 1px rgba(255, 255, 255, 0.1); margin-bottom: -1px; }
.head_bdb { height: 60px; }
.head_bdt_main { padding: 0px 30px 0px 45px; }
.head_bdb_main { padding: 0px 30px; }
.head_bdt_logo { float: left; width: 103px; height: 40px; background: url(../images/logo.png) no-repeat center center; }
.head_bdt_mf { height: 100%; float: right; }
.head_bdt_mfx { float: left; }
.head_bdt_mfxa { margin-right: 20px; width: 180px; }
.head_bdt_mfxb, .head_bdt_mfxc { width: 80px; height: 100%; padding: 0 10px; cursor: pointer; color: #fff; border: 1px #fff solid; border-radius: 4px; margin-left: 10px; margin-top: 8px; }
.head_bdt_mfxb a, .head_bdt_mfxc a{color: #fff}
.head_bdt_mfxb:hover, .head_bdt_mfxc:hover { color: #f66f6a; border: 1px #f66f6a solid; }
#head .head_bdt_mfxab { display: inline-block; font-weight: 400; color: #fff; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 0px solid #252b3a; padding: 0rem 0.75rem; font-size: 1rem; line-height: 40px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
#head .head_bdt_mfxai { height: 40px; border-radius: 0px; background: transparent; border: 0px; color: #fff; transition: 0.5s all ease-in-out 0s; }
#head.active .head_bdt_mfxab { background: #3E4250 }
#head.active .head_bdt_mfxai { background: #3E4250; }
.head_bdt_mfxai:focus { box-shadow: none; }
button:focus { outline: none; }
/*首页主体*/
/*云产品*/
.vikvx_ycp { padding: 15px 0px; background: #131a22; }
.vikvx_ycp h2 { color: #FFF; line-height: 30px; font-size: 18px; text-align: center; }
.vikvx_ycp h3 { color: #666a75; line-height: 25px; font-size: 14px; text-align: center; margin-bottom: 15px; }
#myTabContent { border: 1px #ddd solid; box-shadow: 0 0px 2px rgba(136,136,136,0.2); margin-top: 10px; padding: 25px 15px; border-radius: 5px; }
#myTab li a { text-align: center; border-radius: 4px; border: 1px #ddd solid; transition: 0.5s all ease-in-out 0s; }
.nav-tabs { border-bottom: none; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #fff; cursor: default; background-color: #f66f6a; border: 1px solid #f66f6a; border-bottom-color: transparent; }
.nav>li>a:focus, .nav>li>a:hover { background-color: #f66f6a; color: #fff; }
.nav-tabs>li>a:hover { border: 1px solid #f66f6a; color: #fff; }
/*.nav-tabs>li.active>a:after, .nav-tabs>li.active>a:focus:after, .nav-tabs>li.active>a:hover:after { content: ""; position: absolute; left: 45%; bottom: -14px; border: 7px solid transparent; border-top: 7px solid #f66f6a; }*/
/*关于我们*/
.vikvx_about { padding: 15px 0px; background: #fff; }
.vikvx_about h2 { color: #000; line-height: 30px; font-size: 18px; text-align: center; }
.vikvx_about h3 { color: #666a75; line-height: 25px; font-size: 14px; text-align: center; margin-bottom: 15px; }
.vikvx_about_bdx { border: 1px #f66f6a solid; border-radius: 4px; box-shadow: 0 0px 2px rgba(136,136,136,0.2); width: 31%; margin: 0px 1%; padding: 15px; transition: 0.5s all ease-in-out 0s; height: 266px; }
.vikvx_about_bdxt h4 { font-size: 20px; font-weight: bold; line-height: 22px; color: #f66f6a; margin-bottom: 35px; }
.vikvx_about_bdxt h4 span { display: inline-block; padding-left: 25px; font-size: 16px; color: #E1E9F4; border-left: 1px #E1E9F4 solid; margin-left: 15px; }
.vikvx_about_bdxb p { font-size: 16px; line-height: 25px; padding-left: 15px; border-left: 4px #f66f6a solid; margin-bottom: 15px; }
.vikvx_about_bdx:hover { background: #f66f6a; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1); }
.vikvx_about_bdx:hover .vikvx_about_bdxt h4, .vikvx_about_bdx:hover .vikvx_about_bdxt h4 span, .vikvx_about_bdx:hover .vikvx_about_bdxb p { color: #fff; }
.vikvx_about_bdx:hover .vikvx_about_bdxb p { border-left: 4px #fff solid; }
/*案例*/
.vikvx_al { padding: 15px 0px; background: #F1F5FF; }
.vikvx_al h2 { color: #000; line-height: 30px; font-size: 18px; text-align: center; }
.vikvx_al h3 { color: #666a75; line-height: 25px; font-size: 14px; text-align: center; margin-bottom: 15px; }
.vikvx_al_bdx { margin-bottom: 15px; }
.vikvx_al_bdxyi { position: relative; }
.vikvx_al_bdxyi img { width: 100%; height: 155px; border-top-right-radius: 4px; border-top-left-radius: 4px; }
.vikvx_al_bdxyii { width: 100%; height: 155px; cursor: pointer; background: rgba(0,0,0,.5); transition: all ease .3s;
 position: absolute; top: 0; left: 0; z-index: 10; opacity: 0; border-top-left-radius: 5px;border-top-right-radius: 5px;}
.vikvx_al_bdxyii img { margin: 18px auto 0; display: block; width: 120px; height: 120px; transition: all ease .3s; }
.vikvx_al_bdx:hover .vikvx_al_bdxyii { opacity: 1; }
.vikvx_al_bdx:hover .vikvx_al_bdxy { box-shadow: 0 0 10px 4px rgba(0,0,0,.1); transition: all .3s cubic-bezier(0.4, 0, .2, 1) 0s; }
.vikvx_al_bdxy p { height: 55px; line-height: 55px; font-size: 14px; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #fff; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
/*新闻*/
.vikvx_news { padding: 25px 0px; background: #0A1F37; color: #fff; }
.vikvx_news a { color: #fff; }
.vikvx_news_bdx h2 { font-size: 16px; line-height: 35px; margin-bottom: 5px; position: relative; }
.vikvx_news_bdx_box p { font-size: 12px; line-height: 30px; }
.vikvx_news_bdx_box p span { text-align: right; }
.vikvx_news_bdx_box p i { -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
.vikvx_news_bdx_box p:hover i { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.vikvx_news_bdx_boxi { margin-bottom: 15px; overflow: hidden; border-radius: 6px; position: relative; }
.vikvx_news_bdx_boxi:before { z-index: 1; content: ""; position: absolute; left: 15px; right: 15px; top: 10px; bottom: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; border-radius: 4px; }
.vikvx_news_bdx_boxi:after { z-index: 1; content: ""; position: absolute; left: 15px; right: 15px; top: 10px; bottom: 10px; border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1, 0); -moz-transform: scale(1, 0); -webkit-transform: scale(1, 0); -ms-transform: scale(0, 1); transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; border-radius: 4px; }
.vikvx_news_bdx_boxi:hover:before, .vikvx_news_bdx_boxi:hover:after { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); }
.vikvx_news_bdx_boxi img { border-radius: 6px; transition: all .5s; }
.vikvx_news_bdx_boxi:hover img { transform: scale(1.05); }
.vikvx_news_bdxtr { text-align: right; }
.vikvx_news_bdx h2:hover a { color: #f66f6a; }
.vikvx_news_bdx_box p:hover a { color: #f66f6a; }
.vikvx_news_bd h3 { color: #fff; line-height: 30px; font-size: 18px; text-align: center; }
.vikvx_news_bd h4 { color: #fff; line-height: 25px; font-size: 14px; text-align: center; margin-bottom: 15px; }
/*优势*/
.vikvx_yous { padding: 25px 0px; background: #F1F5FF; }
.vikvx_yous h2 { color: #000; line-height: 30px; font-size: 18px; text-align: center; }
.vikvx_yous h3 { color: #666a75; line-height: 25px; font-size: 14px; text-align: center; margin-bottom: 15px; }
.vikvx_yous_bdx { margin-bottom: 30px; -webkit-transition: all 0.5s; transition: all .5s; padding-top: 15px; padding-bottom: 15px; cursor: pointer; }
.vikvx_yous_bdx p { font-size: 14px; text-align: center; line-height: 30px; }
.vikvx_yous_bdx:hover { box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; background: #fff; }
/*AD*/
.vikvx_ad {
position: relative;width: 100%;height: 210px;background: url(../images/btn_bg.png) no-repeat center;
background-size: cover;overflow: hidden;}
.vikvx_ad div canvas{height: 350px!important;}
.vikvx_ad_bd {position: absolute; margin-top: 10px; left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);}
.vikvx_ad_bda { font-size: 28px; line-height: 40px; color: #fff; font-weight: bold; text-align: center; width: 450px;float: left;}
.vikvx_ad_bdb{ width: 150px; height: 45px; line-height: 45px; font-size: 18px; text-align: center; 
  display: block; border-radius: 4px; border-color: #f66f6a; background-color: #f66f6a; color: #fff;cursor: pointer; float: left;}
.vikvx_ad_bdb:hover { box-shadow: 0 8px 16px rgba(246, 111, 106, 0.5); }
.vikvx_ad_bdb a{color: #fff;}
.vikvx_ad_bdb:hover a{color: #fff;}
/*底部*/
.footera { background: #212634; }
.footera ul li { width: 20%; float: left; }
.footerax { display: block; position: relative; height: 100px; padding-left: 55px; padding-top: 28px; -webkit-transition: 0.2s; transition: 0.2s; }
.footerax:hover h2 { color: #f66f6a; }
.footerax i { position: absolute; left: 0; top: 50%; width: 40px; height: 40px; margin-top: -20px; background-size: 100% 100%; }
.footerax:after { content: ''; width: 0; height: 2px; background-color: #f66f6a; position: absolute; bottom: 0; left: 0; transition: all 0.6s; z-index: 1; border-radius: 2px 2px 0 0; }
.footera ul li:hover .footerax:after { width: 100%; }
.footerax i.footer-icon-support { background: url(../images/faa.png) no-repeat center center; }
.footerax i.footer-icon-unsub { background: url(../images/fbb.png) no-repeat center center; }
.footerax i.footer-icon-record { background: url(../images/fcc.png) no-repeat center center; }
.footerax i.footer-icon-feedback { background: url(../images/fdd.png) no-repeat center center; }
.footerax i.footer-icon-vip { background: url(../images/fee.png) no-repeat center center; }
.footerax h2 { margin-bottom: 5px; font-size: 18px; line-height: 22px; color: #fff; }
.footerax p { font-size: 14px; line-height: 18px; color: rgba(255, 255, 255, 0.7); }
.footerb { background: #252b3a; }
.footerbt { padding-bottom: 30px; padding-top: 30px; border-bottom: solid 1px rgba(255, 255, 255, 0.09); }
.footerbb { padding: 15px 0px; }
.footerbtxb h2 { font-size: 18px; margin-bottom: 20px; color: #fff; }
.footerbtxb p { line-height: 24px; }
.footerbtxb p a { font-size: 12px; color: rgba(255, 255, 255, 0.7); -webkit-transition: 0.2s; transition: 0.2s; }
.footerbtxb p a:hover { color: #f66f6a; }
.footerbtxa { border-right: solid 1px rgba(102, 102, 102, 0.5); }
.footerbtxa h2 { font-size: 18px; color: #fff; line-height: 35px; }
.footerbtxa p { font-size: 16px; line-height: 25px; color: #fff; }
.footerbtxa p a { font-size: 12px; color: rgba(255, 255, 255, 0.7); }
.footerbtxai { width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.7); text-align: center; line-height: 34px; margin-top: 10px; -webkit-transition: 0.2s; transition: 0.2s; cursor: pointer; }
.footerbtxai i { color: rgba(255, 255, 255, 0.7); font-size: 18px; }
.footerbtxai:hover { border: 1px solid #fff; }
.footerbtxai:hover i { color: #fff; }
.footerbtxai { position: relative; }
.footerbtxaii { position: absolute; top: -30px; left: 50px; -webkit-transition: 0.2s; transition: 0.2s; opacity: 0; }
.footerbtxai:hover .footerbtxaii { opacity: 1; }
.footerbb p { font-size: 14px; color: #fff; line-height: 25px; text-align: center; }
.carousel-inner img { width: 100%; height: 40%; }
/*banner*/
.carousel_botx a { color: #fff; }
/*===========================cpny======================================*/
#vikvx_ny { padding: 0px 0px 25px; }
#ny_zl { height: 100px; background: rgba(37,43,58,1) }
.vikvx_nyc p a:hover { color: #f66f6a; }
.vikvx_nyc { padding-bottom: 10px; border-bottom: 1px #f2f2f2 solid; margin-bottom: 15px; }
.vikcp_nyal img { border-radius: 4px; }
.vikcp_nyar h2 { font-size: 22px; font-weight: bold; color: #000; line-height: 55px; }
.vikcp_nyar h3 { font-size: 14px; font-weight: normal; color: #666; line-height: 35px; }
.vikcp_nyara { padding: 35px 15px; background: #F7F7F7; border-radius: 5px; margin-bottom: 10px; margin-top: 10px; -webkit-transition: 0.2s; transition: 0.2s; position: relative; }
.vikcp_nyara:hover { box-shadow: 0 0 10px 2px rgba(0,0,0,.1); }
/*四边边框效果*/
/*.vikcp_nyara::before, .vikcp_nyara::after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

.vikcp_nyara {
  -webkit-transition: color 0.25s;
          transition: color 0.25s;
}
.vikcp_nyara::before, .vikcp_nyara::after {
  border: 2px solid transparent;
  width: 0;
  height: 0;
}
.vikcp_nyara::before {
  top: 0;
  left: 0;
}
.vikcp_nyara::after {
  bottom: 0;
  right: 0;
}
.vikcp_nyara:hover::before, .vikcp_nyara:hover::after {
  width: 100%;
  height: 100%;
}
.vikcp_nyara:hover::before {
  border-top-color: #f66f6a;
  border-right-color: #f66f6a;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
          transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.vikcp_nyara:hover::after {
  border-bottom-color: #f66f6a;
  border-left-color: #f66f6a;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
          transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}*/




.vikcp_nyarkt p { line-height: 40px; }
.vikcp_nyarkt p span { color: #f66f6a; }
.vikcp_nyarax { margin-top: 15px; }
.vikcp_nyarax ul li { display: inline-block; padding: 2px 5px; border: 1px #666 solid; border-radius: 2px; margin-right: 4px; -webkit-transition: 0.2s; transition: 0.2s; }
.vikcp_nyarax ul li:nth-child(1) { border: 0px #666 solid; border-radius: 0px; }
.vikcp_nyarax ul li:hover { border: 1px #f66f6a solid; color: #fff; background: #f66f6a; }
.vikcp_nyarax ul li:nth-child(1):hover { border: 0px #f66f6a solid; color: #000; background: none; }
.vikcp_nyarbz, .vikcp_nyarbd { width: 120px; height: 38px; border-radius: 20px; float: left; line-height: 38px; color: #fff; text-align: center; }
.vikcp_nyarbz a, .vikcp_nyarbd a { color: #fff; }
.vikcp_nyarbz { background: #1090D2; margin-right: 15px; }
.vikcp_nyarbd { background: #F37B1F; }
.vikcp_nyb { margin-bottom: 15px; margin-top: 25px; padding-top: 15px; border-top: 1px #f2f2f2 solid; }
.vikcp_nybl img { max-width: 100%; display: block; margin-right: auto; margin-left: auto; border-radius: 4px; }
.vikcp_nybrx { background: #F7F7F7; padding: 15px; border-radius: 5px; }
.vikcp_nybrb { margin-top: 35px; }
.vikcp_nybrx h2 { font-size: 14px; line-height: 30px; margin-bottom: 10px; color: #666; border-bottom: 1px #f2f2f2 solid; padding-bottom: 5px; }
.vikcp_nybrax_t p { font-size: 12px; line-height: 30px; border-bottom: 1px #eee dashed; }
.vikcp_nybrax_t p a { color: #888; }
.vikcp_nybrax_t p a:hover { color: #f66f6a; }
.vikcp_nybrbx_boxp { background: #fff; padding: 15px 10px; border-radius: 5px; margin-bottom: 10px; }
.vikcp_nybrbx_boxl img { border-radius: 5px; }
.vikcp_nybrbx_boxr h3 { font-size: 16px; line-height: 30px; }
.vikcp_nybrbx_boxr p { font-size: 14px; line-height: 30px; }
.vikcp_nybrbx_boxr p a { color: #f66f6a }
/*产品列表*/
#cplbTabContent { padding: 25px 0px; }
#cplbTab { background: #fff; z-index: 3; position: relative; }
#cplbTab li a { font-size: 16px; text-align: center; padding: 0px; line-height: 50px; margin-right: 0px; border-radius: 0px; -webkit-transition: 0.2s; transition: 0.2s; }
#vikvx_cplb { background: #F3F8FF; padding-bottom: 15px; z-index: 2; position: relative; }
#cplbTab li.active a:after { display: none; }
#cplbTab li { margin-bottom: 0px; }
#cplbTab li a:hover { background: #fff; color: #f66f6a; border: 1px #fff solid; }
#cplbTab li.active a { background: #f66f6a; color: #fff; border: 1px #f66f6a solid; }
.vikvx_cplbb { height: 52px; background: #fff; width: 100%; z-index: 1; position: absolute; top: 0px; }
.vikcp_wzzza h2 { font-size: 24px; line-height: 30px; color: #333; padding-left: 15px; position: relative; margin-bottom: 20px; }
.vikcp_wzzza h2:before { content: ""; display: block; width: 5px; height: 33px; position: absolute; left: 0; background: #f66f6a; }
.vikcp_wzzza_box { background: #fff; padding: 30px; box-shadow: 0 5px 15px 0 #D9E5F5; }
.vikcp_wzzza_boxr h3 { font-size: 18px; line-height: 40px; color: #000; font-weight: bold; }
.vikcp_wzzza_boxr p { font-size: 14px; line-height: 25px; color: #666; }
.vikcp_wzzza_boxr h6 a { width: 110px; height: 35px; display: block; text-align: center; line-height: 35px; border-radius: 5px; color: #fff; background: #f66f6a; margin-top: 35px; }
.vikcp_wzzzb { margin-top: 15px; }
.vikcp_wzzzbx_box { background: #fff url(../images/cplb_ioca.png) no-repeat 90% 50%; ; border-radius: 5px; -webkit-transition: .5s; transition: .5s; padding: 30px; height: 160px; }
.vikcp_wzzzbx_box:hover { box-shadow: 0 5px 15px 0 #D9E5F5; }
.vikcp_wzzzbx { margin-bottom: 15px; }
.vikcp_wzzzbx_box h4 { font-size: 20px; color: #252b3a; line-height: 30px; font-weight: bold; }
.vikcp_wzzzbx_box h4 span { display: inline-block; font-size: 12px; line-height: 20px; padding: 2px 3px; background: #f66f6a; color: #fff; border-radius: 3px; }
.vikcp_wzzzbx_box p { color: #2a0000; font-size: 14px; line-height: 25px; margin-bottom: 20px; }
.vikcp_wzzzbx_box p span { color: #f66f6a; }
.vikcp_wzzzbx_box h5 a { padding: 7px 20px; border: 1px solid #ddd; border-radius: 2px; background: #fff; font-size: 14px; color: #666a75; letter-spacing: 0; text-align: center; display: inline-block; line-height: 16px; }
.vikcp_wzzzbx_box:hover h4 { color: #f66f6a; }
.vikcp_wzzzbx_box:hover h5 a { color: #f66f6a; border: 1px #f66f6a solid; }
#w_cplbTab li { width: 120px; height: 30px; line-height: 34px; text-align: center; cursor: pointer; }
#w_cplbTab { margin-bottom: 15px; }
#w_cplbTab li a { padding: 6px 0px; border-radius: 0px; border: 1px solid #ddd; margin-right: 0px; }
#w_cplbTab li a:after { display: none; }
.vikcp_wzzzbx_box:after { content: ''; width: 0; height: 2px; background-color: #f66f6a; position: absolute; bottom: 0; left: 0; transition: all 0.6s; z-index: 1; border-radius: 2px 2px 0 0; }
.vikcp_wzzzbx:hover .vikcp_wzzzbx_box:after { width: 100%; }
.vikcp_wzzza { position: relative; }
.vikcp_wzzza_box:after { content: ''; width: 0; height: 2px; background-color: #f66f6a; position: absolute; bottom: 0; left: 0; transition: all 0.6s; z-index: 1; border-radius: 2px 2px 0 0; }
.vikcp_wzzza:hover .vikcp_wzzza_box:after { width: 100%; }
.vikcp_wzzzc { padding-top: 15px; }
.vikcp_wzzzcx { position: relative; margin-bottom: 15px; cursor: pointer; box-shadow: 0 5px 15px 0 #D9E5F5; -webkit-transition: .5s; transition: .5s; }
.vikcp_wzzzcx img { border-radius: 4px; }
.vikcp_wzzzcxt { position: absolute; top: 0; width: 100%; padding: 35px; height: 100%; }
.vikcp_wzzzcxt h4 { font-size: 16px; line-height: 20px; height: 40px; color: #fff; text-align: center; }
.vikcp_wzzzcxt p { font-size: 42px; line-height: 52px; margin: 10px 0; text-align: center; color: #fff; }
.vikcp_wzzzcxt h5 { font-size: 14px; line-height: 25px; text-align: center; color: #fff; }
.vikcp_wzzzcxt a { width: 110px; height: 35px; display: block; text-align: center; line-height: 35px; border-radius: 5px; color: #fff; background: #f66f6a; margin: 15px auto 0px; position: relative; z-index: 9; }
.vikcp_wzzzcx:hover .vikcp_wzzzcxt { background: rgba(246,111,106,.8) }
.vikcp_wzzzcx:before { z-index: 1; content: ""; position: absolute; left: 15px; right: 15px; top: 10px; bottom: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; border-radius: 4px; }
.vikcp_wzzzcx:after { z-index: 1; content: ""; position: absolute; left: 15px; right: 15px; top: 10px; bottom: 10px; border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1, 0); -moz-transform: scale(1, 0); -webkit-transform: scale(1, 0); -ms-transform: scale(0, 1); transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; border-radius: 4px; }
.vikcp_wzzzcx:hover:before, .vikcp_wzzzcx:hover:after { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); }
/*联系我们*/
.vikvx_lxwm { background: #F3F8FF; }
.vikvx_ny_box { border-radius: 5px; -webkit-transition: .5s; transition: .5s; }
.vikvx_ny_box_bd { padding: 25px 15px; position: relative; margin-bottom: 20px; background: #fff; box-shadow: 0 5px 15px 0 #D9E5F5; }
.vikvx_ny_box_bdx:after { content: ''; width: 0; height: 2px; background-color: #f66f6a; position: absolute; top: 0; left: 0; transition: all 0.6s; z-index: 1; border-radius: 2px 2px 0 0; }
.vikvx_ny_box_bd:hover .vikvx_ny_box_bdx:after { width: 100%; }
.vikvx_ny_box_bdx { padding-left: 70px; }
.vikvx_ny_box_bdx h3 { font-size: 22px; color: #252B3A; letter-spacing: 0; line-height: 28px; margin-bottom: 8px; }
.vikvx_ny_box_bdx p { font-size: 14px; color: #666A75; letter-spacing: 0; line-height: 28px; }
.vikvx_ny_box_bdi { width: 48px; height: 48px; position: absolute; transform: translate(0%, -50%); top: 50%; border: 2px #000 solid; border-radius: 50%; text-align: center; }
.vikvx_ny_box_bdi i { font-size: 30px; line-height: 48px; }
.vikvx_ny_box_bd:hover .vikvx_ny_box_bdi { border: 1px solid #f66f6a; }
.vikvx_ny_box_bd:hover .vikvx_ny_box_bdi i { color: #f66f6a; }
.vikvx_ny_box_bd:hover .vikvx_ny_box_bdx h3 { color: #f66f6a; }
.vikvx_ny_box_bdx_bd tr:hover td:last-child { color: #f66f6a; }
.vikvx_ny_box_bdxlast { padding-left: 0px; }
/*新闻*/
.vikvx_news_list { background: #F3F8FF; }
.vikvx_news_list_bdx h2 { font-size: 20px; text-align: center; line-height: 30px; margin-bottom: 10px; }
.vikvx_news_list_bdx h3 { font-size: 14px; color: #666; line-height: 30px; margin-bottom: 25px; text-align: center; }
.vikvx_news_list_bdx_box { padding-top: 15px; border-top: 1px #ccc dashed; }
.vikvx_news_list_bdxl { padding-left: 0px; }
.vikvx_news_list_bdxr { padding-right: 0px; }
.vikvx_news_list_bdxl_box { background: #fff; transition: all .3s; border-radius: 5px; box-shadow: 0 5px 15px 0 #D9E5F5; padding: 10px 25px; cursor: pointer; margin-bottom: 10px; }
.vikvx_news_list_bdxl_box_txtl { width: 80px; height: 80px; padding: 0px; border: 1px solid #ddd; border-radius: 4px; float: left; }
.vikvx_news_list_bdxl_box_txtl h4 { font-size: 16px; line-height: 40px; text-align: center; }
.vikvx_news_list_bdxl_box_txtl p { font-size: 14px; line-height: 40px; text-align: center; }
.vikvx_news_list_bdxl_box_txtr p { line-height: 80px; }
.vikvx_news_list_bdxl_box_txt { padding-bottom: 15px; border-bottom: 1px #f2f2f2 solid; margin-bottom: 10px; -webkit-transition: .5s; transition: .5s; position: relative; }
.vikvx_news_list_bdxl_box_txt:hover .vikvx_news_list_bdxl_box_txtl { background: #f66f6a; border: 1px #f66f6a solid; }
.vikvx_news_list_bdxl_box_txt:hover .vikvx_news_list_bdxl_box_txtr p { text-indent: 1em; }
.vikvx_news_list_bdxl_box_txt:hover h4, .vikvx_news_list_bdxl_box_txt:hover p { color: #fff; }
.vikvx_news_list_bdxl_box_txt:after { content: ''; width: 0; height: 2px; background-color: #f66f6a; position: absolute; bottom: 0; left: 0; transition: all 0.6s; z-index: 1; border-radius: 2px 2px 0 0; }
.vikvx_news_list_bdxl_box:hover .vikvx_news_list_bdxl_box_txt:after { width: 100%; }
/*新闻3级*/
.vikvx_news_show_bdx_box { border-top: 0px }
.vikvx_news_show_bdxl_box { background: #fff; transition: all .3s; border-radius: 5px; box-shadow: 0 5px 15px 0 #D9E5F5; padding: 25px 25px 40px; cursor: pointer; margin-bottom: 10px; }
.vikvx_news_show_bdxl_boxt { font-size: 18px; line-height: 35px; text-align: center; font-weight: bold; margin-top: 15px; margin-bottom: 15px; }
.vikvx_news_show_bdxl_box_dec { font-size: 14px; color: #666; text-align: center; line-height: 25px; margin-bottom: 10px; }
.vikvx_news_show_bdxl_box_con img { max-width: 100%; display: block; margin-right: auto; margin-left: auto; border-radius: 4px; margin-bottom: 5px; margin-top: 5px; }
.vikvx_news_show_bdxl_box_con { color: #666; }
.vikvx_news_show_bdxl_box_bot { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #ccc; }
.vikvx_news_show{border-top:1px #f1f1f1 dashed;padding-top:15px;margin-top:10px;}
.vikvx_news_show h4{font-size: 14px;color: #999;line-height: 20px;}
.vikvx_news_show h4 span{color: #f66f6a}
.vikvx_news_showsx{border-top:1px #f1f1f1 dashed;padding-top:15px;margin-top:10px;}
.vikvx_news_showsx p{line-height: 30px;}
.news_cnxh{background: #fff;transition: all .3s;border-radius: 5px;
box-shadow: 0 5px 15px 0 #D9E5F5;margin-top: 15px;}
.news_cnxh_box{padding: 15px;}
.news_cnxh_box h2{text-align: left;font-size: 14px;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px #f1f1f1 solid;}
.news_cnxh_boxxri{margin-bottom: 5px;padding-bottom: 5px;border-bottom: 1px dashed #f1f1f1;}
/*弹窗*/
.vikvx_ty { width: 180px; margin: 20px auto 0px; display: block; }
.full-mask { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.5); z-index: 20; }
.info-sub-box { display: none; width: 370px; height: 628px; position: fixed; left: 50%; margin-left: -185px; top: 14%; border-radius: 4px; z-index: 999; box-shadow: 0px 1px 2px 1px rgba(72, 104, 130, 0.18); }
.sub-head { width: 370px; height: 207px; background: url(../images/sub-box.png) no-repeat center; background-size: 100% 100%; }
.sub-form { width: 370px; background: #fff; overflow: hidden; padding-bottom: 25px; }
.sub-form label { display: block; margin-top: 30px; position: relative; }
.sub-icon { width: 66px; height: 38px; float: left; text-indent: 30px; line-height: 38px; }
.sub-icon i { color: #104391; font-size: 18px; display: inline; }
.ipt { width: 264px; height: 38px; float: left; border-radius: 4px; border: 1px solid #d0dde8; text-indent: 12px; color: #000!important; font-size: 14px; }
.submit-btn { width: 180px; height: 40px; margin: 0 auto; margin-top: 17px; background: #2569dc; color: #fff; font-size: 16px; text-align: center; line-height: 40px; border-radius: 4px; cursor: pointer; transition: .5s all linear; }
.submit-btn:hover { background: #124192; }
.label-holder { position: absolute; left: 80px; top: 10px; font-size: 14px; opacity: 0; }
.close-btn { width: 40px; height: 40px; background: url(../images/close_btn.png) no-repeat 8px 16px; position: absolute; right: 0; top: 0; cursor: pointer; }
.full-mask { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.5); z-index: 998; }
/*案例*/
/*rgb(246,111,106)*/
#vikvx_ny_case { padding: 0px 0px 35px; background: #F3F8FF; }
.vikvx_caset { background: #fff; margin-bottom: 15px; -webkit-transition: .5s; transition: .5s; }
.vikvx_caset ul li a { display: block; padding: 5px 20px; float: left; }
.vikvx_caset ul li a:hover { background: #f66f6a; color: #fff; }
.vikvx_caset ul li.active a { background: #f66f6a; color: #fff; }
.vikvx_case_boxx { background: #fff; border-radius: 2px; box-shadow: 0 5px 15px 0 #D9E5F5; }
.vikvx_case_boxx_bd { padding: 10px; }
.vikvx_case_boxx_bd:after { content: ''; width: 0; height: 2px; background-color: #f66f6a; position: absolute; top: 0; left: 0; transition: all 0.6s; z-index: 1; border-radius: 2px 2px 0 0; }
.vikvx_case_boxx:hover .vikvx_case_boxx_bd:after { width: 100%; }
.vikvx_case_boxx_bdt { font-size: 14px; color: #333; line-height: 30px; }
.vikvx_case_boxx_bddes { font-size: 12px; color: #999; line-height: 25px; }
.vikvx_case_boxx_bdurl { font-size: 12px; color: #c5c5c5; line-height: 25px; }
.vikvx_case_boxx_bd_txt { padding: 10px; }
.vikvx_case_boxx { margin-bottom: 15px; }
.vikvx_case_boxx_bdi { position: relative; }
.vikvx_case_boxx_bdi img { border-radius: 2px; }
.vikvx_case_boxx_bdii { width: 100%; height: 155px; cursor: pointer; background: rgba(0,0,0,.5); transition: all ease .3s; position: absolute; top: 0; left: 0; z-index: 10; opacity: 0; border-radius: 2px; }
.vikvx_case_boxx_bdii img { margin: 18px auto 0; display: block; width: 120px; height: 120px; transition: all ease .3s; }
.vikvx_case_boxx_bdi:hover .vikvx_case_boxx_bdii { opacity: 1; }
.vikvx_case_boxx_bd:hover .vikvx_case_boxx_bdt { color: #f66f6a; }
/*案例三级*/

.vikvx_case_show { border-radius: 5px; -webkit-transition: .5s; transition: .5s; }
.vikvx_case_show_bd { padding: 25px; position: relative; margin-bottom: 20px; background: #fff; box-shadow: 0 5px 15px 0 #D9E5F5; border-radius: 4px; }
.vikvx_case_show_bdx:after { content: ''; width: 0; height: 2px; background-color: #f66f6a; position: absolute; top: 0; left: 0; transition: all 0.6s; z-index: 1; border-radius: 2px 2px 0 0; }
.vikvx_case_show_bd:hover .vikvx_case_show_bdx:after { width: 100%; }
.vikvx_case_show_bdx { padding-left: 0px; }
.vikvx_case_show_bdx h3 { font-size: 22px; color: #252B3A; letter-spacing: 0; line-height: 28px; margin-bottom: 8px; }
.vikvx_case_show_bdx p { font-size: 14px; color: #666A75; letter-spacing: 0; line-height: 28px; }
.vikvx_case_show_bd:hover .vikvx_case_show_bdx h3 { color: #f66f6a; }
.vikvx_case_show_bdxlast { padding-left: 0px; }
.vikvx_case_show_bdx_zx a { padding: 7px 6px; border: 1px solid #f66f6a; border-radius: 2px; background: #f66f6a; font-size: 14px; color: #fff; letter-spacing: 0; text-align: center; display: block; line-height: 12px; margin-top: 5px; width: 110px; }
.gf-case { padding-top: 10px; padding-bottom: 30px; }
.gf-case .focus { width: 100%; height: 560px; margin: 0 auto; position: relative; overflow: hidden; }
.gf-case .focus .hd { width: 100%; height: 5px; position: absolute; z-index: 1; bottom: 0; text-align: center; }
.gf-case .focus .hd ul { overflow: hidden; height: 5px; margin: 0 auto; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.gf-case .focus .hd ul li { width: 5px; height: 5px; margin-right: 10px; background-color: #d6d6d6; float: left; padding-top: 5px; }
.gf-case .focus .hd ul .on { background: #000; }
.gf-case .focus .bd { position: relative; z-index: 0; }
.gf-case .focus .bd ul { height: 500px; }
.gf-case .focus .bd li { text-align: center; height: 500px; }
.gf-case .focus .bd li img { width: auto; max-height: 100%; text-align: center; }
.gf-case .focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 鍙栨秷閾炬帴楂樹寒 */ }
.gf-case .prev, .gf-case .next { position: absolute; top: 50%; margin-top: -14px; z-index: 100; left: 0; height: 27px; width: 27px; display: block; }
.gf-case .next { left: auto; right: 0; background: url("../images/case_next.png") no-repeat 0 0; }
.gf-case .next:hover { background: url("../images/case_next.png") no-repeat 0 -28px; }
.gf-case .prev { background: url("../images/case_prev.png") no-repeat 0 0; }
.gf-case .prev:hover { background: url("../images/case_prev.png") no-repeat 0 -28px; }
/*二维码弹窗*/
.mymodal_box h2{font-size: 20px;text-align: center;line-height: 25px;color: #f66f6a;margin-bottom: 15px;font-weight: bold;}
.mymodal_boxa{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px #f1f1f1 solid;}
.mymodal_boxb{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px #f1f1f1 solid;}
.mymodal_boxal p,.mymodal_boxbl p{text-align: center;font-size: 14px;line-height: 30px;color: #000;}
.mymodal_boxar p{text-align: center;font-size: 14px;line-height: 35px;color: #000;}
.mymodal_boxbr p{text-align: center;font-size: 14px;line-height: 30px;color: #000;}
/*友情链接*/
.yqlj_box{padding:8px;border-radius: 4px;border:1px #f1f1f1 solid;margin:15px 0px;}
.yqlj_box a{display: inline-block;color: #999;padding: 0px 6px;}
/*H5游戏*/
.vikvx_h5yx{margin-top: 15px;margin-bottom: 15px;}
.vikvx_h5yxt P{line-height: 30px;font-size: 18px;text-align: center;margin-bottom: 25px;border-bottom: 1px #f1f1f1 solid;
    padding-bottom: 15px;}
.vikh5_hdchs_box_yx{padding: 0px 5px;margin-bottom: 15px;}
.vikh5_hdchs_box_yx_box{background: #f1f1f1;border-radius: 5px;cursor: pointer;padding: 5px;}
.vikh5_hdchs_box_yx img{border-radius: 4px;}
.vikh5_hdchs_box_yxtit{line-height: 35px;text-align: center;}
.vikh5_hdchs_box_yxigif{display: none;}
.vikh5_hdchs_box_yxi:hover .vikh5_hdchs_box_yximg{display: none;}
.vikh5_hdchs_box_yxi:hover .vikh5_hdchs_box_yxigif{display: block;}
.vikh5_wxpyq_box:hover .vikh5_hdchs_box_yximg{display: none;}
.vikh5_wxpyq_box:hover .vikh5_hdchs_box_yxigif{display: block;}
.vikh5_hdchs_box_yxigif{width: 100%;}
/*新增*/
.vikvx_ny_tags{background: #fff;box-shadow: 0 5px 15px 0 #D9E5F5;border-radius: 5px;}
.vikvx_ny_tags_bd{padding: 15px;}
.vikvx_ny_tags_bd h2{font-size: 18px;line-height: 35px;margin-bottom: 15px;text-align: center;}
.vikvx_ny_tags_box{padding: 15px;}
.vikvx_ny_tags_box a{padding: 2px 4px;border: 1px #f1f1f1 solid;border-radius: 3px;text-align: center;display: inline-block;margin-bottom: 5px;}
.vikvx_ny_tags_box a:hover{background: #000;color: #fff;}
/*首页新增32个内容-20200115*/
.vikxcx_lb_box_bds{border: 1px #f1f1f1 solid;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;background: #fff;}
.vikxcx_lb_box_bds_c{padding: 15px;}
.vikxcx_lb_box_bdst{font-size: 18px;text-align: center;color: #000;line-height: 35px;font-weight: bold;}
.vikxcx_lb_box_bdsj{font-size: 16px;text-align: center;line-height: 30px;color: #FF3F00;}
.vikxcx_lb_box_bdsj span{color: #666;font-size: 12px;}
.vikxcx_lb_box_bdsp{font-size: 14px;text-align: center;color: #999;line-height: 23px;}
.vikxcx_lb_box_bd{    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;}
.vikxcx_lb_box:hover .vikxcx_lb_box_bd{box-shadow: 0 0 30px rgba(0,0,0,.1);}
.vikxcx_lb_box{transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;cursor: pointer;margin-bottom: 15px;}
.vikxcx_lb_box:hover{transform: translate3d(0px, -5px, 0);}    
.vikxcx_lb_itme{margin-top: 30px;margin-bottom: 35px;}
.vikxcx_lb{background: url(../images/vik_fl_bg.jpg) center center no-repeat;
    background-size: cover; }
.vikxcx_lb_bdx{padding: 35px 0px;}
.vikxcx_lb_bdt h3{font-size: 30px;line-height: 45px;text-align: center;color: #000;}
.vikxcx_lb_bdt h4{font-size: 16px;line-height: 45px;text-align: center;color: #FF5946;}
.vikxcx_lb_bdt p{font-size: 16px;line-height: 35px;text-align: center;color: #666A73;}
.vikxcx_lb_box_bdi1{background: #BF6EFF;}
.vikxcx_lb_box_bdi2{background: #1EC192;}
.vikxcx_lb_box_bdi3{background: #3AA5FF;}
.vikxcx_lb_box_bdi4{background: #FF7777;}
.vikxcx_lb_box_bdi5{background: #00CBF8;}
.vikxcx_lb_box_bdi6{background: #34C179;}
.vikxcx_lb_box_bdi7{background: #2DCCB4;}
.vikxcx_lb_box_bdi8{background: #7E7BFF;}
.vikxcx_lb_box_bdi9{background: #F15D45;}
.vikxcx_lb_box_bdi10{background: #FFAD39;}
.vikxcx_lb_box_bdi11{background: #648AC8;}
.vikxcx_lb_box_bdi12{background: #FF7777;}
.vikxcx_lb_box_bdi13{background: #FF8067;}
.vikxcx_lb_box_bdi14{background: #A452D9;}
.vikxcx_lb_box_bdi15{background: #FF943E;}
.vikxcx_lb_box_bdi16{background: #3CAFFF;}
.vikxcx_lb_box_bdi17{background: #618AFF;}
.vikxcx_lb_box_bdi18{background: #FF6F8E;}
.vikxcx_lb_box_bdi19{background: #A464F3;}
.vikxcx_lb_box_bdi20{background: #FC5566;}
.vikxcx_lb_box_bdi21{background: #F5B355;}
.vikxcx_lb_box_bdi22{background: #3E98FC;}
.vikxcx_lb_box_bdi23{background: #8064FF;}
.vikxcx_lb_box_bdi24{background: #42B1FF;}
.vikxcx_lb_box_bdi25{background: #FF6497;}
.vikxcx_lb_box_bdi26{background: #F5B10E;}
.vikxcx_lb_box_bdi27{background: #FB7F54;}
.vikxcx_lb_box_bdi28{background: #605FEF;}
.vikxcx_lb_box_bdi{border-top-left-radius: 3px;border-top-right-radius: 3px;}
.vikxcx_lb_box_bdi img{max-width: 100%;display: block;margin-right: auto;margin-left: auto;}
/*业务矩阵*/
.vik_ywjz_box{border: 1px #f1f1f1 solid;border-radius: 3px;padding: 10px;}
.vik_ywjz_box a{display: inline-block;border: 1px #f1f1f1 solid;color: #999;padding: 2px 5px;margin-right: 8px;}
.vik_ywjz_box a:hover{background: #212634;color: #fff;}

/*弹窗*/
.PopUp{position: fixed; width: 680px; height: 320px; top: 50%; left: 50%;margin: -160px 0 0 -340px; 
  z-index: 99999999; display: none; background: url(../images/pop_03.png) center center no-repeat; 
  color: #333; overflow: hidden;  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); 
  -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.tc_zx{width: 135px;height: 40px;border-radius: 25px;background: #fff;color: #000;font-size: 18px;text-align: center;
  line-height: 40px;
position: absolute;left: 300px;top: 200px;}
.PopUp:hover .tc_zx{color: #000;}
.tc_close{width: 135px;height: 36px;border-radius: 25px;border: 2px #fff solid;color: #fff;font-size: 18px;
  text-align: center;line-height: 30px;
position: absolute;left: 450px;top: 200px;}
.PopUp:hover .tc_close{color: #fff;}

/*新增20200330*/
.section{background:#131A22;padding:60px 0 20px;}
.section .mod-title{padding-bottom:35px;text-align:center;color:#FFF}
.section .mod-title h2{font-size:30px;margin-bottom:17px}
.section .mode-list{ height: 534px; }
.section .mode-list .mode-item{ width: 240px; height: 534px; text-align: center; float: left; overflow: hidden; margin-left: -1px; background: #fff; transition: width .4s;}
.section .mode-list .mode-wrap{ width: 730px; height: 534px;}
.section .mode-list .mode-view{ float: left; width: 238px; height: 532px; border: 1px solid #DCDCDC; 
  opacity: 1;position: relative;}
.section .mode-list .mode-view h3{ font-size: 30px; padding-top: 42px; padding-bottom: 11px;}
.section .mode-list .mode-view h4{ font-size: 14px; color: #888;line-height: 1.75; }
.section .mode-list .mode-view .mode-view_tit{ margin-bottom: 40px; }
.section .mode-list .mode-view h5{ font-size: 14px; color: #888;line-height: 1.75; }
.section .mode-list .mode-view i{ display: block; width: 120px; height: 90px; margin: 80px auto 105px;}
.section .mode-list .mode-view i.mode-viewa{ margin: 60px auto 25px;}
.section .mode-list .mode-view ul{ padding-left: 20px; position: absolute;bottom: 10px;}
.section .mode-list .mode-view li{ float: left; width: 90px; height: 30px; line-height: 30px; margin: 0 5px 10px 5px; background: #EDEDED; }
.section .mode-list .mode-detail{ float: left; color: #fff; width: 480px; height: 534px; background: #00CE52; opacity: 0;}
.section .mode-list .mode-detail .detail-left,
.section .mode-list .mode-detail .detail-right{ width: 240px; height: 534px; }
.section .mode-list .mode-detail .detail-left{ float: left; background: #00468C; overflow: hidden;}
.section .mode-list .mode-detail .detail-left i{ display: block; width: 120px; height: 90px; margin: 112px auto 70px; }
.section .mode-list .mode-detail .detail-left h3{ font-size: 30px; margin-bottom: 19px;}
.section .mode-list .mode-detail .detail-left h4{ font-size: 14px; padding: 0 25px; line-height: 1.7;}
.section .mode-list .mode-detail .detail-right{ float: left; background: #005BB7;position: relative;}
.section .mode-list .mode-detail .detail-right .detail-rightm{position: absolute;bottom: 20px; }
.section .mode-list .mode-detail .detail-right ul{ padding: 20px;}
.section .mode-list .mode-detail .detail-right li{ margin-bottom: 16px; }
.section .mode-list .mode-detail .detail-right li h3{ width: 125px; height: 28px; border: 1px solid #fff; 
  line-height: 28px; margin-bottom: 8px;font-size: 16px;border-radius: 2px;}
.section .mode-list .mode-detail .detail-right li p{ text-align: left; line-height: 1.7; font-size: 14px;}
.section .mode-list .mode-detail .detail-right .get{ width: 105px; height: 31px; line-height: 31px; 
color: #fff; display: inline-block; margin-left: 10px; font-size: 14px; 
  background: #00468C; text-align: center;float: left;border-radius: 3px;}
.section .mode-list .mode-detail .detail-right .get:hover{background:#fff;color: #333;}  
.section .mode-list .mode-item-1 .mode-view i{ background: url(../images/04-img-1.png) no-repeat -120px 0; }
.section .mode-list .mode-item-1 .mode-detail .detail-left i{ background: url(../images/04-img-1.png) no-repeat 0 0; }
.section .mode-list .mode-item-2 .mode-view i{ background: url(../images/04-img-2.png) no-repeat -120px 0; }
.section .mode-list .mode-item-2 .mode-detail .detail-left i{ background: url(../images/04-img-2.png) no-repeat 0 0; }
.section .mode-list .mode-item-3 .mode-view i{ background: url(../images/04-img-3.png) no-repeat -120px 0; }
.section .mode-list .mode-item-3 .mode-detail .detail-left i{ background: url(../images/04-img-3.png) no-repeat 0 0; }
.section .mode-list .mode-item-4 .mode-view i{ background: url(../images/04-img-4.png) no-repeat -120px 0; }
.section .mode-list .mode-item-4 .mode-detail .detail-left i{ background: url(../images/04-img-4.png) no-repeat 0 0; }
.section .mode-list .mode-item.active{ width: 480px; }
.section .mode-list .mode-item.active .mode-wrap{ margin-left: -240px; opacity: 1; }
.section .mode-list .mode-item.active .mode-view{ opacity: 0; }
.section .mode-list .mode-item.active .mode-detail{ opacity: 1; }
/* 首页-新闻列表修改20200806 */
.xcx_new{position: relative;}
.xcx_new_meu{position: absolute;width: 100%;top: 100px;}
.xcx_new_tab_bd{display: flex;justify-content: center;}
.xcx_new_tab_list{text-align: center;font-size:14px;color: #fff;background: rgba(255,255,255,.2);
padding: 12px 10px;cursor: pointer;position: relative;}
.xcx_new_tab_list::after{content: '';position: absolute;top: 10%;right: 0px;width: 1px;height: 80%;background: rgba(255,255,255,.1);}
.xcx_new_tab_bd .xcx_new_tab_list.active{background: rgba(37,43,58,1);color: #fff;}
.xcx_new_tab_bd .xcx_new_tab_list:first-child{border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.xcx_new_tab_bd .xcx_new_tab_list:nth-last-child(1){border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.xcx_new_tab_bd .xcx_new_tab_list:nth-last-child(1)::after{width: 0px;}
.xcx_new_tab_bd .xcx_new_tab_list.active::after{width: 0px;}
.xcx_new_tit h4{ color: #fff; line-height: 45px; font-size: 30px; text-align: center;}
.xcx_new_tit p{color: #fff; line-height: 25px; font-size: 14px; text-align: center; margin-bottom: 35px;}
.xcx_new_con_bd .xcx_new_con_item{display: none;transition: all 0.3s ease-in;padding: 120px 0px 50px;}
.xcx_new_con_bd .xcx_new_con_item.active{display: block;}
.xcx_new_con_item_bd{padding-top: 170px;}
.xcx_new_con_item1{background: url(../images/new1.jpg);background-size: cover;}
.xcx_new_con_item2{background: url(../images/new2.jpg);background-size: cover;}
.xcx_new_con_item3{background: url(../images/new3.jpg);background-size: cover;}
.xcx_new_con_item4{background: url(../images/new4.jpg);background-size: cover;}
.xcx_new_con_item5{background: url(../images/new5.jpg);background-size: cover;}
.xcx_new_con_item6{background: url(../images/new6.jpg);background-size: cover;}
.xcx_new_con_item7{background: url(../images/new7.jpg);background-size: cover;}
.xcx_new_con_item8{background: url(../images/new8.jpg);background-size: cover;}
.xcx_new_con_item9{background: url(../images/new9.jpg);background-size: cover;}
.xcx_new_con_item10{background: url(../images/new10.jpg);background-size: cover;}
.xcx_new_con_item11{background: url(../images/new5.jpg);background-size: cover;}
.inew_item{margin-bottom: 25px;border-radius: 3px;}
/* .inew_item_bd{background: linear-gradient(45deg,#0f0c29,#302b63,#24243e);padding: 15px;color: #fff;transition: all 0.5s ease;border-radius: 3px;} */
.inew_item_bd{background: rgba(255,255,255,.2);padding: 15px;color: #fff;transition: all 0.5s ease;border-radius: 3px;}
.inew_item_bd a{color: #fff;}
.inew_item_time{display: flex;justify-content: space-between;align-items: center;padding-bottom: 10px;margin-bottom: 10px;
border-bottom: 1px rgb(255,255,255,.2) solid;}
.inew_item_timel{flex: 1;}
.inew_item_timer{flex: 1;display: flex;justify-content: flex-end;}
.inew_item_box_tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 15px;}
.inew_item_box_dec{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
color: rgba(255,255,255,.6);}
.inew_item_timelr{font-size: 40px;line-height: 1.2;}
.inew_item_timelny{font-size: 16px;}
.inew_item_box{padding: 10px 0px;}
.inew_item .inew_item_bd:hover{background: rgba(255,255,255,.3);}