@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("top.png"); background-repeat: no-repeat; background-position: center center; z-index: 5; }

/*返回顶部结束*/
body { background: #f3f3f3; }

/*banner*/
.banner { position: relative; background-image: url("banner.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; }

.banner div { position: absolute; top: 5%; left: 5%; right: 75%; }

.banner div a { display: block; }

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

.bImg { background-image: url("banner-x.jpg");}

/*banner end*/
/*导航*/
.nav { display: none; position: fixed; top: 0; width: 100%; height: 40px; background: #ee2419; z-index: 999; }

.nav ul { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; list-style: none; overflow: hidden; }

.nav ul li { float: left; padding: 8px; width: 100%; box-sizing: border-box; border-right: 1px solid #fff; }

.nav ul li span { display: block; font-size: 16px; color: #fff; font-weight: bold; text-align: center; }

@media (max-width:320px){.nav ul li span {font-size:13px;}}

/*导航结束*/
/*通用栏头*/
.title { margin: 0; padding: 10px 0; line-height: 1em; overflow: hidden; text-align: center; background: #fff url(title-bg.png) center no-repeat; }

.title a { position: relative; display: inline-block; padding: 5px; line-height: 1em; color: #fd1e1e; font-size: 24px; font-weight: bold; }

.title p {  margin:0; padding: 5px; line-height: 1em; color: #fd1e1e; font-size: 24px; font-weight: bold; }

/*通用栏头结束*/
/*头条*/
.headlines { position: absolute; top: 140px; opacity: 0; padding: 0 15px; }

.headlines .article { padding: 15px 15px 15px 0; border-radius: 5px 5px 0 0; background: #fff; border-bottom: 1px solid #eee; overflow: hidden; box-shadow: 0 0 10px rgba(138, 120, 120, 0.3); }

.headlines .article h3 { float: right; margin: 0; margin-top: -4px; padding-left: 10px; width: 85%; line-height: 1.4em; font-size: 14px; color: #000; box-sizing: border-box; }

@media (max-width: 320px) { .headlines .article h3 { width: 100%; padding-left: 0; } }

.headlines .article h3 a { font-size:14px; text-indent:2em;}

.headlines .article .img { float: left; width: 15%; box-sizing: border-box; }

@media (max-width: 320px) { .headlines .article .img { width: 0; } .headlines .article {padding:15px;}}

.headlines .article .img img { display: block; width: 100%; }

/*头条结束*/
/*聚焦*/
.focusing { padding: 10px 15px 0 15px; }

.focusing .focus { border-radius: 10px; box-shadow: 0 0 10px rgba(138, 120, 120, 0.3); }

.focusing .focus .owl-carousel { position: relative; overflow: hidden; }

.focusing .focus .owl-carousel .owl-wrapper-outer .item { position: relative; overflow: hidden; border-radius: 10px; }

.focusing .focus .owl-carousel .owl-wrapper-outer .item a { display: block; }

.focusing .focus .owl-carousel .owl-wrapper-outer .item a img { display: block; width: 100%; }

.focusing .focus .owl-carousel .owl-wrapper-outer .item h4 { margin: 0; background: #fff; }

.focusing .focus .owl-carousel .owl-wrapper-outer .item h4 a { display: block; padding: 5px 8px; line-height: 1.6em; height: 3.2em; font-size: 18px; color: #333; }

.focusing .focus .owl-carousel .owl-controls { display: none !important; }

/*聚焦结束*/
/*要闻*/
.focus-news { padding: 0px 15px; }

.focus-news .section { margin:15px 0; }

.focus-news .section ul { margin: 0; padding: 10px; list-style: none; background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(138, 120, 120, 0.3); }

.focus-news .section ul li { position: relative; padding: 6px 0; }

.focus-news .section ul li a { display: block; padding-left: 15px; line-height: 1.6em; font-size: 16px; color: #333; }

.focus-news .section ul li span { display: block; position: absolute; top: 15px; width: 8px; height: 8px; background: #fd1e1e; }

/*要闻结束*/
/*丝路视角*/
.visual-angle { padding: 20px 0 0 0; }

.visual-angle .article { padding: 5px 15px; }

.visual-angle .article .section { margin: 15px 0; }

.visual-angle .article .section .content { padding: 10px; overflow: hidden; background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(138, 120, 120, 0.3); }

.visual-angle .article .section .content .left { float: left; width: 40%; position:relative; }

.visual-angle .article .section .content .left a { display: block; }

.visual-angle .article .section .content .left a img { display: block; width: 100%; border-radius: 5px; }

.visual-angle .article .section .content .left .video{ position:absolute; bottom:8%; left:8%; width:25px; height:25px;}

.visual-angle .article .section .content .left .video img{ display:block; width:100%;}

.visual-angle .article .section .content .right { float: right; padding-left: 15px; width: 60%; box-sizing: border-box; }

.visual-angle .article .section .content .right h4 { margin: 0; line-height: 1.4em; }

.visual-angle .article .section .content .right h4 a { display: block; margin-top: -2px; line-height: 1.4em; font-size: 16px; color: #333; }

/*丝路视角结束*/
/*丝路明珠*/
.bright-pearl { padding: 10px 0 0 0; }

.bright-pearl .focus { padding: 20px 15px; }

.bright-pearl .focus .owl-carousel { position: relative; overflow: hidden; border-radius: 10px; box-shadow: 0 0 10px rgba(138, 120, 120, 0.3); }

.bright-pearl .focus .owl-carousel .owl-wrapper-outer .item { position: relative; overflow: hidden; border-radius: 10px; }

.bright-pearl .focus .owl-carousel .owl-wrapper-outer .item a { display: block; }

.bright-pearl .focus .owl-carousel .owl-wrapper-outer .item a img { display: block; width: 100%; }

.bright-pearl .focus .owl-carousel .owl-wrapper-outer .item h4 { margin: 0; background: #fff; border-radius: 0 0 5px 5px; box-shadow: 0 0 10px rgba(138, 120, 120, 0.3); }

.bright-pearl .focus .owl-carousel .owl-wrapper-outer .item h4 a { display: block; padding: 5px 8px; line-height: 1.6em; height: 3.2em; font-size: 16px; color: #333; }

.bright-pearl .focus .owl-carousel .owl-controls { display: none !important; }

/*丝路明珠结束*/
/*专家看点*/
.expert { padding: 10px 0; }

.expert .article { padding: 5px 15px; }

.expert .article .section .top { margin: 15px 0; }

.expert .article .section .top .content { padding: 10px; overflow: hidden; background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(138, 120, 120, 0.3); }

.expert .article .section .top .content .left { float: left; width: 30%; }

.expert .article .section .top .content .left a { display: block; }

.expert .article .section .top .content .left a img { display: block; width: 100%; border-radius: 5px; }

.expert .article .section .top .content .right { float: right; padding-top: 15px; width: 65%; box-sizing: border-box; }

.expert .article .section .top .content .right h4 { margin: 0; line-height: 1.4em; }

.expert .article .section .top .content .right h4 a { display: block; margin-top: -2px; line-height: 1.4em; font-size: 16px; color: #333; }

.expert .article .section .bottom { margin: 15px 0; }

.expert .article .section .bottom ul { margin: 0; padding: 10px; list-style: none; background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(138, 120, 120, 0.3); }

.expert .article .section .bottom ul li { position: relative; padding: 4px 0; }

.expert .article .section .bottom ul li a { display: block; padding-left: 15px; line-height: 1.4em; font-size: 16px; color: #333; height: 2.8em; }

.expert .article .section .bottom ul li span { display: block; position: absolute; top: 20%; width: 8px; height: 8px; background: #fd1e1e; }

/*专家看点结束*/
/*丝路数字*/
.s-number .article { padding: 5px 15px; }

.s-number .article .section { margin: 15px 0; }

.s-number .article .section .content { padding: 10px; overflow: hidden; background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(138, 120, 120, 0.3); }

.s-number .article .section .content .left { float: left; width: 40%; }

.s-number .article .section .content .left a { display: block; }

.s-number .article .section .content .left a img { display: block; width: 100%; border-radius: 5px; }

.s-number .article .section .content .right { float: right; padding-left: 15px; width: 60%; box-sizing: border-box; }

.s-number .article .section .content .right h4 { margin: 0; line-height: 1.4em; }

.s-number .article .section .content .right h4 a { display: block; margin-top: -2px; line-height: 1.4em; font-size: 16px; color: #333; }

/*丝路数字结束*/
/*丝路图集*/
.atlas { padding: 10px 0; }

.atlas .focus { padding: 20px 15px 5px 15px; }

.atlas .focus .owl-carousel { position: relative; overflow: hidden; border-radius: 10px; box-shadow: 0 0 10px rgba(138, 120, 120, 0.3); }

.atlas .focus .owl-carousel .owl-wrapper-outer .item { position: relative; overflow: hidden; border-radius: 10px; }

.atlas .focus .owl-carousel .owl-wrapper-outer .item a { display: block; }

.atlas .focus .owl-carousel .owl-wrapper-outer .item a img { display: block; width: 100%; }

.atlas .focus .owl-carousel .owl-wrapper-outer .item span { display: block; position: absolute; right: 0; bottom: 0; left: 0; }

.atlas .focus .owl-carousel .owl-wrapper-outer .item span em { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to top, rgba(51, 51, 51, 0.6) 80%, rgba(51, 51, 51, 0.1)); }

.atlas .focus .owl-carousel .owl-wrapper-outer .item span a { display: block; position: relative; padding: 5px 15px; line-height: 1.4em; box-sizing: border-box; color: #fff; font-size: 18px; z-index: 2; }

.atlas .focus .owl-carousel .owl-controls { display: none !important; }

.atlas .article{ padding:0 15px;}

.atlas .article .section { margin: 15px 0; }

.atlas .article .section .content { padding: 10px; overflow: hidden; background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(138, 120, 120, 0.3); }

.atlas .article .section .content .left { float: left; width: 40%; }

.atlas .article .section .content .left a { display: block; }

.atlas .article .section .content .left a img { display: block; width: 100%; border-radius: 5px; }

.atlas .article .section .content .right { float: right; padding-left: 15px; width: 60%; box-sizing: border-box; }

.atlas .article .section .content .right h4 { margin: 0; line-height: 1.4em; }

.atlas .article .section .content .right h4 a { display: block; margin-top: -2px; line-height: 1.4em; font-size: 16px; color: #333; }

/*丝路图集结束*/
/*H5*/
.tj { padding: 10px 0 5px 0; }

.tj .article { overflow: hidden; padding: 5px 10px; }

.tj .article .section { float: left; padding: 10px 5px 5px 5px; width: 50%; box-sizing: border-box; }

.tj .article .section-tt { width:100%; }

.tj .article .section .content { padding: 5px; box-sizing: border-box; background: #fff;box-shadow:0 0 10px rgba(138, 120, 120, 0.3); }

.tj .article .section .content .img { position: relative; display: block; }

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

.tj .article .section .content h4 { margin: 0; }

.tj .article .section .content h4 a { display: block; padding: 8px 0; line-height: 1.4em; height:2.8em; font-size: 16px; color: #333; }

.tj .article .tj-for .content h4 a{height:4.2em;}
/*H5结束*/

/*foot*/
.footer { background: #e80707; margin-top:10px; padding: 30px 0; color: #333; }

.footer a { color: #fff; }

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

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

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

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

.footer .small { color: #fff; }

/*foot end*/