@import url("../DEPA1606804523714961/common.css");
*{-webkit-text-size-adjust: none;text-size-adjust: none;}  
body{ background-color:#330618; margin-top:0;font-family: PingFangSC-Regular,Helvetica,Arial,Microsoft Yahei,sans-serif;margin:0 auto;max-width: 2560px; min-width: 1340px; }


.bg_top_h_tile{background-image:url(kataer20104bgs.jpg); background-repeat: repeat-y; background-position: center center; }
.bg_top_owner{background-image:url(kataer20104bgTops.png); background-repeat: no-repeat; background-position: top center;}
.image img {
	-webkit-transition: transform 1.3s;
	-moz-transition: transform 1.3s;
	-o-transition: transform 1.3s;
	-ms-transition: transform 1.3s;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	-moz-perspective: 1000;
	-moz-backface-visibility: hidden;
	-o-perspective: 1000;
	-o-backface-visibility: hidden;
	-ms-perspective: 1000;
	-ms-backface-visibility: hidden;
}
.image:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transition: all 1s;
	-moz-transition: all 1s;
	/* Firefox 4 */
	-webkit-transition: all 1s;
	/* Safari 和 Chrome */
	-o-transition: all 1s;
	/* Opera */
	-ms-transition: all 1s;
	/* Opera */
}

