@charset "utf-8";

/* CSS Document */
html,body{ width:100%; height:100%; -webkit-text-size-adjust:none;}
body{ font-family:'微软雅黑','Microsoft YaHei', Arial, sans-serif; font-size:14px; line-height:1.5; color:#333; background:#fff;}
a{ text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}

/*header*/
.header{ width:100%; background-color:#fff;}
.header .head{ width:1200px; height:110px; margin:auto;}
.header .head .logo{ height:110px; float:left;}
.header .head .logo img{ display:block; height:110px;}
.header .head .right{ float:right; height:34px; margin:38px 0; display:block;}
.header .head .right dt{ display:block; float:left; margin-left:20px;}
.header .head .right dd{ display:block; float:left; margin-left:20px;}
.header .head .right a{ width:140px; height:34px; line-height:34px; border-radius:34px; text-align:center; font-size:14px; color:#fff; display:block; overflow:hidden;}
.header .head .right dt a{ background-color:#3297fe;}
.header .head .right dd a{ background-color:#c81c25;}
.header .head .right a:hover{ text-decoration:underline;}

.header .nav{ width:100%; height:50px; background-image:url(../images/nav_11.jpg); background-position:top left; background-repeat:repeat-x;}
.header .nav dl{ width:1196px; display:block; margin:auto;}
.header .nav dl dd{ width:1px; display:block; float:left; background-color:#999; height:14px; margin:18px 0;}
.header .nav dl dt{ width:170px; text-align:center; display:block; float:left; position:relative; height:50px;}
.header .nav dl dt>a{ font-size:16px; display:block; height:50px; line-height:50px; position:relative;}
.header .nav dl dt.on>a,.header .nav dl dt:hover>a{ color:#c81c25;}
.header .nav dl dt.on>a b{ width:100%; height:2px; display:block; position:absolute; left:0; top:0; background-color:#c81c25; overflow:hidden;}
.header .nav dl dt p{ width:100%; display:none; position:absolute; left:0; top:50px; background-color:rgba(255,255,255,0.9); overflow:hidden;}
.header .nav dl dt p a{ display:block; padding:0 20px; font-size:14px; line-height:40px; border-bottom:1px solid #eee; height:40px; overflow:hidden;}
.header .nav dl dt p a:last-child{ border-bottom:none;}
.header .nav dl dt p a:hover{ color:#fff; background-color:#c81c25;}
.header .nav dl dt:hover p{ display:block;}

/*01*/
.box01{ padding:50px 0; width:100%; position:relative; z-index:0; background-color:#f7f7f7; background-image:url(../images/yin_03.png); background-position:top left; background-repeat:repeat-x;}
.box01 .box{ width:1200px; margin:auto;}
.box01 .box .focusBox{ width:760px; height:420px; background-color:#fff; float:left; position:relative;}
.box01 .box .focusBox .pic{ width:100%; height:420px; position:relative; z-index:0;}
.box01 .box .focusBox .pic li{ width:100%; height:420px; display:block; overflow:hidden;}
.box01 .box .focusBox .pic li img{ width:100%; display:block;}
.box01 .box .focusBox .num{ position:absolute; right:20px; bottom:15px; z-index:9;}
.box01 .box .focusBox .num li{ display:block; width:10px; height:10px; border-radius:100%; background-color:rgba(255,255,255,0.7); cursor:pointer; margin-left:10px; overflow:hidden; float:left;}
.box01 .box .focusBox .num li.on{ background-color:#c81c25;}
.box01 .box .focusBox .txt-bg { position:absolute; bottom:0; z-index:1; height:40px; width:100%; background:#000; filter:alpha(opacity=70); opacity:0.7; overflow:hidden;}
.box01 .box .focusBox .txt{ position:absolute; bottom:0; z-index:2; height:40px; width:560px; left:0; overflow:hidden; }
.box01 .box .focusBox .txt li{ height:40px; line-height:40px; position:absolute; bottom:-40px; left:20px; width:440px; overflow:hidden;}
.box01 .box .focusBox .txt li a{ display:block; color:#fff; font-size:14px; height:40px; line-height:40px; overflow:hidden;}

.box01 .box .deng{ width:360px; height:380px; background-color:#fff; margin-left:40px; padding:20px;}
.box01 .box .deng .title{ width:100%; position:relative;}
.box01 .box .deng .title p{ position:relative; z-index:3; display:block; padding:0 10px; background-color:#c81c25; color:#fff; height:30px; line-height:30px; overflow:hidden; border-top-left-radius:7px; border-bottom-right-radius:7px; float:left; font-size:18px;}
.box01 .box .deng .title span{ position:relative; z-index:3; background-color:#fff; padding-right:10px; font-size:24px; line-height:24px; text-transform:uppercase; color:#c81c25; display:block; float:left; padding-left:10px; margin-top:7px;}
.box01 .box .deng .title b{ width:100%; height:6px; display:block; position:absolute; right:0; bottom:2px; background-color:#eee; overflow:hidden;}
.box01 .layui-form{ width:100%; margin:10px auto; margin-bottom:25px;}
.box01 .layui-form span{ display:block; overflow:hidden; padding-top:20px;}
.box01 .layui-form span label{ width:80px; display:block; font-size:14px; text-align:left; line-height:40px; float:left; font-weight:700;}
.box01 .layui-form span input{ float:right; width:280px; background-color:#eee; height:40px; line-height:40px; font-size:14px; text-indent:10px; display:block;}
.box01 .layui-form span select{ float:right; width:280px; background-color:#eee; height:40px; line-height:40px; font-size:14px; text-indent:10px; display:block;}
.box01 .layui-form p{ display:block; overflow:hidden; padding-top:20px;}
.box01 .layui-form p label{ width:80px; display:block; font-size:14px; text-align:left; line-height:40px; float:left; font-weight:700;}
.box01 .layui-form p input{ width:160px; float:left; background-color:#eee; height:40px; line-height:40px; font-size:14px; text-indent:10px; display:block;}
.box01 .layui-form p a{ width:110px; height:40px; display:block; float:right; overflow:hidden;}
.box01 .layui-form p a img{ width:100%; height:40px; display:block;}
.box01 .layui-form-item{ width:100%; padding-top:20px;}
.box01 .layui-form-item .layui-btn{ width:100%; height:40px; line-height:40px; font-size:16px; text-align:center; color:#fff; background:#c81c25; cursor:pointer;}
.box01 .layui-form-item a{ display:block; text-align:center; font-size:14px; line-height:24px; margin-top:15px;}
.box01 .layui-form-item a:hover{ color:#c81c25;}

.box01 .bm{ width:370px; float:left; margin-top:40px; margin-left:45px;}
.box01 .bm img{ width:100%; display:block;}
.box01 .bm:nth-child(3n+1){ margin-left:0; clear:left; float:left;}

/*弹出框*/
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #3297fe; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}

/*登陆*/
.click{ cursor:pointer;}
.login-header{ width:100%;text-align:center;height:30px;font-size:24px;line-height:30px;}
.login{width:500px;position:fixed;border:#ebebeb solid 1px;height:280px;top:50%;left:50%;display:none;background:#ffffff;box-shadow:0px 0px 20px #ddd;z-index:9999;margin-left:-250px;margin-top:-140px;}
.login-title{width:100%;margin:10px 0px 0px 0px;text-align:center;line-height:40px;height:40px;font-size:18px;position:relative;}
.login-title span{position:absolute;font-size:12px;right:-20px;top:-30px;background:#ffffff;border:#ebebeb solid 1px;width:40px;height:40px;border-radius:20px;}
.login-title span a{display:block; cursor:pointer;}
.login-input-content{margin-top:20px;}
.login-input {overflow:hidden;margin:0px 0px 20px 0px;}
.login-input label{float:left;width:90px;padding-right:10px;text-align:right;line-height:35px;height:35px;font-size:14px;}
.login-input input{float:left;line-height:35px;height:35px;width:350px;border:#ebebeb 1px solid;text-indent:5px;}
.login-input select{float:left;line-height:35px;height:35px;width:350px;border:#ebebeb 1px solid;text-indent:5px;}
.login-button{width:50%;margin:30px auto 0px auto;line-height:40px;font-size:14px;border:#ebebeb 1px solid;text-align:center;}
.login-button a{display:block;}
.login-bg{width:100%;height:100%;position:fixed;top:0px;left:0px;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;display:none; z-index:99;}

.pop{ display:blcok; width:800px; height:361px; overflow:hidden; position:fixed; left:50%; margin-left:-400px; top:50%; margin-top:-180px; z-index:999; background-color:#fff; border-radius:5px;}
.pop-top{ height:40px; width:100%; border-bottom:1px #E5E5E5 solid;}
.pop-top h2{ float:left; display:black; font-weight:normal; font-size:16px; line-height:40px; height:40px; margin-left:20px;}
.pop-top span{ float:right; cursor:pointer; font-weight:bold; display:block; margin-right:20px; line-height:40px; color:#999;}
.pop-content{ width:760px; padding:20px; height:280px; overflow:auto; font-size:14px; line-height:24ox;}
.pop-content img{ display:block; max-width:100%; max-height:100%; margin:auto;}
.bgPop{ display:blcok; position:fixed; z-index:129; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2);}

.nbox{ width:100%; padding:50px 0; background-color:#fff; position:relative; z-index:0;}
.nbox .title{ width:1200px; margin:auto; height:30px; position:relative;}
.nbox .title p{ position:relative; z-index:3; display:block; padding:0 15px; background-color:#3297fe; color:#fff; height:30px; line-height:30px; overflow:hidden; border-top-left-radius:7px; border-bottom-right-radius:7px; float:left; font-size:18px;}
.nbox .title span{ position:relative; z-index:3; background-color:#fff; padding-right:10px; font-size:24px; line-height:24px; text-transform:uppercase; color:#3297fe; display:block; float:left; padding-left:10px; margin-top:7px;}
.nbox .title b{ width:100%; height:6px; display:block; position:absolute; right:0; bottom:2px; background-color:#eee; overflow:hidden;}
.nbox .box{ width:1200px; margin:auto; padding-top:5px;}
.nbox .box .item{ width:540px; height:314px; float:left; margin-right:40px; margin-top:20px; padding:8px 20px; border-radius:5px; background-color:#f7f7f7;}
.nbox .box .item:nth-child(2n){ margin-right:0;}
.nbox .box .item .bt{ width:100%; height:44px; background-image:url(../images/title_25.jpg); background-position:left bottom; background-repeat:no-repeat;}
.nbox .box .item .bt b{ display:block; float:left; font-size:20px; line-height:44px;}
.nbox .box .item .bt p{ margin-left:10px; text-transform:uppercase; display:block; float:left; font-size:14px; line-height:36px; padding-top:8px; color:#999;}
.nbox .box .item .bt a{ display:block; float:right; font-size:14px; line-height:44px;}
.nbox .box .item .bt a:hover{ color:#3297fe;}
.nbox .box .item .list{ width:100%; display:block;}
.nbox .box .item .list li{ display:block; overflow:hidden; height:36px; padding-left:15px; background-image:url(../images/li01.png); background-position:left center; background-repeat:no-repeat; margin-top:8px; border-bottom:1px dashed #cacaca;}
.nbox .box .item .list li a{ display:block; float:left; max-width:410px; font-size:14px; line-height:36px; height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .item .list li span{ display:block; float:right; font-size:14px; line-height:36px; height:36px; color:#999;}
.nbox .box .item .list li a:hover{ color:#3297fe;}
.nbox .box .item .list li:last-child{ border-bottom:none;}

.box03{ width:1200px; margin:auto; margin-top:50px;}
.box03 .title01{ width:100%; height:30px; position:relative;}
.box03 .title01 p{ position:relative; z-index:3; display:block; padding:0 10px; background-color:#c81c25; color:#fff; height:30px; line-height:30px; overflow:hidden; border-top-left-radius:7px; border-bottom-right-radius:7px; float:left; font-size:18px;}
.box03 .title01 span{ position:relative; z-index:3; background-color:#fff; padding-right:10px; font-size:24px; line-height:24px; text-transform:uppercase; color:#c81c25; display:block; float:left; padding-left:10px; margin-top:7px;}
.box03 .title01 b{ width:100%; height:6px; display:block; position:absolute; right:0; bottom:2px; background-color:#eee; overflow:hidden;}
.box03 .title01 a{ display:block; font-size:14px; line-height:14px; float:right;}
.box03 .title01 a:hover{ color:#c81c25;}
.box03 .picMarquee-left{ width:100%; margin-top:20px; position:relative;}
.box03 .picMarquee-left .hd{ display:none;}
.box03 .picMarquee-left .bd{ width:100%; position:relative; overflow:hidden;}
.box03 .picMarquee-left .bd li{ width:280px; display:block; overflow:hidden; float:left; margin-right:20px;}
.box03 .picMarquee-left .bd li strong{ width:100%; display:block; height:210px; position:relative; overflow:hidden;}
.box03 .picMarquee-left .bd li strong img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.box03 .picMarquee-left .bd li span{ width:100%; display:block; margin-top:10px; font-size:14px; line-height:24px; text-align:center;}
.box03 .picMarquee-left .bd li:hover img{ transform: scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
.box03 .picMarquee-left .bd li:hover span{ color:#c81c25;}

/*footer*/
.footer{ width:100%; border-top:5px solid #c81c25; padding-top:27px; padding-bottom:10px; overflow:hidden; background-color:#f7f7f7; position:relative; z-index:0;}
.footer .link{ width:1150px; padding-bottom:11px; margin:auto;}
.footer .link dt{ float:left; display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden;}
.footer .link dd{ float:right; display:block; overflow:hidden;}
.footer .link dd a{ display:block; float:left; margin-left:30px; font-size:14px; line-height:30px; height:30px; color:#666;}
.footer .link dd a:hover{ color:#c81c25;}
.footer .foot{ width:1150px; margin:auto; padding-top:20px; border-top:1px solid #cacaca;}
.footer .foot .f01{ width:495px; background-image:url(../images/line.jpg); background-position:right center; background-repeat:no-repeat; overflow:hidden; display:block;}
.footer .foot .f01 dt{ display:block; height:32px; line-height:32px; font-size:18px; color:#c81c25; font-weight:bold; margin-bottom:6px;}
.footer .foot .f01 dd{ display:block; line-height:30px; font-size:14px;}
.footer .foot .f01 dd a{ display:block; float:left; color:#666; margin-right:35px;}
.footer .foot .f01 dd a:hover{ color:#c81c25;}
.footer .foot .f02{ width:580px; margin-left:75px; overflow:hidden;}
.footer .foot .f02 dt{ float:left; display:block; height:32px; line-height:32px; font-size:18px; color:#c81c25; font-weight:bold; margin-bottom:6px;}
.footer .foot .f02 dd{ float:left; display:block; line-height:28px; font-size:14px; color:#666;}
.footer .foot .f02 dd span{ color:#c81c25; font-size:28px;}
.footer .foot .f03{ width:1150px; overflow:hidden; text-align:center; color:#666; font-size:14px; padding-top:15px; line-height:24px;}
.footer .foot .f03 a{ color:#666;}
.footer .foot .f03 a:hover{ color:#333;}

#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(200,28,37,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}

/*内页*/
.wei{ height:34px; padding:20px 0; width:100%; position:relative; z-index:0; background-image:url(../images/yin_03.png); background-position:top left; background-repeat:repeat-x;}
.wei p{ display:block; width:1200px; padding-left:24px; box-sizing:border-box; background-image:url(../images/home.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:34px; margin:auto;}
.wei p a:hover{ color:#c81c25}

.main{ width:1200px; margin:auto; margin-bottom:50px; position:relative; z-index:0;}
.main .ban{ width:100%; background-color:#fff; overflow:hidden; float:left; margin-bottom:50px;}
.main .ban img{ width:100%; display:block;}

.main .lbar{ width:270px;}
.main .lbar .box{ width:210px; padding:30px; background-color:#3297fe; border-top-left-radius:7px; border-bottom-right-radius:7px;}
.main .lbar .box .title{ width:100%; height:30px; position:relative;}
.main .lbar .box .title p{ position:relative; z-index:3; display:block; padding:0 10px; background-color:#fff; color:#3297fe; height:30px; line-height:30px; overflow:hidden; border-top-left-radius:7px; border-bottom-right-radius:7px; float:left; font-size:18px;}
.main .lbar .box .title span{ position:relative; z-index:3; background-color:#3297fe; padding-right:10px; font-size:24px; line-height:24px; text-transform:uppercase; color:#fff; display:block; float:left; padding-left:10px; margin-top:7px;}
.main .lbar .box .title b{ width:20px; height:2px; display:block; position:absolute; right:0; bottom:2px; background-color:#eee; overflow:hidden;}
.main .lbar .box .sav{ width:100%; display:block; padding-top:20px;}
.main .lbar .box .sav li{ width:100%; height:40px; line-height:40px; text-align:center; font-size:16px; border-radius:5px; overflow:hidden; display:block;}
.main .lbar .box .sav li a{ display:block; width:100%; overflow:hidden; color:#fff;}
.main .lbar .box .sav li a:hover{ text-decoration:underline;} 
.main .lbar .box .sav li.on a{ background-color:#fff; color:#3297fe; text-decoration:none;}
.main .lbar .bao{ width:270px; margin-top:20px;}
.main .lbar .bao img{ width:100%; display:block;}

.main .rbar{ width:880px; float:right;}
.main .rbar .title{ width:100%; height:30px; position:relative;}
.main .rbar .title p{ position:relative; z-index:3; display:block; padding:0 15px; background-color:#c81c25; color:#fff; height:30px; line-height:30px; overflow:hidden; border-top-left-radius:7px; border-bottom-right-radius:7px; float:left; font-size:18px;}
.main .rbar .title span{ position:relative; z-index:3; background-color:#fff; padding-right:10px; font-size:24px; line-height:24px; text-transform:uppercase; color:#c81c25; display:block; float:left; padding-left:10px; margin-top:7px;}
.main .rbar .title b{ width:100%; height:6px; display:block; position:absolute; right:0; bottom:2px; background-color:#eee; overflow:hidden;}

/*新闻*/
.main .xw{ width:100%; display:block; padding-top:5px;}
.main .xw li{ display:block; overflow:hidden; height:40px; padding-left:20px; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; margin-top:10px; border-bottom:1px dashed #cacaca;}
.main .xw li a{ display:block; float:left; max-width:740px; font-size:14px; line-height:40px; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .xw li span{ display:block; float:right; font-size:14px; line-height:40px; height:40px; color:#999;}
.main .xw li a:hover{ color:#c81c25;}

.fanye{ text-align:center; width:100%; text-align:center; margin-top:30px;}
.fanye span{ color:#999; font-size:14px; text-align:center; min-width:16px; padding:0 7px; height:30px; line-height:30px; display:inline-block; margin:0 5px;}
.fanye a{ color:#999; font-size:14px; text-align:center; min-width:16px; padding:0 7px; margin-left:4px; height:28px; line-height:28px; border:1px solid #eee; display:inline-block;}
.fanye a:hover{ color:#666;}


/*新闻内页*/
.main .tou{ text-align:center; font-size:18px; color:#c81c25; line-height:30px; margin-top:25px;}
.main .sj{ font-size:14px; text-align:center; line-height:20px; color:#666; border-bottom:1px dashed #cacaca; margin:auto; width:100%; padding-bottom:15px;}
.main .wen{ width:100%; font-size:14px; line-height:24px; color:#333; padding-top:20px;}
.main .wen img{ max-width:100%;}
.main .back{ width:100%; margin:auto; margin-top:20px; border-top:1px dashed #cacaca; padding-top:15px;}
.main .back .pre{ font-size:14px; color:#333; line-height:24px; display:flex;}
.main .back .pre a{ color:#333; max-width:700px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:24px; display:block;}
.main .back .pre a:hover{ color:#c81c25;}
.main .back .fh a{ color:#c81c25; font-size:14px;}

/*赛事*/
.main .sai{ width:900px; display:block; margin-top:20px; padding-top:10px;}
.main .sai li{ width:280px; display:block; float:left; margin-right:20px; margin-top:20px; overflow:hidden;}
.main .sai li strong{ width:274px; height:205px; padding:2px; border:1px solid #cacaca; display:block;}
.main .sai li strong a{ width:274px; height:205px; display:block; overflow:hidden;}
.main .sai li strong a img{ width:100%; display:block;}
.main .sai li span{ text-align:center; width:100%; display:block; font-size:14px; height:34px; line-height:34px;}
.main .sai li:hover span a{ color:#c81c25;}

.main .bm{ width:370px; margin:20px auto;}
.main .bm img{ width:100%; display:block;}