@charset "gb2312";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "\5FAE\8F6F\96C5\9ED1"; color:#000;text-align:center;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/200% "\5FAE\8F6F\96C5\9ED1";}
li,p{text-align:left;font:normal 12px/200% "\5FAE\8F6F\96C5\9ED1";}
a:link,a:visited{color:#000; text-decoration:none;}
a:hover{color:#000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.clear{ clear:both;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% "\5FAE\8F6F\96C5\9ED1";}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt50{ margin-top:50px;}
.mt35{ margin-top:35px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w1000{ width:1000px; overflow:hidden;}
.w990{ width:990px; }
.w980{ width:980px; overflow:hidden;}
.list_14 li{font-size:14px; background:url(imagesdot.png) no-repeat 0 16px; padding-left:12px;}
.list_12 li{ background:url(imagesdot.png) no-repeat 0 8px; padding-left:12px;}
.fl{ float:left;}
.fr{ float:right;}
.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#fff;}


.top{background: #fff;line-height: 37px;height:37px;background: url(imagestopbg.gif);}
.banner{background:url('imagesbanner.jpg') no-repeat top center;height:717px;position: absolute;top:37px;left:0;width:100%;background-size:auto 100%;}
.banner1{background:url('imagesbanner1.jpg') no-repeat top center;height:498px;}
.nav{background: url('imagesnavbg.png');height:211px;}
.nav .w1000 ul li{float: left;width:25%;height:211px;cursor: pointer;}
.nav .w1000 ul li.n1{background: url('imagesnav1.png') no-repeat center center;}
.nav .w1000 ul li.n2{background: url('imagesnav2.png') no-repeat center center;}
.nav .w1000 ul li.n3{background: url('imagesnav3.png') no-repeat center center;}
.nav .w1000 ul li.n4{background: url('imagesnav4.png') no-repeat center center;}

.nav .w1000 ul li.n1.this{background: url('imagesnav1a.png') no-repeat center center #0161b2;}
.nav .w1000 ul li.n2.this{background: url('imagesnav2a.png') no-repeat center center #0161b2;}
.nav .w1000 ul li.n3.this{background: url('imagesnav3a.png') no-repeat center center #0161b2;}
.nav .w1000 ul li.n4.this{background: url('imagesnav4a.png') no-repeat center center #0161b2;}

.nav .w1000 ul li.n1:hover{background: url('imagesnav1a.png') no-repeat center center #0161b2;}
.nav .w1000 ul li.n2:hover{background: url('imagesnav2a.png') no-repeat center center #0161b2;}
.nav .w1000 ul li.n3:hover{background: url('imagesnav3a.png') no-repeat center center #0161b2;}
.nav .w1000 ul li.n4:hover{background: url('imagesnav4a.png') no-repeat center center #0161b2;}




.p1_left{width:316px;margin-top: 30px;}
.p1_right{width:655px;margin-top: 30px;}
h1{font-size: 40px;text-align: center;margin-top: 40px;font-weight: bold;line-height: 60px;}
.p1_content p{font-size: 14px;font-family:"\5FAE\8F6F\96C5\9ED1";text-align: center;line-height: 30px;}
.p1_left ul{padding:10px 0;border-bottom:1px solid #ededed;}
.p1_left ul li{line-height: 36px;}
.p1_left ul li b{font-size: 16px;}
.p2_content{background: url('imagesbg2.jpg') no-repeat top center;height:725px;margin-top: 40px;}

.p2_content .w1000{position: relative;}
.p2h{height:725px;}
.p2_nav{position: absolute;top:0;left:6px;border-left:1px solid #00a8e6;height:725px;width:140px;}
.p2_nav ul{margin-top: 40px;}
.p2_nav ul li{font-size: 14px;color: #00a8e6;line-height: 18px;margin-bottom: 15px;background: url('imagesdot2.png') no-repeat 0px 5px;padding-left:25px;margin-left: -4px;width:115px;}

.p2_nav ul li span{display:block;border-bottom:1px solid #00a8e6;padding-bottom: 15px;}

.p2_nav ul li.this{background: url('imagesdot1.png') no-repeat 0px 5px;margin-left: -6px;font-size: 16px;color: #fff;}
.p2_nav ul li.this span{border-bottom:1px solid #fff;}

.p2_right{width:870px;position: relative;float: right;height:710px;}
.p2_right h2{text-align: center;width:100%;margin-top: 26px;}

.p2_a li{text-align: center;font-size: 12px;width:150px;height:120px;position: absolute;top:0;left:0;color: #fff;}
.p2_a li img{display: block;margin:0 auto;border-radius:50%;}
.p2_a li i{display: block;font-size: 14px;text-align: center;}
.p2_a li span{display: block;position: absolute;top: 0;left: 16px;width:98px;height:98px;border-radius:50%;background: url('imagesbg6.png');padding:20px 10px 0 10px;color: #114075;font-size: 14px;display: none;}
.p2_a li.this span{display: block;}
.p2_a li.a0{top:222px;left:68px;}
.p2_a li.a1{top:144px;left:255px;}
.p2_a li.a2{top:150px;left:470px;}
.p2_a li.a3{top:116px;left:688px;}
.p2_a li.a4{top:503px;left:40px;}

.p2_a li.a5{top:405px;left:190px;}
.p2_a li.a6{top:330px;left:344px;}
.p2_a li.a7{top:350px;left:525px;}
.p2_a li.a8{top:308px;left:725px;}
.p2_a li.a9{top:503px;left:658px;}

.p2a_content h2{text-align: center;width:100%;margin-top: 40px;}
.p2a_content{background: #f4f2f1;border-bottom:7px solid #00a8e6;padding-bottom: 10px;}
.p2a_content ul{float: left;width:380px;margin-left: 100px;}
.p2a_content ul{padding:10px 0;border-bottom:1px solid #ededed;}
.p2a_content ul li{line-height: 36px;}
.p2a_content ul li b{font-size: 16px;}

.p3_content{background: url('imagesbg3.jpg') no-repeat top center;overflow: hidden;}

h2{text-align: center;width:100%;margin-top:40px;}

.p3_content ul li{background:url('imagest1.png') no-repeat top center;width:316px;height:410px;text-align: center;position: relative;float: left;margin:10px 8px;}

.p3_content ul li h3{width:235px;margin:0px auto;font-size: 30px;border-bottom:1px solid #f0f0f0;font-weight: bold;line-height: 66px;}
.p3_content ul li h3 i{background:#c93336;line-height: 24px;color: #fff;font-size: 14px;margin-left:10px;padding:0 5px;font-weight: normal;}

.p3_content ul li p{width:208px;display:block;margin:10px auto;font-size: 16px;font-weight: bold;line-height: 20px;}
.p3_content ul li span{width:234px;display: block;margin:10px auto;color: #6e6e6e;font-size: 12px;line-height: 20px;}

.p3_content ul li em{display: block;background:url('imageszan.png');width:168px;line-height: 40px;height:44px;margin:0 auto;color: #fff;padding-left: 62px;text-align: left;font-size: 14px;}

.p4_content{background: url('imagesbg4.jpg') no-repeat top center;}

.p4_list{width:1028px;margin-left:-10px;overflow: hidden;}
.p4_list li{float: left;position: relative;margin:10px 8px;width:237px;}
.p4_list li img{margin:10px;border-radius:50%;}
.p4_list li span{display: block;background: url('imagesimgb.png');width:91px;height:97px;position: absolute;top:0;left:0;z-index: 2;padding:72px 10px 0 135px;line-height:18px;text-align: center;color:#fff;}
.p4_list li p{background: url('imagesimgb2.png') no-repeat bottom left;width:210px;padding:13px 0 13px 13px;line-height: 22px;color: #636363;font-size: 14px;}

.center{text-align: center;padding:30px 0;}


.p5_content{overflow: hidden;background: url('imagesbg6.jpg');padding-bottom: 50px;}
.p5_content .w1000{position: relative;}
.swiper-container2{width:1030px;margin:20px auto;height: 470px; }
.swiper-container2 .swiper-slide{width:100%;height: 470px; text-align: center;}
.swiper-container2 .swiper-slide img{position:relative;float: left;}
.swiper-container2 .swiper-slide span{display: block;float: left;margin-right: 26px;position: relative;margin-bottom:27px;overflow: hidden;}
.swiper-container2 .swiper-slide span i{display: block;width:100%;height:100%;position: absolute;top:0;left: 0;line-height: 100%;font-size: 22px;color: #fff;float: left;top:40%;z-index: 3;display: none;}
.swiper-container2 .swiper-slide span em{width:100%;height:100%;position: absolute;top:0;left:0;z-index: 2;background: url('imagesbg5.png');display: none;}
.swiper-container2 .swiper-slide span:hover i,.swiper-container2 .swiper-slide span:hover em{display: block;}
.arrow-left{position: absolute;top:353px;left:0px;z-index: 2;background:url('imagesprev.png');width:72px;height:139px;}
.arrow-right{position: absolute;top:353px;right:0px;z-index: 2;background:url('imagesnext.png');width:72px;height:139px;}

.p6_content{margin-top: 50px;}
h4{height:48px;background: #0161b2;line-height: 48px;text-align: center;font-size: 20px;color: #fff;}
.p6_left{width:303px;}
.p6_left ol{padding-left: 50px;margin-top: 20px;}
.p6_left ol li{font-size: 16px;color: #2f2f2f;}
.p6_center{margin-left: 45px;width:303px;}
.p6_center ol{margin-top: 25px;width:314px;}
.p6_center ol li{width:144px;height:91px;float: left;margin:0 13px 10px 0;}
.p6_center span{display: block;clear: both;font-size: 14px;line-height: 32px;}

.copyright{background: #f2f2f2;text-align: center;padding:40px 0;margin-top: 40px;}

.nav_r{width:98px;top:50%;margin-top:-307px;right:0;position: fixed;}
.nav_r i{display: block;clear: both;float: left;margin-bottom:3px;height:74px;width:98px;cursor: pointer;}

.nav_r i.a0{background: url('imagesr_nav1.gif') no-repeat top left;}
.nav_r i.a0.this{background: url('imagesr_nav1a.gif') no-repeat top left;}
.nav_r i.a1{background: url('imagesr_nav2.gif') no-repeat top left;}
.nav_r i.a1.this{background: url('imagesr_nav2a.gif') no-repeat top left;}
.nav_r i.a2{background: url('imagesr_nav3.gif') no-repeat top left;}
.nav_r i.a2.this{background: url('imagesr_nav3a.gif') no-repeat top left;}
.nav_r i.a3{background: url('imagesr_nav4.gif') no-repeat top left;}
.nav_r i.a3.this{background: url('imagesr_nav4a.gif') no-repeat top left;}
.nav_r i.a4{background: url('imagesr_nav5.gif') no-repeat top left;}
.nav_r i.a4.this{background: url('imagesr_nav5a.gif') no-repeat top left;}
.nav_r i.a5{background: url('imagesr_nav6.gif') no-repeat top left;}
.nav_r i.a5.this{background: url('imagesr_nav6a.gif') no-repeat top left;}
.nav_r i.a6{background: url('imagesr_nav7.gif') no-repeat top left;}
.nav_r i.a6.this{background: url('imagesr_nav7a.gif') no-repeat top left;}
.nav_r i.a7{background: url('imagesr_nav8.gif') no-repeat top left;}
.nav_r i.a7.this{background: url('imagesr_nav8a.gif') no-repeat top left;}


.swiper-container3{width:870px;height:710px;position: absolute;left:0;top: 0;}

.swiper-container3 .swiper-slide{position: relative;text-align: center;}


.p2_nav{}
.prev2{position: absolute;top:10px;left:30px;background:url('imagesprev2.png') no-repeat top center;width:100px;height:30px;z-index: 10;}
.next2{position: absolute;top:700px;left:30px;background:url('imagesnext2.png') no-repeat top center;width:100px;height:30px;z-index: 10;}



.banner .w1000{position: relative;height:717px;}
.bannera{position: absolute;top:76px;left:110px;z-index: 10;opacity: 0;}
.bannerb{position: absolute;top:360px;left:300px;opacity: 0;}
.bannerc{position: absolute;top:440px;left:148px;opacity: 0;}

/*20170222 by guan*/
.focus_img .focus {
    width: 655px;
    height: 414px;
    position: relative;
    float: left;
    overflow: hidden;
}
.focus_img .focus ul {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}
.focus_img .focus li {
    position: relative;
    cursor: pointer;
    width: 655px;
    height: 414px;
    float: left;
}
.focus_img .focus li div.show {
    width: 100%;
    height: 60px;
    background: url(www.people.com.cnimg2016peopleimagesbox_kuai.png);
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 0px;
    line-height: 60px;
    font-size: 14px;
    color: #fff;
    z-index: 18;
    text-align: center;
}
.focus_img .focus li div.show a {
    color: #fff;
}
.focus_img .focus li div.show img {
    position: absolute;
    left: 0px;
    top: 0px;
}
.focus_img .focus li div.show .tvcode {
    display: none;
}
.focus_img .focus .focusn {
    position: absolute;
    left: 15%;
    bottom: 7px;
    color: #fff;
    font-size: 18px;
    z-index: 19;
    line-height: 200%;
}
.focus_img .focus .focusn b {
    font-size: 28px;
    color: #e71f18;
    margin-right: 1px;
}
.focus_img .focus .focusn em {
    font-style: normal;
    margin-left: 2px;
}
.focus_img .focus span.focus_left_b {
    display: inline-block;
    width: 18px;
    height: 25px;
    background: url(www.people.com.cnimg2016peopleimagesfocus_left_b.png) no-repeat;
    position: absolute;
    left: 11%;
    bottom: 15px;
    cursor: pointer;
    z-index: 19;
}
.focus_img .focus span.focus_right_b {
    display: inline-block;
    width: 18px;
    height: 25px;
    background: url(www.people.com.cnimg2016peopleimagesfocus_right_b.png) no-repeat;
    position: absolute;
    right: 11%;
    bottom: 15px;
    cursor: pointer;
    z-index: 19;
}
.focus_img .focus .tvplayshow {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 415px;
    z-index: 220;
    display: none;
}
.focus_img .focus .tvplayshow .closetv {
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(www.people.com.cnimg2016peopleimagesbox_kuai.png);
    cursor: pointer;
    color: #fff;
    width: 80px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
}
.focus_img .focus .tvplayshow .linex {
    border-top: 1px solid #fff;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    display: block;
}

.p2_nav ul li{
	cursor:pointer;
}
.arrow-left,.arrow-right{
	cursor:pointer;
}
.swiper-container2 .swiper-slide span.a0 {
    display: block;
	width: 488px;
	height: 488px;
}
.swiper-container2 .swiper-slide span.a0 img{
    display: block;
	width: 488px;
	height: 488px;
}
.swiper-container2 .swiper-slide span.a1 {
    display: block;
	width: 230px;
	height: 230px;
}
.swiper-container2 .swiper-slide span.a1 img {
    display: block;
	width: 230px;
	height: 230px;
}
.swiper-container2 .swiper-slide span.a2 {
    display: block;
	width: 230px;
	height: 230px;
}
.swiper-container2 .swiper-slide span.a2 img {
    display: block;
	width: 230px;
	height: 230px;
}
.swiper-container2 .swiper-slide span.a3 {
    display: block;
	width: 488px;
	height: 230px;
}
.swiper-container2 .swiper-slide span.a3 img {
    display: block;
	width: 488px;
	height: 230px;
}
.swiper-container2 .swiper-slide span i a{
	color: #fff;
}
.swiper-container3 {
    width: 870px;
    height: 725px;
    position: absolute;
    left: 0;
    top: 0;
}
.swiper-container3 .swiper-slide div.circle{
	display: inline-block;
	width: 615px;
	height: 615px;
	position: absolute;
	bottom: -380px;
	left: 170px;
	background: url(imagesbg2_circle.png) center 0px no-repeat;
	text-align: center;
	font: bold 48px/48px "Microsoft Yahei";
	color: #114075;
}
.swiper-container3 .swiper-slide div.circle div.box{
	display: inline-block;
	width: 615px;
	height: 615px;
	position: relative;
	text-align: center;
	font: bold 48px/48px "Microsoft Yahei";
	color: #114075;
}
.swiper-container3 .swiper-slide div.circle div.box a{
	color: #114075;
	text-decoration:none;
}
.swiper-container3 .swiper-slide div.circle div.box i{
	display: inline-block;
	margin-top: 160px;
}
.p2_a li a:link,.p2_a li a:hover,.p2_a li a:visited{
	color: #fff;
}
.nav .w1000 ul li.n4 a{
	display: inline-block;
	width: 250px;
	height: 211px;
}
.nav_r i.a0 {
    background: url('imagesr_nav1.png') no-repeat top left;
	background-size: 77px 74px;
}