@charset "utf-8";

.body_bg{ background: url(/images/body_bg.jpg?v=241114) repeat-x; position:relative; }

.header{width:100%;}

.gnb{width:1200px; margin:0 auto;}
.gnb ul{float:right;}
.gnb ul li{float:left; margin:3px 0 0 15px; list-style:none;}
.gnb ul li a{color:#fff; font-size:12px;}

.lnb_wrap{ clear:right; width:1200px; margin:0 auto; margin-bottom:100px;}
h1{float:left; margin:23px 0 16px 0;}

.lnb{float:right; position:relative;  z-index:9999;}
.lnb>li{float:left; list-style-type:none; text-align:center;}
.lnb li a{font-size:20px; color:#000; font-weight:bold; padding:40px 35px 38px 35px; display:block}
.lnb li:nth-child(6) a{padding-right:0;}
.lnb li:hover a{color:#1d6184;}
.lnb li:hover .sub{opacity: 0.95; visibility: visible; }
.lnb .sub{position:absolute; top:100px;  
   opacity: 0;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   visibility: hidden;
    background-color:#1d1d1d;
}
.lnb .sub li{list-style-type:none;  border-bottom:1px solid #5d5d5d; text-align:left;}
.lnb .sub li a{font-size:14px; font-weight:bold; color:#fff; font-weight:bold; display:block; padding:10px 0px 7px 15px;}
.lnb .sub li a:hover{color:#ffff00;}
#sub1{left:0px; width:200px;}
#sub2{left:290px; width:200px;}
#sub3{left:425px; width:200px;}
#sub4{right:100px; width:200px;}
#sub5{right:-50px; width:200px;}

.main_img{/*background:url('/images/main_bg_new.jpg') center 0 no-repeat #e9e9e9;  height:427px; margin:0 auto;*/}

.main_bn{position:relative; width:1200px; margin:0 auto;}
.main_bn ul{position:absolute; right:30px; top:45px; list-style:none;}

.main_container{width:1200px; margin:0 auto;}
.cont_top{overflow:hidden; margin-top:20px;}
.main_bn{float:left; width:550px;}
.quick{width:550px; float:right;}
.quick li{float:left;list-style:none; width:130px; height:115px; text-align:center; padding:45px 4px 0 3px;}
.quick li a{display:block; color:#fff; font-size:17px; font-weight:600;}
.quick li:nth-child(1),.quick li:nth-child(3) {background:#cf0d34;}
.quick li:nth-child(2),.quick li:nth-child(4) {background:#a20d2b;}
.quick li span{display:block; margin-top:10px;}

.main_cont{display:flex; justify-content:space-between; flex-wrap:wrap; }
.main_noti{margin-top:20px; width:49%;   background-color:#fff; height:261px; border:1px solid #bbb;   position:relative;}
.main_noti p{margin:25px 0 35px 20px;}
.main_noti p a{font-size:26px;  font-family: 'NotoMedium'; color:#000;}
.main_noti p em{font-size:13px; color:#444; font-style:normal; margin-top:7px; margin-left:15px;}
.main_noti ul li{list-style-type:none; overflow:hidden; margin-bottom:12px; padding-left:20px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;width:480px;}
.main_noti ul li a:before{content:" · ";display:inline-block;margin-right:5px;}
.main_noti .more{position:absolute; top:25px; right:25px;}
.main_noti .more a{font-size:32px; font-family: 'NotoLight';}

.main_event{margin-top:20px; width:49%;  background-color:#fff; height:261px; border:1px solid #bbb;    position:relative;}
.main_event p{margin:25px 0 35px 20px;}
.main_event p a{font-size:26px;  font-family: 'NotoMedium'; color:#000;}
.main_event p em{font-size:13px; color:#444; font-style:normal; margin-top:7px; margin-left:15px;}
.main_event ul li{list-style-type:none; overflow:hidden; margin-bottom:12px; padding-left:20px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;width:480px;}
.main_event ul li span.date{float:right;}
.main_event ul li a:before{content:" · ";display:inline-block;margin-right:5px;}
.main_event .more{position:absolute; top:25px; right:25px;}
.main_event .more a{font-size:32px; font-family: 'NotoLight';}

.banner{margin-top:20px;}
.banner ul{display:flex; justify-content:flex-start; flex-wrap:wrap;  width:1200px; margin-bottom: 20px;}
.banner li{list-style:none; margin-right:13px; margin-bottom:10px; border: 1px solid #ddd; box-sizing:border-box; background: #fff;  width: 280px; text-align: center;}
.banner li img{ width:auto; height: 80px;}
.banner li:nth-child(4){margin-right:0;}

.main_spons{margin-top:20px;}
.spons_box{display:flex; margin-bottom:25px;}
.spons_box dt{width:250px; text-align:center; font-size:25px; padding:20px 0; font-weight:bold; margin-right:30px;}
.spons_box dd{ width:100%;}
.spons_bn{display:flex;  justify-content:start;list-style:none; flex-wrap:wrap; }
.spons_bn li{border:1px solid #ddd; box-sizing: border-box;  margin:5px; text-align:center;  color:#ccc;}
.spons_bn li:last-child{margin-right:0;}

.pla li{width:222px; height:104px; background: #fff;}
.pla li img{width:220px;   height:102px;  vertical-align:middle;}
.dia li{width:202px; height:87px; background: #fff;}
.dia li img{width:200px; height:85px; vertical-align:middle;}


.gold li{width:192px; height:74px;  background: #fff;}
.gold li img{width:190px; height:72px;  vertical-align:middle;}
.silver li{width:154px; height:64px; background: #fff;}
.silver li img{width:152px; height:62px;  vertical-align:middle;}


.bronze li{width:142px; height:44px;  background: #fff;}
.bronze li img{width:140px;   height:42px; vertical-align:middle;}


.main_spons dl:nth-child(1) dt{border-top:8px solid #5b5e9b; color:#5b5e9b;}
.main_spons dl:nth-child(2) dt{border-top:8px solid #4b9dbc; color:#4b9dbc;}
.main_spons dl:nth-child(3) dt{border-top:8px solid #b9922a; color:#b9922a;}
.main_spons dl:nth-child(4) dt{border-top:8px solid #7d7d7d; color:#7d7d7d;}
.main_spons dl:nth-child(5) dt{border-top:8px solid #ada593; color:#ada593;}



.footer_bg{width:100%; background-color:#646464; clear:both; height:100px; margin-top:20px;}
.footer{width:1200px; margin:0 auto; color:#fff; padding:30px 0; font-size:12px; line-height:20px; line-height:30px;}
.footer img{margin:0px 25px 30px 0px; display:block; float:left;}
.footer a{font-size:14px; color:#fff;}

.sub_img{background:url('/images/sub_bg.jpg') center 0 no-repeat #e9e9e9; height:214px; margin:0 auto;}

.left{border:1px solid #ddd;}
.left p{width:250px; background:#17488a; color:#fff;  padding:35px 0; text-align:center; font-size:22px; font-family:'NotoMedium'}
.left ul{ overflow:hidden; }
.left ul li{list-style:none;}
.left ul li a{display:block;  padding:15px 25px 0px 25px; font-size:16px; height:38px;font-family:'NotoRegular'; background-color:#fff; border-bottom:1px solid #ddd;}
.left ul li:last-child a{border-bottom:none;}
.left ul li a:hover{color:#414141; }
.left ul li.over a{ background-color:#f0f0f0; color:#16216a;}
.left ul li.over a:before{content:"-";display:inline-block;margin-right:5px;}
.left ul li.over:hover{color:#000}

.container{width:1400px; margin:0 auto; overflow:hidden; margin-bottom:30px; margin-top:20px;}
.contents{width:1100px; margin:0 auto; float:right; padding:0 20px 50px 20px; background-color:#fff;}
.title{font-size:30px; border-bottom:1px solid #ddd; padding:35px 0px 30px 0; margin-bottom:40px;font-family:'NotoMedium'; font-weight:600;}
.navi{float:right; padding-right:10px; font-size:11px;}
.navi img{margin:5px 5px 0 0;}
