@charset "utf-8";/* 浩方竞技平台 CSS ## css创建日期：2016-11-01 ## css ## copyRight:http://www.cga.com.cn/ */

/*bodyer*/
html,body{margin:0;padding:0;}
div{margin:0;padding:0 auto;}
dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,input,textarea{padding:0;margin:0;outline:none;}
ol,ul,li{list-style:none;list-style-type:none;}
small{font-family:宋体;font-size:12px;}
p,span,li{word-wrap:break-word;word-break:break-all;}
a{text-decoration:none;color:#616161;outline:none;}
a:hover{text-decoration: none;color:#01a5ff;}
textarea{overflow:auto;resize:none;font-family:"Microsoft YaHei"}
input{font-family:"Microsoft YaHei"}
em,i{font-style:normal;}
.blank{width:100%;height:30px;line-height:0px;font-size:0;}
.hide,h1{display:none;}
.l{ float:left;}
.r{ float:right;}
.clear:before, .clear:after{content:"";display:table;}
.clear:after {clear:both;}
.clear{zoom:1;}
img{border:0}
body{background:#f7f8f8;font-family:"Microsoft YaHei";font-size:12px;color:#000;min-width:1280px;}
 
/*公共部分*/
.size14{font-size:14px;}
.mb20{margin-bottom:20px;}
.wrap{margin:0 auto;overflow:hidden;width:100%}
.inner_width{width:1180px;margin:0 auto;overflow:hidden;}

.ui_icon,.banner_mod .num li{display:inline-block;background-image:url(../images/sprite-ui.png);background-repeat:no-repeat; font-size:0;vertical-align:middle;}

.iwechat{width:100px;height:100px; background-position:-150px 0;}
.lnk_more{ background-position:0 -115px;width:22px;height:20px;}
.lnk_more:hover{background-position:-35px -115px;}
.lnk_qq{width:24px;height:24px; background-position:0 -25px;}
.lnk_qq:hover{ background-position:-25px -25px;}
.lnk_wechat{width:24px;height:24px; background-position:0 -50px;}
.lnk_wechat:hover{ background-position:-25px -50px;}
.inum{width:18px;height:14px; background-position:-150px -100px;}
.idot{width:9px;height:9px; background-position:-125px -100px;}
a:hover .idot{ background-position:-100px -100px;}
.idown{width:16px;height:15px; background-position:0 -100px;}
.active .lnk_style_s:hover  .idown{width:16px;height:16px; background-position:-25px -100px;}
.active .lnk_style_s .idown{width:16px;height:16px; background-position:-50px -100px;}

.platform1,.platform2,.platform3{width:88px;height:88px; background-position:-100px 0;}
.platform2{background-position:-200px 0;}
.platform3{background-position:-300px 0;}

.flag{width:54px;height:54px; text-align:center;padding:32px 0;line-height:20px;display:inline-block;color:#fff;font-size:14px;font-weight:normal;
-moz-border-radius:3px;      /* Gecko browsers */
    -webkit-border-radius:3px;   /* Webkit browsers */
    border-radius:3px;            /* W3C syntax */ }
.flag_red{background:#eb150a;}
.flag_yellow{ background:#fc7931}
.flag_gray{ background:#616161}
.lnk_red_b,.lnk_yellow_b{display:inline-block;width:200px;height:50px;line-height:50px; text-align:center;background:#eb150a;color:#fff;font-size:14px;padding:0;font-weight:normal}
.lnk_red_b:hover{ background:#ef443b;color:#fff;}
.lnk_black_b{display:inline-block;width:200px;height:50px;line-height:50px; text-align:center;background:#616161;color:#fff;font-size:14px;padding:0;font-weight:normal}
.lnk_black_b:hover{ background:#818181;color:#fff;}
.lnk_yellow_b{ background:#fc7931;color:#fff;}
.lnk_yellow_b:hover{ background:#f99057;color:#fff;}

.lnk_style_s{border:1px solid #bdbdbd; background:#fff;color:#bdbdbd;font-size:12px;display:inline-block;padding:4px 0;width:66px; text-align:center;line-height:1.1;
-moz-border-radius:3px;      /* Gecko browsers */
    -webkit-border-radius:3px;   /* Webkit browsers */
    border-radius:3px;            /* W3C syntax */}
.lnk_style_s .ui_icon{margin-right:3px;}
.lnk_style_s span{display:inline-block; vertical-align:middle}
.active .lnk_style_s:hover{ border:1px solid #fff; background:#fff;color:#00a5ff; text-decoration:none;cursor: pointer;}
.active .lnk_style_s{ border:1px solid #fff; background:none;color:#fff; text-decoration:none;cursor: pointer;}

.lnk_style{border:1px solid #bdbdbd; background:#fff;color:#757575;font-size:14px;display:inline-block;padding:6px 20px;line-height:1.1;
-moz-border-radius:3px;      /* Gecko browsers */
    -webkit-border-radius:3px;   /* Webkit browsers */
    border-radius:3px;            /* W3C syntax */}
	
.lnk_style:hover,.active .lnk_style{ border:1px solid #00a5ff; background:#00a5ff;color:#fff; text-decoration:none;cursor: pointer;}
.lnk_style_s_disable{ background:#818181}

/*header*/
.top_mod{ background:#f7f8f8;height:40px;color:#212121;}
.top_mod .inner{height:40px;}
.top_mod .welcome_txt{float:left;line-height:40px;s}
.top_mod a{color:#212121;}
.top_mod .welcome{margin-right:20px;}
.top_mod .user_login{float:right;padding:8px 5px 0}
.top_mod .user_login a{margin:0 0 0 5px ;}
.top_mod .user_login a,.top_mod .user_login span{display:inline-block; vertical-align:middle}
.hf_logo{float:left;background:url(../images/hf_logo.png) no-repeat 0 0;display:inline-block;width:300px;height:67px;margin:17px 5px 0 0;}
.navi_mod{height:100px;width:auto;line-height:100px;margin:0; background:#000;overflow:hidden;width:100%}
.navi_con{width:1180px;margin:0 auto;}
.navi_list{float:left;height:100px;overflow:hidden;color:#fff;font-size:16px;}
.navi_list li{float:left;width:110px;font-size:16px;}
.navi_list li a{color:#fff;}
.navi_list li a:hover,.navi_list li.active a{color:#00a5ff;}

.footer{background:#000;border:0;display:block;padding:5px 0 80px;text-align:center;color:#757575;font-size:12px; font-family:"Microsoft YaHei";line-height:24px; position:relative}
.footer a{color:#00a5ff;font-size:12px;}
.footer a:hover{ text-decoration:underline}
.footer .warning{width:640px;margin:20px auto; text-align:left;overflow:hidden;}
.footer .warning .tit{float:left;display:inline-block;width:90px;}
.footer .warning .txt{float:left;width:350px;display:inline-block;}
.footer .warning .mark{float:right;color:#eb150a;display:inline-block;}
.footer .lnks{color:#00a5ff;}
.footer .lnks em{margin:0 10px;}
.footer .icons{ background:url(../images/ft_icon.png) no-repeat;display:block;width:108px;height:40px; position:absolute;bottom:30px;left:50%;margin-left:-54px;}
.footer .icons a{display:inline-block}
.footer .icons .ft_lnk1{float:left;width:47px;height:40px;margin-right:5px;}
.footer .icons .ft_lnk2{float:right;width:38px;height:40px;}

.links_mod{ background:#e0e0e0;color:#757575;font-size:14px;height:42px;line-height:42px;margin-top:10px;}
.links_mod em{margin:0 13px;}

.title_mod{ position: relative;height:24px;border-bottom:4px solid #ebecec;padding-bottom:11px;margin-bottom:20px;}
.title_mod .nav_tits{ color:#424242;font-size:18px;height:24px;line-height:24px;font-weight:normal;}
.title_mod span{display:inline-block; vertical-align:middle}
.title_mod .nav_tits .ui_icon{width:10px;height:24px; background:none;border-left:4px solid #00a5ff}
.title_mod .lnk_more{ position:absolute;bottom:12px;right:0;color:#b0b0b0;}

/* index */

.banner_mod{width:100%;height:450px;overflow:hidden; position:relative; background:#000}
.banner_mod .banner_list a{width:100%;height:450px;display:block; background-position:center center; background-repeat:no-repeat;background-size:auto 100%;}
/* banner */
.banner_mod .num { overflow:hidden; height:17px;width:300px; position: absolute; bottom:30px; left:50%;margin-left:-150px;z-index:3; text-align: center;}
.banner_mod .num li {cursor:pointer; background-position:-50px 0;display:inline-block;*float:right;width:14px;height:14px; text-indent:-3000px;overflow:hidden;margin:0 6px;color:#d4d3d3;font-size:0;}
.banner_mod .num li.on { background-position:-75px 0;display:inline-block;width:14px;height:14px;color:#b0afb1;font-size:0;} 

.banner_style{padding:0;overflow:hidden;width:1180px;margin:0 auto;}
.banner_style img{float:left;}

.index_platform{ background:#e5e7e8;height:240px;}
.index_platform_list{overflow:hidden;margin:0 auto;width:1200px;padding:0 20px;}
.index_platform_list li{float:left;
}
.index_platform_bg1,.index_platform_bg2,.index_platform_bg3{padding:36px 30px 20px;width:520px;height:100px;margin:39px 10px;overflow:hidden;
	-moz-border-radius:3px;      /* Gecko browsers */
    -webkit-border-radius:3px;   /* Webkit browsers */
    border-radius:3px;            /* W3C syntax */	
	-webkit-transition:all .2s linear;
	transition:all .2s linear; background:#fff}
.index_platform_list li.active .index_platform_bg1{background:#05a7ff;color:#fff;position:relative;
background:-ms-linear-gradient(top, #00a5ff,#5dceff );
background: -moz-linear-gradient(top, #00a5ff,#5dceff );
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#00a5ff), to(#5dceff)); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a5ff', endColorstr='#5dceff', GradientType='1');
-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);
	box-shadow:0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform:translate3d(0, -2px, 0);
	transform:translate3d(0, -2px, 0)
}
.index_platform_list li.active .index_platform_bg2{background:#05a7ff;color:#fff;position:relative;
background:-ms-linear-gradient(top, #44c250,#89e63d );
background: -moz-linear-gradient(top, #44c250,#89e63d );
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#44c250), to(#89e63d)); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c250', endColorstr='#89e63d', GradientType='1');
-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);
	box-shadow:0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform:translate3d(0, -2px, 0);
	transform:translate3d(0, -2px, 0)
}

.index_platform_list li.active .index_platform_bg3{background:#05a7ff;color:#fff;position:relative;
background:-ms-linear-gradient(top, #f84f4c,#fe7774 );
background: -moz-linear-gradient(top, #f84f4c,#fe7774 );
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f84f4c), to(#fe7774)); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f84f4c', endColorstr='#fe7774', GradientType='1');
-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);
	box-shadow:0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform:translate3d(0, -2px, 0);
	transform:translate3d(0, -2px, 0)
}

.index_platform_list li.active .index_platform_bg1 .img{-webkit-box-shadow:0px 5px 10px #187ca9;box-shadow:0px 5px 10px #187ca9;}
.index_platform_list li.active .index_platform_bg2 .img{-webkit-box-shadow:0px 5px 10px #499e1f;box-shadow:0px 5px 10px #499e1f;}
.index_platform_list li.active .index_platform_bg3 .img{-webkit-box-shadow:0px 5px 10px #b53633;box-shadow:0px 5px 10px #b53633;}
.index_platform_list .img{float:left;width:88px;height:88px;margin-right:20px;-webkit-box-shadow:0px 10px 15px #dee0e1;	box-shadow:0px 10px 15px #dee0e1}
.index_platform_list dl{float:left;width:200px;color:#424242;font-size:14px;}
.index_platform_list dt{color:#00a5ff;font-size:20px;display:inline-block;height:23px;line-height:20px;overflow:hidden;}
.index_platform_list .brief{height:33px;overflow:hidden;font-size:14px;color:#9e9e9e;cursor:default}
.index_platform_list li.active dt,.index_platform_list li.active dt a,.index_platform_list li.active dt a:hover,.index_platform_list li.active .brief{color:#fff;}

.index_mod2,.index_mod3{width:1180px;margin:0 auto;overflow:hidden;}

.index_match{float:left;width:760px;min-height:500px;margin-right:40px;}
.index_match_list{overflow:hidden;}
.index_match_list li{margin-bottom:20px;border-bottom:1px solid #ebecec;padding:0 0 20px;;overflow:hidden;}
.index_match_list{overflow:hidden;margin:0;}
.index_match_list .img{float:left;width:180px;height:118px;margin-right:20px;}
.index_match_list .img img{max-width:210px;max-height:118px;display:inline-block}
.index_match_list dl{float:left;width:470px;color:#616161;font-size:14px;}
.index_match_list dt{color:#00a5ff;font-size:22px;display:inline-block;max-height:52px;line-height:26px;margin-top:5px;overflow:hidden;font-weight:bold;}
.index_match_list .brief{height:35px;overflow:hidden;}
.index_match_list .lnks a{margin-right:20px;}
.index_match_list .flag{float:right;}

.index_news{float:right;width:380px;height:500px;overflow:hidden;}
.index_news .banner{margin-bottom:28px}
.index_news_list{ display:block;width:380px;float:left;}
.index_news_list ul{background:url(../images/bg_line.png) repeat-y 0 0;overflow:hidden;}
.index_news_list li{padding: 0 0 10px;height:20px;overflow:hidden;line-height:20px;float:left;width:100%;font-size:14px;}
.index_news_list .topic{display:inline-block;width:290px;float:left;font-size:14px;height:21px;overflow:hidden;}
.index_news_list .idot{margin-right:18px;}
.index_news_list .date{color:#9e9e9e;display:inline-block;width:45px;float:right; text-align:right;}

.index_new,.index_hot,.index_push{float:left;height:500px;margin-right:40px;}
.index_new{width:360px}
.index_hot{width:360px}
.index_push{width:380px;margin:0;}

.index_new_list .banner{margin-bottom:9px}
.index_new_list li{overflow:hidden;font-size:14px;height:30px;line-height:30px;padding:9px 0;width:100%;float:left}
.index_new_list .name{float:left;color:#424242;display:inline-block;width:140px;}
.index_new_list .date{float:left;color:#00a5ff;display:inline-block;width:140px;}
.index_new_list .lnk_style{float:right;}

.index_hot_list .banner{margin-bottom:9px}
.index_hot_list li{overflow:hidden;font-size:14px;height:30px;line-height:30px;padding:9px 0;width:100%;float:left}
.index_hot_list .name{float:left;color:#424242;display:inline-block;width:140px;}
.index_hot_list .num{float:left;color:#00a5ff;display:inline-block;width:140px;}
.index_hot_list .num em{display:inline-block; vertical-align: middle;margin-right:5px;}
.index_hot_list .lnk_style{float:right;}


.box_con{padding-right:380px;position:relative;overflow:hidden;}
.box_main{width:100%;min-height:525px; }
.box_bar{ width:380px;margin-right:-380px;display:inline;}

.site_map_case{padding:25px 0;font-size:16px;display:block;color:#616161}
.site_map_case a{color:#01a5ff;display:inline-block; vertical-align:middle}
.site_map_case span{display:inline-block; vertical-align:middle}
.site_map_case em{color:#01a5ff;display:inline-block; vertical-align:middle;margin:0 10px;}
.site_map_case .cur{color:#01a5ff;}


.page_mod{text-align:center;color:#666;font-size:14px;margin:30px auto 20px;padding:30px 0 0px;overflow:hidden;zoom:1;}
.page_mod .total,.page_mod a,.page_mod .page{margin-right:10px;}
.page_mod .page a{color:#333;font-size:14px; padding:2px 8px;background:#fff;border:1px solid #bdbdbd;display:inline-block;vertical-align:middle;margin:0 5px;
    -moz-border-radius:3px;      /* Gecko browsers */
    -webkit-border-radius:3px;   /* Webkit browsers */
    border-radius:3px;            /* W3C syntax */
}
.page_mod .page .cur,.page_mod .page a:hover{color:#fff;font-size:14px; padding:2px 8px;border:1px solid #00a5ff; background:#00a5ff;display:inline-block;vertical-align:middle;margin:0 5px;-moz-border-radius:3px;      /* Gecko browsers */
    -webkit-border-radius:3px;   /* Webkit browsers */
    border-radius:3px;            /* W3C syntax */	}



.news_mod{margin-right:40px;border:2px solid #ebecec;padding:20px 23px;overflow:hidden;}
.news_list{ display:block;overflow:hidden;}
.news_list li{padding:10px 0;height:30px;overflow:hidden;line-height:30px;float:left;width:100%;font-size:14px;border-bottom:1px solid #ebecec}
.news_list .topic{display:inline-block;width:625px;float:left;font-size:14px;height:30px;overflow:hidden;}
.news_list .date{color:#9e9e9e;display:inline-block;width:80px;float:right; text-align:right;}

.news_detail .topic{color:#424242;font-size:35px; text-align:center;padding:30px 0 15px;font-weight:normal;}
.news_detail .subtitle{color:#a7a7a7;font-size:14px;text-align:center;margin-bottom:20px;border-bottom:1px solid #ededed;padding-bottom:20px;}
.news_detail .subtitle a{color:#a7a7a7}
.news_detail .detail{padding:20px;color:#616161;line-height:24px;font-size:14px;}
.news_detail .img{text-align:center;margin-bottom:25px;}
.news_detail .img img{display:inline-block}
.match_list{padding-bottom:14px;}
.match_list li{width:380px;height:214px;margin-bottom:16px;}

.download_index li{height:500px;width:100%; position:relative}
.download_index .d_con1{ background:#f76903 url(../images/down_banner1.jpg) no-repeat center 0;}
.download_index .d_con2{ background:#0172c7 url(../images/down_banner2.jpg) no-repeat center 0; }
.download_index dl{ position: absolute;left:50%;top:150px;margin-left:250px;color:#fff;}
.download_index dt{color:#fff;font-size:30px;font-weight:bold;margin-bottom:15px;width:260px; text-align:center}
.download_index .sub{font-size:18px;margin-bottom:25px;width:260px; text-align:center}
.download_index .btn{margin-bottom:15px;}
.download_index .lnk_download{display:inline-block; background:#fee100;color:#ef6706;font-size:24px;width:260px;height:65px;line-height:65px;text-align:center;
-webkit-box-shadow:0 0 2px #f66802;
	box-shadow:0 0 2px #f66802;
-webkit-text-shadow:0 2px 3px #fcd943;
	text-shadow:0 2px 3px #fcd943;
}
.download_index .lnk_download:hover{ background:#feea4d}
.download_index .d_con2 .lnk_download{ background:#01cdf0;
-webkit-box-shadow:0 0 2px #096db7;
	box-shadow:0 0 2px #096db7;
-webkit-text-shadow:0 2px 3px #04a4dc;
	text-shadow:0 2px 3px #04a4dc;
	color:#fff}
.download_index .d_con2 .lnk_download:hover{background:#48daf4}
.download_index .lnks{line-height:1.8;display:none;}
.download_index .active .lnks{display:block;}
.download_index a{color:#fff;}
.download_index em{margin:0 5px;}
.download_list{overflow:hidden}
.download_list ul{width:105%}
.download_list li{float:left;width:280px;height:175px;margin:0 20px 20px 0}

.lnks a{cursor: auto}
.index_news_list .banner img{width: 380px;height: 118px;}
.banner_style img{width: 1180px;height: 100px;}
.box_bar .banner_style img{width: 380px;height: 260px;}
.match_list img{width: 380px;height: 214px;}