 
/*notes s*/
.notes{height:30px;background:#eeeeee}
.notes-l{line-height:30px;font-size:13px;color:#666666;overflow:hidden;}
.notes-r{width:270px;background:url(../images/btn.png) no-repeat center top;height:30px;text-align:center;line-height:30px;color:#fff!important;font-size:13px;}
.header-main{height:100px;padding:0 2%; position: relative;z-index: 999;}
.logo{height:100px;display:flex;justify-content:center;align-items:center;}
.navs{height:100px;border-right:1px solid #eeeeee;width: 60%;text-align: right;}
.navs li{float: left;height:100px;line-height:100px;/* display: inline-block; */margin: 0 10px;width:80px;font-size:16px;position:relative;}
.navs li a{color:#333333;/* font-size:0.85vw */}
.top-call{height:70px;margin-top:30px;padding-left: 42px;margin-left:2.5%;background: url(../images/call.png) no-repeat left 5px;}
.top-call p{font-size:14px;color:#9f0600;margin-bottom:0; }
.top-call strong{font-size:18px;color:#9f0600}
/*notes e*/

@media screen and (max-width:1300px){
	.navs li{font-size:14px;width:70px}
}



/*banner s*/
.banner{height:800px;;position: relative;}
.banner{width:100%}
.slideBox .hd{overflow:hidden;position:absolute;right:5px;bottom:35px;z-index:999;width:100%;text-align:center;}
.slideBox .hd ul li{ display:inline-block; margin:0 6px;  width:30px; height:8px;text-align:center; background:rgba(255,255,255,.5); cursor:pointer;zoom:1;*display:inline;}
.slideBox .hd ul li.on{ background:rgba(255,255,255,1)}
.slideBox .bd ul{width:100%!important}
.slideBox .bd li{ zoom:1; vertical-align:middle; text-align:center; height:800px;width:100%!important }
.slideBox .bd img{ width:100%; height:auto; display:block; margin:0 auto;  }
.slideBox .bd a{display:block;width:100%;height:100%;}
.slideBox .prev{
	width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    left: 5%;
    font-size: 30px;
    top: 48%;
    text-align: center;
    z-index: 999;
    background: rgba(0,0,0,0.5);
    line-height: 50px;
    color: #fff;
font-family:"宋体";
cursor:pointer;}
.slideBox .prev:hover{background:#9f0600}
.slideBox .next:hover{background:#9f0600;}
.slideBox .next{width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    right: 5%;
    font-size: 30px;
    top: 48%;
    text-align: center;
    z-index: 999;
    background: rgba(0,0,0,0.5);
    line-height: 50px;
    color: #fff;
    cursor:pointer;
font-family:"宋体"}
/*banner e*/

/*sous s*/
.sous{height:150px;position:relative;border-bottom:1px solid #f5f5f5;top:-70px}
.sous-ib{position: absolute;left:0;bottom:0;width:100%;height:80px;}
.sous-main{width:1200px;margin:0 auto;height:150px;background:#fff}
.sous-l{width:630px;padding:25px 25px 0 25px;}
.inputs{width:630px;height:45px;background:#f5f5f5}
.txts{width:580px;height:45px;line-height:45px;text-indent:10px;background:none}
.butts{width:45px;height:45px;background:url(../images/ss.png) no-repeat center;cursor:pointer;}
.sous-main{position:relative;z-index:999;}
.sous-l span{font-size:15px;color:#9f0600;display:block;margin-top:20px}
.sous-l a{font-size:15px;color:#333333;margin-right:15px}
.sous-r{width:520px;background:#9f0600}
.sous-pic{width:340px;height:150px;overflow:hidden;}
.smbtn{text-align:center;padding-top:30px}
.smbtn li{width:20px;display:inline-block;line-height:1.2;margin:0 5px;border:1px solid transparent;padding:5px;}
.smbtn li a{color:#fff}
.smbtn li:hover{border:1px solid #fff;}
/*sous e*/


/*pros s*/
.pros{padding:20px 0 30px 0;overflow:hidden;position:relative;width:100%}
.tits{text-align:center;}

/* Ã¦Å“Â¬Ã¤Â¾â€¹Ã¥Â­Âcss */
.picFocuss{ margin:30px auto 0; }
.picFocuss .hd{ width:1200px;margin:20px auto;height:230px;}
.picFocuss .hd ul{ margin-right:-5px; zoom:1; }
.picFocuss .hd ul li{float:left;  text-align:center;width:220px;margin-right:20px  }
.pros-bot-pic img{ width:100%; height:100%; cursor:pointer;transition:all 0.6s   }
.picFocuss .bd li{ vertical-align:middle;height:540px;position:relative;overflow:hidden;background:#f5f5f5}
.picFocuss .bd{height:540px;}

.pros-ms{width:580px;position: absolute;left: 50%;z-index: 999;top: 0;margin-left: -600px;padding-top:80px;}
.pros-ms h2{font-size:40px;color:#9f0600;font-family:"思源宋体 CN";font-weight:bold;}
.ms{font-size:14px;color:#555555;line-height:1.8;text-align:justify;margin-top:20px;}
.pros-sx{margin:25px auto 50px}
.pros-sx p{font-size:16px;color:#c18433;background:url(../images/btns.png) no-repeat left;padding-left:25px;margin-bottom:25px}
.pros-pic{width:50%;height:540px;background:#666;position: absolute;left:0;top:0;z-index:999;}
.pros-bot-pic{width:220px;height:150px;border:2px solid transparent;transition:all 0.6s; }
.picFocuss .hd ul li h2{font-size:16px;color:#555555;font-weight:normal;overflow:hidden;margin-top:5px;white-space:nowrap;text-overflow:ellipsis;transition:all 0.6s;height:25px}
.yuan{position: relative;top:-15px;transition:all 0.6s}
.picFocuss .hd ul li.on h2{font-size:18px;font-weight:bold;color:#9f0600}
.picFocuss .hd ul li.on  .pros-bot-pic{border:2px solid #9a0c04;}

.picFocuss .next{width:50px;height:50px;position: absolute;left: 50%;bottom:340px;background:url(../images/right.png) no-repeat center;z-index:99999;margin-left: 90px;}
.picFocuss .prev{width:50px;height:50px;position: absolute;left: 50%;bottom:340px;background:url(../images/left.png) no-repeat center;z-index:99999;margin-left: -20px;}
.xt{position: absolute;left: 50%;bottom:362px;margin-left: 30px;}
/*pros e*/

/*abouts s*/
.abouts{overflow:hidden;height:920px;background:url(../images/ren.png) no-repeat bottom right;}
.videos{height:400px;overflow:hidden;background:#555}
.abouts-l{height:800px;background:url(../images/tb.png) no-repeat center top;width:300px;position:relative;top:-400px;}
.abouts-l a{width:180px;height:40px;display:block;margin:260px 0 0 50px;border-radius:20px}
.abouts-l span{display:block;margin:40px 0 0 140px;font-size:26px;color:#fff;font-family:"Aparajita Regular"}
.abouts-l img{display:block;margin-top:80px;}
.abouts-desc{width:690px;padding-top:70px}
.abouts-desc p{font-size:15px;color:#666666;line-height:2;text-align:justify;margin-top:20px;overflow:hidden;height:180px;overflow:hidden;}
/*abouts e*/

/*advant s*/
.advant{height:720px;background:#f2f2f2;position:relative;}
.advant li{width:330px;height:290px;position:absolute;text-align:center;padding-top:70px}
.advant li.li1{left:0;top:0;background:#9f0600}
.advant li.li2{right:0;top:0;}
.advant li.li3{left:0;bottom:0;}
.advant li.li4{right:0;bottom:0;background:#9f0600}
.advant li.li4 p,.advant li.li4 h2,.advant li.li1 p,.advant li.li1 h2{color:#fff}
.advant li.li2 h2,.advant li.li3 h2{color:#333333}
.advant li.li4 span,.advant li.li1 span{color:#dea9a7}
.advant li.li2 span,.advant li.li3 span,.advant li.li2 p,.advant li.li3 p{color:#666666}
.advant li h2{font-size:22px;font-weight:bold;font-family:"思源宋体 CN";margin-top:25px}
.advant li span{font-size:12px;text-transform:uppercase;}
.advant li p{font-size:14px;text-align:center;padding:0 40px;line-height:1.8;margin-top:30px}
.advant-top{margin-left:330px;margin-top: -10px;}
.ttb{position: absolute;left:0;top:70px;right:0;bottom:0;margin:auto;}
.il{width:30%;height:360px;background:#9f0600;position: absolute;left:0;top:0;}
.ir{width:30%;height:360px;background:#9f0600;position: absolute;right:0;bottom:0;}
/*advant e*/

/*gognyi s*/
.gognyi{padding:80px 0;overflow:hidden;}
.gognyi-main{height:400px;width:1200px;margin:40px auto;background:#eeeeee;overflow:hidden;}
.gognyi-l{width:700px;margin-left: -45px;    margin-top: -90px;position:relative;}
.gognyi-r li{float:left;border-right:2px solid #fff;height:310px;text-align:center;padding: 90px 43px 0 43px;position: relative;}
.gognyi-r li p{font-size:22px;color:#333333;font-family:"思源宋体 CN";font-weight:bold;width:22px;margin:10px auto;line-height:1.2}
.gognyi-l-pic{width:350px;height:400px;background:#555;position: absolute;left: 0;top: 0;}
.gognyi-l-pic img{width:100%;height:100%;}
.gognyi-l-ms{width:348px;/* height:400px */margin-top:90px;position: absolute;right: 0;top: 0;}
.gognyi-r li i,.gognyi-l-ms i{width:50px;height:50px;display:block;margin:0 auto;background:url(../images/bk.png) no-repeat center;font-family:"思源宋体 CN";font-weight:bold;font-style:normal;font-size:24px;color:#3f3f3f;line-height:50px}
.gognyi-l-ms i{margin-top:100px;text-align:center;background:url(../images/bk2.png) no-repeat center!important;font-size:34px!important;width:70px!important;height:70px!important;color:#9f0600!important;line-height:70px!important}
.gognyi-l-ms h2{font-size:25px;color:#1e1e1e;font-family:"思源宋体 CN";font-weight:bold;text-align:center;margin-top:20px}
.gognyi-l-ms span{text-align:center;font-size:12px;color:#888888;text-transform:uppercase;display:block;margin-top:5px;}
.gognyi-l-ms p{text-align:center;font-size:14px!important;color:#666666!important;width:260px!important;margin:20px auto;line-height:1.8!important;height:50px;overflow:hidden;font-weight:normal!important;}
.gognyi-btn{text-align:center;}
.gognyi-btn span{width:380px;height:45px;display:inline-block;line-height:45px;background:#9f0600;font-size:20px;color:#ffffff;text-align:center;border-radius:25px}
.gognyi-btn a{width:200px;height:45px;display:inline-block;background:#333333;border-radius:25px;text-align:center;line-height:45px;color:#fff!important}
.gognyi-btn a,.gognyi-btn span{display:inline-block;margin:0 5px;}
.gognyi-l{width:0;transition:all 0.6s;overflow:hidden;position: relative;height: 400px;}
.imsmss,.mss{position: absolute;left:0;top:0;right: 0;bottom: 0;margin: auto;}
.imsmss{top:90px;}
.mss{top:145px;}
.gognyi-r li:last-child{border:0;}
/*gognyi e*/

/*advant s*/
.advants{overflow:hidden;}
.advant-tops{height:200px;overflow:hidden;}
.advant-tops-l{width:50%;height:200px;background:#9f0600}
.advant-tops-r{width:50%;height:200px;background:#333333}
.advant-tops-l-tit{width:600px;padding-top:40px;}
.advant-tops-r li{width:185px;height:125px;float:left;margin-left:20px;background:url(../images/tb3.png) no-repeat top;margin-top:50px;border-bottom:5px solid #333333;text-align:center;padding-top:20px}
.advant-tops-r li.active{border-bottom:5px solid #bd7c30;background:url(../images/bks.png) no-repeat top}
.advant-tops-r li span{font-size:24px;color:#ffffff;font-family:"思源宋体 CN";font-weight:bold;}
.advant-tops-r li h2{font-size:18px;font-family:"思源宋体 CN";font-weight:bold;color:#fff}
.advant-tops-r li.active *{color:#333333}

.advant-bots{height:650px;overflow:hidden;position:relative;}
.advant-bots-l{width:50%;height:650px;background:url(../images/bg.jpg) no-repeat center top;}
.advant-bots-r{width:50%;height:650px;}
.advant-bots-r img{width:100%;height:100%}
.advant-mains{width:650px;background:rgba(255,255,255,.8);position: absolute;left:50%;top:125px;margin-left:-600px;z-index:999;padding:50px;}
.advant-mains h2{font-size:40px;color:#333333}
.advant-mains h2 strong{color:#9f0600}
.advant-mains span.sps{font-size:28px;color:#333333}
.advant-mains p{color:#777777;text-align:justify;line-height:1.8;margin-top:50px;height:56px;overflow:hidden;}
.advant-btn{height:50px;line-height:50px;margin-top:50px}
.advant-btn span{color:#333333;font-size:18px;}
.advant-btn strong{font-size:28px;color:#9f0600;font-family:"思源宋体 CN";font-weight:bold;margin-right:20px}
.advant-btn a{width:140px;height:50px;display:inline-block;text-align:center;background:#333333;color:#fff!important;margin-right:4px;}
.advant-btn a:hover{background:#9f0600}
/*advant e*/

/*bases s*/
.bases{padding:80px 0;overflow:hidden;}
.bases-l{width:800px;height:580px;overflow:hidden;}
.bases-r{width:300px;height:440px;background:#9f0600;padding:70px 50px;}

.picScroll-lefts{ width:100%;  overflow:hidden; position:relative; }
.picScroll-lefts .hd .prev,.picScroll-lefts .hd .next{width:40px; height:70px;overflow:hidden;cursor:pointer;position: absolute;z-index:9999}
.picScroll-lefts .hd .prev{background:url(../images/left1.png) no-repeat center;left:0;top:250px;}
.picScroll-lefts .hd .next{background:url(../images/right1.png) no-repeat center;right:0;top:250px;}
.picScroll-lefts .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-lefts .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.picScroll-lefts .bd ul li{float:left; _display:inline; overflow:hidden;width:800px;height:580px; }
.picScroll-lefts .bd ul li img{width:100%;height:100%}

.bases-r strong{font-size:34px;color:#ffffff;display:block;}
.bases-r span{font-size:34px;color:#ffffff;white-space:nowrap;display:block;margin-top:5px}
.bases-r font{font-size:18px;color:#ffffff;text-transform:uppercase;font-weight:lighter;display:block;margin-top:10px}
.bases-r p{font-size:16px;color:#ffffff;line-height:1.8;text-align:justify;margin-top:40px;background:url(../images/yuans.png) no-repeat left 7px;padding-left:20px}
.tbss{display:block;margin:45px auto;}
.bases-r em{width:315px;height:50px;background:#fff;display:block;line-height:50px;border-radius:25px 0 0 25px;position:relative;padding-left:55px;font-size:14px;color:#333333;font-style:normal;}
.bases-r em img{position:absolute;left:5px;top:5px}
.bases-r em i{font-size:22px;color:#333333;font-style:normal;font-weight:bold;}
/*bases e*/

/*shows s*/
.shows{height:400px;overflow:hidden;background:url(../images/bg2.jpg) no-repeat center top;text-align:center;padding-top:130px}
.shows h2{font-size:45px;color:#ffffff;font-family:"思源宋体 CN";margin:30px 0;}
.shows p{width:888px;text-align:center;margin:0 auto;color:#fff;line-height:1.8}
/*shows e*/

/*joins s*/
.joins{margin-top:80px;height:750px;overflow:hidden;}
.joins-l{width:37.5%;height:719px;background:#9f0600}
.joins-r{width:62.5%;height:750px;}
.joins-top{width:360px;padding-top:75px;height: 300px;}
.img2{width:100%;height:100%}
.joins-pic{height:400px;overflow:hidden;}
.joins-ms{width:840px;}
.joins-top{padding: 70px 0 0 80px;}
.inputs-l label{font-size:14px;color:#888888;cursor:pointer;}
.inputs-l input{width:210px;height:35px;border:1px solid #d4d4d4;background:none;text-indent:10px}
.inputss textarea{width:513px;height:80px;border:1px solid #d4d4d4;display:inline-block;vertical-align:top;background:none;padding:10px 0 0 10px;}
.inputss{width:600px;display:block;}
.buttss{width:120px;height:35px;background:#9f0600;color:#fff;}
.inputss a{width:120px;height:35px;display:inline-block;background:#9f0600;color:#fff!important;text-align:center;line-height:35px;font-size:14px;margin-left:20px}
.joins-bot{height:250px;background:url(../images/bg3.jpg) center top;margin-top: 426px;padding-top: 80px;/* margin-top: 12px; */}
.joins-bot li{width: 109px;float:left;margin:0 50px;transition:all 0.6s;}
.joins-yuan{width:118px;height:118px;border:1px solid #666666;border-radius:50%;position:relative;}
.joins-bot li h2{font-size:18px;color:#333333;font-family:"思源宋体 CN";text-align:center;margin-top:15px}
.joins-bot li i{width:55px;height:55px;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.joins-bot li.li1 i{background:url(../images/b1.png) no-repeat center;}
.joins-bot li:hover.li1 i{background:url(../images/b1s.png) no-repeat center;}
.joins-bot li.li2 i{background:url(../images/b2.png) no-repeat center;}
.joins-bot li:hover.li2 i{background:url(../images/b2s.png) no-repeat center;}
.joins-bot li.li3 i{background:url(../images/b3.png) no-repeat center;}
.joins-bot li:hover.li3 i{background:url(../images/b3s.png) no-repeat center;}
.joins-bot li.li4 i{background:url(../images/b4.png) no-repeat center;}
.joins-bot li:hover.li4 i{background:url(../images/b4s.png) no-repeat center;}
.joins-bot li:hover .joins-yuan{background:#9f0600}
.joins-bot li:hover h2{color:#9f0600}
/*joins e*/

/*news s*/
.news{padding:80px 0 130px 0;overflow:hidden;position:relative;}
.news-l{width:560px;position:relative;}
.news-btn{width:180px;}
.news-btn ul{padding-top:230px;position:relative;z-index:99909}
.news-btn li{height:60px;text-align:center;line-height:60px;background:#eeeeee;border-bottom:1px solid #fff}
.news-pic{width:380px;padding-top:63px;position:relative;}
.news-btn li:hover{background:#9f0600}
.news-btn li:hover a{color:#fff}
.picScroll-left{ width:100%; position:relative;margin-left:1px }
.picScroll-left .hd{position:absolute;}
.news .next,.news .prev{ display:block;  width:50px; height:50px;overflow:hidden;cursor:pointer;position:absolute;z-index:999}
.news .prev{background:url(../images/left2.png) no-repeat center;bottom:-80px;right:50px;}
.news .next{background:url(../images/right2.png) no-repeat center;bottom:-80px;right:0}
.news .prev:hover{background:url(../images/left2s.png) no-repeat center;}
.news .next:hover{background:url(../images/right2s.png) no-repeat center;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;height:360px;width:380px;  }
.picScroll-left .bd ul li img{width:100%;height:100%}
.tit5{position: absolute;left:0;top:0;z-index:999}
.news-r{width:600px!important}
.news-r li{height:110px;padding:30px 0 0 30px;transition:all 0.6s;position:relative;}
.news-r li *{position:relative;z-index:99}
.news-r li h2{font-size:16px;color:#333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.news-r li p{font-size:14px;color:#888888;line-height:1.8;text-align:justify;line-height:1.8;margin-top:15px;height:50px;overflow:hidden;}
.news-r li.active h2{color:#fff}
.news-r li.active p{color:#dcb9b8}
.ibb{width:50%;height:140px;background:#9f0600;position: absolute;right:0;top:80px;}

		.picFocus{ margin:0 auto;  width:1200px;position:relative;}
		.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
		.picFocus .hd ul li.on{}
		.picFocus .hd ul li.on img{ border-color:#f60;  }
		.picFocus .bd li{width:380px;height:349px}
		.picFocus .bd img{width:100%;height:100%}
/*news e*/

/*panner s*/
.panner{padding:80px 0;overflow:hidden;background:url(../images/bg4.jpg) no-repeat center top;position:relative;}
.panner li{width:175px;height:175px;float:left;background:#ffffff;margin:10px;position:relative;transition:all 0.6s}
.panner li.li3{margin-left:400px;}
.tit6{position: absolute;left:0;top:120px;right:0;margin:auto;}
.panner li img{max-width:95%;max-height:95%;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;} 
.panner li:hover{background:#9f0600;transform:scale(1.1);}
/*panner e*/

/*mess S*/
.mess{padding:80px 0;overflow:hidden;background:url(../images/bg5.jpg) no-repeat center top;}
.mess-main{width:960px;height:360px;background:#9f0600;margin:0 auto;padding:90px 180px 90px 60px;position:relative;border-radius:10px}
.mess-lx li{width:390px;border-top:1px solid #b23833;padding:40px 0 40px 60px;color:#fff;border-bottom:1px solid #b23833;margin-top:-1px;height:30px}
.mess-lx li.li1{background:url(../images/tb1.png) no-repeat left}
.mess-lx li.li2{background:url(../images/tb2.png) no-repeat left}
.mess-lx li.li3{background:url(../images/tb3s.png) no-repeat left}
.mess-lx li.li4{background:url(../images/tb4s.png) no-repeat left}
.xtss{position: absolute;right:-110px;top:160px;}
/*mess E*/


/*footer s*/
.footer{padding:40px 0;overflow:hidden;}
.footnav dl{width:110px;float:left;margin-right:100px;}
.footnav dl dt{font-size:16px;color:#333333;background:url(../images/xt3.png) no-repeat left bottom;padding-bottom:20px;font-weight:bold;}
.footnav dl dd a{display:block;color:#666666;font-size:14px;margin-top:15px}
.footnav dl dd a:hover{color:#b5295a}
.footnav dl p{color:#666666;font-size:14px;margin-bottom:0;margin-top:15px}
.foot-code{padding-top:20px;text-align:center;}
.foot-code img{width:110px;height:110px}
.foot-code p{font-size:14px;color:#666666;text-align:center;margin-top:10px}

.copys{padding:20px 0;border-top:1px solid #dedede;overflow:hidden;}
.copys p{text-align:center;font-size:14px;color:#999999}
.copys p a{color:#999999}
/*footer e*/

/*slides-nav s*/
.slides-nav{height: 549px;position: fixed;right:0;top:0;bottom:0;margin:auto;z-index:9999;}
.slides-main{width:145px;padding-top: 56px;position:relative;background:url(../images/bks2.png) no-repeat center right;height: 363px;display:none;}
.slides-code{text-align:center;}
.slides-code img{width:100px;height:100px;}
.slides-code p{font-size:12px;color:#333333;margin-top:5px}
.slides-online{height:150px;background:#d20d18;margin-top: 8px;}
.slides-online li{text-align:center;height:50px;line-height:50px;background:url(../images/linesss.png) no-repeat center bottom;}
.slides-online li a{display:block;width:100%;height:100%;font-size:14px;color:#ffffff}
.callss{text-align:center;font-size:14px;color:#333333;margin-top: 0px;}
.inphons{display:block;text-align:center;color:#d20d18;margin-top:5px}
.colses{cursor:pointer;position: absolute;left: 65px;bottom: -29px;margin:auto;text-align:center;}
.slides-open{width:40px;height:150px;background:#d20d18;position: absolute;right:0;top: 71px;cursor:pointer;}
.tios{ display: none;
    text-align: center;
    color: #d20d18;cursor:pointer;
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:999999;
	width:40px
}




.vidMb video{
    width: 100%;
    height: 100%;
}
#video_list li img.videopic,.videos-pic img.videopic,.videos-pic{width:100%;height:100%}
.video-show{position: absolute;left:0;top:0;}
.videosss video,.vidCon,#mp4,.video-play,.video-show{width:100%;height:100%}
.play{position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;z-index:999}
#video_list li{position:relative;width:280px;height:190px;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size: cover;}

#video_list li{
    width: 100%;
    height: 400px;
}
#video_list li:nth-child(3n){
    margin-right: 0;
}
#video_list li video{
    width: 100%;
    max-height: 180px;
    margin: 0 auto;
}
.mll li{cursor:pointer;}

            /* 视频 */
.vidMb{
    width: 100%;
    height: 0px;
    background-color: rgba(0, 0, 0, .5);
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999;
    opacity: 0;
    filter: alpha(opacity=0);

    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}

.vidList{
    width: 740px;
    height: 481px;
    background-color: #000;
    overflow: hidden;
    position: relative;
    top: 50%;
    left: 50.22%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);    
}
.vidList > .vidGb{
    color: #e1e1e1;
    cursor: pointer;
    display: block;
    font-style: normal;
    font-size: 36px;
    position: absolute;
    top: 2px;
    right: 12px;
    z-index: 99;
    overflow: hidden;

    -webkit-transform: scaleY(0.8);
       -moz-transform: scaleY(0.8);
        -ms-transform: scaleY(0.8);
         -o-transform: scaleY(0.8);
            transform: scaleY(0.8);

    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}
.vidList .vidCon{
    width: 100%;
    height: 100%;
    position: relative;
}
.vidCon > embed{
    width: 100%;
    height: 100%;
}
.videoTop{
    width: 1196px;
    height: 59px;
    padding-left: 34px;
    padding-right: 34px;
    background-color: #fff;
    margin: 0 auto;
}
.videoTop h4{
    font-size: 24px;
    color: #000;
    width: 100px;
    float: left;
    line-height: 38px;
}
.videoTop > span{
    display: block;
    float: right;
    height: 100%;
    font-size: 14px;
    line-height: 59px;
    color: #000;
}
.videoTop > span a {
    color: #222;
    font-size: 14px;
}
.videoTop > span a:hover {
    color: #029b41;
}
#videoCon{
    width: 100%;
    overflow: hidden;
    margin: auto;
    padding-top: 2px;
    padding-bottom: 80px;
}
.vidsListCon{
    width: 100%;
    height: 400px;
    box-sizing: border-box;
    position:relative;
}

.vidsListCon > ul{
    width: 1197px;
    overflow: hidden;
    margin: auto;
    /* min-height: 600px; */
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;
}
.vidsListCon > ul li{
    box-sizing: content-box!important;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    background: #fff;
    float: left;
    width: 298px;
    height: 286px;
    padding: 10px 10px 20px;
    box-sizing: border-box!important;
    overflow: hidden;
}
.vidsListCon > ul li a{
    height: 100%;
    display: block;
    overflow: hidden;
}
.vidsListCon > ul li a > .img{
    width: 100%;
    height: 188px;
    position: relative;
    overflow: hidden;
}
.vidsListCon > ul li a > .img img{
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.vidsListCon > ul li a >.liText{
    width: 100%;
    height: auto;
    margin-top: 9px;
    overflow: hidden;
}
.vidsListCon > ul li a >.liText h4{
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.vidsListCon > ul li a >.liText span{
    display: block;
    font-size: 12px;
    width: 100px;
    margin: auto;
    text-align: center;
    border: 1px solid #efefef;
    border-radius: 50px;
    line-height: 30px;
    margin-top: 10px;
    color: #999;
}
.vidsListCon > ul li:hover{
    box-shadow: inset 0 0 12px #e6e6e6;
}
.vidsListCon > ul li:hover span{
    box-shadow: inset 0 0 12px #e6e6e6;
}
.vidsListCon > ul li,
.liText span{
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}

.videoss{position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;}

.sous-r ul{margin-bottom:0;}