@charset "utf-8";
/* CSS Document */
body{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;}
.wrap{ background:none;}
.navCon{ background:url(../img/banner_bg_repeatx.png) repeat-x; height:89px; width:100%; position:relative; z-index:100;} /*合板的时候这行样式以z-index:100;为准*/
.navCon .navNew{ width:1100px; margin: 0 auto; height:88px; line-height:88px;}
.navCon .navNew .logo,.navCon .navNew .logo:hover{ float:left; margin-right:50px;text-decoration: none; width: 239px;}
.navCon .navNew .logo span,.navCon .navNew .logo:hover span{ font-size: 18px; color: #fff; font-weight: normal;  position: relative;top: 5px; padding-left: 5px; text-decoration: none; left: 2px; display: none; cursor:default;}
.navCon .navNew .logo span i{ position: relative; top: -6px;  padding-right: 2px; }
.navCon .navNew ul{ float:left;height:88px; overflow:hidden;}
.navCon .navNew ul li{ float:left; margin-right:40px;}
.navCon .navNew li a{ font-size:18px; color:#fff;}
.userCon{ float:right; padding-right:30px;}
.userCon .unLogin{ color:#3d89e5; font-size:18px;}
.userCon .unLogin a{color:#3d89e5;}
.userCon .unLogin a.registerBtn{ color:#fff;}
.slide2{height:595px; top:-89px;}
.slide2__item{ height:595px; width:1000px; position:relative;}
.slide2__link{ background-position: center top;}
.icon-dot-on, .tab2__trigger--on,.icon-dot, .slide2__trigger{ background:url(../img/lunbo_icons.png) 3px 4px no-repeat; cursor:pointer;}
.icon-dot-on, .tab2__trigger--on{ background-position:3px -10px;}
.itemCon{ width:1000px; height:476px; position: absolute;left:50%; margin-left:-500px; top:0; z-index:1; }
.getMore{ width:253px; height:70px;display:inline-block; position:absolute; z-index:1; right:211px; top:390px;}
.section__title::after{ background:none;color:#333;}
.cloudImg,.btn-prev, .slide4__prev i,.btn-next, .slide4__next i,.footerNew .midb dd i,.part-left dl dt i,.loadCon li p i,.sidebar .bmenu__item--on .icon-help,.sidebar .bmenu--s2 .bmenu__item:active .icon-help,.sidebar .icon-help-hover,.bmenu--s2 .icon-faq,.bmenu--s2 .icon-talk{ background:url(../img/index_new_icons.gif) no-repeat;}
.cloudImg,.loadCon li p i,.loadCon li .redIcon,.card__item .picShow a:hover,.card__item1 .picShow a:hover{background:url(../img/index_new_icons.png) no-repeat;}
.cloudImg{ width:202px; height:201px; display:inline-block; cursor:pointer;}
.card__item .picShow a,.card__item1 .picShow a{ width:202px; height:201px; display:inline-block; }
.card__item .picShow a:hover,.card__item1 .picShow a:hover{border-radius:50%; background-position: 0 -1006px;}
.cloudImg2{ background-position:-328px 0;}
.cloudImg3{ background-position:-628px 0;}
.picShow{ text-align:center;}
.card__item{ background:none;}
.section1{ background-color:#f8f8f8; margin-top:-89px; height:637px; padding-bottom:0;}
.card__title{ color:#f5ba4d; font-weight:normal;}
.card__item h5{ font-size:20px; color:#f4af1c;}
.card__desc{ color:#787878; font-size:14px; margin-top:14px;}
.section__title{ margin-bottom:0;overflow: hidden;}
.card{ margin-top:0px;}
.card__item .btn-blue,.card__item .btn-blue:hover,.card__item1 .btn-blue,.card__item1 .btn-blue:hover{ border-radius:33px;border:2px solid #3d89e5;width:141px; height:48px; line-height:48px; text-align:center; display:inline-block; font-size:14px; color:#3d89e5; background:none;}
.card__item .btn-blue{ margin-top:0;}

.section2{ background:#fff; border-bottom:1px solid #eaeaea; padding-bottom:75px; padding-top:55px;}
.section2 .section__title{ padding-bottom:40px;}
.slide4__item .card__item1,.secCon .card__item1{ width:255px; float:left;}
.slide4{ width:1048px;}
.sample{ width:1048px;}
.card__item1 .cloudImg{ width:160px; height:160px; background-position:0 -301px;margin-top: 15px;}
.card__item1 .cloudImg5{ background-position: -328px -301px;}
.card__item1 .cloudImg6{ background-position: -628px -301px;}
.card__item1 .cloudImg7{ background-position: -903px -296px;}
.card__item1 .cloudImg17{ background-position: -625px -1022px;}
.card__item1 .btn-blue{ margin-top:0;}
.card__item1 .card__title{ color:#38bb9c;}
.card__item1 h5{font-size:20px; color:#33bc9e;}
.slide4__prev i,.slide4__prev:hover i{ background-position:0 -740px; width:60px; height:60px; margin-top:147px;}
.btn-prev-hover, .slide4__prev:hover,.btn-next-hover, .slide4__next:hover{ background:none;}
.btn-next, .slide4__next i{background-position:-71px -740px; width:60px; height:60px; margin-top:147px;}

.card__item1 .cloudImg8{ background-position: 0 -552px;}
.card__item1 .cloudImg9{ background-position: -328px -552px;}
.card__item1 .cloudImg10{ background-position: -628px -552px;}
.card__item1 .cloudImg11{ background-position: -903px -552px;}
.section13{ padding-bottom:150px; border-bottom:none;background-color: #f8f8f8;}
.section13 .card__title,.section13 h5{ color:#26a9e1;}
.section13 .secCon{margin-left: 38px;}

.footerNew{ height:135px; background:#282828; width:100%;}
.footNew{ width:1000px; margin:0 auto; padding-top:37px;}
.footerNew .leftb,.footerNew .midb,.footerNew .rightb{ float:left;}
.footerNew .leftb{ margin-right:68px; margin-left:-20px;}
.footerNew .midb{ color:#999;}
.footerNew .midb dl{ float:left;}
.midb-top{zoom:1;}
.footerNew .midb dl.dlList1{width:172px; height:83px;}
.footerNew .midb .dlList2{width:614px; float:left; color:#656565; line-height:27px; margin-top:-10px; padding-left: 26px; border-left: 1px solid #333333; height: 86px;}
.footerNew .midb dt{ line-height:43px; border-bottom:1px solid #333333; font-size:14px; margin-bottom:8px;}
.footerNew .midb dd{ height:31px; line-height:31px; vertical-align:middle; }
.footerNew .midb dd i{ width:18px; height:21px; display:inline-block; vertical-align:middle;margin-right:10px;}
.footerNew .midb dd i.cn1{ background-position:0 -850px;}
.footerNew .midb dd i.cn2{ background-position:0 -879px;}
.footerNew .midb dd i.cn3{ background-position:0 -909px;}
.footerNew .midb dd i.cn4{ background-position:0 -943px;}

.midb-bottom{ width:520px; border-top:1px solid #333333; padding-top:15px; margin-top:20px;}
.midb-bottom p{ line-height:24px;}
.midb-bottom a,.cncon{ color:#656565;}
.rightb{ width:108px; margin-top:-20px;margin-right: 26px;}
.rightb h3{ color:#9c9c9c; font-size:14px; text-align:center; margin-bottom:20px;}
.rightb p{ text-align:center;}
.rightb p img{ border: 8px solid #222222;}

/*导航*/
.fheader__list{ background:none;}
.navCon .navNew .userCon ul li{ margin-right:0;}
.userCon .fheader__item{ color:#fff;}
.navCon .navNew .userCon ul li .line{ position:relative; top:-3px;}
.navCon .navNew .userCon #login_ul a{ font-size:14px;}
.navCon .navNew  .fheader__item .fheader__link{ border:none; display:inline-block;font-size:14px;}
/*产品服务*/
.wrap-inner .navCon{ background: none #2a7fe9;}
.mainCon{ width: 1003px; margin: 58px  auto 130px;}
.part-left{ float: left; width: 232px;}
.clearfix {*zoom:1;}
.clearfix:before,.clearfix:after {display:table; content:"";}
.clearfix:after {clear: both;}
.part-left dl{ overflow: hidden;zoom: 1; margin-bottom: 16px;}
.part-left dl dt{ height: 68px; line-height: 68px; border: 1px solid #d9d7d9; cursor: pointer;border-left: 4px solid #dcdcdc;  padding-left: 40px; font-size: 22px;color: #333;font-weight: normal;background-color: #f8f8f8; position: relative;}
.part-left dl dt i{ background-position: -329px -740px; width: 8px; height: 15px; line-height: 15px; position: absolute; right: 16px; top: 26px; display: inline-block;}
.part-left dl.on i{ display: none;}
.part-left dl dd{border: 1px solid #d9d7d9;border-top: none; height: 48px; line-height: 48px; font-size: 22px; display: none;}
.part-left dl.on dd{ display: block;;}
.part-left dl dd a{ color: #787878; font-weight: normal;font-family:"宋体";font-size: 16px; display:block; padding-left:40px;}

.part-right{ margin-left: 277px; width: 726px; }
.mod-list{font-family:"宋体"; display: none;}
.mod-list .mhd{overflow: hidden;zoom: 1; margin-bottom: 16px; border-bottom: 1px dashed #e5e5e5; padding-bottom: 30px;}
.mod-list .mhd .bLeft{ float:  left; width: 550px;}
.mod-list .mhd .bRight{ float: right;margin-top: 26px;}
.blueMidBtn,.blueMidBtn:hover,.garyMidBtn,.garyMidBtn:hover{font-family:"微软雅黑";width: 141px; height: 48px; line-height: 48px; text-align: center; display: inline-block;border-radius: 33px; background-color: #2a7fe9; color: #fff; font-size: 18px;}
.garyMidBtn,.garyMidBtn:hover{ background-color:#dcdcdc; text-decoration:none; cursor:text}
.mod-list .mhd h2{ line-height: 37px; font-size: 16px; color: #333;}
.mod-list .mhd p{ color: #969696; line-height: 26px;font-size: 14px;}
.mod-list .mbd h2{ line-height: 37px; font-size: 16px; color: #333;}
.mod-list .mbd p{ color: #969696; line-height: 26px;font-size: 14px; margin-bottom: 23px;}
.footerNew .dlList2 a,.footerNew .dlList2 a:hover{ color:#656565;}
.dlList1 a:hover,.dlList1 a.on{ color: #f4af1c; text-decoration: none;}
.dlList2 a:hover,.dlList2 a.on{ color: #38bb9c; text-decoration: none;}
.dlList3 a:hover,.dlList3 a.on{ color: #26a9e1; text-decoration: none;}
.dlList1 dt.on{ border-left: 4px solid #f4af1c;}
.dlList2 dt.on{border-left: 4px solid #38bb9c;}
.dlList3 dt.on{border-left: 4px solid #26a9e1;}
/*下载页*/
.loadCon{padding-top: 60px;}
.loadCon li{ float: left; width: 285px; margin-right: 58px; position: relative;height: 351px;}
.loadCon li.mr0{margin-right: 0;}
.loadCon li p{ text-align: center;}
.loadCon li p i{ display: inline-block; width: 160px; height: 160px;} 
.loadCon li p .icon1{ background-position:  -20px -14px;}
.loadCon li h2{ text-align: center; font-size: 28px;color: #f4af1c; margin-top: 0px;margin-bottom: 21px;}
.cont .dlcon{ float: left; width:86px;height: 36px; text-align: center; position:relative;}
.cont .dlcon a{width:86px; border-right:1px solid #e8e8e8; height: 23px; line-height: 23px; text-align: center; display: inline-block; margin-top: 6px;}
.cont .dlcon p{ height: 36px;}
.cont .dlcon p a{height: 36px; line-height: 36px; margin-top: 0; border: none;}
.cont .dlcon p span{ position:absolute; right:0; top:6px; width:1px; border-right:1px solid #e8e8e8; height:23px; display:block;}

.cont .dlcon .dlSel a{width:86px; border-top:1px solid #e8e8e8; height: 36px; line-height: 36px; text-align: center; display: inline-block; border-right:none; margin-top: 0;}
.cont .dlconHover{border:1px solid #dcdcdc; height: auto; z-index:111;}
.cont .dlconHover a:hover{ background-color: #f8f8f8; text-decoration: none;}
.cont .dlcon .dlSel{ display: none; background-color:#fff;}
.loadCon li p .icon2{ background-position: -347px -23px;}
.loadCon li p .icon3{ background-position: -328px -301px;}
.loadCon li p .icon4{ background-position: -628px -553px;}
.loadCon li p .icon5{ background-position: -328px -553px;}
.loadCon li p .icon6{ background-position: -1131px -553px;}
.loadCon li p .icon8{ background-position: -318px -1012px;}
.loadCon li p .icon9{ background-position: -908px -529px;}
.loadCon li .redIcon{ background-position:  -951px 0; width: 68px; height: 23px; line-height: 17px; text-align: center; display: inline-block; color: #fff; font-size: 14px; position: absolute; top: 10px; left: 109px;}
.loadCon li .cont{ padding-left:14px;}

.bmenu--s2 .bmenu__item--on, .bmenu--s2 .bmenu__item:active{ background-color: #f8f8f8; color: #333333; border-bottom: 1px solid #d9d7d9;}
.bmenu--s2{ border: none; position: relative;}
.bmenu--s2 .bmenu__item--disable{ }
.listSide{margin-top: 16px; border: 1px solid #d9d7d9; border-left:4px solid #d9d7d9 ;}
.listSideOn{border: 1px solid #d9d7d9;border-bottom: none;}
.listSideOn .bmenu__item--on{border-left:4px solid #2a7fe9; margin-left: -1px; }
.bmenu--s2 .bmenu__item--on .icon-help, .bmenu--s2 .bmenu__item:active .icon-help, .icon-help-hover{ background-position: -1484px -815px;}
.bmenu--s2 .bmenu__subitem{border-bottom: 1px solid #d9d7d9; background-color: #fff;}
.bmenu--s2 .bmenu__subitem--on, .bmenu--s2 .bmenu__subitem:hover{color: #2a7fe9;}
.bmenu--s2 .icon-faq{ background-position: -1480px -933px;}
.bmenu--s2 .icon-talk{ background-position: -1480px -1007px;}
.bmenu--s2 .bmenu__item--disable{ background-color: #f8f8f8;}
.docNav{ display: none;}
.wrap-inner .main{ border: none; min-height:800px;}
.docList{padding:10px 0;margin-bottom:30px; border:none; margin-top:17px;}
.docList__title{border-bottom:1px solid #E2E8ED; margin-bottom: 10px;padding-bottom: 10px;}
.docSupp .docSupp__txt .btn-blue{ width: 141px; height: 48px; line-height: 48px; text-align: center; color: #fff; font-size: 18px; border-radius: 33px; background-color: #2a7fe9;}
.docSupp{ padding-left: 0;}
.docSupp .docSupp__txt .btn-blue{margin-left: 0;}
.icon-user2{background:url(../img/userIcon.png) no-repeat; width: 21px; height: 16px;margin-top: -3px;}
.docListDoc h3{ line-height:25px; margin-bottom:10px;position: relative; cursor:pointer;margin: 0 5px;
  display: block;
  line-height: 2.5;
  font-size: 14px;}
 .docListDoc h3 a:hover{  text-decoration: underline;
  color: #009BF8;} 
.docListDoc p{ line-height:25px; text-indent:2em; padding-bottom:20px; margin: 0 5px;}
.docListDoc .conts{ display:none;  background-color: #dff0d8;
  border-color: #d6e9c6;
  padding: 20px 5px 5px;
}
.doc__feedback{ padding-left:18px;}
.docListDoc .docList__title{ border:none; padding-bottom:0; margin-bottom:0;}
.docListDoc{ margin-top:-24px;}
.bmenu__item{ height: 68px; line-height: 68px;}

.bmenu--s2 .bmenu__item--on .icon-help, .bmenu--s2 .bmenu__item:active .icon-help, .icon-help-hover{background: url("http://assets.dwstatic.com/project/huanjuCloud/1.1.0/img/sprite/sprite.png") -734px -265px; width: 20px; margin-right: 7px;}
.bmenu--s2 .icon-talk,.bmenu--s2 .icon-faq{  background: url("http://assets.dwstatic.com/project/huanjuCloud/1.1.0/img/sprite/sprite.png") -628px -482px;}
.bmenu--s2 .icon-faq,.bmenu--s2 .bmenu__item--on .icon-faq, .bmenu--s2 .bmenu__item:active .icon-faq, .icon-faq-hover{ background-position: -730px -448px;}

.duojiang{ position: absolute; bottom: -4px; right: 97px; width: 224px; height: 66px; display: inline-block;}

/*直播介绍页*/


.wrap-si .navCon{ position: fixed;left: 0; top: 0; width: 100%; z-index: 2;background: rgba(0, 0, 0, 0) url("../img/banner_bg_repeatx.png") repeat-x scroll 0 0; }
.wrap-si .mainCon{ margin: 0; width: 100%; }
.wrap-si{ height: 100%; }
#fp-nav ul li a span, .fp-slidesNav ul li a span{ width:10px; height:10px; background-color:#fff;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{ margin: -2px 0 0 -2px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ height:18px; width:10px; border-radius:4px; margin-left:-2px;}
.swiper-slide1{background:url("../img/fullPage_bg1.jpg") no-repeat center top #1cc3e7;}
.swiper-slide2{background:url("../img/fullPage_bg2.jpg") no-repeat center top #00b2e5;}
.swiper-slide3{background:url("../img/fullPage_bg3.jpg") no-repeat center top #6c60e4;}
.swiper-slide4{background:url("../img/fullPage_bg4.jpg") no-repeat center top #146db3;}
.swiper-slide5{background:url("../img/fullPage_bg5.jpg") no-repeat center top #3380df;}
.swiper-slide6{background:url("../img/fullPage_bg6.jpg") no-repeat center top #000; position: relative;}
.mod-content{ width: 1250px; margin: 0 auto; }
.mod-content .mhd{ padding-top: 15%; }
.mod-content .mhd h2{background:url("../img/hjy_h2_bg.png") no-repeat 0 0; width: 358px; height: 40px; margin: 0px auto 50px;}
.swiper-slide1 .mbd li{ float: left; width: 254px; margin-right: 48px; text-align: center;}
.swiper-slide1 .mbd li.last{ margin-right: 0; }
.swiper-slide1 .mbd li h3{ font-size: 36px; color: #fff; padding-bottom: 8px; font-weight: normal; margin-top: 20px;}
.swiper-slide1 .mbd li p{ font-size: 14px; color: #fff; line-height: 24px; }
.swiper-pagination-bullet{ background-color: #fff; width: 10px; height: 10px; }
.swiper-pagination-bullet-active{ height: 20px; border-radius: 4px; }
.swiper-slide1 .mbd{padding-top: 30px; overflow: hidden;zoom:1; padding-left: 31px;}
.picCon{ position: relative; width: 254px; height: 200px; overflow: hidden;zoom:1; }
.picCon img{ display: none; cursor: pointer;}
.picCon .icons{background:url("../img/firstPage_icon.png") no-repeat 37px 40px;  width: 200px; height: 200px; display: inline-block; cursor: pointer;}
.picCon .icon_2{background-position: -275px 39px;}
.picCon .icon_3{background-position: -600px 32px;}
.picCon .icon_4{background-position: -908px 36px}
.swiper-slide2 .mhd h2{background:url("../img/hjy_h2_bg.png") no-repeat 0 -69px;}
.swiper-slide2 .mod-tab{ width: 1045px; height: 36px;margin: 0 auto;}
.swiper-slide2 .mod-tab .mhd{padding-top: 0; height: 40px;}
.swiper-slide2 .mod-tab a{ float: left; margin: 0;color: #fff;line-height: 36px; padding: 0 33px; font-size: 14px; display: inline-block; position: relative;border-bottom: 2px solid #4d98dc;border-top: 2px solid #4d98dc; margin-left: -2px;}
.swiper-slide2 .mod-tab a.first{ border-left: 2px solid #4d98dc;}
.swiper-slide2 .mod-tab a.last{ border-right: 2px solid #4d98dc; }
.swiper-slide2 .mod-tab a i{ position: absolute; right: 0px; top: 0px;color: #4d98dc; display: inline-block;}
.swiper-slide2 .mod-tab a.last i{display: none; }
.swiper-slide2 .mod-tab a:hover,.swiper-slide2 .mod-tab a.on{border: 2px solid #00baff; background-color: #00baff; text-decoration: none;padding: 0 31px; position: relative;z-index: 2;}
.swiper-slide2 .mod-tab a:hover i,.swiper-slide2 .mod-tab a.on i{ display: none; }
.swiper-slide2 .mod-tab a.first:hover,.swiper-slide2 .mod-tab a.first.on{padding: 0 31px; margin-right: -2px; margin-left: 2px;}
.UlListCon{ width: 980px; margin: 55px auto 0; display: none; }
.UlListCon p{ color: #fff;font-size: 14px; text-align: center;}
.swiper-slide3 .mbd{background:url(../img/hjy_p3_bg.png) no-repeat center top; width:882px; height:608px; margin:180px auto 0; position:relative;}
.swiper-slide3 .png{ position:absolute; top:167px; left:318px;}
.swiper-slide3 .gif{ position:absolute; top:167px; left:318px;}

.swiper-slide4 .mhd h2,.mod-ex h3,.swiper-slide6 .liucheng{background:url("../img/hjy_h2_bg.png") no-repeat 0 -179px;}
.swiper-slide4 .mbd{ background:url(../img/hjy_p4_bg.png) no-repeat 0 0; width:1005px; height:738px;margin:-95px auto 0; position:relative;}
.swiper-slide4 .png{ position:absolute; bottom:84px; left:385px;}
.swiper-slide4 .gif{ position:absolute; bottom:84px; left:385px;}
.swiper-slide4 .aIcon{ position:absolute;width:60px; height:60px; display:inline-block; left:468px; top:109px;}
.swiper-slide4 .aIcon:hover{ position:absolute; background:url(../img/yLive_icons.png) no-repeat 0 0; }
.swiper-slide4 .a2{width:73px; height:73px; left:50px; top:193px;}
.swiper-slide4 .a2:hover{ background-position: -71px 0; }
.swiper-slide4 .a3{ width:58px; height:58px; left:334px; top:207px;}
.swiper-slide4 .a3:hover{ background-position: -160px 0;}
.swiper-slide4 .a4{width:60px; height:60px; left:614px; top:200px;}
.swiper-slide4 .a4:hover{ background-position: -229px 0;}
.swiper-slide4 .a5{ width:68px; height:68px; left:297px; top:348px;}
.swiper-slide4 .a5:hover{ background-position: -298px 0; }
.swiper-slide4 .a6212121:hover{ background-position: 0 -90px; }
.swiper-slide4 .a7{width:68px; height:68px; left:634px; top:348px;}
.swiper-slide4 .a7:hover{ background-position: -109px -89px;}
.swiper-slide4 .a8{width:75px; height:75px; left:842px; top:169px;}
.swiper-slide4 .a8:hover{ background-position: -298px -89px;}
.swiper-slide4 .a9{width:79px; height:79px; left:822px; top:427px;}
.swiper-slide4 .a9:hover{ background-position: -198px -90px;}
.swiper-slide5 .mod-content{ width: 1250px; margin: 0 auto; }
.swiper-slide5 .mod-content h2{ background-position: 90px -242px; }
.swiper-slide5 .mod-cj{ overflow: hidden;zoom:1; }
.swiper-slide5 .mod-cj li{  margin: 0 35px 35px 0; cursor: pointer;float: left;background:url(../img/yLive_ad_icons.png) no-repeat 0 0;  width: 220px; height: 110px; border-radius: 3px; position: relative; overflow: hidden;zoom:1;}
.swiper-slide5 .mod-cj li.mr0{ margin-right: 0; }
.swiper-slide5 .mod-cj li h3{ line-height: 110px; text-align: center; font-size: 20px;color: #fff;}
.swiper-slide5 .mod-cj li div{ display: block;; width: 100%; height: 100%; position: absolute; left: -275px; top: 0; }
.swiper-slide5 .mod-cj li div{ display: block; }
.swiper-slide5 .mod-cj li div i{ position: absolute;width: 100%; height: 100%; border-radius: 3px;background-color: #28a5fd; opacity: 0.9;filter:alpha(opacity=90); display: inline-block;left: 0; top: 0;}
.swiper-slide5 .mod-cj li div h4{ position: absolute;z-index: 1; padding: 8px 0 0 10px; font-size: 16px;color: #fff;  line-height: 28px;left: 0; top: 0;}
.swiper-slide5 .mod-cj li div p{position: absolute;z-index: 1; padding: 0px 11px 0 10px; line-height: 24px; font-size: 14px; color: #fff;left: 0; top: 36px; text-align: left;}
.swiper-slide5 .mod-cj li.li2{ background-position: -255px 0; }
.swiper-slide5 .mod-cj li.li3{ background-position: -510px 0; }
.swiper-slide5 .mod-cj li.li4{ background-position: -765px 0; }
.swiper-slide5 .mod-cj li.li5{ background-position: -1020px 0; }
.swiper-slide5 .mod-cj li.li6{ background-position: 0px -145px; }
.swiper-slide5 .mod-cj li.li7{ background-position: -255px -145px; }
.swiper-slide5 .mod-cj li.li8{ background-position: -510px -145px; }
.swiper-slide5 .mod-cj li.li9{ background-position: -765px -145px; }
.swiper-slide5 .mod-cj li.li10{ background-position: -1020px -145px; }
.mod-ex{ padding: 30px 0 0; }
.mod-ex div{padding-left: 37px}
.mod-ex h3{ background-position: 0px -448px; height: 40px; margin: 0 auto 50px;width: 60px;  }
.mod-ex a{background:url(../img/yLive_ad_icons.png) no-repeat 0 -261px; width: 160px;height: 84px; float: left; margin-right: 44px;}
.mod-ex a.ex2{ background-position: -199px -261px; }
.mod-ex a.ex3{ background-position: -398px -261px; }
.mod-ex a.ex4{ background-position: -598px -261px; }
.mod-ex a.ex5{ background-position: -797px -261px; }
.mod-ex a.ex6{ background-position: -997px -261px;margin-right: 0;}
.swiper-slide6 .mhd h2{background-position: 0px -301px; height: 40px; margin: 0 auto 80px;width: 158px; }
.swiper-slide6 .liucheng{background-position: 0px -357px; width: 956px; height: 76px; margin: 0 auto 100px;}
.btnCon{ text-align: center; }
.btnCon a{ width: 232px; height: 65px; line-height: 65px; text-align: center; color: #fff; font-size: 28px; border-radius: 36px; background-color: #009cff; display: inline-block;  text-decoration: none;}
.btnCon a:hover{ background: #1cc3e7;color: #fff;  text-decoration: none;}
.swiper-slide6 .footerNew{ font-size: 12px; text-align: left; position: absolute; width: 100%;left: 0; bottom: 0;}
.mod-fw{ background: #282828;  position: absolute; left: 0; bottom: 135px; width: 100%;}
.mod-fw .mbd{ width: 680px; margin: 0 auto;  padding-bottom: 10px;overflow: hidden;zoom:1;}
.mod-fw .mbd ul{padding-left: 24px;}
.mod-fw .mbd h3{ text-align: center; line-height: 72px; font-size: 14px; color: #575757; }
.mod-fw .mbd li{ width: 64px; float: left; text-align: center; margin-right: 80px;}
.mod-fw .mbd li p{ text-align: center; font-size: 14px; color: #5a5a5a; line-height: 22px; }
.mod-fw .mbd li.last{ margin-right: 0; }
.mod-fw .mbd li .i{background:url(../img/yLive_ad_icons.png) no-repeat 0 -369px; width: 53px; height: 52px; margin: 0 auto; }
.mod-fw .mbd li .i2{ background-position: -60px -369px; }
.mod-fw .mbd li .i3{ background-position: -121px -369px; }
.mod-fw .mbd li .i4{ background-position: -182px -369px; }
.mod-fw .mbd li .i5{ background-position: -245px -369px; }

.navCon .navNew ul{ overflow: visible; }
.navCon .navNew ul li{ margin-right: 0; }
/*.navCon .navNew ul li:hover {
    background-color: #21569a;
}*/
.navCon .navNew li.secNav{ width: 134px; position: relative;}
.navCon .navNew li .columns{ display: block;height: 88px; line-height: 88px;text-align: center; padding: 0 22px;}
.navCon .navNew li .columns:hover,.navCon .navNew li a.on{ background-color: #21569a; text-decoration: none;}
.navCon .navNew li.secNav .mod-selConts{ width: 220px; height: 70px; background: #21569a; position: absolute;left: 0; top: 88px; padding: 25px 0 0 30px; line-height: normal;  display: none;}
/*.mod-selConts{ padding:  }*/
.mod-selConts dl{ float: left; width: 188px;  margin-right: 55px; height: 200px;}
.mod-selConts dl.mr0{ margin-right: 0; }
.mod-selConts dl dt{ line-height: 20px; padding-bottom: 7px; border-bottom: 1px solid #7d98ba; margin-bottom:10px; color: #a6b2c9;font-size: 14px;  }
.navCon .navNew .mod-selConts  dd{ margin-bottom: 20px; }
.navCon .navNew .mod-selConts  dd a{ font-size: 14px; line-height: 20px; color: #fff; vertical-align: middle;}
.navCon .navNew .mod-selConts  dd a:hover{ color: #ffd618; text-decoration: none;}
.navCon .navNew .mod-selConts  dd a i{background:url(../img/head_icons.png) no-repeat -115px 0px; width: 20px; height: 20px; display: inline-block;vertical-align: middle; margin-right: 12px;}
.navCon .navNew .mod-selConts  dd a:hover i{ background-position: -1px 0; }
.navCon .navNew .mod-selConts  dd a.ic2 i{background-position: -115px -39px;}
.navCon .navNew .mod-selConts  dd a.ic2:hover i{background-position: -1px -39px;}
.navCon .navNew .mod-selConts  dd a.ic3 i{background-position: -114px -79px;}
.navCon .navNew .mod-selConts  dd a.ic3:hover i{background-position: 0px -79px;}
.navCon .navNew .mod-selConts  dd a.ic4 i{background-position: -170px 0px;}
.navCon .navNew .mod-selConts  dd a.ic4:hover i{background-position: -58px 0px;}
.navCon .navNew .mod-selConts  dd a.ic5 i{background-position: -170px -38px; width: 21px; margin-right: 11px;}
.navCon .navNew .mod-selConts  dd a.ic5:hover i{background-position: -58px -38px;}
.navCon .navNew .mod-selConts  dd a.ic6 i{background-position: -170px -78px;}
.navCon .navNew .mod-selConts  dd a.ic6:hover i{background-position: -58px -78px;}
.navCon .navNew .mod-selConts  dd a.ic7 i{background-position: -170px -122px;}
.navCon .navNew .mod-selConts  dd a.ic7:hover i{background-position: -58px -122px;}
.navCon .navNew .mod-selConts  dd a.ic8 i{background-position: -144px -0px;}
.navCon .navNew .mod-selConts  dd a.ic8:hover i{background-position: -27px -0px;}
.navCon .navNew .mod-selConts  dd a.ic9 i{background-position: -144px -37px;}
.navCon .navNew .mod-selConts  dd a.ic9:hover i{background-position: -27px -37px;}
.navCon .navNew .mod-selConts  dd a.ic10 i{background-position: -144px -79px;}
.navCon .navNew .mod-selConts  dd a.ic10:hover i{background-position: -27px -79px;}
.navCon .navNew .mod-selConts  dd a.ic11 i{background-position: -144px -118px;}
.navCon .navNew .mod-selConts  dd a.ic11:hover i{background-position: -27px -118px;}
.navCon .navNew .mod-selConts  dd a.ic12 i{background-position: -205px -0px;}
.navCon .navNew .mod-selConts  dd a.ic12:hover i{background-position: -91px -0px;}
.navCon .navNew .mod-selConts  dd a.ic13 i{background-position: -205px -39px;}
.navCon .navNew .mod-selConts  dd a.ic13:hover i{background-position: -91px -39px;}
.navCon .navNew .mod-selConts  dd a.ic14 i{background-position: -205px -81px;}
.navCon .navNew .mod-selConts  dd a.ic14:hover i{background-position: -91px -81px;}
.navCon .navNew .mod-selConts  dd a.ic15 i{background-position: -203px -121px;}
.navCon .navNew .mod-selConts  dd a.ic15:hover i{background-position: -87px -121px;}
.duojiang{ position: absolute; bottom: -4px; right: 97px; width: 224px; height: 66px; display: inline-block;}



@media screen and (max-height: 845px) {
    .swiper-slide6 .mod-fw,.swiper-slide6 .footerNew{display: none;}
}