﻿.sitemap{}
.sitemap li{margin-right:10px;margin-bottom:10px;}
.sitemap li a{padding-right:25px;background:url(../images/sitemap.png) right 3px no-repeat;color:#000;background-size:18px 18px;}
.sitemap li a:hover{color:#00b0ff;}
.sitemap li ul{margin:20px 20px;}


.rcRefreshImage {background: url("../images/refresh.png") no-repeat scroll center center rgba(0, 0, 0, 0);float: right;height: 26px;margin-top: 28px;margin-right:5px;width: 26px;}
.imgradCaptcha {float:right;margin:22px 5px 0 12px;}
.txtradCaptcha{width:395px !important;}
.RadCaptcha{direction:ltr;text-align:right}
.RadCaptcha > span{float:right;display:none}
.RadCaptcha > div > div{display:inline-block;}
.RadCaptcha > div > p{display:inline-block}


.form01 { width:560px; }
.form01 li { margin-bottom:15px; font-size:12px; color:#333; position:relative; }
.form01 li .txt { width:450px; height:35px; line-height:33px;text-align:right; border:1px solid #dedede; background:#fff; display:inline-block }
.form01 li .ddl { width: 450px; height: 35px; line-height: 33px; background: #fff url(../images/icon52.png) no-repeat 10px center; border: 1px solid #dedede; text-align: right; padding: 0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block }
.form01 li .btn { min-width:110px; background:#0067b3; color:#fff; text-align:center; padding: 0 10px; height:35px; line-height:33px; border:none; display:block; margin-left:0px; margin-right:auto;}
.form01 li .btn:hover{ background:#3da1eb;}
.form01 li .txtarea { width: 450px; height: 120px; background:#fff; border:1px solid #dedede; padding: 5px 10px; display:inline-block }
.form01 li .flieview { width:calc(100% - 110px); background:#fff; text-align:right; border:1px solid #dedede; height:35px; line-height:33px; border-left:none; padding: 0 10px } 
.form01 li .fileselect { width: 110px; height: 35px; background: #0067b3; color: #fff; text-align: center; border: none; line-height: 33px; position: absolute; left: 0px; top: 0px; display: inline-block; cursor: pointer; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.form01 li .fileselect:hover { background:#3da1eb;}
.form01 li .filepicker { visibility:hidden; opacity:0; position:absolute; left:0px; right:0px; margin:0 auto; width:0px; height:0px;}
.form01 li .moredesc { width:100px; float:left; height:35px; background:#0067b3; color:#fff; text-align:center; line-height:34px; cursor:pointer;}

.tblcen {margin:0 auto;display:block;}
.success {text-align:center}
.ltr {direction:ltr;}
.t-left { text-align:left;}
.t-center { text-align:center;}
.hidden { display:none}

/*links*/
.download-page { background: #fff; border: 1px solid #dadada; padding: 15px; }
.download-list { width: 600px; display: block; margin-right: 0px; border-radius: 5px; overflow: hidden;max-width:100%;}
.download-list li { background: #eee; color: #222; line-height: 30px; font-size: 12px; }
.download-list li:nth-child(2n) { background: #e7e7e7; }
.download-list li a { padding: 10px; display: block; }
.download-list li a:hover { color: #fd9b52; }
.download-list li .imgbox { width: 32px; height: 32px; float: right; margin-left: 20px; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.download-list li a:hover .imgbox { margin-left: 45px; }
.download-list li .imgbox img { width: 100%; height: 100%; }

/*gallery*/
.gallery-page { padding: 40px 0; }
.galleryLvl1 { text-align: center; }
.galleryLvl1 li { float: none; margin: 40px; }
.list4 li { float: right; display: inline-block; margin: 0 0 30px 0;width:25%;padding:0px 15px; }
.list4 li:nth-child(4n) { margin-left: 0px; }
.list4 li a figure { width: 260px; height: 260px; overflow: hidden; position: relative; }
.list4 li a figure::before { position: absolute; left: 0px; right: 0px; margin: 0px auto; width: 240px; height: 240px; top: 10px; border: 1px solid #fff; content: ""; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.list4 li a figure:hover::before { background: rgba(0, 53, 107, 0.16); }
.list4 li a figure img { width: 100%; height: 100%; object-fit: cover; }
.list4 li a figure figcaption { position: absolute; height: 47px; line-height: 45px; overflow: hidden; left: 0px; right: 0px; margin: 0px auto; width: 240px; bottom: 103px; text-align: center; font-size: 11px; color: #00356b; border: 1px solid #fff; border-right: none; border-left: none; padding: 0 10px; background: rgba(255, 255, 255, 0.75); -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; }
.list4 li a figure:hover figcaption { bottom: 10px; }
.movie-page .video-box { width: 580px; height: 330px; overflow: hidden; position: relative; border-radius: 5px; }
.movie-page .video-box video { width: 100%; height: 100%; position: absolute; left: 0px; right: 0px; margin: 0px auto; top: 0px; object-fit: cover; }
.movie-page .video-box .control-box { position: absolute; left: 0px; right: 0px; margin: 0px auto; text-align: center; width: 100%; height: 100%; top: 0px; background: rgba(255,255,255,.7); }
.movie-page .video-box .control-box #play { border-radius: 50%; width: 64px; height: 64px; overflow: hidden; margin-top: 126px; cursor: pointer; -moz-animation: blinker 3s infinite; -o-animation: blinker 3s infinite; -webkit-animation: blinker 3s infinite; animation: blinker 3s infinite; }
.movie-page .video-box .control-box #play img { width: 100%; height: 100%; }
.movie-page .video-box { width: 800px; height: 456px; overflow: hidden; position: relative; border-radius: 5px; margin-bottom: 30px; }
.movie-page .video-box .control-box #play { border-radius: 50%; width: 64px; height: 64px; overflow: hidden; margin-top: 187px; cursor: pointer; -moz-animation: blinker 3s infinite; -o-animation: blinker 3s infinite; -webkit-animation: blinker 3s infinite; animation: blinker 3s infinite; }
.v-slider { margin: 30px 0; box-sizing: border-box; z-index: 10; }
.v-slider .item .box { width: 190px; height: 108px; margin: 0px auto; cursor: pointer; position: relative; padding-top: 7px; border-top: 3px solid #333333; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.v-slider .item .box.selected { border-color: #149254; }
.v-slider .item .box:hover { border-color: #00508c; }
.v-slider .item .box > figure { width: 190px; height: 108px; margin: 0px auto; overflow: hidden; }
.v-slider .item .box > figure img { width: 100%; height: 100%; object-fit: cover; }
.v-slider .item .box > figure figcaption { position: absolute; content: ""; left: 0px; right: 0px; margin: 0px auto; text-align: center; width: 100%; height: 100%; background: rgba(0,0,0,0.4); top: 0px; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; opacity: 0; }
.v-slider .item .box > figure:hover figcaption, .v-slider .item .box.selected > figure figcaption { opacity: .4; }
.vins-slider { width: 800px; margin: 0px auto 50px; text-align: center; }


.movies-list li { text-align: center; float: right; margin: 0 0 37px 37px; display: inline-block; }
.movies-list li:nth-child(2n) { margin-left: 0px; }
.movies-list li .video-js { width: 580px; height: 400px; display: block; margin: 0 auto; object-fit: cover; }
.movies-list li .video-js .vjs-texttrack-settings, .videoList li .videoBox .video-js .vjs-subtitles-button, .videoList li .videoBox .video-js .vjs-captions-button { display: none !important; }
.movies-list li .video-js .vjs-big-play-button { width: 50px; height: 50px; left: 0px; right: 0px; margin: 0 auto; border-radius: 50%; top: calc((100% - 50px) / 2); }
@media (max-width: 1200px) {
    .movies-list li .video-js {width:100%;}
    .movies-list li {width:452px;margin:0 13px 28px 25px;}
}

@media (max-width: 992px) {
    .movies-list li  {width:49%;float:right;margin:0 0 30px 0;}
    .movies-list li:nth-child(2n) {float:left;}
}

@media (max-width: 768px) {
        .movies-list li  {width:100%;padding:0 15px;}
        .movies-list li .video-js {margin:0 auto;}

}











