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

body,h1,h2,h3,h4,h5,h6,ul,li,p,dl,dd,dt,input,select{ margin:0px; padding:0px;}
body{ font-family:"微软雅黑";}
img{ border:none}
ul,li{ list-style:none}
a{ text-decoration:none}
.section{}
.logo1{ position:fixed; left:36px; top:36px;z-index:500;}
.logo2{ position:fixed; left:137px; top:0px;z-index:500;}
.section-content{ width: 1200px; height: 600px;}
.content{ position: absolute; width: 1100px; height: 550px; margin: 0px auto; left: 50%; top: 50%; margin-left: -550px; margin-top: -275px;}
.swiper-parent{ width: 1100px; height: 550px; overflow: hidden;}
.pagination{ display: none;}
.page-nav{ position: fixed; right: 35px; z-index: 500; width:40px; height: 170px; top: 50%; margin-top: -85px;}
.page-n li{ cursor: pointer; background-image: url(http://p1.ifengimg.com/l/2017/20/ef879d6de0dfa2d/jl-nav-icon.png); background-repeat: no-repeat; width:40px; height: 40px; margin-bottom: 7px;}
.page-n li:nth-child(1){ background-position: -1px -12px;}
.page-n li:nth-child(2){ background-position: -66px -12px;}
.page-n li:nth-child(3){ background-position: -131px -12px;}
.page-n li:nth-child(4){ background-position: -188px -12px;}

.page-n li:nth-child(1):hover,.page-n li:nth-child(1).pageOn{ background-position: 0px -66px;}
.page-n li:nth-child(2):hover,.page-n li:nth-child(2).pageOn{ background-position: -67px -66px;}
.page-n li:nth-child(3):hover,.page-n li:nth-child(3).pageOn{ background-position: -131px -69px;}
.page-n li:nth-child(4):hover,.page-n li:nth-child(4).pageOn{ background-position: -188px -70px;}

.page-bg{ position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
.page-bottom-nav{ position: fixed; bottom: 0px; width: 100%; height: 40px; background: #191919; z-index: 500;}


.p1-nav{ position: absolute; width: 1080px; left: 50%; margin-left: -540px; top: 50%; margin-top: 160px;}
.p1-nav li{ cursor: pointer; width: 330px; height: 80px; float: left; margin-right: 45px; background-image: url(http://p2.ifengimg.com/l/2017/20/ef879d6de0dfa2d/jl-page-nav.png); background-repeat: no-repeat;}
.p1-nav li:nth-child(1){ background-position: 0px 0px;}
.p1-nav li:nth-child(2){ background-position: -367px 0px;}
.p1-nav li:nth-child(3){ background-position: -727px 0px;}
.p1-nav li:hover{ background-position-y:-91px;}

.p1-nav li:last-child{ margin-right: 0px;}

.p2-title{ position: absolute; left: 318px; top: 0px;}
.p2-left{ position: absolute; left: 662px; top: 360px; z-index: 100; cursor: pointer;}
.p2-right{ position: absolute; left: 716px; top: 360px; z-index: 100; cursor: pointer;}
.part3 .content{ background: url(http://p2.ifengimg.com/l/2017/20/ef879d6de0dfa2d/jl-page3-1.png) no-repeat center top;}
.swiper-p3{ width: 693px; height: 367px; overflow: hidden; position: absolute; left: 223px; top: 86px; display: none;}
.p3-left{ position: absolute; left: 70px; top: 250px;}
.p3-right{ position: absolute; right: 50px; top: 250px;}
.p3-nav{ position: absolute; left:330px ; top: 475px; width: 504px; height: 40px; background: url(http://p2.ifengimg.com/l/2017/20/ef879d6de0dfa2d/jl-page3-nav-bg.png) no-repeat;}
.p3-nav li{ cursor: pointer; background-image: url(http://p0.ifengimg.com/l/2017/20/ef879d6de0dfa2d/jl-page3-nav.png); background-repeat: no-repeat;}
.p3-nav li:nth-child(1){ width: 103px; height: 40px; float: left; margin-right: 66px;background-position: 0px -1px;}
.p3-nav li:nth-child(2){ width: 142px; height: 40px; float: left; margin-right: 66px;background-position: -170px -1px;}
.p3-nav li:nth-child(3){ width: 121px; height: 40px; float: left;background-position: -377px -1px;}

.p3-nav li:nth-child(1):hover,.p3-nav li:nth-child(1).p3-on{ background-position: 0px -51px;}
.p3-nav li:nth-child(2):hover,.p3-nav li:nth-child(2).p3-on{ background-position: -170px -51px;}
.p3-nav li:nth-child(3):hover,.p3-nav li:nth-child(3).p3-on{ background-position: -377px -51px;}
.overlay{ display: none; position: fixed; z-index: 1000; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #000; opacity: 0.5; filter: alpha(opacity=50);}
.pop{ display: none; position: fixed; width: 100%; height: 100%; left: 0px; right: 0px; bottom: 0px; top: 0px; overflow-y: auto; z-index: 1000;}
.pop-inner{ background: url(http://p0.ifengimg.com/l/2017/20/ef879d6de0dfa2d/jl-pop-bg.jpg) repeat; width: 722px; margin: 0px auto; padding-bottom: 20px;}
.pop-inner-1{ margin: 10px 40px 0px;}
.pop-inner-1 h2{ font-size: 20px; line-height: 28px; color: #000; margin: 15px 0px 8px;}
.pop-inner-1 p{ font-size: 15px; color: #656161; line-height: 28px; margin: 10px 0px;}
.pop-inner-1 p.center{ text-align: center;}
.close{ position: fixed; left: 50%; top: 10px; margin-left: 363px; z-index: 1001; display: none;}
.pop-logo{ position: fixed; left: 50%; top:12px ; margin-left: -440px; z-index: 1001; display: none;}

.share{float: right;}
.share ul{ width:120px; margin-top: 12px; position: relative;}
.share li{ width:13px; height:15px; border-right: 1px solid #656565; float: left; text-align: center; padding: 0px 10px;}
.share li:last-child{ border-right: none;}
.share li a{ display:block; width:15px; height:13px; text-align: center;}
.share li a img{ display: block;}
	.share li a.weicha{ background-position: 5px 7px; position: relative;}
	.share li a.qzone{ background-position:5px -29px;}
	.share li a.douban{ background-position:5px -68px;}
	.share li a.sina{ background-position:5px -105px;}
.qrcode{ position: absolute; left: 10px; top: -140px; width: 135px; height:128px ;  display: none;}
		.qrcode img{ width: 116px; margin: 7px 6px;}	
		.share li:hover .qrcode{ display: block;}
		
	.page-bottom-nav p{float: right; line-height: 40px; color: #656565; font-size: 11px; margin-right: 20px;}