@charset "utf-8";
/* CSS Document */

body { font-family: "微软雅黑"; background: url(bg.jpg) 50% 0 repeat; min-width: 1200px; }
a { -webkit-transition: all 0.4s; transition: all 0.4s; }
a:hover { color: #ff9724 !important; background-color: transparent; -webkit-text-decoration-skip: objects; }
.full-screen, .full-screen body { width: 100%; height: 100%; overflow: hidden; }
.cover { position: relative; width: 100%; height: 100%; overflow: hidden; }
.ant01 { background: url(01.png) 100% 0 no-repeat; width: 4.2rem; height: 3.68rem; top: 0.65rem; left: 45%; position: absolute; margin-left: -0.5rem; z-index: 5; background-size: 100% auto; }
.ant02 { background: url(02.png) 100% 0 no-repeat; width: 5rem; height: 4.34rem; top: 0.3rem; left: 55%; position: absolute; margin-left: -5rem; z-index: 3; background-size: 100% auto; }
.ant03 { background: url(03.png) 100% 0 no-repeat; width: 1.5rem; height: 2rem; top: 3rem; left: 50%; position: absolute; margin-left:2rem; z-index: 4; background-size: 100% auto; }
.ant04 { background: url(04.png) 100% 0 no-repeat; width: 6rem; height: 3rem; top: 0.3rem; left: 8%; position: absolute; margin-left: 2rem; z-index: 6; background-size: 100% auto; }
.ant05 { background: url(ant05_v1.png) 50% 0 no-repeat; width: 0.286rem; height: 215rem; top: 0.8rem; left: 50%; position: absolute; margin-left: 1.25rem; z-index: 4; background-size: 100% auto; }
.ant06 { background: url(ant06_v1.png) 50% 0 no-repeat; width: 0.135rem; height: 0.531rem; top: 1.4rem; left: 50%; position: absolute; margin-left: 1.7rem; z-index: 4; background-size: 100% auto; }
.ant07 { background: url(ant07_v1.png) 50% 0 no-repeat; width: 0.135rem; height: 0.531rem; top: 1.8rem; left: 50%; margin-left: 2rem; position: absolute; z-index: 2; background-size: 100% auto; cursor: pointer; }
.ant08 { background: url(ant08_v1.png) 50% 0 no-repeat; width: 0.135rem; height: 0.531rem; top: 1rem; left: 50%; margin-left: 2.3rem; position: absolute; z-index: 2; background-size: 100% auto; cursor: pointer; }
.footer { background: url(20180131sf_footerBg_v1.png) 50% 0 no-repeat; font-size: 14px; padding-top: 40px; width: 100%; height: 98px; text-align: center; line-height: 30px; color: #fff; }
.container { width: 1200px; margin: 0 auto; }
/*part3*/

.con_box { width: 1200px; margin: 0 auto; }
.con_box .tabs { width: 1200px; margin: 0 auto; padding-top: 30px; margin-bottom: 30px; }
.con_box .tabs ul { clear: both; overflow: hidden; margin: 0 auto; width: 1100px; }
.con_box .tabs li { background: url(bt.png) 0 0 no-repeat; width: 204px; height: 94px; float: left; margin: 0 8px; font-size: 16px; text-indent: -99999em; }
.con_box .tabs .h01 { background-position: -103px -290px; }
.con_box .tabs .h02 { background-position: -375px -290px; }
.con_box .tabs .h03 { background-position: -672px -290px; }
.con_box .tabs .h04 { background-position: -969px -290px; }
.con_box .tabs .h05 { background-position: -1266px -290px; }
.con_box .tabs .active.h01, .con_box .tabs .h01:hover { background-position: -103px -91px; }
.con_box .tabs .active.h02, .con_box .tabs .h02:hover { background-position: -375px -91px; }
.con_box .tabs .active.h03, .con_box .tabs .h03:hover { background-position: -672px -91px; }
.con_box .tabs .active.h04, .con_box .tabs .h04:hover { background-position: -969px -91px; }
.con_box .tabs .active.h05, .con_box .tabs .h05:hover { background-position: -1266px -91px; }
.part01 { width: 1100px; margin: 0 auto; position: relative; z-index: 2; }
/* .part01:after {
            content: "";
            position: absolute;
            background:#000 url(20180523_wmd_GW_v1.png) 50% 0 no-repeat;
            width: 637px;
            height: 331px;
            top: 300px;
            left: -300px;
            z-index: 1;
        } */

.part01-left { width: 146px; height: 420px; float: left; margin-left: 20px; }
.part01-left img { width: 100%; height: auto; }
.part01-right { width: 880px; float: right; position: relative; }
.part01-right .swiper-container { width: 880px; height: 800px; }
.part01-right .swiper-slide { position: relative; }
.part01-right #iframe { display: none; width: 880px; height: 520px; top: 0; left: 0; position: absolute; z-index: 15; }
.part01 .video-close { width: 17px; height: 17px; position: absolute; right: -16px; top: 0; z-index: 20; background: url(icon_video.png) 0 -80px no-repeat; cursor: pointer; display: none; }
.part01 .vBtn { position: absolute; width: 64px; height: 64px; left: 50%; top: 223px; background: url(20180413_ct_play_v1.png) no-repeat; cursor: pointer; z-index: 10; margin-left: -30px; display: none; }
.part01 .arrow-left, .part01 .arrow-right { background: url(20180523_wmd_an01_v1.png) 0 0 no-repeat; position: absolute; top: 200px; width: 80px; height: 89px; z-index: 2 }
.part01 .arrow-left { background-position: 0px 0px; left: 0px; }
.part01 .arrow-right { background-position: -165px 0; right: 0px; }
.part01 .arrow-left:hover { background-position: 0px -160px; }
.part01 .arrow-right:hover { background-position: -165px -160px; }
.part01-right img { width: 880px; height: 495px; display: block; }
.part01 .titPat { background: url(20180523_wmd_book_v1.png) 50% 0 no-repeat; width: 935px; height: 173px; background-size: 100% auto; margin-top: 30px; }
.part01 .titPat .title { font-size: 20px; text-align: center; line-height: 30px; padding-top: 24px; }
.part01 .titPat .abs { font-size: 16px; width: 700px; margin-left: 108px; line-height: 28px; color: #e8eaa9}
.part01 .pagination { position: absolute; right: 10px; text-align: center; bottom: 7px; width: 100%; z-index: 2; }
.part01 .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; background: #a0a0a0; margin: 0 3px; cursor: pointer; border-radius: 10px }
.part01 .swiper-active-switch { background: #7d0000; width: 12px; height: 12px; }

.part03 { width: 1100px; margin: 0 auto; position: relative; z-index: 2; }
.part03-left { width: 146px; height: 420px; float: left; margin-left: 20px; }
.part03-left img { width: 100%; height: auto; }
.part03-right { width: 900px; float: right; position: relative; }
.part03-right .tabs02 li { float: left; }
.part03-right .swiper-container { width: 900px; height: 350px; }
.part03-right .swiper-slide { position: relative; }
.part03-right .swiper-slide:before { content: ""; background: url(sk.png) -974px -356px no-repeat; width: 85px; height: 42px; position: absolute; z-index: 1; left: 0; top: 150px }
.part03-right .swiper-slide:after { content: ""; background: url(sk.png) -1105px -356px no-repeat; width: 85px; height: 42px; position: absolute; z-index: 1; left: 150px; top: 150px; }
.part03-right .part03-cl { background: url(20180523_wmd_manBg_v1.png) 50% 0 no-repeat; text-align: center; width: 192px; height: 200px; margin-left: 16px; float: left; }
.part03-right .part03-cl img { width: 140px; height: 140px; display: block; border-radius: 108px; padding: 33px 0 0 37px; }
.part03-cr { width: 530px; position: relative; float: right; padding-left: 80px; padding-right: 70px; }
.part03-cr:before { content: ""; width: 58px; height: 48px; position: absolute; background: url(sk.png) -970px -110px no-repeat; top: 0; left: 0; }
.part03-cr:after { content: ""; width: 58px; height: 48px; position: absolute; background: url(sk.png) -1090px -110px no-repeat; bottom: 0; right: 0; }
.part03-cr h3 { font-size: 24px; line-height: 40px; }
.part03-cr span { display: block; font-size: 14px; }
.part03-cr p {
	font-size: 16px;
	line-height: 32px;
	margin-top: 15px;
	color: #CCCCCC;
}
.part03-right .tabs02 { font-size: 16px; }
.part03-right .tabs02 li { background: url(sk.png) -387px -309px no-repeat; width: 160px; height: 174px; margin: 0 30px; text-align: center; position: relative; }
.part03-right .tabs02 li.active { background: url(sk.png) -107px -309px no-repeat; }
.part03-right .tabs02 li h3 { font-size: 24px; line-height: 32px; padding: 50px 0 20px; }
.part03-right .tabs02 li span {
	font-size: 14px;
	color: #CCCCCC;
}
.part03-right .tabs02 li:before { content: ""; width: 140px; height: 110px; position: absolute; top: -80px; left: 50%; margin-left: -70px; }
.part03-right .tabs02 .t01:before { background: url(sk.png) -79px -64px no-repeat; }
.part03-right .tabs02 .t02:before { background: url(sk.png) -291px -64px no-repeat; }
.part03-right .tabs02 .t03:before { background: url(sk.png) -498px -64px no-repeat; }
.part03-right .tabs02 .t04:before { background: url(sk.png) -710px -64px no-repeat; }

.part02 { width: 1100px; margin: 0 auto; position: relative; z-index: 2; }
.part02-left { width: 146px; height: 420px; float: left; margin-left: 20px; }
.part02-left img { width: 100%; height: auto; }
.part02-right { float: right; width: 843px; margin-right: 30px; }
.part02-right .listPic6 ul { }
.part02-right .listPic6 dt { float: left; width: 420px; }
.part02-right .listPic6 dd { float: right; width: 420px; }
.part02-right .listPic6 ul li { display: block; position: relative; overflow: hidden; width: 420px; margin-bottom: 3px; }
.part02-right .listPic6 ul li a { display: block; position: relative; color: #fff; overflow: hidden; font-size: 16px; }
.part02-right .listPic6 ul li .intro { position: absolute; left: 0; z-index: 10; background-color: rgba(0, 0, 0, 0.6); bottom: -61px; }
.part02-right .listPic6 ul li .intro h2 { padding: 0; margin: 0; font-size: 16px; font-weight: bold; padding: 0 15px; height: 40px; width: 420px; line-height: 40px; border-bottom: 1px solid rgba(215, 0, 15, .2); font-family: "微软雅黑"; overflow: hidden; }
.part02-right .listPic6 ul li .intro p { font-size: 13px; color: #fff; line-height: 20px; margin: 10px 15px; height: 40px; overflow: hidden; }
.part02-right .listPic6 ul .l01 a img { width: 420px; height: 210px; }
.part02-right .listPic6 ul .l02 a img { width: 420px; height: 316px; }

.part04 { width: 1100px; margin: 0 auto; position: relative; z-index: 2; }
.part04-left { width: 146px; height: 420px; float: left; margin-left: 20px; }
.part04-left img { width: 100%; height: auto; }
/*exclusive*/

.part04-right { width: 880px; float: right; }
.exclusive_box { width: 100%; height: 656px; background: url(exclusice_bj.png) no-repeat 50% 0; margin-top: 45px; }
.exclusive_dh { width: 100%; height: 52px; background: url(exclusive_dh.png) no-repeat 50% 0; margin-bottom: 30px; }
.exclusive_dh_a { width: 195px; height: 58px; margin: 0 auto; }
.blocktit { display: block; height: 90px; margin: 30px 0 20px; background-position: center center; background-repeat: no-repeat; }
.exclusive-tit { background-image: url(bg_tit_pc_djch.png); }
.exclusive-box { position: relative; height: 600px; }
.carousel { position: relative; height: 450px; margin: 0 auto; }
.carousel li { float: left; width: 332px; height: 258px; }
.carousel a, .carousel img, .carousel span { display: inline-block; }
.carousel img { width: 100%; height: 100%; }
.carousel a { position: relative; transition: none; }
.carousel span { position: absolute; left: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 4px; font-size: 14px; line-height: 22px; color: #fff; text-align: left; background-color: #36a1de; background-color: rgba(0, 0, 0, 0.6); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.carousel a { -webkit-box-reflect: below -4px -webkit-linear-gradient(top, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0) 30%, rgba(250, 250, 250, 0.3)); }
.carousel { position: relative; margin: 0px; padding: 0px; -moz-user-select: none; -webkit-user-select: none; }
.carousel .carousel-item { background-position: center; background-repeat: no-repeat; background-color: #FFF; position: absolute; cursor: pointer; font-size: 0px; }
.carousel .out { border: #DDD 2px solid; }
.carousel .over { border: #DDD 2px solid; -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')"; }
.carousel .click { border: #DDD 2px solid; -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')"; }
.carousel .select { border: #DDD 2px solid; -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')"; }
.carousel .tooltip { position: absolute; z-index: 9999; background-color: #DDD; margin-bottom: 20px; border: #EEE solid 4px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.carousel .tooltip p { color: #999; padding: 10px; margin: 0px; }
.carousel .scrollbar { width: 340px; position: absolute; margin-top: 100px; }
.carousel .scrollbar .track { width: 300px; height: 20px; position: absolute; left: 20px; }
.carousel .scrollbar .thumb { width: 70px; height: 20px; position: absolute; cursor: pointer; }
.carousel .scrollbar .left { width: 20px; height: 20px; position: absolute; cursor: pointer; left: 0px; }
.carousel .scrollbar .right { width: 20px; height: 20px; position: absolute; cursor: pointer; right: 0px; }
.ex-btn { position: relative; z-index: 90; width: 200px; margin: 30px auto 0; }
.ex-arr { width: 72px; height: 40px; background-repeat: no-repeat; background-position-y: center; cursor: pointer; }
.ex-left { float: left; background-image: url(icon_pc_arrow3d_left.png); background-position-x: left; }
.ex-right { float: right; background-image: url(icon_pc_arrow3d_right.png); background-position-x: right; }
.part05 { width: 1100px; margin: 0 auto; position: relative; z-index: 2; }
.part05-left { width: 146px; height: 420px; float: left; margin-left: 20px; }
.part05-left img { width: 100%; height: auto; }
.part05-right { width: 880px; float: right; }
.part05-lt img { font-size: 0; display: inline-block; }
.part05-lt { line-height: 30px; }
.part05-lt h3 { display: inline-block; font-size: 24px; font-weight: normal; vertical-align: middle; max-width: 700px; }
.part05-lt p { line-height: 32px; font-size: 16px; margin-top: 10px; margin-bottom: 20px; }
.part05-lb dl { clear: both; }
.part05-lb dd { float: left; overflow: hidden; }
.part05-lb dd+dd { margin-left: 18px; }
.picNews2 { background: #f1f1f1 url("http://www.news.cn/2015/img2015/Loading.gif") no-repeat scroll 50% 50%; height: 160px; overflow: hidden; position: relative; width: 280px; }
.picNews2 .picImg a { display: block; line-height: 0 }
.picNews2 .picImg img { width: 280px; height: 160px; }
.picNews2 .picBg { background: #1d71b6 none repeat scroll 0 0; bottom: 0; height: 35px; left: 0; opacity: 0.4; position: absolute; width: 100%; z-index: 10; }
.picNews2 .picTit { bottom: 0; color: #ffffff; font-weight: bold; height: 35px; left: 0; line-height: 35px; overflow: hidden; position: absolute; text-align: center; width: 100%; z-index: 11; font-size: 16px; }
.picNews2 .picTit a { color: #ffffff; line-height: 35px; }
.listTxt1-1 { overflow: hidden; margin-top: 20px; }
.listTxt1-1 li { height: 20px; line-height: 20px; margin: 17px 0; overflow: hidden; position: relative; padding-left: 8px; font-size: 14px; }
.listTxt1-1 li a { font-size: 16px; }
.listTxt1-1 li.imp a { font-size: 14px; font-weight: bold; }
.listTxt1-1 .time { color: #666; position: absolute; right: 0; top: 0; }
.listTxt1-1 .dSquare { display: block; height: 4px; width: 4px; position: absolute; left: 0px; top: 50%; margin-top: -2px; background: #333; }
.listTxt1-1 .dRadius { display: block; height: 4px; width: 4px; position: absolute; left: 0px; top: 50%; margin-top: -2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #333; }
 @media screen and (min-height:0px) and (min-height: 1040px) {
.con_box .tabs { margin-bottom: 60px; }
}