@charset "utf-8";
/* CSS Document */

/*焦点图
.focuesbox{ background:#000; width:100%;}
.focues{ display:block; width:100%; height:638px; margin-bottom:30px; }
.focues ul{ width:100%; height:428px; background:#000;}
.focues ul li{ width:100%; height:70px; text-align:center; background:#000; position:relative; overflow:hidden; cursor:pointer;}
.focues ul li img{ width:100%; height:428px;}
.focues ul li p{ float:left; display:inline; width:100%; position:absolute; top:0px; left:0px; height:70px;background:#000;-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50); z-index:100}
.focues ul li span{ width:1200px; float:left; display:inline;-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70); position:absolute; left:50%; top:22px; margin-left:-600px; font-size:24px; color:#e3e3e4; font-weight:600; overflow:hidden; height:24px; line-height:24px; z-index:101; text-align:left; padding-left:7px;}
.focues ul li span.f_01{ border-left:7px solid #2aa039;}
.focues ul li span.f_02{ border-left:7px solid #ffa200;}
.focues ul li span.f_03{ border-left:7px solid #ff6000;}
.focues ul li span.f_04{ border-left:7px solid #0078ff;}
.focues ul li div.focues_detail{ display:block; position:absolute; width:1200px; left:50%; margin-left:-600px; top:200px;}
.focues ul li div.focues_detail a{position:absolute; left:50%; margin-left:-600px;}
.focues ul li div.focues_detail h3{ height:40px; font-size:40px; color:#fff; text-align:left; line-height:40px; padding-left:13px; margin-bottom:20px; text-shadow:5px 5px 6px #000;}
.focues ul li div.focues_detail h3.f_01{ border-left:7px solid #2aa039;}
.focues ul li div.focues_detail h3.f_02{ border-left:7px solid #ffa200;}
.focues ul li div.focues_detail h3.f_03{ border-left:7px solid #ff6000;}
.focues ul li div.focues_detail h3.f_04{ border-left:7px solid #0078ff;}
.focues ul li div.focues_detail p.explain{ position:static; display:block; width:1010px;background:none; color:#fff;-moz-opacity:1;opacity:1;filter:alpha(opacity=100); font-size:14px; border:none; padding-left:13px; text-align:left;text-shadow:5px 5px 6px #000;}
.focues ul li span.hot{ position:relative; height:30px; line-height:30px; padding-left:97px;}
.focues ul li span.hot:before{ content:""; position:absolute; left:-1px; top:0px; width:82px; height:30px;background:url(../image/iconX2.png) no-repeat -17px -99px; background-size:512px 512px;  }
.focues ul li.active{ width:100%; height:428px;}
.focues ul li.active p{ opacity:0;-webkit-transition: all 0s ease 0.1s;
		-moz-transition: all 0s ease 0.1s;
		-o-transition: all 0s ease 0.1s;
		transition: all 0s ease 0.1s;}
.focues ul li.active span{ opacity:0;-webkit-transition: all 0s ease 0.1s;
		-moz-transition: all 0s ease 0.1s;
		-o-transition: all 0s ease 0.1s;
		transition: all 0s ease 0.1s;}
.focues ul li p{ opacity:.5;-webkit-transition: all 1s ease .3s;
		-moz-transition: all 1s ease .3s;
		-o-transition: all 1s ease .3s;
		transition: all 1s ease .3s;}
.focues ul li span{ opacity:.7;-webkit-transition: all 1s ease .3s;
		-moz-transition: all 1s ease .3s;
		-o-transition: all 1s ease .3s;
		transition: all 1s ease .3s;}

@media screen and (min-width:1920px) {
	.focues{ display:block; width:1920px; height:638px;margin:0 auto 30px;}
}
*/
/*DTV焦点图*/
.dtv_focues{ display:block;}
.dtv_focues ul{}
/*首页内容*/


