/*!
    Theme Name: lexiw
    Theme URI: https://www.lexiw.com/
    Description: A better theme by lexiw.com
*/
.focus{width: 800px;height: 460px;}
.focus .swiper-slide .tit{position:absolute;left:0;right:0;bottom:0;line-height: 68px;padding:0 20px; z-index:3;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);background:rgba(0,0,0,.65);background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.65)));font-weight:400;width:100%;font-size:22px;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%)}
.focus .swiper-slide .tit a, .focus .swiper-slide .tit a:hover{color:#fff !important;}
.focus .swiper-slide a img{width:800px;height:460px; transition: all .3s ease-out 0s;display: block;}
.focus .swiper-slide a:hover img {
    opacity: .9;
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

@media only screen and (min-width:900px) {
.hmFocus {height: 460px;
    position: relative;
    overflow: hidden;}
.hmFocus .swiper-pagination {left: auto;right: 0;bottom: 25px;width:100%;    text-align: right;padding: 5px 10px;}
.hmFocus .swiper-pagination-bullet {opacity:.5;background:#ffffff;margin-right:6px!important;width:8px;height:8px;display:inline-block;background:#fff;opacity:.7; border-radius: 10px;}
.hmFocus .swiper-pagination-bullet-active {background:#3e69f7;width:25px;}
.autoImg a img {width:800px;height:auto;display:block}
}
@media only screen and (max-width:900px) {
.hmFocus {width:100%}
.swiper-container {width:100%}
.hmFocus .swiper-pagination {bottom:0;left:0;width:100%}
.hmFocus .swiper-pagination-bullet {opacity:.5;background:#ffffff;margin:0 3px!important;border:1px solid #fff;width:15px;height:3px;display:inline-block;background:#fff;opacity:.2}
.hmFocus .swiper-pagination-bullet-active {background:#3e69f7;border:1px solid #fff;height:4px}
.swiper-slide {width:100%}
.swiper-slide a {width:100%;display:block}
.media-overlay a{font-size: .875rem !important;}
.autoImg a img {width:100%;height:auto;display:block}
}
.swiper-slide,.swiper-wrapper {height:100%;position:relative;transform-style:preserve-3d;width:100%}
.swiper-container {margin:0 auto;position:relative;overflow:hidden;z-index:1;}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper {z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-slide {-webkit-flex-shrink:0;flex-shrink:0}
.swiper-pagination {position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden {opacity:0}
.swiper-pagination-bullet {display:inline-block;background:#000;opacity:.2}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet {background:#fff}
.swiper-pagination-bullet-active {opacity:1;background:#007aff}
.swiper-pagination-white .swiper-pagination-bullet-active {background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active {background:#000}
.swiper-button-next,.swiper-button-prev {background: rgba(0,0,0,.6);border-radius: 50%;opacity: 0;transition: all .3s;text-align: center;color: #fff;font-size:26px;position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;}
.swiper-button-prev{left:-16px;right:auto;}
.swiper-button-next{right:-16px;left:auto;}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev {opacity: 1;}
.swiper-container:hover .swiper-button-prev {left: 10px}
.swiper-container:hover .swiper-button-next {right: 10px}
.media {position:relative;display:block;overflow:hidden;padding:0;-ms-flex-negative:0;flex-shrink:0;border-radius:inherit;}
.media:after {content:'';display:block;padding-top:42.857143%;}
.media-content {position:absolute;top:0;bottom:0;left:0;right:0;border:0;border-radius:inherit;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:rgba(120,120,120,.1);transition: all .3s ease-out 0s}
.media-content:hover{-webkit-transform:scale(1.01);transform:scale(1.01);-ms-transform:scale(1.01)}
.media-overlay {position:absolute;top:auto;left:0;right:0;bottom:0;z-index:2;display:-webkit-box;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;background:linear-gradient(to top,rgba(6,6,8,.33),rgba(6,6,8,0));padding:1rem 1.5rem;}
.media-overlay a{color:#fff;font-size: 1.125rem;line-height: 1.4;font-weight: 600;}

#focus {width:800px;overflow:hidden;}
.hot-videos {background-color:#fff;width:100%;display:flex;justify-content:space-between;overflow:hidden;}
.hot-videos div {width:250px;float:left;}
.hot-videos div a {display:block;border-radius:5px;overflow:hidden;}
#focus img {transition-duration:.8s;}
.hot-videos div a img {width:100%;height:150px;transition-duration:.5s;}
.hot-videos div a img:hover {transform:scale(1.05)}
.hot-videos div em {display:block;height:40px;line-height:20px;overflow:hidden;margin:15px 10px;font-style:normal;}
.bg-slate-100 {--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));}
#scrolling {height:700px;}
.scrolling {height:700px;}
.scrollbar {overflow:scroll;}
.scrollbar::-webkit-scrollbar {width:1px;height:1px;}
.scrollbar::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 5px rgb(197 197 197 / 20%);background:#a3a3a3;}
.scrollbar::-webkit-scrollbar-track {background:#d6d6d6;}
ul.list-hots li {padding:15px;margin-top:1px;font-size:18px;background-color:#fff;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;}
ul.list-hots li.hover {background-color:#0073b3;color:#fff;}
ul.list-hots li.hover a {color:#fff;}
.w-1\/3 {width:32.3%;padding:0 20px;background-color:#fff;}
h3.title {color:#c00;font-weight:600;font-size:18px;line-height:70px;}
h3.title a {color:#c00;margin-right:20px;}
.blk-img {overflow:hidden;margin-bottom:15px;}
.blk-img a {position:relative;display:block;border-radius:12px;overflow:hidden;}
.blk-img img {width:100%;height:225px;transition-duration:.5s;}
.blk-img img:hover {transform:scale(1.05)}
.blk-img p {position:absolute;bottom:0;width:100%;color:#fff;padding:5px 10px;overflow:hidden;text-align:center;background:rgba(0,0,0,.4);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);text-overflow:ellipsis;white-space:nowrap}
ul.list-title li {padding-top:8px;padding-bottom:8px;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.blank {clear:both;height:8px;overflow:hidden;display:block;}
.section-bg {width:1200px;margin:0 auto;}
.newsconleft {width:800px;float:left;}
.newsconright {width:350px;float:right;margin-top:50px;}
#content {border-top:1px solid #f0f0f0;margin-top:15px;width:800px;text-align:justify;text-justify:inter-ideograph;overflow:hidden;padding:9px 0;font-size:14px;clear:both;line-height:23px;word-wrap:break-word;vertical-align:top;}
.news_con_p10 {padding:0px 10px;overflow:hidden;}
.text_list_f14 li {font-size:18px;line-height:3em;border-bottom:1px solid #f6f6f6;}
.date {color:#666;float:right;margin-left:25px;}
.bloTit {font-size:20px !important;color:#3B538A;}
.newslist-a li {padding-left:18px;background:url(../images/icon-point.png) no-repeat left -86px;font-size:1em;font-weight:normal;line-height:2em;height:2em;overflow:hidden;font-size:16px;text-align:left;}
.newslist-a li span {float:right;margin-left:10px;color:#999;}
#container {overflow:hidden;margin-bottom:30px;}
#header,#h-adv,#container {width:1200px;margin:0 auto;overflow:hidden;}
#container .positon {line-height:50px;font-size:14px;color:#666;}
#container a {color:#333;}
#container .main {width:740px;float:left;margin-right:80px;border-top:1px solid #f0f0f0;}
#container .sub {overflow:hidden;position:relative;border:1px solid #edf4ff;background-color:#fcffff;padding:10px 20px 20px;}
#container .a-header h1 {font-size:28px;line-height:1.5em;text-align:justify;}
#container .a-header .info {line-height:40px;font-size:14px;color:#888;}
#container .a-header .info span {margin-right:10px;}
#container .a-header .info {line-height:40px;font-size:14px;color:#888;}
#container .a-container {padding-top:15px;border-top:1px solid #f0f0f0;text-align:justify;font-size:18px;line-height:2em;color:#262626;}
#container .a-footer {color:#888;line-height:32px;margin-bottom:15px;font-size:14px;text-align:right;}
.frt {float:right;}
#friend {font-size:14px;padding:10px;background-color:#fff;}
.border-b {border-bottom:1px solid #f2f2f2;}
.text-base {font-size:1rem;line-height:1.5rem;}
#friend h5 span.hover {font-weight:700;color:#c00;}
#friend h5 span {cursor:pointer;margin:0 5px;}
#friend .fcont {padding:20px 0;}
#friend .fcont a {display:inline-block;margin:0 6px;}