@charset "UTF-8";

#main { position:absolute; width:100%;  top:170px; min-width:1500px; }
#main .main_wrap {margin:120px auto 0 auto; display:block; width:1700px;  }
#main .main_wrap:after {content:''; display:block; clear:both; }
#main .main_wrap > div {display:inline-block; }
#main .main_wrap .main_left {width:23%;}
#main .main_wrap .main_left:after {display:block; content:''; clear:both; }
#main .main_wrap .main_left > div {box-shadow:1px 1px 20px rgba(0,0,0,.3); }
#main .main_wrap .main_left h2 a{color:#fff; font-weight:400; font-size:1.4rem; }

#main .main_wrap .main_left .notice { width:100%; height: 218px; background-color:rgba(0,0,0,.6); overflow:hidden; margin-bottom:20px; box-shadow:1px 1px 7px rgba(0,0,0,.15); position:relative;  }
#main .main_wrap .main_left .notice .hover_bg {width:0; height:100%; background-color:#132f6e; position:absolute; left:0; top:0; transition:.2s all; }
#main .main_wrap .main_left .notice:hover .hover_bg {width:100%; }
#main .main_wrap .main_left .notice h2 {width:100%; height:60px; line-height:60px; border-bottom:1px solid rgba(255,255,255,.3);  color:#fff; padding:0 20px; font-weight:600; font-size:1.5rem; position:relative; }
#main .main_wrap .main_left .notice h2:after {display:block; content:''; clear:both; }
#main .main_wrap .main_left .notice h2 span {font-size:1rem; font-weight:300; letter-spacing:.05rem; margin-left:3px; opacity:.5; }
#main .main_wrap .main_left .notice h2 a {float:right; margin-top:20px; transition:.5s all; }
#main .main_wrap .main_left .notice h2 a:hover {transform:rotate(360deg); }
#main .main_wrap .main_left .notice ul {padding:15px 20px; }
#main .main_wrap .main_left .notice ul li {height:2rem; line-height:2rem;}
#main .main_wrap .main_left .notice ul li:after {display:block; content:''; clear:both; }
#main .main_wrap .main_left .notice ul li a {width:75%; display:inline-block; color:#fff; position:relative; padding-left:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#main .main_wrap .main_left .notice ul li a:hover {text-decoration:underline; }
#main .main_wrap .main_left .notice ul li a:after {display:block; content:''; clear:both; }
#main .main_wrap .main_left .notice ul li a:before {content:''; display:block; width:4px; height:4px; background-color:#fff; position:absolute; left:0; top:15px; border-radius:100%; }
#main .main_wrap .main_left .notice ul li .time {float:right; color:rgba(255,255,255,.4); font-size:.9rem; position:relative; }

#main .main_wrap .main_left .down {width:100%; height:220px; float:left;  position:relative; overflow:hidden; }
#main .main_wrap .main_left .down a {width:100%; height:100%; padding:30px; display:block; }
#main .main_wrap .main_left .down a .hover_bg {width:0; height:100%; background-color:#db1621; position:absolute; left:0; top:0; transition:.2s all; }
#main .main_wrap .main_left .down:hover .hover_bg {width:100%; }
#main .main_wrap .main_left .down a h2 {display:inline-block; width:100%; position:absolute; left:30px; top:50%; transform:translate(0,-50%); font-weight:600; font-size:2rem; line-height:2.5rem; color:#fff; }
#main .main_wrap .main_left .down a h2 img {width:100px; margin-bottom:10px; }
#main .main_wrap .main_left .down a > img {position:relative; margin-left:150px; opacity:.7; }
#main .main_wrap .main_left .down a .down_apply {position:absolute; left:20px; bottom:20px; width:88%; height:35px; line-height:35px;  border-radius:18px; font-size:.9rem; padding:0 10px; color:#fff; }
#main .main_wrap .main_left .down a .down_apply img {float:right; margin-top:10px;  }


#main .main_wrap .main_left .down01 {margin-right:0; background-color:rgba(0,0,0,.6); }
#main .main_wrap .main_left .down01 .down_apply {background-color:#e29318;}
#main .main_wrap .main_left .down02 {background:#209be4 url('../img/ico_down02.png')no-repeat 110% 15px;}
#main .main_wrap .main_left .down02 .down_apply {background-color:#0079c0;}




/*main_right*/
#main .main_wrap .main_right {width:23%; float:right; vertical-align:top;  }
#main .main_wrap .main_right iframe {display:block; margin-bottom:20px; box-shadow:1px 1px 20px rgba(0,0,0,.3); transition:.2s all;  }
#main .main_wrap .main_right iframe:hover {transform:translate(0,-10px); }
#main .main_wrap .main_right .help {width:100%; height:220px; background-color:rgba(0,0,0,.6); display:block; position:relative; overflow:hidden; }
#main .main_wrap .main_right .help { }
#main .main_wrap .main_right .help p {font-size:2rem; line-height:2.5rem; color:#fff; font-weight:600; position:absolute; left:30px; top:50%; transform:translate(0,-50%); }
#main .main_wrap .main_right .help p img {display:block; margin-bottom:10px; }
#main .main_wrap .main_right .help > img {position:absolute; right:-30px; top:30px; opacity:.2; }
#main .main_wrap .main_right .help .hover_bg {width:0; height:100%; background-color:#e7676a; position:absolute; left:0; top:0; transition:.2s all; }
#main .main_wrap .main_right .help:hover .hover_bg {width:100%; }


.no_video {width:100%; height:220px; background-color:#333; text-align:center;  margin-bottom:20px; box-shadow:0 0 20px rgba(0,0,0,.1); padding-top:45px; position:relative; overflow:hidden; }
.no_video img:nth-child(1) {position:absolute; left:55%; top:50%; transform:translate(-50%,-50%); opacity:.1; }
.no_video img:nth-child(2) {margin-bottom:20px; }
.no_video p {font-size:1.3rem; font-weight:600; color:#fff; }