@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焦点图*/



/*首页内容*/





.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:#ee3985;}

.dtv-dot li:nth-last-child(1){ margin-right:0px;}

.dtv-dot li.current{background:#ee3985;

    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;}



/*热点专题*/

.w320{ width:320px;}

.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 a{ text-decoration:none; color:#000;}

.hot-topics dl dd a:hover{ text-decoration:none; color:#ee3985;}

.hot-topics dl dd p{ font-size:14px; color:#989fb1; text-align:left;}

.hot-topics dl dd p a{ color:#000; float:left; display:inline; position:absolute; right:10px; bottom:10px; }

.hot-topics dl dd p a:hover{text-decoration:none; color:#ee3985;}

.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;

}

.fr{ float:right; display:inline;}

.h50{ height:50px;}

.bcolor06{ background:#f2f6fa;}

.fc08{ color:#0f1720;}

.line-h50{ line-height:50px;}

.p15{ padding:0 15px;}

.fon20{ font-size:20px;}

.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.clearfix {zoom:1}

.border01{ border:1px solid #eaeaea; }

h3 span.v_line{ float:left; display:inline; padding-left:10px; font-size:20px; color:#0f1720; padding-top:15px;}

h3 span.v_line:before{ content:" "; float:left; display:inline; width:4px; height:19px; background:#de3d33; position:absolute; left:0px; top:16px;}

.pr{ position:relative;}

.over-hidden{ overflow:hidden;}

/*.nav p a.current{color:#e83428; text-decoration:none; border-top:5px solid #e83428;padding-top:18px; padding-top:13px\0;padding-top:18px\9\0;*padding-top:13px;}

.nav p a.current.tv{ padding-top:20px\9}*/

.special_column a.current{ color:#fff;}



/* Common */





/*h1,h2,h3,h4,h5,h6{ font-weight:600;}

strong,b{ font-weight:600;}

img,fieldset{border:0}

ul,ol{list-style:none}

em,address{font-style:normal}

a{text-decoration:none; color:#16171a;}

a.cf{ color:#fff;}

a.c0{ color:#0f1720}

a:hover{text-decoration:none; color:#e83428;}*/



@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: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 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;

    }

}