/* RESET */ a,article,b,body,center,em,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,img,li,mark,nav,p,q,span,strong,td,th,time,u,ul{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline} html{line-height:1} ol,ul{list-style:none} td,th{text-align:left;font-weight:400;vertical-align:middle} q{quotes:none} a img{border:none} th{font-weight:bold;font-size:12px;color:#ffffff;height:35px;font-size:12px;background:url(../img/game.jpg);} img{border:0;outline:0} body{font-family:"Microsoft YaHei";font-size:14px;background:#ffffff} a{text-decoration:none} i{font-style:normal} .cf:after,.clearfix:after{display:table;content:"";clear:both} .w1024{width:1024px;margin:0 auto;padding-top:285px;} /* MAIN */ .container{background:url("../img/banner.jpg") no-repeat center top;min-width:1024px;} /* header */ .header{background:#1e2837;padding:0 5px 5px 5px;} .header .navs{} .header .navs .nav{display: inline-block;float:left;line-height: 50px;padding:0 20px;font-size:18px;font-weight: bold;} .header .navs .nav:hover{background-color:#2c3b51;} .header .navs .nav a{color:#ffffff;} .header .navs .nav:first-child{padding-left: 68px;background-image: url("../img/sprite.png");background-repeat: no-repeat;background-position: 19px 9px;} .header .common{background: #dae2e4;} .header .common .bl{display:inline-block;float:left;width:361px;position:relative;height:75px;padding:10px 0;} .header .common .bl h6{height:81px;background: #bfc8e1;color:#1e2837;font-weight: bold;width: 14px;padding: 7px 6px;font-size: 12px;line-height: 20px;position:absolute;top:0;left:0;} .header .common .bl p{margin:0 0 0 35px;} .header .common .bl a{padding:0 3px 0 0;font-size:14px;color:#1e2837;line-height: 26px;} .header .common .bl a:hover{color: #ff4400!important;} .header .common .bc{display:inline-block;float:left;width:292px;position:relative;height:75px;padding:10px 0;} .header .common .bc h6{height:81px;background: #bfc8e1;color:#1e2837;font-weight: bold;width: 14px;padding: 7px 6px;font-size: 12px;line-height: 20px;position:absolute;top:0;left:0;} .header .common .bc p{margin:0 0 0 35px;} .header .common .bc a{padding:0 3px 0 0;font-size:14px;color:#1e2837;line-height: 26px;} .header .common .bc a:hover{color: #ff4400!important;} /*section1 */ .section1{padding: 5px 0 0 0;background: #fff;} .section1 .part1{width:360px;float: left;margin:0 15px 0 5px;} .section1 .part1 .cm-list{background: #f8f8f8;padding: 5px;} .section1 .pc-slide {width: 360px;margin: 0 auto 15px auto;} .section1 .view .swiper-container {width: 360px;height: 240px;} .section1 .view .swiper-slide{position:relative;} .section1 .view .swiper-slide .tit{position:absolute;bottom:0;left:0;right:0;font-size:16px;line-height:36px;color:#fff;background:rgba(0,0,0,0.4);text-align:center;} .section1 .preview {width: 100%;margin-top: 5px;position: relative;} .section1 .preview .swiper-container {width: 360px;} .section1 .preview .swiper-slide {width: 90px;height: 61px;padding-top:5px;cursor:pointer;} .section1 .preview .slide6 {width: 90px;} .section1 .preview img {padding: 2px;} .section1 .preview .active-nav{background: url(../img/sprite.png) no-repeat -38px -280px;} .section1 .preview .active-nav img {padding: 0;border: 2px solid #F00;} .section1 .part1 .cm-list .list{margin:0!important;padding: 4px 0 8px 0!important;} .section1 .part2{width:350px;float: left;} .section1 .part2 .cm-tab-list{margin-top:15px;} .section1 .part2 .focus{text-align: center;} .section1 .part2 .focus .news-b{font-size:18px;font-weight: bold;color:#ef1600;display: inline-block;line-height: 45px;white-space: nowrap;} .section1 .part2 .focus .news-s{font-size:14px;/*font-weight: bold;*/color:#999999;display: inline-block;width: auto;padding:6px 0 6px 0;white-space: nowrap;} .section1 .part3{width: 260px;float: left;background: #f8f8f8;padding:5px 10px 0 10px;margin-left:14px;} .section1 .part3 .cm-list-pt .list{margin: 4px 0 0 0;} /* section2 */ .section2 .cm-stitle{background:url("../img/sprite.png") no-repeat 0 -230px;} /* section3 */ .section3 .cm-stitle{background:url("../img/sprite.png") no-repeat 0 -177px;} .section3 .part1{display: inline-block;float: left;width:288px;margin-right:15px;} .section3 .part1 .main{position: relative;font-size: 0;} .section3 .part1 .pic{position:relative;width:139px;font-size: 0;display: inline-block;float: left;margin-top:12px;} .section3 .part1 .pic:nth-child(2n-1){margin-right:10px;} .section3 .part1 .desp{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);color:#fff;font-size: 14px;line-height: 23px;text-align: center;} .section3 .part1 .main .desp{font-size:16px;line-height: 30px;} .section3 .part1 a:hover .desp{color:#cd002b!important;} .section3 .part1 li a{width: 139px;height: 100px;display: block;overflow: hidden;} .section3 .part2{display: inline-block;float: left;width:352px;margin-right:15px;} .section3 .part2 .cm-list .news{margin:0;padding:8px 0px 8px 14px;background:url("../img/sprite.png") no-repeat 0 -288px;} .section3 .part3{display: inline-block;float: left;width:354px;} .section3 .part3 .cm-list .news{margin:0;padding:8px 0px 8px 14px;background:url("../img/sprite.png") no-repeat 0 -288px;} /* section4 */ .section4{margin-bottom:10px;} .section4 .cm-stitle{background:url("../img/sprite.png") no-repeat 0 -117px;} /* COMMON */ /* cm-list 通用列表 */ .cm-list a:hover{color:#cd002b!important;} .cm-list .tit{line-height:24px;} .cm-list .tit .text{font-size:18px;color:#333333;border-left:4px solid #4b68b9;padding:0 0 0 6px;} .cm-list .tit .more{font-size:14px;color:#999999;float:right;} .cm-list .list .text{font-size:14px;color:#666666;display:inline-block;width:85%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .cm-list .list .date{font-size:14px;color:#999999;width:15%;text-align:center;float:right;display:inline-block;} .cm-list .list{border-top:1px solid #dcdcdc;margin:4px 0 15px 0;} .cm-list .list .news{margin:15px 0 0 0;} /* cm-tab-list 通用带切换的列表 */ .cm-tab-list a:hover{color:#cd002b!important;} .cm-tab-list .tabs .tab{font-size:16px;display:inline-block;width:102px;line-height:27px;text-align:center;color:#333333;cursor:pointer;} .cm-tab-list .tabs .tab.active{color:#ffffff;background:#7891d7;} .cm-tab-list .tabs .more{font-size:14px;color:#999999;float:right;line-height:27px;} .cm-tab-list .list{border-top:1px solid #7891d7;padding:15px 0 0 0;display:none;} .cm-tab-list .list .news{padding:8px 0 7px 18px;background:url(../img/sprite.png) no-repeat 2px -449px;} .cm-tab-list .list .news:nth-child(5n){margin-bottom:13px;} .cm-tab-list .list .text{font-size:14px;color:#666666;display:inline-block;width:85%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .cm-tab-list .list .date{font-size:14px;color:#999999;width:15%;text-align:center;float:right;display:inline-block;} /* cm-tab-links 通用链接按钮列表 3*4表格 */ .cm-list-links{} .cm-list-links .tit{line-height:24px;} .cm-list-links .tit .text{font-size:18px;color:#333333;border-left:4px solid #4b68b9;padding:0 0 0 6px;} .cm-list-links .list{border-top:1px solid #dcdcdc;margin:4px 0 15px 0;} .cm-list-links .list .link{display:inline-block;float:left;width:30%;text-align:center;margin:9px 5% 0 0;} .cm-list-links .list .link a{display:block;font-size:14px;color:#666666;line-height:25px;border-radius:2px;border:1px solid #dcdcdc;} .cm-list-links .list .link:nth-child(3n){margin-right:0;}.cm-list-links .list .link a:hover{background:#cd002b;border:1px solid #cd002b;color:#fff;} /* cm-list 通用图文列表 */ .cm-list-pt a:hover .desp{color:#cd002b!important;} .cm-list-pt .tit{line-height:24px;} .cm-list-pt .tit .text{font-size:18px;color:#333333;border-left:4px solid #4b68b9;padding:0 0 0 6px;} .cm-list-pt .list{border-top:1px solid #dcdcdc;margin:4px 0 15px 0;padding:10px 0 0 0;} .cm-list-pt .list .item{margin-right:19px;display:inline-block;float:left;} .cm-list-pt .list .item:nth-child(2n){margin-right:0;} .cm-list-pt .list .item .img{display:block;width:120px;height:89px;margin:0 auto;} .cm-list-pt .list .item .desp{font-size:12px;line-height:16px;color:#666666;display:block;width:120px;margin:0 auto;padding:10px 0;} /* cm-stitle 通用section标题 */ .cm-stitle{padding:0 0 0 42px;position:relative;height:44px;line-height:44px;margin:14px 0;} .cm-stitle .tit{font-size:22px;color:#031542;z-index:100;font-weight:bold;display:inline-block;float:left;} .cm-stitle .hr{height:1px;border-top:1px solid #7f7f7f;position:absolute;z-index:1;left:15%;top:22px;right:0;} .cm-stitle .tabs{padding:10px 0;z-index:10;position:absolute;left:160px;top:0;right:0;} .cm-stitle .tabs .more{display:inline-block;float:right;font-size:14px;line-height:24px;border:1px solid #d0d0d0;border-radius:12px;width:55px;text-align:center;background:#fff;cursor:pointer;} .cm-stitle .tabs .more a{color:#999999;} .cm-stitle .tabs .more a:hover{color:#cd002b;} /* cm-pics 通用图片 */ .cm-pics{} .cm-pics a{display:block;} .cm-pics a:hover .desp,.cm-pics a:hover .tit{color:#cd002b;} .cm-pics .main{display:inline-block;float:left;width:270px;margin-right:13px;background:#f0f0f0;} .cm-pics .main .img{} .cm-pics .main .desp{font-size:14px;color:#999999;text-indent:28px;line-height:20px;width:96%;margin:0 auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:44px;} .cm-pics .main .tit{font-size:16px;color:#666666;font-weight:bold;text-align:center;line-height:35px;width:96%;margin:0 auto;} .cm-pics .pics{display:inline-block;float:left;width:727px;} .cm-pics .pics .pic{display:inline-block;float:left;width:175px;margin-right:9px;} .cm-pics .pic:nth-child(4n){margin-right:0;} .cm-pics .pics .img{} .cm-pics .pics .desp{width:80%;margin:11px auto 28px auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;color:#666666;font-size:14px;} /* tags */ .tags {width:1002px;margin:10 10 15px 15px;line-height:32px;border:2px solid #666;padding:8px;border-radius:6px 6px 6px 6px;background-color: #FFFFFF;} .tags span {font-weight:bold;color:#400303;font-size:15px;} .tags a {margin-right:5px;padding:5px;border:1px solid #d9d9d9;border-radius:6px 6px 6px 6px;font-size: 12px;color: #333333} .tags a:hover {background-color:#c2e097;color:#666666;} /* flink */ .flink-wrap{/*background: #1f325d;*/} .flink{width: 1024px;padding: 10px 0;z-index: 2;margin: 0 auto 24px auto;color: #666;} .flink a{display: inline-block;margin: 5px 8px;color: #666;} .flink .title{border-bottom: 1px solid #666;padding: 0 0 12px 0;margin: 0 0 8px 0;} .flink .title .text{font-weight: bold;font-size: 18px;border-bottom: 2px solid #1f325d;padding: 0 0 7px 0;} /* footer */ #footer {min-height: 100px;margin: 0 auto;clear: both;padding: 10px 0;color: #fff;position: relative;top: 0;z-index: 2;line-height: 24px;background-color: #000} #footer div {text-align: center;color: #fff;font-size: 12px;margin-top: 5px} #footer div a {color: #fff;margin: 0 10px} #footer div a:hover {text-decoration: underline}