@charset "utf-8";
html, body { height: 100%; }
body { font-family: "Microsoft YaHei", "SimSun"; font-size: 12px; line-height: 1.8em; color: #000; background-color: #f0f0f0; }
a { color: #000; }
a:hover { text-decoration: none; }
.bigVdo { clear: both; width: 100%; height: 675px; background-repeat: no-repeat; background-position: center top; background-size: auto 100%; position: relative; }
.bigVdo .bgBla { width: 100%; height: 336px; position: absolute; left: 0; bottom: 0; z-index: 1; background: url(../img/g11.png) repeat-x 0 0; }
.vdoplay { width: 1200px; height: 675px; margin: 0 auto; position: relative; cursor: pointer; z-index: 3; }
.vdoplay video { width: 100%; height: 100%; margin-top: -1px; }
.vdoplay .playbtn { position: absolute; left: 50%; top: 50%; z-index: 1; width: 118px; height: 118px; margin: -108px 0 0 -61px; background: url(../img/ptn1.png) no-repeat 0 0; background-size: 100% 100%; z-index: 2; }
.vdoplay .playlogo { width: 139px; height: 159px; position: absolute; top: 114px; right: 155px; z-index: 2; background-image: url(../img/g1.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%; }
.vdoplay .illustration { position: absolute; left: 50%; margin-left: -500px; bottom: 120px; z-index: 5; padding-left: 130px; box-sizing: border-box; display: inline-block; }
.vdoplay .illustration dl { zoom: 1; overflow: hidden; padding-bottom: 15px; }
.vdoplay .illustration dt { float: left; display: inline; padding-right: 20px; font-size: 80px; line-height: 1.2em; color: #fff; font-family: '宋体'; font-weight: bold; }
.vdoplay .illustration dd { float: left; font-size: 12px; line-height: 28px; color: #fff; padding-top: 20px; }
.vdoplay .illustration dd span { display: inline-block; color: #000; background-color: #fff; font-size: 14px; padding: 0 12px; border-radius: 5px; line-height: 24px; text-shadow: none; margin-bottom: 10px; }
.vdoplay .illustration p { clear: both; font-size: 14px; color: #fff; line-height: 1.6em; }
.vdotxt { clear: both; width: 1200px; margin: 0 auto; padding: 30px 0; display: none; }
.vdotxt h1 { font-size: 50px; line-height: 1.8em; font-weight: normal; padding-bottom: 10px; }
.vdotxt p { font-size: 16px; line-height: 1.8em; }
.vdoCont { clear: both; width: 1150px; margin: 0 auto; padding: 40px 25px 50px 25px; font-size: 14px; line-height: 2em; }
.vdoCont .content { margin-bottom: 30px; }
.vdoCont .content p { padding-bottom: 8px; display: none; }
.vdoCont .content.hauto { height: auto; }
.vdoCont .conbtn { width: 206px; height: 44px; margin: 0 auto; cursor: pointer; background: url(../img/g15.png) no-repeat 50% 50%; }
.vdoCont .conbtn a { display: block; width: 100%; height: 100%; }
/*.vdoCont .conbtn.up { background: url(../img/g10.gif) no-repeat 50% 50%; }*/
.swiper-video { width: 100%; height: 295px; }
.swiper-video .swiper-slide { width: 490px; height: 295px; position: relative; overflow: hidden; }
.swiper-video .swiper-slide img { width: 490px; height: 295px; transition: transform 0.5s; }
.swiper-video .swiper-slide:hover img { transform: scale(1.2, 1.2); }
.swiper-video .swiper-slide div { position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; padding: 30px 25px 20px; background: url(http://art.china.cn/images/2019Art/images/sd2.png) repeat-x left bottom; background-size: auto 100%; }
.swiper-video .swiper-slide .ptn { width: 70px; height: 70px; position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -35px; background: url(../img/ptn1.png) no-repeat 0 0; background-size: 100% 100%; }
.swiper-video .swiper-slide .ptn a { display: block; width: 100%; height: 100%; }
.swiper-video .swiper-slide h2 { font-size: 26px; color: #fff; line-height: 38px; padding-bottom: 8px; font-family: '宋体'; }
.swiper-video .swiper-slide h2 span { display: inline-block; padding: 15px 0 0 10px; font-size: 12px; line-height: 20px; font-weight: normal; }
.swiper-video .swiper-slide .txt { font-size: 12px; line-height: 20px; color: #fff; }
.swiper-video .swiper-slide h2 a, .swiper-video .swiper-slide .txt a { color: #fff; }
.swiper-video .swiper-slide:hover h2 a, .swiper-video .swiper-slide:hover .txt a { color: #EB5A53; }
.swiper-button-next, .swiper-button-prev { width: 70px; height: 70px; top: 50%; margin-top: -35px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 80% 80%; }
.swiper-button-prev { background-image: url('../img/d1.gif'); left: -10px; }
.swiper-button-prev:hover { background-image: url('http://art.china.cn/images/2019Art/mobile/img/d1.gif'); }
.swiper-button-next { background-image: url(../img/d2.gif); right: -10px; }
.swiper-button-next:hover { background-image: url('http://art.china.cn/images/2019Art/mobile/img/d2.gif'); }
.menu { clear: both; width: 1200px; margin: 0 auto; }
.menu h2 { height: 45px; background: url(../img/g6.gif) repeat-x left bottom; }
.menu h2 span { font-size: 20px; line-height: 44px; float: left; display: inline-block; padding: 0 30px 0 40px; background: url(../img/g12.png) no-repeat 20px 15px; border-bottom: 1px solid #EB5A53; }
.jianj { clear: both; width: 1200px; margin: 0 auto; padding: 30px 0 65px; font-size: 14px; line-height: 28px; }
.swiper-expert { width: 1200px; height: 180px; margin: 70px auto 50px; box-sizing: border-box; padding: 0 40px; }
.swiper-expert .swiper-slide { width: 108px; position: relative; float: left; display: inline; text-align: center; font-size: 14px; margin: 0 35px 0 20px; }
.swiper-expert .swiper-slide img { width: 108px; height: 108px; margin-bottom: 22px; }
.swiper-expert .swiper-slide span { display: block; width: 109px; height: 109px; position: absolute; left: 0; top: 0; background-image: url(../img/g3.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% 100%; }
.swiper-expert .swiper-button-next, .swiper-expert .swiper-button-prev { position: absolute; top: 0; width: 25px; height: 190px; cursor: pointer; margin-top: 0; }
.swiper-expert .swiper-button-next { right: 0; background: url(../img/g5.gif) no-repeat 0 -30px; }
.swiper-expert .swiper-button-prev { left: 0; background: url(../img/g4.gif) no-repeat 0 -30px; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 1; }
.vdoList, .vdoMore, .vdosrc { display: none; }
.ch-en { clear: both; width: 1200px; margin: 20px auto 10px; text-align: right; }
.ch-en a { display: inline-block; padding: 0 14px; border: 1px solid #FF7373; border-radius: 3px; font-size: 12px; color: #000; line-height: 22px; }
 @media screen and (max-device-width:480px) {
html, body { -webkit-text-size-adjust: none; }
html { font-size: 312.5%; }
body { font: 0.3rem/0.54rem 'Microsoft YaHei', sans-serif; color: #333; background-color: #f0f0f0; }
a { color: #333; }
a:hover { color: #EB5A53; }
a:visited { color: #666 !important; }
.topEmpty { height: 1rem; margin: 0; }
.top, .footer, #autopage, .vdoCont, .vdoplay .illustration, .ch-en { display: none; }
.bigVdo { height: 4.18rem; display: none; }
.vdoplay { width: 100%; height: 4.18rem; }
.vdoplay .playbtn { width: 1.4rem; height: 1.4rem; margin: -0.7rem 0 0 -0.7rem; position: absolute; left: 50%; top: 50%; z-index: 1; background: url(../img/ptn1.png) no-repeat 0 0; background-size: 100% 100%; }
.vdoplay .playlogo { width: 1.75rem; height: 2rem; top: 0.24rem; right: 0.24rem; opacity: 1; }
.vdotxt { width: 100%; box-sizing: border-box; padding: 0.4rem 0.2rem; color: #565656; background-color: #f0f0f0; display: none; }
.vdotxt h1 { font-size: 0.6rem; padding-bottom: 0.25rem; }
.vdotxt h1 span { display: inline-block; font-size: 0.3rem; line-height: 1em; padding: 1em 0 0 0.2rem; color: #000; }
.vdotxt p { font-size: 0.4rem; }
.vdotxt .vdosrc { display: none; }
.menu { clear: both; width: 100%; height: 0.6rem; background: none; font-size: 0.32rem; line-height: 0.6rem; font-weight: normal; }
.menu h2 { margin: 0 0.15rem; height: 0.6rem; font-weight: bold; background: url(../img/g8.gif) repeat-x left bottom; }
.menu h2 span { font-size: 0.36rem; line-height: 0.6rem; background-image: none; background-color: #444; padding: 0 0.4rem; font-size: 0.32rem; color: #fff; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom: none; }
.jianj { width: 100%; box-sizing: border-box; padding: 0.4rem 0.2rem 0.6rem; line-height: 1.8em; }
.swiper-expert { width: 90%; height: auto; margin: 0.5rem auto 0.6rem; box-sizing: border-box; padding: 0; }
.swiper-expert .swiper-slide { width: 33%; box-sizing: border-box; /*        padding: 0 0.2rem;*/ font-size: 0.28rem; margin: 0; }
.swiper-expert .swiper-slide img { width: 1.9rem; height: 1.9rem; margin-bottom: 0.22rem; }
.swiper-expert .swiper-slide span { display: block; width: 1.9rem; height: 1.9rem; left: 50%; margin-left: -0.95rem; background-image: url(../img/g17.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% 100%; }
.swiper-video, .swiper-expert .swiper-button-next, .swiper-expert .swiper-button-prev { display: none; }
.vdoList { display: block; width: 100%; box-sizing: border-box; }
.vdoList .one { background-color: #f0f0f0; color: #565656; padding-bottom: 0.5rem; display: none; }
.vdoList .one .pic { height: 4.18rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%; position: relative; }
.vdoList .playbtn { width: 1.1rem; height: 1.1rem; margin: -0.55rem 0 0 -0.55rem; position: absolute; left: 50%; top: 50%; background: url(../img/ptn1.png) no-repeat 0 0; background-size: 100% 100%; z-index: 2; }
.vdoList .playlogo { width: 1.35rem; height: 1.5rem; top: 0.24rem; right: 0.24rem; opacity: 1; position: absolute; z-index: 1; background-image: url(../img/g1.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%; }
.vdoList .one .pic a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }
.vdoList .one h2 { font-size: 0.5rem; line-height: 1.8em; padding: 0 0.2rem; box-sizing: border-box; font-weight: normal; margin: 0.2rem 0 0.1rem; }
.vdoList .one span { display: inline-block; font-size: 0.3rem; line-height: 1em; padding: 1em 0 0 0.2rem; color: #000; }
.vdoList .one p { line-height: 1.8em; padding: 0 0.2rem; box-sizing: border-box; }
.mb70 { margin-bottom: 0.7rem; }
.vdoMore { clear: both; display: block; padding: 0.16rem 0px; text-align: center; background-image: url(../img/g18.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 60%; height: 0.76rem; margin:0 0 0.2rem 0; }
}