﻿@charset "utf-8";
html{ font-size:62.5%;}
body{ padding:0px; margin:0px auto; font-size:1.6em; font-family: Microsoft YaHei,arial,'宋体'; color:#585858; 
min-width:320px; 
max-width:640px; 
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制内容的可选择性*/
-webkit-user-select: none;  
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;

/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;  
}
ul,li,form,dl,dt,dd, div{ padding:0px; margin:0px;}
ul,ul li,i,table{ list-style: none; margin: 0; font-style:normal;}
h1,h2,h3,h4,h5,h6,p{ padding:0px; margin:0px;}
select,input,em,textarea{ font-size:1em; font-style:normal; color:#585858; font-family:"微软雅黑"; border-radius:0; -webkit-border-radius:0; border:0px;}
img,object{ border:none; max-width:100%; border:0; overflow:hidden; vertical-align:top;}
a{ color:#595757; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus {outline:none; -moz-outline:none;}
.hide{ display:none;}
.fl{ float:left;}
.fr{ float:right;}
.tc{ text-align:center;}
.clearfix{ zoom:1;}
.clearfix:after,
.clearfix:before{content:" ";display: table;}
.clearfix:after{clear: both;}
/*手动设置间距*/
.space{ width:100%; height:1em; clear:both; overflow:hidden; zoom:0;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}

/*页面框架内容*/
.Contain{ width:100%; min-width:320px; max-width:640px; margin:0 auto;}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}
.bg{ background:url(../images/bg_body.png);}

/*top.html*/
.top{ position:relative; background: #fff;}
.top .logo{ width:59.69%; float:left; padding:2% 0 2% 2%;}
.top .logo img{ width:100%; display: block;}
.navsld{ position:absolute; width:6.25%; right:3%; top:35%; z-index:10;}
.close{ display:none;}
.nav{ width:94%; padding:0 3%; background:url(../images/navbg_03.png); position: absolute; top:0; right:0;z-index:11; padding-top:15%; display:none;}
.nav li{ border-bottom: 1px solid #6d6d6f;}
.nav li p>a{ color:#b3b3b3; font-size:2rem; padding-left:5%; line-height:60px;}
.subnav{ border-top: 1px solid #6d6d6f; padding:1% 0; display:none;}
.subnav dd{ line-height:40px; padding-left:16%; background:url(../images/shot2.png) 10% 12px no-repeat; overflow:hidden; transition:.5s;}
.subnav dd:hover{ background:url(../images/shot2.png) 5%  -31px no-repeat; }
.subnav dd:hover a{ color:#cea577; }
.subnav dd a{ color:#999;}
.sld{ width:4%; float:right; margin:3.5% 2% 0 0;}
.sld img{ width:100%; }
.slds{ display:none;}
.ny_top{ background:#cea577; }
.ny_top .tit{ text-align:center; font-size:2.8rem; color:#fff; padding:2% 0 3%; }
@media (max-width:640px){
.sld{ margin-top:6%; }	
}
@media (max-width:400px){
.sld{ margin-top:6.5%; }	
}
@media (max-width:321px){
.sld{ margin-top:8%; }	
}
/*top.html end*/

/*bottom*/
.footer{ background:#fff; }
.btmlink{ background:#f3f4f6; height:60px; width:94%; line-height:60px; padding:0 3%; }
.btmlink .number{ float:right; color:#888; font-size:20px; font-weight:bold; }
.btmlink .number img{ display:inline-block; vertical-align:middle; margin-right:5px; }
.btmlink .lfbox li{ margin-right:2%; float:left;}
.btmlink .lfbox li img{ display:inline-block;*display:inline;*zoom:1; vertical-align:middle; margin-right:5px; }
.btmlink .lfbox li span{ color:#333; font-size:1.4rem; }
.copyright{ color:#888; text-align:center; font-size:1.4rem; padding:3% 0;}
.copyright a{ color:#888; }
@media (max-width:640px){
.btmlink{ height:45px; line-height:45px; }
.btmlink .lfbox li img,.btmlink .number img{ width:20px; height:20px;  margin-right:2px; }
.btmlink .lfbox li span,.btmlink .number{ font-size:1.2rem; }
}

@media (max-width:361px){
.btmlink .lfbox li{ margin-right:1%; }
}

@media (max-width:320px){
.btmlink{ height:auto;}
.btmlink .number{ float:none; line-height:35px; }
}
/*bottom end*/

/*homeban*/
.homeban{ width:100%; position:relative; }
.homeban .item a{ display:block; }
.homeban .item a img{ width:100%; }
.homeban .owl-carousel .owl-dots{ position:absolute; bottom:10%; height:20px; width:100%; text-align:center; }
.homeban .owl-carousel .owl-dot{ width:20px; height:20px; display:inline-block;*display:inline;*zoom:1; margin:0 4px; cursor:pointer; font-size:0; transition:.5s; background:url(../images/hdli_01.png) -37.5px center no-repeat; vertical-align:top;}
.homeban .owl-carousel .owl-dot.active{ background:url(../images/hdli_01.png) 0px center no-repeat; }
/*homeban end*/

/*关于我们*/
.about{ padding:6% 3% 0; }
.titl{ width:100%; text-align: center; margin-bottom:3%;}
.titl .cn{ color:#9c6f50; font-weight:bold; font-size:2.4rem; }
.titl .en{ font-size: 1.2rem; font-family:"Arial"; color:#d3d3d3; text-transform: uppercase; margin-top:5px;}
.about .cont{ position:relative; margin:0 6%;}
.about .pic{ width:45%; float:right; margin-top:-9%;}
.about .pic img{ width:100%; height:100%; }
.about .txt{ width:52%; float:left; }
.about .txt .tip{ font-weight:bold; color:#333; font-size:1.8rem; }
.about .txt p{ color:#888; margin:3% 0 10%; line-height:26px;font-size:1.4rem;}
.more{ display:block; color:#b3b3b3; font-size:1.4rem; width:106px; }
.more i{ background:url(../images/shot.png) -40px center no-repeat; width:40px; height:7px; display:inline-block; *display:inline;*zoom:1; vertical-align:middle; transition:.5s; position:relative; top:-2px; margin-left:9px;}
@media (max-width:640px){
.about .cont{ margin:0; }	
}
/*关于我们 end*/

/*新闻中心*/
.news{ padding:4% 3% 0;}
.newtab .hd{ margin-bottom:3%;width:100%; text-align: center;}
.newtab .hd li{ background:#f0f0f0; height:36px; line-height:36px; padding:0 5%; text-align: center; display:inline-block; *display:inline;*zoom:1;color:#4d4d4d;border:1px solid #e5e5e5;}
.newtab .hd li.on{ background:#cea577;color:#fff; border:1px solid #cea577;}
.newtab .bd .cont{ display:none;}
.newtab .bd li{ padding:3% 0; border-bottom: 1px solid #e5e5e5;}
.newtab .bd li .pic{ float:left; width:33.25%; display:block;}
.newtab .bd li .pic img{ width:100%; height:120px;}
.newtab .bd li .txt{ width:62%; float:left; margin-left:4%;}
.newtab .bd li .txt h3 a{ font-size: 1.6rem; font-weight: normal; color:#333; display: block; width:100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newtab .bd li .txt p{ font-size:1.4rem; margin:2% 0 4%; color:#999;}
.newtab .bd li .txt em.date{ display:block; font-size:1.2rem; color:#666;}
.gd{ width:100%; padding:1.5% 0; background:#eeeeee; color:#a2a2a2; display: block; text-align: center; margin-top:3%;}
@media (max-width:640px){
.newtab .bd li .txt p{ height:40px; overflow:hidden; line-height:20px; margin:1% 0; }
.newtab .bd li .pic img{ height:78px; }
}
/*新闻中心 end*/

/*锦瑞视频*/
.jrsp{position:relative; padding:5% 3%;}
.jrsp .gd{ display:block; color:#c2c2c2; font-family:Arial; position:absolute; right:0; top:18px;}
.jrsp .gd:hover{ color:#9c6f50; }
.video{ width:100%; position:relative; margin-top:21px; overflow: hidden;}
.video img{ width:100%; display:block;}
.video .play{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1;}
.video i{ background:url(../images/play.png) no-repeat; width:54px; height:54px; position:absolute; left:50%; top:50%; margin:-27px 0px 0px -27px; display:block;}
.video .box{ background:#000; position:relative; }
.video #video1{ width:100% !important; height:100% !important; }
.video .txt{ height:50px; position:absolute; bottom:0; left:0; width:100%; background:url(../images/shaw_03.png); z-index:3;}
.video .txt .plus{ display:block; width:50px; height:100%; background:#cea577 url(../images/plus.png) center center no-repeat; float:right; }
.video .txt p{ color:#fff; line-height:50px; font-size:1.8rem; margin-left:5%; }
/*锦瑞视频 end*/

/*内页公用样式*/
.nyban,.nyban img{ width:100%; }
.menu{ text-align:center; padding:4% 0 4%;}
.menu li{ display:inline-block; margin:0 0.5% 2% 0.5%;}
.menu li a{ display:block; color:#4d4d4d; background:#f4f4f4; border:1px solid #e5e5e5; padding:0 20px; height:36px; line-height:36px; }
.menu li.on a{ color:#fff; background:#cea577; border:1px solid #cea577; }
/*内页公用样式 end*/

/*招聘表单.shtml*/
.ny_shzp{ padding:0 3% 5% 3%; }
.ny_shzp .form{ background:url(../images/bg_form_03.png) center top no-repeat; padding:2%; border-radius:20px;}
.ny_shzp .form ul{ background:#fff; border-radius:20px; padding:6% 18% 5% 12%;}
.ny_shzp .form li{ margin-bottom:4%; position:relative; padding-left:80px; }
.ny_shzp .form li em{ display:block; width:70px; text-align:right; margin-right:20px; height:36px; line-height:36px; font-size:1.4rem; position:absolute; left:0; top:0;}
.ny_shzp .form li input.txt{ height:34px; line-height:34px; border:1px solid #dbdbdb; padding-left:10px; background:#fff; font-size:14px; width:100%; box-sizing:border-box; }
.ny_shzp .form li textarea{ background:#fff; padding:10px; border:1px solid #dbdbdb; width:100%;height:98px; font-size:14px;box-sizing:border-box;}
.ny_shzp .form li input#submit{ width:160px; height:36px; text-align:center; line-height:36px; background:#9c6f50; font-weight:bold; font-size:16px; color:#fff; box-shadow:0 5px 10px #dcdcdc; margin-top:7%; }
.ny_shzp .form li label{ line-height:36px; margin-right:38px; }
.ny_shzp .form li input.radio{ margin-right:20px; }
@media (max-width:640px){
.ny_shzp .form ul{ padding:6% 5% 5%; }	
.ny_shzp .form li input#submit{ width:120px; }
}
/*招聘表单.shtml end*/

/*社会招聘.shtml*/
.recuit ul{ padding-bottom:3%; }
.recuit li{ margin-bottom:2px;}
.recuit li .rechd{ background:#fafafa;}
.recuit li .rechd span{ width:20%; line-height:48px; height:48px; color:#72706f; text-align:center; float:left; display:block;}
.recuit li#recfirst { margin-bottom:0; }
.recuit li#recfirst .rechd{ background:#cea577; height:46px;}
.recuit li#recfirst .rechd span{ color:#fff; line-height:46px; height:46px;}
.recuit li .rechd .recbtn{ cursor:pointer; height:34px; line-height:34px; display:block; float:right;color:#6d6b6b; text-align:center; border-radius:17px; background:#fff; box-shadow:0 3px 6px #e0e0e0; padding:0 3%; margin-top:7px;}
.recuit li .rechd.on .recbtn{ background:#9c6f50; color:#fff;}
.recbd{ padding:20px 20px 20px 100px; display:none; position:relative; font-size:1.4rem;}
.recbd .tip{ color:#898989; position:absolute; left:20px; top:20px; line-height:26px;}
.recbd dd{ line-height:26px;color:#898989;}
@media (max-width:640px){
.recuit li .rechd span,.recuit li .rechd .recbtn{ font-size:1.2rem;}
.recuit li#recfirst .rechd span{ font-size:1.3rem; }
}
@media (max-width:361px){
.recuit li .rechd span.time{ display:none; }
.recuit li .rechd span{ width:25%; }
}
/*社会招聘.shtml end*/

/*资讯中心.shtml*/
.ny_news{ padding:0 3% 6%; }
.ny_news .list li{ padding:2.5% 2.5% 2.5% 65px; transition:.5s; margin-bottom:2%; position:relative;}
.ny_news .list li .date{ text-align:center; color:#999;font-family:Arial; padding-top:4%; position:absolute;left:15px;}
.ny_news .list li .date h1{ font-size:4rem; font-weight:normal;}
.ny_news .list li .date p{ font-size:1.4rem; }
.ny_news .list li .pic{ display:block; width:38.35%; float:left; margin-left:2%;}
.ny_news .list li .pic img{ width:100%; height:120px;}
.ny_news .list li .txt{ float:right; width:56%;}
.ny_news .list li .txt h3 a{ font-weight:bold; color:#333; font-size:1.8rem; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; }
.ny_news .list li .txt p{ color:#888; margin:2% 0 4%; font-size:1.4rem; }
.ny_news .list li .txt .tip{ padding-left:28px; background:url(../images/nlogo.png) left center no-repeat; color:#999;font-size:1.4rem;}
.ny_news .list li:hover{ box-shadow:0 5px 10px #eaeaea; background:#fff; }
@media (max-width:640px){
.ny_news .list li .date h1{ font-size:3rem; }
.ny_news .list li .txt h3,.ny_news .list li .txt h3 a{ font-size:1.4rem; line-height:16px; }
.ny_news .list li .pic img{ height:72px; }	
.ny_news .list li .txt p{ font-size:1.2rem; height:32px; line-height:16px; overflow:hidden; }
.ny_news .list li .txt .tip{ font-size:1.2rem; }
}
/*资讯中心.shtml end*/

/*发展历程.shtml*/
.ny_fzlc{ padding:0 3% 6%; }
.ny_fzlc .list{ position:relative; }
.ny_fzlc .list ul{ background:url(../images/line_03.png) center top repeat-y; padding-bottom:40px;}
.ny_fzlc .list li{ background:url(../images/fzli_06.png) center 21px no-repeat; margin-bottom:79px;transition: .5s; cursor:pointer;}
.ny_fzlc .list li .pic{ float:left; width:45%; position:relative; transition: .5s;}
.ny_fzlc .list li .pic .year{ position:absolute; width:90px; height:50px; line-height:50px; background:url(../images/greyshaw_03.png); text-align:center; color:#fff; font-size:2.2rem; font-family:Arial; top:-19px; right:-18px; z-index:5; transition: .5s;}
.ny_fzlc .list li .pic img{ width:100%; height:100%; }
.ny_fzlc .list li .txt{ float:right; width:47.5%; height:160px; overflow-y:auto; overflow-x:hidden; margin-top:23px;transition: .5s;}
.ny_fzlc .list li .txt dl{ margin-bottom:2%; position:relative; padding-left:55px;}
.ny_fzlc .list li .txt dt{ font-weight:bold; color:#444; font-size:1.8rem; font-family:Arial;line-height:30px; position:absolute; left:0; top:0;}
.ny_fzlc .list li .txt dd{ width:100%; line-height:20px; font-size:1.4rem; }
.ny_fzlc .list li.even .pic{ float:right; }
.ny_fzlc .list li.even .pic .year{ left:-18px;}
.ny_fzlc .list li.even .txt{ float:left;}
.ny_fzlc .list li.even .txt dl{ padding:0 55px 0 0;}
.ny_fzlc .list li.even .txt dt{ right:0; left:auto; }
.ny_fzlc .list li.even .txt dd{ text-align:right; float:left; }
.ny_fzlc .list li:hover{ background:url(../images/fzlion_03.png) center 21px no-repeat;}
.ny_fzlc .list li:hover .pic{ box-shadow:0 5px 10px #d5d4d4; }
.ny_fzlc .list li:hover .pic .year{ background:url(../images/greenshaw_07.png);}
.topwhite{ width:25px; height:25px; background:#fff; position:absolute; left:48%; top:0; }
@media (max-width:640px){
.ny_fzlc .list li .pic .year{ height:40px; line-height:40px; width:80px; right:-8px; top:-8px; }
.ny_fzlc .list li.even .pic .year{ left:-8px;top:-8px;}
}
/*发展历程.shtml end*/

/*公司简介.shtml*/
.ny_abt{ padding:0 3% 6%; }
.ny_abt .abcont .abtit{ background:url(../images/titbg.png) center bottom no-repeat; text-align:center;}
.abcont .abtit h2{ font-size:2rem; font-weight:bold; color:#333; }
.abcont .abtit p{ color:#9e9e9e; font-size:1.6rem; padding:1.5% 0 4%; }
.abcont .list{ margin:3% 0 5%; text-align:center; }
.abcont .list li{ width:25%; margin-right:-5px;background:url(../images/abtline.png) right 15px no-repeat; display:inline-block; box-sizing:border-box; padding:0 1%; vertical-align:top;}
.abcont .list li .tit b{ font-weight:bold; font-size:3.5rem; color:#cea577; font-family:Arial; margin-right:5px; }
.abcont .list li .tit span,.abcont .list li p{ font-size:1.2rem; color:#9e9e9e; }
@media (max-width:640px){
.abcont .abtit h2{ font-size:1.8rem; }
.abcont .abtit p{ font-size:1.4rem; }
.abcont .list li{ min-height:55px; }
.abcont .list li .tit b{ font-size:2.4rem; }
}
@media (max-width:321px){
.abcont .list li .tit b{ font-size:1.5rem; padding:0; }
}
/*公司简介.shtml end*/

/*交流详情.shtml*/
.ny_jlxq{ padding:0 3% 6%; }
.info .infotitl{ text-align:center; margin-bottom:3%;}
.info .infotitl h2{ font-size:2rem; line-height:25px; color:#3a3939; font-weight:bold; }
.info .infotitl .tit{ margin-top:2.5%; }
.info .infotitl .tit span{ color:#b6b6b6; margin:0 5px; font-size:1.4rem;}
.ny_jlxq .btn{ text-align:center; margin-top:4%; }
.ny_jlxq .btn a{ display:inline-block; padding:0 5%; text-align:center; height:44px; line-height:44px; border-radius:6px; color:#fff; font-size:1.8rem; background:#929294; margin:0 2%; } 
.ny_jlxq .btn a:hover{ background:#cea577; box-shadow:0 5px 10px #d2d9d4;}
@media (max-width:640px){
.ny_jlxq .btn a{ font-size:1.6rem; height:36px; line-height:36px; }
.info .infotitl h2{ font-size:1.8rem; }
.info .infotitl .tit span{ font-size:1.2rem; }
}
/*交流详情.shtml end*/

/*详情页.shtml*/
.ny_ninfo{ padding:6% 3%; }
.ny_infofy{ padding-top:2%; border-top:1px solid #eee; margin-top:3%; }
.ny_infofy p{ font-size:1.4rem; color:#000; margin-top:2%;}
.ny_infofy p a{ color:#666666; }
/*详情页.shtml end*/

/*联系我们.shtml*/
.ny_lxwm{ padding:0 3% 6%; }
.ny_lxwm .map{ width:100%; position:relative; }
.ny_lxwm .map img{ width:100%; height:100%;min-height:200px;}
.ny_lxwm .map .txt{ position:absolute; left:8%; top:0; z-index:3; background:url(../images/greenshaw_07.png); height:100%; padding:0 3%; width:40%;}
.ny_lxwm .map .txt ul{ padding-top:14%; }
.ny_lxwm .map .txt li{ color:#fff; padding-left:35px; margin-bottom:6%;}
.ny_lxwm .map .txt li.c1,.ny_lxwm .map .txt li.c2{ background:url(../images/c1.png) left 3px no-repeat; }
.ny_lxwm .map .txt li.c3{ background:url(../images/c2.png) left 3px no-repeat; }
.ny_lxwm .map .txt li.c4{ background:url(../images/c3.png) left 3px no-repeat; }
.ny_lxwm .map .txt li .name{ font-weight:bold; }
.ny_lxwm .map .txt li .tip{ font-size:1.4rem;}
@media (max-width:640px){
.ny_lxwm .map .txt{ width:60%; }
.ny_lxwm .map .txt ul{ padding-top:4%; }
.ny_lxwm .map .txt li{ margin-bottom:3%; padding-left:30px;}
.ny_lxwm .map .txt li .name{ font-size:1.4rem; }
.ny_lxwm .map .txt li .tip{ font-size:1.2rem;}
}
/*联系我们.shtml end*/

/*企业荣誉.shtml*/
.ny_honor{ padding:0 3% 6%; }
.ny_honor .list li{ float:left; width:48.5%; position:relative; margin:0 3% 3% 0; text-align:center;}
.ny_honor .list li a{ display:block; }
.ny_honor .list li .pic{border:1px solid #f0f0f0; box-sizing:border-box;}
.ny_honor .list li .pic img{ width:100%; height:215px; }
.ny_honor .list li .txt{ position:absolute; left:0; bottom:0;width:100%; height:44px; line-height:44px; color:#fff; background:url(../images/greyshaw_03.png); font-size:1.4rem;}
.ny_honor .list li a:hover .txt{ background:url(../images/greenshaw_07.png); }
.ny_honor .list .gd{ margin:0; }
@media (max-width:640px){
.ny_honor .list li .pic img{ height:138px; }	
}
@media (max-width:400px){
.ny_honor .list li .pic img{ height:125px; }	
}
/*企业荣誉.shtml end*/

/*文字列表.shtml*/
.ny_list{ padding:0 3% 6%; }
.ny_list li{ line-height:30px; height:30px;background: url(../images/point.png) left 14px no-repeat; padding-left:15px; }
.ny_list li .date{ color:#888; float:right; font-size:1.2rem;}
.ny_list li a{ display:block; width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:1.4rem;}
/*文字列表.shtml end*/

/*20180402 产品列表.shtml*/
.ny_product{ padding:0 3% 6%; }
.ny_product .list li{ float:left; width:48.5%; padding:3% 3% 7% 3%;background:url(../images/prodbor.png) center top no-repeat; margin:0 3% 3% 0; box-sizing:border-box; background-size:100% 100%;}
.ny_product .list li a{ display:block; cursor:pointer;}
.ny_product .list li .pic{ width:100%; height:100%; overflow:hidden; }
.ny_product .list li .pic img{ width:100%; height:100%; }
.ny_product .list li .txt{ text-align:center; margin-top:2%;}
.ny_product .list li .txt h3{ color:#444; font-size:1.6rem; font-weight:normal; background:url(../images/greenline.png) center bottom no-repeat; padding-bottom:5%; margin-bottom:3%; transition:.5s;}
.ny_product .list li .txt p{ color:#888; line-height:20px; font-size:1.4rem; height:40px;overflow:hidden;}
/*20180402 产品列表.shtml end*/

@media screen and (min-width:320px) and (max-width:640px){
  html{ font-size:62.5%;}
}

.prodPage{ padding:30px 20px;}
.proBig,.proMoe .ti{ text-align:center;}
.proMoe .ti{ font-size:16px; font-weight:bold; color:#333; margin-top:20px; margin-bottom:30px;}
.proMoe .cont{ line-height:2;}

.gd{ display:none;}
.gd2{ display:block;}


/*20200429 视频.shtml*/
.VideoList{}
.VideoList li{ margin-bottom:20px; background:#f9f9f9;}
.VideoList .videos{ width:auto; float:none; position:relative;}
.VideoList .videos .play{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:2; background: rgba(0,0,0,0.2) url(../images/play.png) center center no-repeat;}
.VideoList .videos img{ width:100%; display:block;}
.VideoList .videos:hover .play{ background: rgba(0,0,0,0) url(../images/play.png) center center no-repeat;}
.VideoList .info{ width:auto; padding:12px; float:none;}
.VideoList .tit{ line-height:30px; font-size:16px; color:#333333; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.VideoList .p{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; line-height:25px; font-size:14px; color:#999999;
-webkit-box-orient: vertical; margin-bottom:8px;}
.VideoList .more{ width:80px; line-height:30px; text-align:center; color:#fff; background:#cea577;}
.VideoList li .info:hover .tit{ color:#cea577;}
.VideoList li .info:hover .more{ background:#c5771f;}

.VideoTit{ text-align:center; font-size:18px; color:#333333; line-height:25px; padding-bottom:10px;}
.videobox{ width:; margin:0px auto; color:#333333; font-size:14px; line-height:25px;}
.videoinfo{ margin:0px auto 20px;}
.PrevNextBox {margin:50px 0 0 0;position:relative; padding-top:11px; border-top:1px solid #e6e6e6; color:#888888; font-size:14px;}
.PrevNextBox dl{ line-height:38px; height:38px;overflow:hidden; border-bottom:1px dotted #d9d9d9; position:relative;}
.PrevNextBox dl span{ padding:0 75px 0 55px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:0px; top:0px; color:#333333;}
.PrevNextBox dl span .date{ position:absolute; right:0; top:0; color:#808080; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#333333;}
.PrevNextBox dl a.none{color:#999;}