.column_wrapper{width: 1300px; max-width: 0 auto;color: #ffffff;}

/* .md{background: none;border: 0; }
.md .md_hd{border: 0; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/DEPA1659945080241545/kataer20104Md.png) no-repeat center left;height: 40px;padding:25px 0; padding-left:40px;}
.md .md_hd .mh_title{ background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/DEPA1659945080241545/kataer20104Mdtitle.png) no-repeat center right; font-size: 30px; line-height: 40px; color: #ffffff; padding-right: 115px; }
.md .md_hd .mh_option{ color: #ffffff; font-size: 16px;line-height: 40px; }
.md .md_hd .mh_option a{ color: #ffffff; text-decoration: none; }
.md .md_bd{ background: none; border: 0; margin: 0; padding: 0; } */


/* nav */
.kataer20104_ind01{width: 100%; height: 60px;background-image: linear-gradient(to right,#230213,#8a1437);color: #ffffff;box-sizing: border-box;}
.kataer20104_ind01 .list{height: 60px;font-size: 16px;line-height: 60px;}
.kataer20104_ind01 .list .navTxt{float: left;margin-right: 60px;cursor: pointer;position: relative;}
.kataer20104_ind01 .list .navTxt:last-child{margin-right: 0;}
.kataer20104_ind01 .list .navTxt a{color: #ffffff;}
.kataer20104_ind01 .list .navTxt a:hover{text-decoration: none; color: #ed0147;}
.kataer20104_ind01 .list .navTxt i{background: url(kataer20104icon_xiala.png) no-repeat  center right;padding-left: 5px; width: 13px;height: 8px;display: inline-block;}
.kataer20104_ind01 .list .navTxt:hover {color: #ed0147;}
.kataer20104_ind01 .list .navTxt:hover i{background: url(kataer20104icon_xiala_hover.png) no-repeat center right ;  width: 13px;height: 8px;display: inline-block;color: #ed0147;}
.kataer20104_ind01 .list .navTxt .nav_box {width: 139px;background: #8a1538;position: absolute;top:60px;left: -40px;z-index: 1;display: none;}
.kataer20104_ind01 .list .navTxt:hover .nav_box{ display: block; }
.kataer20104_ind01 .list .navTxt .nav_box ul{padding: 7px 0;vertical-align: top;}
.kataer20104_ind01 .list .navTxt .nav_box ul li {height: 34px; line-height: 34px; margin:0 20px;}
.kataer20104_ind01 .list .navTxt .nav_box ul li a { padding-left: ; background: url(kataer20104nav_list_bg.png) no-repeat left center; font-size: 14px;line-height: 34px;color: #fff;padding-left:15px;}
.kataer20104_ind01 .list .navTxt .nav_box ul li a:hover{color: #ed0147;background-image: url(kataer20104nav_list_bg_hover.png); text-decoration: none; }

/* banner */
.kataer20104_ind02{height: 278px;box-sizing: border-box;}
.kataer20104_ind02 .banner{ text-align: center; }
.kataer20104_ind02 .banner img{ height: 100%; }

/* 体育疯 */
.kataer20104_ind03{height: 135px;box-sizing: border-box; margin-bottom: 60px;}

/* 轮播图 */

.kataer20104_ind04 {width: 100%;margin:0 auto;position: relative;z-index: 1;box-sizing: border-box;}
.kataer20104_ind04 .banner_container{ position: relative;margin: 0 auto;width: 100%; height: 633px;}
.kataer20104_ind04 .banner_container .imagerBtn{ width:1061px; height: 597px; position: absolute;  top:18px; z-index: 1;}
.kataer20104_ind04 .banner_container .imagerBtn img{ width: 100%; height: 100%; opacity: .4; }
.kataer20104_ind04 .banner_container .imagerBtn.imageLleft{ left: 0; }
.kataer20104_ind04 .banner_container .imagerBtn.imageRight{ right:0; }
.kataer20104_ind04 .banner_container .imagerBtn span{background-color:rgba(83,8,31,.8); display:block; width: 100%; height: 100%;z-index: 2; position: absolute;  top:0; left: 0; }
.kataer20104_ind04 .banner_container .imagerBtn span i{ background-repeat: no-repeat; width: 88px; height: 100%; display: block; background-position: center center; cursor: pointer; }
.kataer20104_ind04 .banner_container .imagerBtn.imageLleft span i{ background-image: url(kataer20104_icon03_left.png); }
.kataer20104_ind04 .banner_container .imagerBtn.imageRight span i{ background-image: url(kataer20104_icon03_right.png); float: right; }
.kataer20104_ind04 .banner_container .imagerBtn.imageLleft span i:hover{ background-image: url(kataer20104_icon03_leftH.png); }
.kataer20104_ind04 .banner_container .imagerBtn.imageRight span i:hover{ background-image: url(kataer20104_icon03_rightH.png);}
.kataer20104_ind04 .banner_wrapper{height: 633px;width: 1125px;margin: 0 auto;z-index: 3;overflow: hidden; position: relative; background-color: #000;}
.kataer20104_ind04 .banner_slide {display: none;position: relative;height: 633px;width: 1125px;}
.kataer20104_ind04 .banner_slide.cur{display: block;}
.kataer20104_ind04 .banner_slide .img_shadow{background: url(../DEPA1641784863832915/shadow.png) no-repeat center top;display: block;height: 633px; position: absolute;top: 0; left:50%;margin-left:-50%; z-index: 1;width:100%;}
.kataer20104_ind04 .banner_slide .img{height: 633px;position: relative;background-position: center center;background-repeat: no-repeat;}
.kataer20104_ind04 .banner_slide .video{ width: 1125px;height: auto;position: absolute;left:0%;top:0;display: none;}
.kataer20104_ind04 .banner_slide .video video{width: 100%;height: auto !important;}
.kataer20104_ind04 .banner_slide .img img{width: 100%;height: 100%;}
.kataer20104_ind04 .banner_slide .txt_shadow{position: absolute;display:inline-block;width:1125px;margin:0 auto;height: 92px;bottom: 0;left:0%;font-weight: bold;z-index:2; background: url(kataer20104_ind01Text.png) repeat-x bottom;padding-top: 28px;} 
.kataer20104_ind04 .banner_slide .txt_shadow p{width: 100%;text-align: center;}
.kataer20104_ind04 .banner_slide .txt_shadow a{ font-size: 32px;color: #fff;line-height:92px;text-align: center;}

.kataer20104_ind04 .banner_small{width: 1294px; margin: 0 auto; position: relative;margin: 0 auto;margin-top:30px;height:117px;}
.kataer20104_ind04 .banner_small .banner_con{position: relative;width:1294px;padding:0;margin: 0 auto; overflow: hidden;height:117px;}
.kataer20104_ind04 .banner_small ul{ position: relative; width: 9999px; margin: 0 auto;z-index: 1;margin-left: 0;overflow: hidden;}
.kataer20104_ind04 .banner_small ul li {width:209px;height:117px;margin-right:8px;cursor: pointer; float: left; position: relative; overflow: hidden;}
.kataer20104_ind04 .banner_small ul li img{width:209px;height:117px;}
.kataer20104_ind04 .banner_small ul li .img_shadow{ border:2px solid #fff; height: 113px; width: 205px; position: absolute; top: 0; left: 0; display: none; }
.kataer20104_ind04 .banner_small ul li.cur{opacity: 0.6;}
.kataer20104_ind04 .banner_small ul li.cur .img_shadow{display: block;}
.kataer20104_ind04 .banner_button{width: 100%;position: absolute;z-index: 2;top:0px;}
.kataer20104_ind04 .banner_button .btn{width:50px;height:117px;cursor: pointer;position: absolute;top: 0; background-color: rgba(106,8,38,.8);}
.kataer20104_ind04 .left_btn{ background: url(kataer20104_icon02_left.png) no-repeat center center; left: 0; }
.kataer20104_ind04 .left_btn:hover{background-image: url(kataer20104_icon02_leftH.png);}
.kataer20104_ind04 .right_btn{ background: url(kataer20104_icon02_right.png) no-repeat center center;right:0;}
.kataer20104_ind04 .right_btn:hover{ background-image:url(kataer20104_icon02_rightH.png);}



/* 分组 */
.kataer20104_fenzu{width: 100%;box-sizing: border-box; background: url("kataer20104Bg.png") no-repeat; height: 442px; padding: 18px 0; }
.kataer20104_con01{width: 100%;box-sizing: border-box; position: relative; }
.kataer20104_con01 .con{width:1216px;  margin:0 42px; overflow: hidden;} 
.kataer20104_con01 .con ul{position: relative; left:0; width: 500%; }
.kataer20104_con01 .con ul li{margin: 0 10px; width: 284px; float: left; }
.kataer20104_con01 .con ul li.opa{opacity: .2;}
.kataer20104_con01 .con ul li img{ width: 284px; }
.kataer20104_con01 .btn{ position: absolute; top:122px; width:54px; height:54px; }
.kataer20104_con01 .btn.left_btn{display: none; background-image: url(kataer20104_icon01_left.png); left: 10px; }
.kataer20104_con01 .btn.right_btn{background-image: url(kataer20104_icon01_right.png);right: 10px; }
.kataer20104_con01 .btn.left_btn:hover{ background-image: url(kataer20104_icon01_leftH.png); }
.kataer20104_con01 .btn.right_btn:hover{background-image: url(kataer20104_icon01_rightH.png);}

.kataer20104_con02{width:100%;box-sizing:border-box; position: relative; }
.kataer20104_con02 .con{width:1161px;margin:0 69.5px; position: relative; }
.kataer20104_con02 .con ul{position: relative; left:0;/*width:500%;*/width:1000%;}
.kataer20104_con02 .con ul li{margin:0 5px;width:377px;float:left; overflow: hidden; position: relative; margin-bottom: 20px;}
.kataer20104_con02 .con ul li.opa{opacity: .3;}
.kataer20104_con02 .con ul li .filterImg{width:377px;height:212px; overflow: hidden; position: relative;margin-bottom: 10px; }
.kataer20104_con02 .con ul li .filter11{filter: blur(4px);width:377px;height:212px;}
.kataer20104_con02 .con ul li .filter11 img{ transform:scale(1.4); }
.kataer20104_con02 .con ul li .filterBg{ width: 100%; height: 100%;position: absolute; top: 0; left: 0;z-index: 1; background-color: rgba(138,21,56,.6); }
.kataer20104_con02 .con ul li .image{width:332px;height:187px; padding:12.5px 22.5px; overflow: hidden; position: absolute; top: 0; left: 0;z-index: 2; margin-bottom: 10px; }
.kataer20104_con02 .con ul li .image img{width:332px;height:187px;}
.kataer20104_con02 .con ul li .image i.video{ background: url(videoIcon.png) no-repeat; width: 36px; height: 36px; position: absolute;left:32px; bottom:23px; }
.kataer20104_con02 .con ul li .filterImg:hover .image i.video{background-image: url(videoIconH.png);}
.kataer20104_con02 .con ul li .image i.text{ background: url(kataer20104_con04Icon.png) no-repeat; width: 31px; height: 36px; position: absolute;left:20px; bottom:20px; }
.kataer20104_con02 .con ul li .filterImg:hover .image i.text{background-image: url(kataer20104_con04IconH.png);}
.kataer20104_con02 .con ul li .image i.tuji{ background: url(kataer20104_con05Icon.png) no-repeat; width: 31px; height: 31px; position: absolute;left:20px; bottom:20px; }
.kataer20104_con02 .con ul li .filterImg:hover .image i.tuji{background-image: url(kataer20104_con05IconH.png);}
.kataer20104_con02 .con ul li .title{font-size:20px;line-height:30px;color:#ffffff; height: 60px;}
.kataer20104_con02 .con ul li .title a{color: #ffffff; }
.kataer20104_con02 .con ul li .title a:hover{ font-weight: bold; }
.kataer20104_con02 .btn{ position: absolute; /*top:97px; width:15px; height:25px;*/ top:0px; width:64px; height:282px; z-index: 3; background-repeat: no-repeat; background-position: center center;}
.kataer20104_con02 .btn.left_btn{display: none; background-image: url(kataer20104_icon02_left.png); left: 0;}
.kataer20104_con02 .btn.right_btn{background-image: url(kataer20104_icon02_right.png); right: 0;}
.kataer20104_con02 .btn.left_btn:hover{ background-image: url(kataer20104_icon02_leftH.png); }
.kataer20104_con02 .btn.right_btn:hover{background-image: url(kataer20104_icon02_rightH.png);}

.kataer20104_con03{width: 100%;box-sizing: border-box;}
.kataer20104_con03 .con ul li{margin-right:20px;width:310px;float:left; overflow: hidden; position: relative; }
.kataer20104_con03 .con ul li.last{ margin-right: 0;; }
.kataer20104_con03 .con ul li .image{width:310px;height:174px; margin-bottom: 10px; }
.kataer20104_con03 .con ul li .image img{width:310px;height:174px;}
.kataer20104_con03 .con ul li .title{font-size:20px;line-height:30px;color:#ffffff;}
.kataer20104_con03 .con ul li .title a{color: #ffffff; }
.kataer20104_con03 .con ul li .title a:hover{font-weight: bold; }

.kataer20104_con04{width: 100%;box-sizing: border-box;position: relative; }
.kataer20104_con04 .con{width:1212px;margin:0 44px; position: relative; }
.kataer20104_con04 .con ul{position: relative; left:0;width:500%;}
.kataer20104_con04 .con ul li.image{margin:0 10px;width:283px;height:503px;float:left;overflow: hidden; position: relative; }
.kataer20104_con04 .con ul li.opa{opacity: .3;}
.kataer20104_con04 .con ul li.image img{width:283px;height:503px;}
.kataer20104_con04 .con ul li .title{width:283px;height:503px; background-size:100% auto; position: absolute; top:0; left: 0;z-index: 2; }
.kataer20104_con04 .con ul li .title a{color: #ffffff;text-align: center;font-weight: bold;width: 100%; height: 100%;font-size:22px;line-height:30px;color:#ffffff;display: block; }
.kataer20104_con04 .con ul li .title b{ text-align: center; position: absolute; bottom:65px; left: 0;width: 100%; }
.kataer20104_con04 .con ul li .title i{ background: url(kataer20104_con04Icon.png) no-repeat; width: 31px; height: 36px; position: absolute;left:20px; bottom:20px; }
.kataer20104_con04 .con ul li:hover .title i{background-image: url(kataer20104_con04IconH.png);}
.kataer20104_con04 .con ul li:hover .title a b{text-decoration: underline;}
.kataer20104_con04 .btn{ position: absolute; top:223px; width:54px; height:54px;z-index: 3; }
.kataer20104_con04 .btn.left_btn{display: none; background-image: url(kataer20104_icon01_left.png); left: 10px; }
.kataer20104_con04 .btn.right_btn{background-image: url(kataer20104_icon01_right.png);right: 10px; }
.kataer20104_con04 .btn.left_btn:hover{ background-image: url(kataer20104_icon01_leftH.png); }
.kataer20104_con04 .btn.right_btn:hover{background-image: url(kataer20104_icon01_rightH.png);}




.kataer20104_con05{width: 100%;box-sizing: border-box;position: relative; }
.kataer20104_con05 .con{width:1080px;margin:0 110px; position: relative; }
.kataer20104_con05 .con ul{position: relative; left:0;width:500%;}
.kataer20104_con05 .con ul li{margin:0 10px;width:520px;float:left; overflow: hidden; position: relative; margin-bottom: 20px;}
.kataer20104_con05 .con ul li.opa{opacity: .3;}
.kataer20104_con05 .con ul li .image{width:520px;height:293px; margin-bottom: 10px;overflow: hidden;position: relative; }
.kataer20104_con05 .con ul li .image img{width:520px;height:293px; }
.kataer20104_con05 .con ul li .image i{ background: url(kataer20104_con05Icon.png) no-repeat; width: 31px; height: 31px; position: absolute;left:20px; bottom:20px; }
.kataer20104_con05 .con ul li .image:hover i{background-image: url(kataer20104_con05IconH.png);}
.kataer20104_con05 .con ul li .title{font-size:20px;line-height:30px;color:#ffffff;}
.kataer20104_con05 .con ul li .title a{color: #ffffff; }
.kataer20104_con05 .con ul li .title a:hover{font-weight: bold; }
.kataer20104_con05 .btn{ position: absolute; top: 0; width: 100px;height: 293px;z-index: 3; background-position: center center; background-repeat: no-repeat;}
.kataer20104_con05 .btn.left_btn{display: none;background-image: url(kataer20104_icon02_left.png); left:0; display: none; }
.kataer20104_con05 .btn.right_btn{background-image: url(kataer20104_icon02_right.png);right: 0; }
.kataer20104_con05 .btn.left_btn:hover{ background-image: url(kataer20104_icon02_leftH.png); }
.kataer20104_con05 .btn.right_btn:hover{background-image: url(kataer20104_icon02_rightH.png);}