@charset "UTF-8";
/* CSS Document */
* { margin: 0; padding: 0; }

html { font-size: 62.5%; height: 100%; }

body { margin: 0 auto; font-size: 14px; font-size: 1.4rem; height: 100%; }

img { border: none; }

ul li { list-style-type: none; }

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span { margin: 0; padding: 0; list-style: none; color: #333; }

a { text-decoration: none; color: #333; outline: none; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; }

h1 { margin: 0; padding: 0; font-weight: normal; color: #333; }

.clear { clear: both; }

.mln { margin-left: auto !important; }

input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-size: 1.4rem; color: #333; border: none; outline: none; }

.l { float: left; }

.r { float: right; }

.fix { *zoom: 1; }

.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.slideshow .item img { width: 100%; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -o-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.slideshow .item.slick-active img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

/* 	ָʾ�� */
.slick-dots { position: absolute; width: 15px; right: 60px; top: 50%; margin-top: -70px; }

.slick-dots li { display: inline-block; }

.slick-dots li button { cursor: pointer; background: url(../images/dot.png) no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; font-size: 0px; border: none; outline: none; width: 15px; height: 15px; -moz-border-radius: 50%; border-radius: 50%; margin: 10px 0; }

.slick-dots li.slick-active button { background: url(../images/dot1.png) no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; }

@media screen and (max-width: 767px) { .slick-dots { right: 30px; margin-top: -40px; }
  .slick-dots li button { width: 10px; height: 10px; margin: 2px 0; } }

.page_banner .slick-dots { text-align: center; left: 0; width: 100%; right: 0; bottom: 31px; margin-top: auto; top: auto; }

.page_banner .slick-dots li button { margin: 0 10px; }

@media screen and (max-width: 767px) { .page_banner .slick-dots { bottom: 15px; }
  .page_banner .slick-dots li button { width: 10px; height: 10px; margin: 0 5px; } }

/* ��ͷ */
.slick-prev, .slick-next { width: 41px; height: 90px; border: 0px; font-size: 0px; cursor: pointer; display: none !important; }

.slick-prev { position: absolute; top: 50%; margin-top: -45px; left: 40px; z-index: 999; }

.slick-next { position: absolute; top: 50%; margin-top: -45px; right: 40px; z-index: 999; }

.slideshow:hover .slick-prev, .slick-next { display: none !important; }

@media screen and (max-width: 999px) { .slideshow:hover .slick-prev, .slick-next { display: none !important; } }


.slideshow video{
	    position: absolute;
	    display: block;
	    left: 50%;
	    top: 50%;
	    -webkit-transform: translate(-50%,-50%);
	    transform: translate(-50%,-50%);
	    min-width: 101%;
	    min-height: 100%;
	    max-width: none;
	    -o-object-fit: cover;
	    object-fit: cover;
	    -o-object-position: 50% 50%;
	    object-position: 50% 50%;
	    display: none \9;
	    display: block \9\0;
	}