/*ͼƬ�Ŵ�*/
.pic-scale .pic, .img-scale { position: relative; overflow: hidden; }
.img-scale img, .pic-scale img { -webkit-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; }
.img-scale:hover img, .pic-scale:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.img-scale.scale2:hover img, .pic-scale.scale2:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.oh { overflow: hidden; }




.none { display: none }
.check:checked, .check:not(:checked) { position: absolute; left: -9999px; opacity: 0 }
.check:checked+label, .check:not(:checked)+label { position: relative; display: inline-block; height: 14px; font-size: 14px; cursor: pointer; padding-left: 20px; }
.check+label:after, .check+label:before { position: absolute; top: 2px; left: 0; z-index: 0; width: 16px; height: 13px; border-radius: 3px; content: ''; background: #000 }
.check:checked+label:after { background: #ca140d }
.radio:checked+label, .radio:not(:checked)+label { position: relative; display: inline-block; height: 16px; font-size: 14px; line-height: 16px; cursor: pointer; padding-left: 20px }
.radio+label:after, .radio+label:before { position: absolute; top: -1px; left: 0; z-index: 0; width: 16px; height: 16px; border-radius: 50%; content: '' }
.radio:not(:checked)+label:after, .radio:not(:checked)+label:before { border: 1px solid #888 }
.radio:checked, .radio:not(:checked) { position: absolute; left: -9999px; opacity: 0 }
.radio:checked+label:before { border: 1px solid #d9a65c }
.radio:checked+label:after { width: 8px; height: 8px; border-radius: 50%; background: #d9a65c; top: 3px; left: 4px }
::-webkit-input-placeholder { color: #999; opacity: .54 }
::-webkit-file-upload-button { font: inherit; -webkit-appearance: button }
:-ms-input-placeholder { color: #999 }
.abox { display: block; }


.clearfix:after { clear: both; display: block; visibility: hidden; overflow: hidden; height: 0; content: "." }
.l { float: left }
.r { float: right }
.fl { float: left !important }
.fr { float: right !important }
.bor { border: 1px dashed #999 }
.poab { position: absolute }
.pore { position: relative }
.texto a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.eclip { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.imgInline { display: inline-block !important; vertical-align: middle }
.imgMargin { margin: 0 auto }
.imgW100 { width: 100% }
.text-r { text-align: right }
.text-m { text-align: center }
.text-bold { font-weight: 700; }
.text-light { font-weight: 100; }
.text-up { text-transform: uppercase; }
.flex { display: flex; justify-content: space-between; flex-wrap: wrap }
.flex-left { display: flex; flex-wrap: wrap }
.flex-center { display: flex; flex-wrap: wrap; justify-content: center; }
.flex-right { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.flex-v-center { display: -webkit-flex; display: flex; flex-direction: column; justify-content: center }
.flex-v { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; }
.flex-v-bottom { display: -webkit-flex; display: flex; align-items: flex-end; flex-wrap: wrap; justify-content: left; }
.trans { transition: all .5s }
.trans-mask { display: block; overflow: hidden; width: 100%; cursor: pointer; position: relative; }
.trans-mask img { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.trans-mask:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.bg-mask .pic { overflow: hidden; }
.bg-mask .pic .a { background-repeat: no-repeat; background-position: center; background-size: cover; height: 100%; display: block; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.bg-mask:hover .pic .a { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.bgimg { background-repeat: no-repeat; background-position: center; background-size: cover; }
.ablink { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; background: rgba(255, 255, 255, 0); }
.wp { width: 90%; margin: 0 auto; max-width: 1400px }
.greybg { background: #f2f2f2 }
.textup { text-transform: uppercase }
.co { color: #bd2323 }
.co-fff { color: #fff !important }
.fixdbody { position: fixed; top: 0; left: 0; right: 0; bottom: 0 }
.m-show { display: none }
.filter-page { filter: blur(5px); }


/*�������ŵ�����ʽ*/
.video_shadow { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1000; display: none; }
.playnow { position: absolute; left: 50%; top: 50%; margin-left: -410px; margin-top: -286px; width: 820px; height: 550px; background-color: transparent; z-index: 1000; }
.video_control { width: 820px; height: 500px; box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, .5); }
.video_control video { width: 100%; height: 100%; object-fit: fill; }
.closevideo { position: absolute; right: -30px; top: -24px; font-size: 35px; color: #fff; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.closevideo:hover { right: -35px; }
@media (max-width:1000px) {
  .playnow { left: 5%; top: 30%; margin-left: 0; margin-top: 0; width: 90%; height: auto; }
  .video_control { width: 100%; height: auto; box-shadow: none; }
  .closevideo { position: absolute; right: 0; top: -50px; font-size: 30px; color: #fff; cursor: pointer; }
}