@charset "utf-8";
/* CSS Document */
*{font-family:PingFang SC,microsoft yahei;-webkit-font-smoothing:antialiased;}
body{margin:0px; padding:0px; font-size:12px; font-family:PingFang SC,microsoft yahei; background-color: #fff;min-width:1200px;}
p,form,h1,h2,h3,h4,dd,dt,dl,em{margin:0px; padding:0px; font-weight: normal;font-style: normal;}
ul,li{margin:0px; padding:0px; list-style:none;}
img{vertical-align:middle; border:none;max-width: 100%;}
a{text-decoration:none; color: #484848;}
.clear{clear:both;}
.mt20{margin-top:20px;}
/**********/
#pages{padding: 50px 0; padding-top: 20px; height: 30px; text-align: center;}
#pages ul{display: inline-block;}
#pages li{float: left; margin: 0 2px; height: 27px; line-height: 27px; color: #333; background-color: #F1F1F1; margin-bottom: 5px; }
#pages a{background-color: #F1F1F1; color: #333; background-image: none !important; border: none; padding: 0 10px; display: block;}
#pages a:hover{background-color: #eee; background-image: none !important;}
#pages li span{display: inline-block; padding: 0 10px;}
#pages .disabled span{display: inline-block; padding: 0px 10px;background-color: #eee; color: #333;}
#pages .active{background-color: #222; color: #fff;}

/*******************************************/
.head{height:75px;min-width:1030px;margin:0 auto;background:#1f1f1f;position:relative;width:100%;z-index:99;}
.header{width:1030px;margin:0 auto;}
.header .logo{float:left;margin-top:25px;}
.menu{float:right;}
.menu ul{}
.menu li{ height: 100%; float: left; text-align: center; font-size: 12px;padding:0 20px;margin:0 1px;position:relative;z-index:98;}
.menu li #m{display: block; color: #fff;line-height:75px;}
.menu li:hover{color:#8e8e8e;}
.menu li:hover #m{text-decoration:none;color:#8e8e8e}
.menu .navcur{color:#8e8e8e;}
.menu .navcur #m{color:#8e8e8e}
.menu li dl{ display:none; position:absolute; top:75px;width:100%;z-index:999; overflow:hidden;background:rgba(0,0,0,0.8);left:0;}
.menu li dd{ height:30px; overflow:hidden;margin:2px 0;}
.menu li dd a{ height:30px; text-align:center; line-height:30px;font-size:12px;color:#fff;}
.menu li dd a:hover{ color:#8e8e8e; text-decoration:none;}

.fengwei{font-size:27px;color:#fff;letter-spacing: 2em;position:absolute;bottom:150px;left:calc(50% - 225px);width:500px;text-align:center;}

.cnen {float:right;margin-top:15px;font-size:12px;margin-left:50px;color:#fff;line-height:48px;}
.cnen a{color:#fff;}
.banner{height:569px;background:#fff; width:100%; position:relative;z-index:97;min-width:1030px; }
.xsvideo{position:absolute;bottom:70px;width:89px;display:block;background:#fff;height:38px;border-radius:40px;color:#666;line-height:40px;padding-left:40px;left:calc(50% - 70px);font-size:18px;vertical-align: middle;overflow:hidden;}
.xsvideo img{float:right;margin:14px 25px 0 0 ;}

.flexslider .slides > li { display: none; }
.flexslider .slides img { max-width: 100%; display: block; }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.no-js .slides > li:first-child { display: block; }
.flexslider { position: relative; zoom: 1;z-index:0; }
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; }
.flex-caption { background: none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
zoom: 1; }
.flex-caption { width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px; }
.flex-direction-nav { height: 0; overflow: hidden; }
.flex-direction-nav li a { display: none; width: 47px; height: 80px; position: absolute; top: 50%; margin-top: -60px; cursor: pointer; text-indent: -9999px;border-radius:5px; }
.flex-direction-nav li a.next { right: 0;z-index:999999999;background: url("../images/bg_direction_nav.png") no-repeat scroll -47px 0 transparent; }
.flex-direction-nav li a.next:hover { }
.flex-direction-nav li a.next:active { background: url("../images/bg_direction_nav.png") no-repeat scroll -47px -80px transparent; }
.flex-direction-nav li a.prev { left: 0;z-index:999999999; background: url("../images/bg_direction_nav.png") no-repeat scroll 0 0 transparent; }
.flex-direction-nav li a.prev:hover { }
.flex-direction-nav li a.prev:active { background: url("../images/bg_direction_nav.png") no-repeat scroll 0 -80px transparent; }
.flex-direction-nav li a.disabled { opacity: .3; filter: alpha(opacity=30); cursor: default; }
.flex-control-nav { position: absolute; bottom: 0px; left: 50%;margin-left:-220px;width:350px;height:30px;text-align:right; z-index:9999999999999;text-align:center;}
.flex-control-nav li { display: inline-block; zoom: 1; *display:inline; margin-left: 10px;margin-top:10px; }
.flex-control-nav li a { display: block; width: 30px; font-size:0px;height: 5px; background:#a8a8a8 ; transparent; cursor: pointer; text-indent: -9999px; }
.flex-control-nav li a:hover { background:#fff;  }
.flex-control-nav li a.active { background:#fff; cursor: default; }

.pop1,.pop2,.pop3,.pop4,.pop5,.pop6,.pop7,.pop8 {  display: none;  width: calc(100% - 40px); height:calc(100% - 40px);  position: fixed;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto;  padding: 20px;  z-index: 999999999;  background-color: #000;  }
.pop-top{  min-height:45px;  width:100%;  overflow:hidden;position:relative;}
.pop-top h2{  color:#fff;line-height:45px;  display:black;text-align:center;}
.pop-top span{  position:absolute;  cursor: pointer;  font-weight: bold; left:10px;top:10px;}
.pop-top p{text-align:center;font-size:14px;color:#fff;}
.pop-content{  height: 98%;margin:0px auto;width:100%; overflow:auto;line-height:28px;font-size:14px;color:#666;background:#000;text-align:center;}
.pop-content video{width:100%;height:94%;background:#000;max-width:1400px;margin:0 auto !important;}
.bgPop{  display: none;  position: fixed;  z-index: 129;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,0.7);  }

.gray{background:#f7f7f4;overflow:hidden;}
.index{overflow:hidden;width:1030px;margin:20px auto;}
.xzhe{overflow:hidden;text-align:center;}
.xzhe li{width:25%;margin:4%;display:inline-block;padding-top:50px;color:#222;font-weight:bold;font-size:16px;text-align:center;vertical-align: top;}
.xzhe img{margin:25px auto;display:block;vertical-align: top;}
.xbody{overflow:hidden;padding:40px 0px 100px 0px;text-align:center;line-height:32px;color:#646464;width:920px;margin:0 auto;}
.xbody p{font-size:14px;color:#646464;line-height:28px;}

.fff{background:#fff;;overflow:hidden;padding:30px 0;}
.title{text-align:center;font-size:28px;color:#222;font-weight:bold; letter-spacing:5px;}
.dongtai{overflow:hidden;width:1030px;margin:20px auto;}
.dongtaileft{width:650px;float:left;}
.dongtairight{width:380px;float:right;}
.dongtaileft video{width:650px;height:360px;background:#000}
.dongt{overflow:hidden;width:1015px;margin:30px auto;padding-right:15px;}
.dongt strong{font-size:24px;color:#222;line-height:44px;font-weight:normal;}
.dongt strong a{color:#222}
.dongt p{font-size:14px;line-height:24px;color:#646464;text-align:justify;}
.mt50{margin-top:50px;}

.hiddendiv{display: none;}
.yanse{line-height:30px;height:30px;width:1030px;margin:30px auto;text-align:center;}
.yanse ul li{display:inline-block;;margin:0 20px;}
.yanse ul li a{color:#222;font-size:14px;text-decoration:none;font-family:"Microsoft Yahei";padding:0 20px;display:block;}
.yanse ul li .tabactive{padding:0px 20px;font-weight:normal;background:#222;color:#fff;}
.tabdiv{width:1030px;overflow:hidden;margin:10px auto;}	
.tuji{overflow:hidden;}
.tuji ul li{float:left;margin:2px;width:339px;height:496px;position:relative;}
.tuji ul li img{height:339px;width:339px;}
.tuji ul li strong{display:block;font-size:16px;line-height:36px;margin:20px 0 0px 0;font-weight:normal;color:#000}
.tuji ul li p{line-height:22px;color:#646464;font-size:12px;width:312px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.tuji ul li .pp1{position:absolute;top:395px;background:#fff;display:none;line-height:22px;width:312px;color:#646464;z-index:99999;padding-right:27px;padding-bottom:27px;}


.more{text-align:center;font-size:14px;padding:20px 0;color:#939393;vertical-align: middle}
.more img{vertical-align: middle;float:right;margin-top:2px;}
.more a{color:#222222;display:inline-block;}

.footer{overflow:hidden;background:#191919;min-height:300px;}
.foot{width:1030px;margin:60px auto 80px;line-height:24px;color:#999;overflow:hidden;}
.f1{float:left;overflow:hidden;}
.f11{line-height:40px;text-align:left;}
.f11 strong{font-weight:normal;}
.f12{margin-top:20px;}
.f12 img{height:37px;margin:0 5px;}
.f13{margin-top:75px;font-size:12px;}
.f2{float:right;overflow:hidden;line-height:28px;text-align:center;}

.f2 img{display:block;margin:0 auto;}
.f21{float:left;padding:0 20px;font-size:12px;line-height:50px;}
.f22{float:right;padding:0 20px;line-height:50px;font-size:12px;}
.copy{text-align:center;color:#999;border-top:1px #434343 solid;line-height:43px;font-size:12px;}

.list{width:1030px;margin:20px auto;overflow:hidden;min-height:300px;}
.listtitle{text-align:center;font-size:24px;color:#222;font-weight:bold; letter-spacing:0px;margin:30px auto 20px;}
.danye{padding:20px;line-height:26px;}
.bottom{width:1030px;height:70px;border-top:1px #ececec solid;background:url(../images/logo1.png) no-repeat right center;margin-bottom:40px;background-size:139px 37px;}

.tuandui{overflow:hidden;padding:20px 0;}
.tuandui ul li{float:left;margin:0px;width:341px;height:443px;position:relative;}
.tuandui ul li .mb{position: absolute;;height:170px;width:281px;left:0;bottom:0;background:rgba(0,0,0,0.8);text-align:left;line-height:20px;font-size:12px;color:#ccc;display:none;padding:25px 30px;}
.tuandui ul li:Hover .mb{display:block;}
.tuandui ul li img{width:341px;height:443px;}
.tuandui ul li strong{font-size:24px;color:#eee;display:block;line-height:35px;margin-bottom:12px;}

.listbody{padding:20px 0;overflow:hidden;}
.laiyuan{font-size:12px;color:#666;text-decoration: underline;}
.listbody .bbb{overflow:hidden;line-height:24px;padding:10px 0;text-align:justify }
.listbody video{width:100%;height:472px;background:#000}

.liebiao{overflow:hidden;padding:0 50px;}
.liebiao ul{width:832px;margin:0 auto;}
.liebiao ul li{overflow:hidden;padding:30px 0px;}
.liebiao ul li strong a{font-size:20px;line-height:32px;font-weight:bold;color:#222;}
.liebiao ul li p{color:#666;font-size:12px;line-height:22px;}
.yuedu{text-align:right;font-size:12px;}

.blkshoplistx { border: 0px; padding: 0px; ZOOM: 1; height: 260px; width: 1030px; position:relative;margin:10px auto 0; }
.blkshoplistx .LeftButton { background: url(/images/zuo2.png) no-repeat; float: left; width: 20px; cursor: pointer; position: absolute; height: 20px;position:absolute;top:calc(55% - 10px);left:-30px;z-index:99999; background-size:100% 100%;}
.blkshoplistx .RightButton { background: url(/images/you2.png) no-repeat; float: right; width: 20px; cursor: pointer; position: absolute; height: 20px;position:absolute;top:calc(55% - 10px);right:-30px;z-index:99999; background-size:100% 100%;}
.blkshoplistx .Cont { padding: 10px 0px 0px; margin: 0px; text-align: center; overflow: hidden; }
.blkshoplistx .box { float: left; text-align: center; margin: 0px; padding: 0px; width: 247px;position:relative;margin:5px; }
.box .fang { padding: 0px; margin: 0px; text-align: center;  }
.box .picFit { overflow: hidden; }
.wawa{ font-size:14px;color:#222;text-align:left;width:247px;height:32px;display:block;margin:0 auto;line-height:32px;margin-top:5px;}
.blkshoplistx .box img { width:247px;height:228px;}

.kaba{height:220px;}
.kaba .box img { width:247px;height:140px;}
.kaba .LeftButton {top:30%;}
.kaba .RightButton {top:30%;}


.pianhua{font-size:18px;font-weight:bold;max-width:1030px;margin:50px auto 0;}

.crumb{line-height:60px;border-bottom:1px #ccc solid;font-size:14px;color:#666;padding-left:30px;background:url(../images/zy.png) no-repeat 5px center;}
.crumb a{color:#666;}

.xntitle{text-align:center;font-size:20px;margin:20px auto;font-weight:bold;color:#222;}
.xninfo{text-align:center;font-size:14px;line-height:40px;margin:10px 0;color:#666;}
.updown{padding:20px 0;}
.w832{width:832px;margin:0 auto;color:#666;text-align:justify;}

.tdcontent{background:#fff;margin:10px auto;padding:20px;}
.tdcontent strong{display:block;font-size:22px;color:#222;line-height:40px;}

.index1{overflow:hidden;width:1030px;margin:0px auto;background:#111;}
.left{width:748px;float:left;min-height:424px;overflow:hidden;}
.left video{width:748px !important;height:424px !important;}

.right{width:265px;float:right;}
.f1f1f{background:#1f1f1f;overflow:hidden;}
#box{position:relative;width:265px;height:424px;text-align:left;}
#box div{position:absolute;top:50px;left:0;width:255px;height:340px;overflow:hidden;}
#box .up{position:absolute;left:50%;width:14px;height:14px;z-index:10;cursor:pointer;overflow:hidden;margin-left:-7px;text-indent:-9999px;background:url(/images/up.png) no-repeat;background-size:100% 100%;}
#box .down{position:absolute;left:50%;width:14px;height:14px;z-index:10;cursor:pointer;overflow:hidden;margin-left:-7px;text-indent:-9999px;background:url(/images/down.png) no-repeat;background-size:100% 100%;}
#box .up{top:10px;background-position:0 0;}
#box .down{bottom:10px;background-position:0 bottom;}
#box ul{position:absolute;width:255px;}
#box li{width:255px;height:85px;list-style:none;}
#box a{color:#fff;font-weight:700;text-decoration:none;}
#box img{width:130px;height:72px;display:block;float:left;margin-right:10px;}

::-webkit-scrollbar {
    width: 6px;
    padding-right: 4px;
    background-color: #666; 
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #333; 
}
::-webkit-scrollbar-thumb:window-inactive {
    background-color: #333;
}

.spzhuti{width:1030px;margin:20px auto;}
.spzhuti strong{font-size:22px;color:#fff;display:block;margin-bottom:10px;}
.spzhuti p{color:#bcbcbc;}
.spzhuti p span{margin-right:27px;}
.jjtit{font-size:14px;color:#222222;line-height:40px;}
.spcontent{color:#666;}
.mt40{margin-top:30px;}
.danyesp{line-height:22px}

.list0 li .color{color:#8e8e8e !important}
.list0 video{float:left;margin-right:10px;vertical-align: top;background:#fff;object-fit:fill}

