@charset "UTF-8";
html { font-family: 'microsoft yahei'; }

@media (max-width: 768px) { .bdshare-slide-button-box { display: none !important; } }

/*返回顶部*/
#gotoTop { position: fixed; bottom: 8%; right: 2%; display: none; width: 64px; height: 72px; background: url("../img/top.png"); background-repeat: no-repeat; background-position: center center; z-index: 5; }

/*返回顶部结束*/
/*导航条*/
.nav { height: 80px; background: #c10d0b; }

.nav .section { overflow: hidden; }

.nav .section .img { float: left; width: 20%; box-sizing: border-box; }

.nav .section .img a { display: block; padding: 22px 0; width: 50%; }

@media (max-width: 1199px) { .nav .section .img a { padding: 20px 0; } }

@media (max-width: 959px) { .nav .section .img a { padding: 24px 0; } }

.nav .section .img a img { display: block; width: 100%; }

.nav .section ul { margin: 0; padding: 0; float: left; width: 80%; box-sizing: border-box; overflow: hidden; }

@media (max-width: 767px) { .nav .section ul { display: none; } }

.nav .section ul li { position: relative; float: left; padding: 15px 10px; width: 20%; box-sizing: border-box; }

@media (max-width: 1199px) { .nav .section ul li { padding: 15px 5px; } }

@media (max-width: 959px) { .nav .section ul li { padding: 15px 5px; } }

.nav .section ul li:hover em { display:block;}

.nav .section ul li:hover span { display:block;}

@media (max-width: 1199px) { .nav .section ul li:hover span { left: 5%; } }

@media (max-width: 959px) { .nav .section ul li:hover span { display: none; } }

.nav .section ul li:hover i { display:block;}

@media (max-width: 1199px) { .nav .section ul li:hover i { right: 5%; } }

@media (max-width: 959px) { .nav .section ul li:hover i { display: none; } }

.nav .section ul li span { display:none; content: ""; position: absolute; top: 50%; top: 41%\9; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 15%; width: 15px; height: 15px; background-image: url("../img/star.png"); background-repeat: no-repeat; background-size: cover; z-index: 2;transition: all 0.3s linear; }

.nav .section ul li i { display:none; content: ""; position: absolute; top: 50%; top: 41%\9; -ms-transform: translateY(-50%); transform: translateY(-50%); right: 15%; width: 15px; height: 15px; background-image: url("../img/star.png"); background-repeat: no-repeat; background-size: cover; z-index: 2;transition: all 0.3s linear; }

.nav .section ul li a { position: relative; display: block; font-size: 18px; color: #fff; font-weight: bold; text-align: center; z-index: 2; }

@media (max-width: 959px) { .nav .section ul li a { padding: 15px 5px; } }

.nav .section ul li em { display:none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #9b0a0a; transition: all 0.3s linear; }

/*导航条结束*/
/*通用*/
.title { margin: 0; padding: 10px 0; line-height: 1em; overflow: hidden; text-align: center; }

.title a { display: inline-block; padding: 10px; line-height: 1em; }

.title a img { display: block; width: 100%; max-width: none; }

/*通用*/
/*banner*/
.banner { padding: 0; }

.banner img { display: block; width: 100%; }

/*banner end*/
/*图解*/
.graphic { padding: 40px 15px 20px 15px; }

.graphic .article #owl-demo-1{ padding-bottom:10px;}

.graphic .article #owl-demo-1 .owl-wrapper-outer .owl-wrapper .owl-item { box-sizing: border-box; padding: 10px 15px; }

.graphic .article #owl-demo-1 .owl-wrapper-outer .owl-wrapper .owl-item .item { position: relative; }

.graphic .article #owl-demo-1 .owl-wrapper-outer .owl-wrapper .owl-item .item .content { box-shadow: 0 3px 10px #efefef; }

.graphic .article #owl-demo-1 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .top { overflow: hidden; }

.graphic .article #owl-demo-1 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .top a { position: relative; display: block; width: 100%; }

.graphic .article #owl-demo-1 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .top a:hover em { opacity: 0.3; filter: alpha(opacity=30); }

.graphic .article #owl-demo-1 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .top a img { display: block; width: 100%; }

.graphic .article #owl-demo-1 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .top a em { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #333; transition: all 0.3s linear; opacity: 0; filter: alpha(opacity=0); }

.graphic .article #owl-demo-1 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .bottom { overflow: hidden; border:1px solid #eee\9; }

.graphic .article #owl-demo-1 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .bottom h4 { margin: 0; padding: 10px 15px; border-bottom: 1px solid #eee; }

.graphic .article #owl-demo-1 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .bottom h4 a { display: inline-block; line-height: 1.6em; height: 3.2em; font-size: 18px; font-weight: bold; color: #333; overflow: hidden; }

.graphic .article #owl-demo-1 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .bottom h4 a:hover { color: #dd3333; }

.graphic .article #owl-demo-1 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .bottom p { margin: 18px 15px 20px 15px; height: 5.4em; font-size: 14px; color: #999; text-indent: 2em; overflow: hidden; }

@media (max-width: 1199px) { .graphic .article #owl-demo-1 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .bottom p { height: 7.2em; } }

.graphic .article #owl-demo-1 .owl-controls { margin: 0; height: 40px; }

.graphic .article #owl-demo-1 .owl-controls .owl-pagination { position: absolute; left: 50%; left: 45%\9; -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0%; }

.graphic .article #owl-demo-1 .owl-controls .owl-pagination .owl-page span { margin: 10px; width: 7px; height: 7px; border: 1px solid #f4d01f; border-radius: 50%; background-color: #f4d01f; opacity: 1; }

.graphic .article #owl-demo-1 .owl-controls .owl-pagination .active span { width: 65px; height: 6px; border-radius: 5px; }

.graphic .article #owl-demo-1 .owl-controls .owl-pagination .owl-buttons { display: none !important; }

/*图解 结束*/
/*H5*/
.H5 { padding: 10px 15px; }

.H5 .article #owl-demo-2{ padding-bottom:10px;}

.H5 .article #owl-demo-2 .owl-wrapper-outer .owl-wrapper .owl-item { box-sizing: border-box; padding: 10px 15px; }

.H5 .article #owl-demo-2 .owl-wrapper-outer .owl-wrapper .owl-item .item { position: relative; }

.H5 .article #owl-demo-2 .owl-wrapper-outer .owl-wrapper .owl-item .item .content { box-sizing: border-box; padding: 10px; border: 1px solid #efefef; border-radius: 5px; background:#f2f2f2; }

.H5 .article #owl-demo-2 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .top { overflow: hidden; }

.H5 .article #owl-demo-2 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .top a { position: relative; display: block; width: 100%; }

.H5 .article #owl-demo-2 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .top a:hover em { transition: all 0.3s linear; bottom: 0; }

.H5 .article #owl-demo-2 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .top a img { display: block; width: 100%; }

.H5 .article #owl-demo-2 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .top a em { position: absolute; top: 0; right: 0; bottom: 100%; left: 0; background: #333; transition: all 0.3s linear; opacity: 0.4; filter: alpha(opacity=40); }

.H5 .article #owl-demo-2 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .bottom { overflow: hidden; }

.H5 .article #owl-demo-2 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .bottom h4 { margin: 0; padding: 10px; }

.H5 .article #owl-demo-2 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .bottom h4 a { display: inline-block; line-height: 1.6em; height: 3.2em; font-size: 18px; color: #333; overflow: hidden; }

.H5 .article #owl-demo-2 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .bottom h4 a:hover { color: #dd3333; }

.H5 .article #owl-demo-2 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .bottom p { margin: 5px 10px; font-size: 14px; color: #999; }

.H5 .article #owl-demo-2 .owl-controls { margin: 0; height: 40px; }

.H5 .article #owl-demo-2 .owl-controls .owl-pagination { position: absolute; left: 50%; left: 45%\9; -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0%; }

.H5 .article #owl-demo-2 .owl-controls .owl-pagination .owl-page span { margin: 10px; width: 7px; height: 7px; border: 1px solid #f4d01f; border-radius: 50%; background-color: #f4d01f; opacity: 1; }

.H5 .article #owl-demo-2 .owl-controls .owl-pagination .active span { width: 65px; height: 6px; border-radius: 5px; }

.H5 .article #owl-demo-2 .owl-controls .owl-pagination .owl-buttons { display: none !important; }

/*H5 结束*/
/*动漫*/
.comic { padding: 20px 15px 10px 15px; }

.comic .article { padding: 5px 0; }

.comic .article .section { padding: 5px 15px; }

.comic .article .section .content .img { display: block; position: relative; overflow: hidden; }

.comic .article .section .content .img:hover em { top: 0; right: 0; bottom: 0; left: 0; }

.comic .article .section .content .img img { display: block; width: 100%; }

.comic .article .section .content .img em { position: absolute; top: 50%; right: 50%; bottom: 50%; left: 50%; background: #333; transition: all 0.3s linear; opacity: 0.4; filter: alpha(opacity=40); }

.comic .article .section .content h4 { margin: 0; padding: 10px 0; line-height: 1em; }

.comic .article .section .content h4 a { display: block; line-height: 1.6em; height: 3.2em; font-size: 18px; color: #333; overflow: hidden; }

.comic .article .section .content h4 a:hover { color: #dd3333; }

/*动漫 结束*/
/*VR*/
.vr { padding: 10px 15px; }

.vr .article { padding: 5px 0; }

.vr .article .section { padding: 5px 15px; }

.vr .article .section .content { perspective: 2000px; }

.vr .article .section .content .img { display: block; overflow: hidden; }

.vr .article .section .content .img:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }

.vr .article .section .content .img img { display: block; width: 100%; transition: all 0.3s linear; }

.vr .article .section .content h4 { margin: 0; padding: 10px 0; }

.vr .article .section .content h4 a { display: block; line-height: 1.6em; height: 3.2em; font-size: 18px; color: #333; overflow: hidden; }

.vr .article .section .content h4 a:hover { color: #dd3333; }

@media (max-width: 1199px) { .vr .article .section .content h4 a { height: 3.2em; } }

/*VR 结束*/
/*沙画*/

.sand-painting-ie { padding: 10px 15px; }

.sand-painting-ie .article #owl-demo-3 .owl-wrapper-outer .owl-wrapper .owl-item { box-sizing: border-box; padding: 10px 15px; }

.sand-painting-ie .article #owl-demo-3 .owl-wrapper-outer .owl-wrapper .owl-item .item { position: relative; }

.sand-painting-ie .article #owl-demo-3 .owl-wrapper-outer .owl-wrapper .owl-item .item .content { border: 1px solid #efefef; }

.sand-painting-ie .article #owl-demo-3 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .top { overflow: hidden; }

.sand-painting-ie .article #owl-demo-3 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .top a { position: relative; display: block; width: 100%; }

.sand-painting-ie .article #owl-demo-3 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .top a:hover em { opacity: 0.3; filter: alpha(opacity=30); }

.sand-painting-ie .article #owl-demo-3 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .top a img { display: block; width: 100%; }

.sand-painting-ie .article #owl-demo-3 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .top a em { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #333; transition: all 0.3s linear; opacity: 0; filter: alpha(opacity=0); }

.sand-painting-ie .article #owl-demo-3 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .bottom { overflow: hidden; }

.sand-painting-ie .article #owl-demo-3 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .bottom h4 { margin: 0; padding: 10px 15px; border-bottom: 1px solid #eee; }

.sand-painting-ie .article #owl-demo-3 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .bottom h4 a { display: inline-block; line-height: 1.6em; height: 3.2em; font-size: 18px; color: #333; overflow: hidden; }

.sand-painting-ie .article #owl-demo-3 .owl-wrapper-outer .owl-wrapper .owl-item .item .content .bottom h4 a:hover { color: #dd3333; }

.sand-painting-ie .article #owl-demo-3 .owl-controls { margin: 0; height: 40px; }

.sand-painting-ie .article #owl-demo-3 .owl-controls .owl-pagination { position: absolute; left: 50%;transform: translateX(-50%); bottom: 0%; }

.sand-painting-ie .article #owl-demo-3 .owl-controls .owl-pagination .owl-page span { margin: 10px; width: 8px; height: 8px; border: 1px solid #f4d01f; border-radius: 50%; background-color: #f4d01f; opacity: 1; }

.sand-painting-ie .article #owl-demo-3 .owl-controls .owl-pagination .active span { width: 50px; border-radius: 5px; }

.sand-painting-ie .article #owl-demo-3 .owl-controls .owl-pagination .owl-buttons { display: none !important; }

/*沙画结束*/

/*页脚*/
.footer { padding: 30px 0; color: #333; background: #f2f2f2; }

.footer a { color: #333; }

.footer a:hover { color: #D84A4A; }

.footer em { font-style: normal; margin: 0 8px; color: #333; }

.footer .m-t-xs { margin-top: 10px; }

.footer .m-t-xs small { font-size: 70%; }

.footer .m-t-xs small em { margin: 0 4px; }

/*页脚 结束*/

/*foot end*/