﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:0;}
body{ margin:0 auto; font-size:12px; font-family:"微软雅黑"; text-align:center; line-height:20px;background:linear-gradient(#020213 10%, #1b1847 50%);}
h1{ font-size:14px;}
li{ list-style:none;}
A {TEXT-DECORATION:none;}


@media screen and (min-width: 1200px) { 
.top,.topBanner,.g-info-wrap,.g-works-wrap,.g-sub,.footer{width:100%;}
} 
/* css注释：设置了浏览器宽度不小于1200px时 abc 显示100%宽度 */ 
 
@media screen and (max-width: 1200px) { 
 .top,.topBanner,.g-info-wrap,.g-works-wrap,.g-sub,.footer{width:1200px;}
} 
/* 设置了浏览器宽度不大于1200px时 abc 显示1100px宽度 */ 


/*top ############################################################################################################*/
.topBanner{ clear:both; height:648px;overflow:hidden; margin:0 auto; background: url(../images/topBanner.jpg) no-repeat top center;}

.sub_topBanner{ clear:both; height:648px;overflow:hidden; margin:0 auto; background: url(../images/sub_topBanner.jpg) no-repeat top center;}


/* 活动简介 */
.g-info-wrap{ clear:both; height:356px;overflow:hidden; margin:0 auto;text-align:center; background: url(../images/mod_01.png) center top no-repeat;}
.g-info{ clear:both;  width:1200px; height:100%; overflow: hidden; margin:0 auto; }
.g-info .Cont{ height:100%;overflow:hidden; padding:70px 30px 0 30px; text-align:left;  }
.g-info .Cont p{clear: both; font-size:24px; font-weight:200; color:#9cd9ff; line-height:36px; text-indent: 48px; }
.g-info .Cont p a{display: inline-block;width:134px; height:30px; font-size:24px; font-weight:bold;color: #1c1e5b;line-height: 30px; text-indent: 0;text-align: center; background:linear-gradient(#fee68e,#c7a93d);}
.g-info .Cont p a:hover{ background:linear-gradient(#d9e6fc,#25539f);}
.g-info .Cont h3{clear: both;margin-top:20px; font-size:24px;color:#fee68e; line-height:36px;text-align: center; }

/* iptv */
.g-iptv-wrap{ clear:both; height:710px;overflow:hidden; margin:0 auto;text-align:center; background: url(../images/mod_02.png) center top no-repeat;}

/*作品展播*/
.g-works-wrap{clear:both; height:100%; overflow:hidden; margin:100px auto 50px auto; background: url(../images/mod_03.png) 50% 500px no-repeat;}
.g-works{clear:both;width: 1200px; height:100%; overflow:hidden; margin: 0 auto;}
h2.g-works_T{  height:65px; OVERFLOW: hidden;background: url(../images/sch_bg.jpg) no-repeat;}
.g-works .Cont{   padding:20px 0 ;text-align:left; }
.g-works .Cont li {float:left; width:230px; height:240px; overflow:hidden; margin:0 12px 50px 0;text-align:center;background: #27287b; }
.g-works .Cont li:nth-child(5n+5) { margin:0 0 50px 0; }
.g-works .Cont li img{ display:block; width:230px; height:127px;  transition:all .25s ease-in-out;}
.g-works .Cont li:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05); }
.g-works .Cont li h3{margin:5px;height:50px;overflow: hidden;font-size:18px; font-weight: 200; color:#aac8ff; line-height:25px; text-align: left;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.g-works .Cont li h3 a{font-size:18px; font-weight: 200; color:#aac8ff;}
.g-works .Cont li h3 a:hover{color:#e24e39;}
.g-works .Cont li p{height:40px;overflow: hidden;margin: 0 5px; font-size:16px; font-weight: 200; color:#fff; line-height:20px; text-align: left;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}

.search{float: right; width:352px; height:39px;margin:15px 30px 0 0; background: #9cc1ff;border: 1px solid #1d1d59;}
.search input.inp_srh,.search input.btn_srh{border:none;height:39px;line-height:37px;float:left;}
.search input.inp_srh{outline:none;width:310px; font-size:22px; color:#1d1d59; text-indent:10px;background:none;}
.search input.btn_srh{width:39px;height: 39px; cursor:pointer;background: url(../images/search.png) 50%  no-repeat;}



.g-sub{clear:both; height:100%; overflow:hidden; margin:0 auto; background: url(../images/sub_mod01.png) top  center no-repeat;}
/*详情*/
.g-detail{clear:both;width: 1010px; height:100%; overflow:hidden; margin:165px auto 0 auto;}
h2.g-detail_T{  height:65px; OVERFLOW: hidden;border-bottom:1px  solid #a0a0a0;}
.g-detail_T .capname { float:left;font-size:18px; line-height:75px; font-weight:200;color:#fff; }
.g-detail_T .capname  a{ font-size:18px; font-weight:200;color:#fff; }
.g-detail .Cont{padding:50px 0 100px 0;overflow: hidden; text-align:left; }
.g-detail .Cont h1{margin:10px;font-size:28px; color:#fff; line-height:36px; text-align: center;}
.g-detail .video{height: 590px; overflow: hidden;margin: 30px 0; padding:10px;background: #282976; }
.g-detail .Cont h3{margin:10px 0;font-size:24px; color:#fff; text-align: left;}
.g-detail .Cont p{margin:10px 0;font-size:20px; font-weight: 200; color:#fff; line-height:36px; text-align: left;}

/*搜索页*/
.g-search{clear:both;width: 1200px; height:100%; overflow:hidden; margin:50px auto ;}
.g-search .m-tit{clear:both; height:120px; overflow:hidden; margin:0 auto;border-bottom: 3px solid #e9e9e9;}
.g-search .m-logo{float: left;width: 250px; }
.g-search .m-hd{float: right;width:800px; }
.g-search .m-sch { width:800px; height:64px;margin:30px 0 0; background: #100f31;border: 1px solid #cbcbcb;border-radius: 10px;}
.g-search .m-sch input.inp_srh,.g-search .m-sch  input.btn_srh{border:none;background:none;height:64px;line-height:64px;float:left;}
.g-search .m-sch input.inp_srh{outline:none;width:630px;  font-size:28px; color:#fff; text-indent:10px;}
.g-search .m-sch input.btn_srh{width:170px;height: 64px; cursor:pointer; font-size:28px; color:#5656568;border-top-right-radius: 10px; border-bottom-right-radius: 10px; background: #fff;}
.g-search .m-bd{clear: both;height: 100%;min-height:700px; overflow: hidden;padding: 50px;text-align: left;}
.g-search .m-bd p{font-size:24px; font-weight: 200; color:#fff; line-height:36px;}
.g-search .m-bd li{clear: both;height:200px;overflow: hidden;margin-top:40px;}
.g-search .m-bd li h3{height:58px;overflow: hidden;font-size:30px; font-weight: 200; color:#fff; line-height:46px;}
.g-search .m-bd li h3 a{font-size:30px; font-weight: 200; color:#fff;border-bottom: 2px solid #fff;}
.g-search .m-bd li h3 span{ color:#b44388;}
.g-search .m-bd li img{float: left; width: 233px; height:130px;margin-right: 20px;}
.g-search .m-bd li p{font-size:18px; font-weight: 200; color:#fff; line-height:36px;}
.g-search .m-bd li p a{font-size:18px; font-weight: 200; color:#accbff; }


/*footer 底部信息*/
.footer{ clear:both;  height:250px; overflow: hidden; margin:0 auto;background:#fff; }
.footer .Cont{ height:100%;overflow:hidden; padding:50px 0; text-align:center;  }
.footer .Cont p{clear: both;margin:30px 0; font-size:18px; font-weight:200; color:#333; line-height:48px;}