.ullist{ display:block;}
.ullist ul{ width:394px; height:161px;}
.ullist ul li{ display:block; height:30px; line-height:30px;}
.ullist ul li a{ float:left; display:inline; background:url(../image/all.png) no-repeat -3px -312px; padding-left:10px; cursor:pointer;}
.ullist ul li a:hover{ background-position:-3px -282px}
.ullist ul li span{ float:right; display:inline; color:#bbbbbb;}

/*DTV*/
.dtv{ position:absolute; left:50%; margin-left:-66px; top:24px; float:left; display:inline; background:#fff; width:133px; height:33px; border-radius:20px 20px; text-align:center; line-height:33px; color:#e83428; font-weight:600; font-size:20px;}
.dtv-focues{ display:block; width:725px; height:405px; margin:0 auto; position:relative}
.dtv-focues ul.dtv-slide{ position:absolute; left:0px;}
.dtv-focues ul.dtv-slide li{ width:725px; height:408px; float:left; display:inline; margin:0 15px;}

.dtv-dot{ display:block; width:1140px; background:#dde1e8; padding-left:60px; margin:44px auto 0 ; height:12px; border-radius:50px 50px;}
.dtv-dot li{ float:left; display:inline; width:8px; height:8px; background:#fff; border-radius:50% 50%; margin-right:80px; margin-top:2px; cursor:pointer;
}
.dtv-dot li:hover{ background:#df463b;}
.dtv-dot li:nth-last-child(1){ margin-right:0px;}
.dtv-dot li.current{background:#df463b;
    opacity:1;-webkit-transition: all 1s ease .3s;
    -moz-transition: all 1s ease .3s;
    -o-transition: all 1s ease .3s;
    transition: all 1s ease .3s; }
.dtv-dot li.current span{ float:left; display:inline; width:16px; height:16px; background:#e93c2a; opacity:.3; border-radius:50% 50%; left:50%; top:50%; margin-left:-4px; margin-top:-4px;
    webkit-animation: revolving 2s 0s infinite;
    animation: revolving 2s 0s infinite;}
@-webkit-keyframes revolving{
    0%{
        -moz-transform: scale(1,1);
        -webkit-transform: scale(1,1);
        -o-transform: scale(1,1);
        -ms-transform: scale(1,1);
        transform: scale(1,1);
    }
    50%{
        -moz-transform: scale(0.6,0.6);
        -webkit-transform: scale(0.6,0.6);
        -o-transform: scale(0.6,0.6);
        -ms-transform: scale(0.6,0.6);
        transform: scale(0.6,0.6);
    }
    100%{
        -moz-transform: scale(1,1);
        -webkit-transform: scale(1,1);
        -o-transform: scale(1,1);
        -ms-transform: scale(1,1);
        transform: scale(1,1);
    }
}
.dtv-text{ position:relative; display:block; width:1200px; margin:0 auto; font-size:14px; color:#4e4e4e; height:42px; line-height:42px; overflow:hidden; position:relative; }
.dtv-text li{ float:left; display:inline;text-align:center; position:absolute;  top:0px;font-size:14px; color:#4e4e4e; height:42px;
    opacity:0;-webkit-transition: all 1s ease .3s;
    -moz-transition: all 1s ease .3s;
    -o-transition: all 1s ease .3s;
    transition: all 1s ease .3s; }
.dtv-text li.current{opacity:1;-webkit-transition: all .4s ease .1s;
    -moz-transition: all .4s ease .1s;
    -o-transition: all .4s ease .1s;
    transition: all .4s ease .1s; }
.dtv-text li:nth-child(1){ left:0px;}
.dtv-text li:nth-child(2){ left:50px;}
.dtv-text li:nth-child(3){ left:140px;}
.dtv-text li:nth-child(4){ left:225px;}
.dtv-text li:nth-child(5){ left:314px;}
.dtv-text li:nth-child(6){ left:405px;}
.dtv-text li:nth-child(7){ left:480px;}
.dtv-text li:nth-child(8){ left:580px;}
.dtv-text li:nth-child(9){ left:670px;}
.dtv-text li:nth-child(10){ left:755px;}
.dtv-text li:nth-child(11){ left:845px;}
.dtv-text li:nth-child(12){ left:945px;}
.dtv-text li:nth-child(13){ right:0px;}
.btn-dtvl{ float:left; display:inline; height:405px; width:130px; background:#fff; opacity:.8; position:absolute; left:-145px; top:0px; z-index:500}
.btn-dtvr{ float:left; display:inline; height:405px; width:130px; background:#fff; opacity:.8; position:absolute; right:-145px; top:0px; z-index:500}
/*文章排名*/
.article_sort{ display:block;}
.article_sort li{ display:block; border-bottom:1px solid #ededed; padding:16px 20px 16px 30px;margin:0 12px 0px 12px; position:relative;}
.article_sort li:before {content: '';position: absolute;left: 16px;top: 15px;width: 10px;height:18px;
    background:url(../image/all.png) no-repeat;background-position: 0px -423px;
    background-color: #fff;
}
.article_sort li h4{ color:#16171a; font-size:14px;height: 35px; font-weight:normal; cursor:pointer; margin-bottom:13px;}
.article_sort li p{ font-size:12px; color:#9a9a9a;}
.article_sort li p span{ float:left; display:inline; line-height:18px; margin-right:8px;}
.article_sort li.last{ border-bottom:none;}
.article_sort li:last-child{border-bottom:none;}
#content-2{ height:568px;}

/*热点专题*/
.hot-topics{ display:block; height:320px; overflow:hidden; position:relative;}
.hot-topics dl{ position:absolute; left:0px; top:0px;float:left; display:inline; width:320px; opacity:0;
    -webkit-transition: all 1s ease 0.4s;
    -moz-transition: all 1s ease 0.4s;
    -o-transition: all 1s ease 0.4s;
    transition: all 1s ease 0.4s;}
.hot-topics dl dt{ display:block;height: 180px; overflow: hidden;}
.hot-topics dl dt img{ width:320px; height:180px;}
.hot-topics dl dd{ border:1px solid #ececec; height:137px; padding:0px 18px; position:relative;}
.hot-topics dl dd h4{ font-size:16px; color:#000000; line-height:44px;height: 44px;overflow: hidden;}
.hot-topics dl dd p{ font-size:14px; color:#989fb1;}
.hot-topics dl dd p a{ color:#ff0706; float:left; display:inline; position:absolute; right:10px; bottom:10px;}
.hot-topics dl.current{opacity:1;-webkit-transition: all 1s ease .3s;
    -moz-transition: all 1s ease .3s;
    -o-transition: all 1s ease .3s;
    transition: all 1s ease .3s;}

.ul-hotdot{ display:block; float:left; display:inline; position:absolute; right:0px; top:22px;}
.ul-hotdot li{ float:left; display:inline; width:9px; height:9px; border-radius:50% 50%; background:#dde1e8; margin:0 9px; cursor:pointer;}
.ul-hotdot li.current{ background:#e83428; width:19px; height:9px; border-radius:30px 30px;
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: rkeydot 0.5s 1;
    animation: rkeydot 0.5s 1;
}
@keyframes rkeydot {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.5, 1.1);
        transform: scale(0.5, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.8, 1.05);
        transform: scale(0.8, 1.05);
    }

    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.5, 1.1);
        transform: scale(0.5, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.8, 1.05);
        transform: scale(0.8, 1.05);
    }
}
@-webkit-keyframes rkeydot {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.5, 1.1);
        transform: scale(0.5, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.8, 1.05);
        transform: scale(0.8, 1.05);
    }

    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.5, 1.1);
        transform: scale(0.5, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.8, 1.05);
        transform: scale(0.8, 1.05);
    }
}
/*365kye产品*/
ul.key-tab{float:left; display:inline; border-radius:50px 50px; overflow:hidden; position:absolute; left:50%; margin-left:-53px; top:23px;}
ul.key-tab li{ float:left; display:inline; width:106px; height:32px; cursor:pointer; font-size:16px; line-height:32px; text-align:center; background:#fff; color:#d9dadd;}
ul.key-tab li.current{ background:#f97230; color:#fff;}

.key-pro{ display:block; width:1256px; margin:0 auto; position:relative; height:530px;}
.key-pro ul{ float:left; display:inline; position:absolute;}
.key-pro ul li{ float:left; display:inline; width:1256px; overflow:hidden;}
.key-pro ul li a{float:left; display:inline; text-align:center; width:238px; margin:0 38px; padding-bottom:5px;}
.key-pro ul li h4{ font-size:16px; font-weight:normal; display:block; margin-bottom:22px; height:42px; overflow:hidden; position:relative;}
/*.key-pro ul li h4:before{content:""; float:left; display:inline; position:absolute; width:35px; height:1px; background:#dddddd; left:50%; margin-left:-18px; top:30px;}*/
.key-pro ul li p{ font-size:12px; color:#a6a6a6; display:block; margin-bottom:25px;}

.key-act{ display:block; width:1216px; margin:0 auto; position:relative; height:530px;}
.key-actbox{ float:left; display:inline; left:0px;position:absolute; height:540px;}
.key-actbox li{ float:left; display:inline; width:270px; text-align:center; margin:0 17px;}
.key-actbox li a{ display:block; cursor:pointer;}
.key-actbox li h4{ font-size:16px; font-weight:normal; display:block; margin-bottom:22px; position:relative;}
.key-actbox li h4:before{content:""; float:left; display:inline; position:absolute; width:35px; height:1px; background:#dddddd; left:50%; margin-left:-18px; top:53px;}
.key-actbox li p{ font-size:12px; color:#a6a6a6; display:block; margin-bottom:25px; line-height:18px;}
.btn-l{ float:left; display:inline; position:absolute; top:6px; left:0px;margin-left:30px; width:68px; height:136px; background:url(../image/angle_icon.png) no-repeat left -135px; line-height:9999px; overflow:hidden; cursor:pointer; z-index:10000;}
.btn-r{ float:right; display:inline; position:absolute; margin-right:30px;top:6px; right:0px; width:68px; height:136px; background:url(../image/angle_icon.png) no-repeat -68px -135px;line-height:9999px; overflow:hidden;cursor:pointer;z-index:10000;}
.btn-l.nt_ln{float:left; display:inline; position:absolute; top:6px; left:0px;margin-left:30px; width:68px; height:136px; background:url(../image/angle_icon.png) no-repeat left top; line-height:9999px; overflow:hidden;cursor:pointer;}
.btn-r.nt_rn{float:left; display:inline; position:absolute; top:6px; right:0px;margin-left:30px; width:68px; height:136px; background:url(../image/angle_icon.png) no-repeat -68px top; line-height:9999px; overflow:hidden;cursor:pointer;}
.act-l{ float:left; display:inline; position:absolute; top:134px; left:0px;margin-left:30px; width:68px; height:136px; background:url(../image/angle_icon.png) no-repeat left top; line-height:9999px; overflow:hidden;cursor:pointer;}
.act-r{ float:right; display:inline; position:absolute; margin-right:30px;top:134px; right:0px; width:68px; height:136px; background:url(../image/angle_icon.png) no-repeat -68px top;line-height:9999px; overflow:hidden;cursor:pointer;}


/*智駴*/
.zhihai-r{ padding:14px 14px 0px;}
.zhihai-r dl{ border-bottom:1px solid #f3f5f6; padding-bottom:20px; margin-bottom:20px;}
.zhihai-r dl dt{ float:left; display:inline; width:110px; height:62px;}
.zhihai-r dl dt img{ width:110px; height:62px;}
.zhihai-r dl dd{ float:left; display:inline; width:164px; margin-left:13px;}
.zhihai-r dl dd h3{ font-size:14px; color:#1c1c1c; display:block; margin-bottom:7px;}
.zhihai-r dl dd p{ font-size:12px; color:#a6a6a6;}
.zhihai-r dl:nth-last-child(1){ border-bottom:none; margin-bottom:0px;}

/*金牛宫*/
.jng-r{ padding:14px 14px 0px;}
.jng-r dl{ border-bottom:1px solid #f3f5f6; padding-bottom:20px; margin-bottom:20px;}
.jng-r dl dt{ float:left; display:inline; width:110px; height:66px;}
.jng-r dl dt img{ width:110px; height:66px;}
.jng-r dl dd{ float:left; display:inline; width:164px; margin-left:13px;}
.jng-r dl dd h3{ font-size:14px; color:#1c1c1c; display:block; margin-bottom:7px;}
.jng-r dl dd p{ font-size:12px; color:#a6a6a6;}
.jng-r dl:nth-last-child(1){ border-bottom:none; margin-bottom:0px;}


.content .gallery-picture{ position:relative; position:relative; background:#000;}
.content .gallery-picture p{ display:none;}
.content .gallery-picture p.s{ display:block;  position:absolute;text-shadow: 1px 3px 3px #000000; width:700px; height:188px;line-height:22px; text-align:center; font-size:20px; color:#fff; padding-top:240px; cursor:pointer; z-index:10000;}
.content .gallery-picture p.s:before{  content:"";background:url(../image/iconX2.png) no-repeat -9px -204px;background-size:512px 512px; width:85px; height:85px; position:absolute; left:50%; margin-left:-41.5px; top:135px; cursor:pointer;}
.content .gallery-picture-selected{ position:relative; }

.content .gallery-picture a.bg0{ width:100%; height:100%; background:#000; position:absolute; left:0px; top:0px;-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80); z-index:10300}
.content .gallery-picture a.bg0:hover{background:#000; position:absolute; left:0px; top:0px;-moz-opacity:0;opacity:0;filter:alpha(opacity=0); z-index:10300}
.content .gallery-picture-selected{opacity:1; position:relative;}
.content .gallery-picture-selected p{ display:block; position:absolute;text-shadow: 1px 3px 3px #000000; background:rgba(0,0,0,.2);  width:700px; height:188px;line-height:22px; text-align:center; font-size:20px; color:#fff; top:0px; padding-top:240px; cursor:pointer; z-index:100;}
.content .gallery-picture-selected p:before{ content:"";background-size:512px 512px; width:85px; height:85px; position:absolute; left:50%; margin-left:-41.5px; top:135px; cursor:pointer;}
.content .gallery-picture-selected a.bg0{ display:none;}

/*推荐*/
.recom_news{ display:block; border-radius:10px 10px; padding:0 16px; margin-bottom:30px;}
.recom_news h3{ background-size:50% 50%; font-size:22px; color:#151619; position:relative; height:55px; margin-bottom:15px; line-height:55px; border-bottom:1px solid #e4e4e4; padding-left:27px;}
.recom_news h3:before{content:""; float:left; display:inline; background:url(../image/iconX2.png) no-repeat -383px -243px;background-size:512px 512px; width:12px; height:22px; position:absolute; left:3px; top:18px; }
.recom_news h3 a{float:left; display:inline; position:absolute;right:0px; top:18px;background: url(../image/iconX2.png) no-repeat -435px -282px; background-size:512px 512px; width:42px; height:29px; line-height:9999px; overflow:hidden;}
.recom_news ul li{ float:left; display:inline;  height:35px; font-size:14px; line-height:35px; width:380px; position:relative; padding-left:20px;}
.recom_news ul li:before{content:""; float:left; display:inline; width:5px; height:5px; border-radius:50% 50%; background:#d5d5d5; position:absolute; left:5px; top:13px;}

/*开屏广告*/
.mars-com {position: absolute; left: 50%; top: 50%;text-align: center; width: 1417px; height: 678px; margin-left: -709px; margin-top: -339px; font-size: 0;}
.modal-backdrop {position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 1001;background-color: rgb(0,0,0);opacity: 0.75;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);}
.rl-modal {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1111;}
/*星球背景浮出*/
.star { z-index: 1222;}
.star img{-webkit-animation: starFadeInUp 1.2s linear; animation: starFadeInUp 1.2s linear;}
@-webkit-keyframes starFadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes starFadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/*“战无止境”字体砸入*/
.fighting { z-index: 1333;}
.fighting img {-webkit-animation: fightFadeInDown 1.2s linear; animation: fightFadeInDown 1.2s linear;}
@-webkit-keyframes fightFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fightFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
/*关闭按钮*/
.rl-close {position: absolute;top: 7%;right: 8%;width: 17px;height: 17px;z-index: 1335;cursor: pointer;background: url('../image/mars/nlogin.png') no-repeat 0 0;outline: none;border: 0;-webkit-transform: scale(2);transform: scale(2);-webkit-transition: transform .2s;transition: transform .2s;-webkit-animation: fadeIn .2s linear 1.6s forwards;animation: fadeIn .2s linear 1.6s forwards;}
.rl-close:hover {background-position: 0 -21px; -webkit-transform: scale(2.1); transform: scale(2.1);}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}