/* CSS Document */
html,body{ margin:0; padding:0; color:#fff; font-family:SimHei; }
a{ text-decoration:none; display:block; color:#000; outline:0px; -webkit-tap-highlight-color: transparent; }
img{ border:0px; outline:0px; }

ul, li{ list-style:none; margin:0; padding:0;}
.mainbox{ height:720px; width:1280px; background:url(../images/bg.jpg) no-repeat;  position:relative;}
.fl{ float:left;}
.fr{ float:right;}
/* 头部*/
.header{ height:100px; padding:0 20px;  }
.header .logo{ height:40px; padding:30px 0; float:left; margin:0 20px; overflow:hidden; background:url(../images/yb.png) left no-repeat; }
.header .logo img{ padding-left:70px; height:40px;}

.header .hdlft{ height:40px; padding:30px 0; float:right; font-size:30px; font-family:Arial, Helvetica, sans-serif;}
.header .hdlft >span{ display:block; height:35px; line-height:40px; float:left; padding:0 10px; }
.header .hdlft i{height:30px; display:block; float:left; margin-top:5px; border-right:2px solid #fff; }

/* 功能*/
.nav{ height:40px; width:620px; line-height:40px; overflow:hidden;  position:absolute; top:30px; left:300px; }
.nav a{ display:block; float:left; padding:0 20px; color:#666; font-size:28px;}
.nav a.onb{ color:#fff;  }
.nav a:focus{ color:#fff; text-shadow:0 0 10px #fff;}

.body{width:1280px; height:600px; margin-top:20px; overflow:hidden; }
.body ul{ height:500px;}
.body ul li{position:relative; width:1280px; height:500px;}
.body ul li a{ overflow:hidden; padding:2px; border:3px solid; border-color:transparent;  overflow:hidden; }
.body ul li a:focus{ border:3px solid #fff; box-shadow:0 0 10px #fff; background:#000; }
.body ul li a img{ }
.main-bt{ width:1220px; margin:15px auto; height:60px;}


.ppnav{ position:absolute; bottom:20px; width:100%; height:10px; text-align:center; font-size:0px;   }
.ppnav span{ display:inline-block; border-radius:5px; background:#eee; height:10px; width:10px; margin-left:10px; }
.ppnav span.on{ background:#f00; }



/*电视 三个模块*/
.e1{ height:467px; width:685px; position:absolute; top:20px; left:50px;}
.e2{ height:360px; width:465px; position:absolute; top:20px; left:757px;}
.e3{ height:90px; width:465px; position:absolute; top:397px; left:757px;}
.e1 img{ height:467px; width:685px;}
.e2 img{ height:360px; width:465px;}
.e3 img{ height:90px; width:465px; }

/*点播 九个模块*/
.e4{ height:467px; width:280px; position:absolute; top:20px; left:50px;}
.e5{ height:225px; width:280px; position:absolute; top:20px; left:347px;}
.e6{ height:225px; width:280px; position:absolute; top:262px; left:347px;}
.e7,.e8,.e9,.e10,.e11,.e12{ height:145px; width:280px; }

.e7{ position:absolute; top:20px; left:644px;}
.e8{ position:absolute; top:20px; left:941px;}
.e9{ position:absolute; top:182px; left:644px;}
.e10{ position:absolute; top:182px; left:941px;}
.e11{ position:absolute; top:344px; left:644px;}
.e12{ position:absolute; top:344px; left:941px;}

/*四个模块 */
.e13,.e14,.e15,.e16{ height:467px; width:280px;}
.e13{ position:absolute; top:20px; left:50px;}
.e14{ position:absolute; top:20px; left:347px;}
.e15{ position:absolute; top:20px; left:644px;}
.e16{ position:absolute; top:20px; left:941px;}

/*七个模块*/
.e17{ height:467px; width:280px; position:absolute; top:20px; left:50px;}
.e18,.e19,.e20,.e21,.e22,.e23{height:225px; width:280px;}
.e18{ position:absolute; top:20px; left:347px;}
.e19{ position:absolute; top:20px; left:644px;}
.e20{ position:absolute; top:20px; left:941px;}

.e21{position:absolute; top:262px; left:347px;}
.e22{ position:absolute; top:262px; left:644px;}
.e23{ position:absolute; top:262px; left:941px;}

/*八个模块*/
.e25,.e26,.e27,e28,.e29,.e30,.e24,.e31{height:225px; width:280px;}
.e24{ position:absolute; top:20px; left:50px;}
.e25{ position:absolute; top:20px; left:347px;}
.e26{ position:absolute; top:20px; left:644px;}
.e27{ position:absolute; top:20px; left:941px;}

.e31{position:absolute; top:262px; left:50px;}
.e28{position:absolute; top:262px; left:347px;}
.e29{ position:absolute; top:262px; left:644px;}
.e30{ position:absolute; top:262px; left:941px;}

/*电视直播窗口 9个模块*/

.e32{ width:600px; height:330px; position:absolute; top:20px; left:287px; }
.e32 img{width:605px; height:330px;}
/*云南文化相关*/
.e33{ width:220px; height:98px; position:absolute; top:20px; left:50px;   }
.e34{ width:220px; height:98px; position:absolute; top:135px; left:50px;  }
.e35{ width:220px; height:98px; position:absolute; top:250px; left:50px;  }
.e33 img,.e34 img,.e35 img{width:220px; height:98px;}

/*旅交会、商旅信息、影视点播、我的应用*/
.e36{ width:220px; height:130px; position:absolute; top:365px; left:50px;  }
.e37{ width:188px; height:130px; position:absolute; top:365px; left:287px;  }
.e38{ width:188px; height:130px; position:absolute; top:365px; left:492px;  }
.e39{ width:188px; height:130px; position:absolute; top:365px; left:697px; }
.e40{ width:325px; height:475px; position:absolute; top:20px; left:902px; overflow:hidden;  }

.e36 img{width:220px; height:130px;}
.e38 img,.e39 img,.e37 img{width:188px; height:130px;}
.e40 img{ width:325px; height:475px;}
/*图片大小*/

.e4 img,.e13 img,.e14 img,.e15 img,.e16 img,.e17 img{ height:467px; width:280px;}
.e5 img,.e6 img,.e18 img,.e19 img,.e20 img,.e21 img,.e22 img,.e23 img,.e25 img,.e26 img,.e27 img,.e28 img,.e29 img,.e30 img,.e24 img,.e31 img{height:225px; width:280px;}
.e7 img,.e8 img,.e9 img,.e10 img,.e11 img,.e12 img{ height:145px; width:280px; }


/*这是动态添加的区域*/

.a0,.a1,.a2,.a3{ height:467px; width:280px;}
.a0{ position:absolute; top:20px; left:50px;}
.a1{ position:absolute; top:20px; left:347px;}
.a2{ position:absolute; top:20px; left:644px;}
.a3{ position:absolute; top:20px; left:941px;}
.a0 img,.a1 img,.a2 img,.a3 img{ height:467px; width:280px;}


/*隐藏区域*/
.hide{height:310px;  width:100%; position:absolute; top:0px; left:0px;  z-index:999; display:none;
background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,102,1)), to(rgba(103,185,222,0.95)));  }

.hide-hd{ height:90px; padding-right:20px;}

.hide-weth,.hide-time{ float:right;}
.hide-weth{ height:40px; padding-left:10px; float:right; font-size:15px; }
 div.wh{ display:inline-table; width:100%; vertical-align:middle; height:20px; overflow:hidden;   }
 div.dt{ vertical-align:top; height:20px;  }
.wh span{ display:table-cell; text-align:left; }
.wh span:last-child{ text-align:right; }


/*隐藏区域中部*/
.hide-bd{ width:1140px; margin:0 auto;  height:190px; padding-top:20px;  }
.hide-bd-col{ float:left; text-align:center; margin-left:60px;   }
.hide-bd-col a{ height:120px; width:120px;  border-radius:60px; font-size:0px;  }
.hide-bd-col div.title{ height:70px; line-height:70px; }


/**/
.f1{ background:url(../images/1.png) top no-repeat; }
.f2{ background:url(../images/2.png) top no-repeat; }
.f3{ background:url(../images/3.png) top no-repeat; }
.f4{ background:url(../images/4.png) top no-repeat; }
.f5{ background:url(../images/5.png) top no-repeat; }
.f6{ background:url(../images/6.png) top no-repeat; }

.f1:focus{ background:url(../images/1.png) 0 -120px no-repeat; }
.f2:focus{ background:url(../images/2.png) 0 -120px no-repeat; }
.f3:focus{ background:url(../images/3.png) 0 -120px no-repeat; }
.f4:focus{ background:url(../images/4.png) 0 -120px no-repeat; }
.f5:focus{ background:url(../images/5.png) 0 -120px no-repeat; }
.f6:focus{ background:url(../images/6.png) 0 -120px no-repeat; }


/*showMessage*/
.tostle{ width:1280px; position:absolute; height:auto; left:0px; bottom:100px; text-align:center;   }
.tostlebd{ display:inline-block; width:auto; height:50px; line-height:50px; padding:0 20px; border-radius:5px; background:rgba(0,0,0,0.2);   }