/*----------------------------------------------------------------
*
----------------------------------------------------------------*/
@font-face {
    font-family: 'Roboto-Regular';
    src: url('http://www.mylikemr.com/newsz/pinpaizhongxin/content/css/Roboto-Regular.ttf');
}
@font-face {
    font-family: 'Roboto-Light';
    src: url('http://www.mylikemr.com/newsz/pinpaizhongxin/content/css/Roboto-Light.ttf');
}
@font-face {
    font-family: 'Roboto-Thin';
    src: url('http://www.mylikemr.com/newsz/pinpaizhongxin/content/css/Roboto-Thin.ttf');
}
html,body {
	width: 100%;
	height: 100%;
	line-height: 24px;
	font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
	color: #FFFFFF;
	font-size: 13px;
}
.sp_body {
	-webkit-text-size-adjust: 100%;
}
a,a:link {
	text-decoration: none;
	font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体", sans-serif;	
}
img { border: 0 none;}
ul, li {list-style-type: none;}
.ja {
	font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体", sans-serif;
}
.go{opacity:0}
.en {
	font-family: "Roboto-Light", sans-serif;
}
.hover:hover {
	opacity: 0.7;
	cursor: pointer;
}

.clearfix {
  display: block;
  clear: both;

}
.sp_body .pc,
.pc_body .sp{
	display: none!important;
}

/*----------------------------------------------------------------
* 视频bg
----------------------------------------------------------------*/
#bg {
	position: fixed;
	z-index: 2;
	margin: auto;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}
#bg,#bg>div {
	width: 100%;
	max-width: 180%!important;
	min-width: 20%!important;
	height: 100%;
	max-height: 180%!important;
	min-height: 20%!important;
}
#backgroundvideo,#example_video_1 {
	min-width: 100%;
	min-height: 100%;
}
#backgroundvideo.w ,example_video_1.w{
	width: 100%;
	height: auto;
}
#backgroundvideo.h ,example_video_1.h{
	width: auto;
	height: 100%;
}
video::-webkit-media-controls-panel {
    display: none !important;
}
.sp_body #bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}
.sp_body .bg1 {
	background-image: url('http://www.mylikemr.com/newsz/pinpaizhongxin/content/img/bg1_sp.gif');
}
.sp_body .bg2 {
	background-image: url('http://www.mylikemr.com/newsz/pinpaizhongxin/content/img/bg2_sp.gif');
}
.sp_body .bg3 {
	background-image: url('http://www.mylikemr.com/newsz/pinpaizhongxin/content/img/bg3_sp.gif');
}

/*----------------------------------------------------------------
* common
----------------------------------------------------------------*/
#common {
	position: fixed;
	z-index: 3;
}
.pc_body #side,.pc_body #header,.pc_body #logo {
	position: fixed;
}
.pc_body #side {
	width:255px;
	height: 100%;
	left: 0;
	top: 0;
}
.pc_body .tw {
	position: absolute;
	left:0px;
	top: 128px;
	width:255px;
}

.pc_body .tw ul{ width:100%;height:100%;}
.pc_body .tw li{ width:100%; height:40px; line-height:40px; }
.pc_body .tw li a{ display:block; width:100%; height:100%;border-bottom: 1px solid #d9d9d9; position:relative;color:#333333;font-size:16px; text-decoration: none;}
.pc_body .tw li a.on{ background:#652e65; color:#FFFFFF; border-bottom:0 none; }
.pc_body .tw li a.on i{background: url("../image/icon1.png") no-repeat;}
.pc_body .tw li a.on span font{color:#FFFFFF}
.pc_body .tw li a:hover{ background:#652e65; color:#FFFFFF; border-bottom:0 none;}
.pc_body .tw li a:hover span{ left:46px;}
.pc_body .tw li a:hover i{background: url("../image/icon1.png") no-repeat;}
.pc_body .tw li a:hover span font{color:#FFFFFF}
.pc_body .tw li a span {display: block;left: 36px;position: absolute;-moz-transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;}
.pc_body .tw li a span font{font-family: Arial; font-size:14px;margin: 0 8px;text-transform: uppercase; color:#b0b0b0}
.pc_body .tw li a i {display: block;height: 15px;margin-top: -7px;position: absolute;right: 9px;top: 50%;width: 13px;}
.pc_body .tw .denglu{ width:98px; height:32px; padding-top:10px; padding-left:36px;}
.pc_body .tw .denglu a{ font-size:16px; color:#333333}
.pc_body .tw .denglu a:hover{ color:#a800a6}
.pc_body .tw .denglu .fl{ float:left}
.pc_body .tw .denglu .fr{ float:right}

.pc_body .tw  .gs{ width:245px; height:38px; padding-top:10px; padding-left:20px;}
.pc_body .tw  .gs a ,.pc_body .tw  .gs a *{-webkit-transition: all .3s linear 0s;-moz-transition: all .3s linear 0s;-ms-transition: all .3s linear 0s; margin:0px 5px;}
.pc_body .tw  .gs .a{ display:block; float:left; width:38px; line-height:26px; text-align:center;color:#666; font-size:12px;}
.pc_body .tw  .gs .a:hover{color:#993399}
.pc_body .tw  .gs .a .tb1{ width:38px; height:38px; background:url(../image/weibo.png) 0 0 no-repeat; }
.pc_body .tw  .gs .a:hover .tb1{ background:url(../image/weibo.png) 0 -48px no-repeat;}

.pc_body .tw  .gs .a .tb2{ width:38px; height:38px; background:url(../image/weibo.png) -52px 0px no-repeat; }
.pc_body .tw  .gs .a:hover .tb2{  background:url(../image/weibo.png) -52px -48px no-repeat;}

.pc_body .tw  .gs .a .tb3{ width:38px; height:38px; background:url(../image/weibo.png) -103px 0 no-repeat; }
.pc_body .tw  .gs .a:hover .tb3{  background:url(../image/weibo.png) -103px -48px no-repeat;}

.pc_body .tw  .gs .a .tb4{ width:38px; height:38px; background:url(../image/weibo.png) -156px 0 no-repeat; }
.pc_body .tw  .gs .a:hover .tb4{ background:url(../image/weibo.png) -156px -48px no-repeat;}

.pc_body .fb {
opacity:0;
	position: fixed;
	z-index:3;
	left:184px;
	top: 0px;
	width:118px;
	height:100%;
	background:#4d325f
}

.pc_body .fb dl{ width:100%; height:auto; padding-top:180px;}
.pc_body .fb dl dd{ width:118px; height:auto; padding-bottom:30px; text-align:center;}
.pc_body .fb dl dd a{ display:block; width:100%; height:90px;color:#FFFFFF; }
.pc_body .fb dl dd a:hover{}
.pc_body .fb dl dd .tb{ width:100%; height:55px;transition: all 0.3s linear 0s;}

.pc_body .fb dl dd.one .tb{background:url(http://www.mylikemr.com/newsz/pinpaizhongxin/content/images/lmenu_ico.png) center 0px no-repeat;}
.pc_body .fb dl dd.one a:hover .tb{background:url(http://www.mylikemr.com/newsz/pinpaizhongxin/content/images/lmenu_ico.png) center -277px no-repeat}

.pc_body .fb dl dd.two .tb{background:url(http://www.mylikemr.com/newsz/pinpaizhongxin/content/images/lmenu_ico.png) center -333px no-repeat; }
.pc_body .fb dl dd.two a:hover .tb{background:url(http://www.mylikemr.com/newsz/pinpaizhongxin/content/images/lmenu_ico.png) center -56px no-repeat}

.pc_body .fb dl dd.three .tb{background:url(http://www.mylikemr.com/newsz/pinpaizhongxin/content/images/lmenu_ico.png) center -111px no-repeat; }
.pc_body .fb dl dd.three a:hover .tb{background:url(http://www.mylikemr.com/newsz/pinpaizhongxin/content/images/lmenu_ico.png) center -388px no-repeat}

.pc_body .fb dl dd.four .tb{background:url(http://www.mylikemr.com/newsz/pinpaizhongxin/content/images/lmenu_ico.png) center -166px no-repeat; }
.pc_body .fb dl dd.four a:hover .tb{background:url(http://www.mylikemr.com/newsz/pinpaizhongxin/content/images/lmenu_ico.png) center -443px no-repeat}

.pc_body .fb dl dd.five .tb{background:url(http://www.mylikemr.com/newsz/pinpaizhongxin/content/images/lmenu_ico.png) center -222px no-repeat; }
.pc_body .fb dl dd.five a:hover .tb{background:url(http://www.mylikemr.com/newsz/pinpaizhongxin/content/images/lmenu_ico.png) center -499px no-repeat}

.pc_body #logo {
left: 20px;
top: 18px;
z-index: 5;
}

.pc_body #header {
	right: 40px;
	top: 34px;
}
.pc_body #header #menu {
	display: block!important;
}
.pc_body #header #menu li {
	display: block;
	float: left;
}
.pc_body #header #menu li a {
	height: 20px;
	margin: 0 0 0 28px;
	display: block;
	background-size: cover;
	color:#FFFFFF;
	font-size:16px
	
}
.pc_body .menu_concept a {
	width: 77px;

}
.pc_body .menu_celebrity a {
	width: 94px;

}
.pc_body .menu_company a {
	width: 78px;

}
.pc_body .menu_contact a {
	width: 78px;

}

/* sp */
.sp_body #header #menu {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	background: rgba(0,0,0,0.7);
}
.sp_body #header #menu li {
	display: block;
}
.sp_body #header #menu li a {
	width: 224px;
	height: 60px;
	display: block;
	background: url("http://www.mylikemr.com/newsz/pinpaizhongxin/content/img/menu_sp.png");
	background-repeat: no-repeat;
	background-size: 224px;
}
.sp_body .logo_sp {
	width: 640px;
	height: 130px;
	position: fixed;
	left: 0;
	top: -134px;
	background: url("http://www.mylikemr.com/newsz/pinpaizhongxin/content/img/logo-sp.png");
	background-repeat: no-repeat;
	background-position: center top;
}
.sp_body #sp_menu_btn {
	width: 142px;
	height: 58px;
	display: none;
	position: fixed;
	right: 20px;
	top: 164px;
	background: url("http://www.mylikemr.com/newsz/pinpaizhongxin/content/img/btn-menu_sp.png");
	background-repeat: no-repeat;
	background-position: center top;
}
#menu .sp {
	width: 72px;
	height: 72px;
}
.sp_body .menu_concept a {
	margin: 240px auto 0 auto;
	background-position: 0 0!important;
}
.sp_body .menu_celebrity a {
	margin: 60px auto 0 auto;
	background-position: 0 -116px!important;
}
.sp_body .menu_company a {
	margin: 60px auto 0 auto;
	background-position: 0 -232px!important;
}
.sp_body .menu_contact a {
	margin: 60px auto 0 auto;
	background-position: 0 -348px!important;
}
.sp_body .menu_close {
	margin: 80px auto 0 auto;
}

/*----------------------------------------------------------------
* content
----------------------------------------------------------------*/
#content {
	height: 100%;
	z-index: 2;
}

/* pc */
.pc_body #content .block {
overflow:hidden;
    
	width: 100%;
	min-width: 1262px;
	min-height:860px;
	position: relative;
	z-index: 2;
}
.pc_body #content .block3 {
overflow:hidden;
    
	width: 100%;
	min-width: 1262px;
	height:960px;

	position:fixed;
	z-index: 1;
	left:0px;
	bottom:0px;
}
.pc_body #content .block2 {
	width: 100%;
	min-width: 1262px;
	height:960px;
	position: relative;
	z-index: 2;
}


.pc_body .white {
	width: 255px;
	height: 100%;
	position: absolute;
	background-color: #FFF;
	z-index: 2;
}

/* sp */


/*----------------------------------------------------------------
* top
----------------------------------------------------------------*/
#top {
	 background:linear-gradient(180deg,rgba(104,18,160,0.7),rgba(114,41,210,0.7),rgba(111,74,245,0.7));
}
#tc {
	background:background:url(http://www.mylikemr.com/newsz/pinpaizhongxin/content/images/p2_bg.png) repeat-x;
}
#concept{
	background: linear-gradient(180deg,rgba(110,76,245,0.7),rgba(53,160,250,0.7),rgba(2,237,255,0.7));
}
#part2{
	background: linear-gradient(180deg,rgba(110,76,245,0.7),rgba(53,160,250,0.7),rgba(110,76,245,0.7));
}
#part3{
	background: linear-gradient(180deg,rgba(2,240,253,0.7),rgba(147,248,107,0.7),rgba(248,253,5,0.7));
}
#part4{
	background: linear-gradient(180deg,rgba(251,251,3,0.7),rgba(253,133,63,0.7),rgba(255,4,130,0.7));
}
#part5{
	background: linear-gradient(180deg,rgba(254,0,133,0.7),rgba(175,0,196,0.7),rgba(104,0,254,0.7));
}
#part6{
	background: linear-gradient(180deg,rgba(102,0,255,0.7),rgba(146,0,255,0.7),rgba(179,0,255,0.7));
}
#part7{
	background: linear-gradient(180deg,rgba(179,0,255,0.7),rgba(128,0,293,0.7),rgba(88,0,145,0.7));
}
#part8{
background: linear-gradient(180deg,rgba(88,0,145,0.7),rgba(255,255,255,0.6),rgba(255,255,255,1));
}
#part9{
background: linear-gradient(180deg,rgba(104,18,160,0.7),rgba(111,28,188,0.7),rgba(111,75,145,0.7));
}
#part10{
background: linear-gradient(180deg,rgba(206,0,195,1),rgba(25,166,254,1));
}
/* pc */
.pc_body #top,.pc_body #concept ,.pc_body #part3 ,.pc_body #part2 ,.pc_body #part4,.pc_body #part5,.pc_body #part6,.pc_body #part7,.pc_body #part8,.pc_body #part9,.pc_body #part10{
	min-height: 0!important;
}
.pc_body #top_copy_pc {
text-align:center;
padding:126px 0px 0px 0px;
height:450px;
position:relative;
}
.pc_body #top_copy_pc .fla1{position:absolute; width:800px; height:450px;left:50%; margin-left:-300px; z-index:2;}
#caonima{ padding-top:50px; padding-bottom:50px; position:relative; width:100%; height:100px; z-index:1}
#caonima .fla{ position:absolute; width:160px; height:27px;left:50%; margin-left:20px; top:80px; z-index:2;}
#caonima #jiaba{ position:absolute; width:31px;left:50%; height:38px;  bottom:40px;  margin-left:90px; z-index:3; cursor:pointer; background:url(http://www.mylikemr.com/newsz/pinpaizhongxin/content/images/arrow_icon1.png) no-repeat;animation:arrowdown 1.2s .2s infinite ease ;-webkit-animation:arrowdown 1.2s .2s infinite ease ;-moz-animation:arrowdown 1.2s .2s infinite ease ;-o-animation:arrowdown 1.2s .2s infinite ease ;-ms-animation:arrowdown 1.2s .2s infinite ease ;}
@keyframes arrowdown {
0% {bottom:60px; opacity:0;}
100%{bottom:20px; opacity:1;}
}
@-moz-keyframes arrowdown {
0% {bottom:60px; opacity:0;}
100%{bottom:20px; opacity:1;}
}
@-webkit-keyframes arrowdown {
0% {bottom:60px; opacity:0;}
100%{bottom:20px; opacity:1;}
}
@-o-keyframes arrowdown{
0% {bottom:60px; opacity:0;}
100%{bottom:20px; opacity:1;}
}
@-ms-keyframes arrowdown{
0% {bottom:60px; opacity:0;}
100%{bottom:20px; opacity:1;}
}

/* sp */
.sp_body #top ,.pc_body #concept ,.pc_body #part3 ,.pc_body #part4,.pc_body #part5,.pc_body #part6,.pc_body #part7,.pc_body #part8,.pc_body #part9,.pc_body #part10{
	padding: 0!important;
}
.sp_body #top_sp {
	width: 100%;
	height: 100%;
	position: absolute;
}
.sp_body #top_sp img {
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;	
}
.sp_body #top_sp_logo {
	width: 480px;
	top: 0;
	bottom: 320px;
}
.sp_body #top_sp_clock {
	width: 46px;
	bottom: 440px;
}
.sp_body #top_sp_scroll {
	width: 220px;
	bottom: 400px;
}
.sp_body .tw {
	margin: 0 0 0 -200px;
	position: absolute;
	left: 50%;
	bottom: 260px;
}
.sp_body .fb {
	margin: 0 0 0 40px;
	position: absolute;
	left:50%;
	bottom: 282px;
}
.sp_body .tw iframe,
.sp_body .fb iframe {
	width: auto!important;
	height: 36px!important;
}

/*----------------------------------------------------------------
* concept
----------------------------------------------------------------*/


/*2015.6.2*/
.mxbg564{ width:100%; height:100%; background:#2f1f41}
.mxbg564 img{ width:100%;}
.mx564 #part564_1{padding: 0!important;}
.mx564 .part564_1{ width:100%; height:810px; position:relative; z-index:2}
.mx564 .part564_1 .part564_1_1{ position:absolute; width:1000px; height:753px; left:50%; margin-left:-400px; top:56px; background:url(../image/mx564_1.png) no-repeat}
.mx564 .part564_1 .part564_1_1 img{ margin-left:111px;}

.mx564 .part564_1 .part564_1_2{ text-align:right; position:absolute; bottom:0px; width:100%; height:155px; z-index:3; background:url(../image/p1_bg.png) repeat-x}

.mx564 .part564_2{ width:100%; height:805px; position:relative; z-index:2}
.mx564 .part564_2 .part564_2_1{ padding-top:100px; position:absolute; width:1000px; left:50%; margin-left:-400px; overflow:hidden}
.mx564 .part564_2 .part564_2_1 .tt{ width:100%; height:100px; text-align:center; font-size:46px; color:#FFFFFF}
.mx564 .part564_2 .part564_2_1 .txt{ width:100%; height:auto; }
.mx564 .part564_2 .part564_2_1 .txt .ll{ float:left; width:320px; height:524px; overflow:hidden}
.mx564 .part564_2 .part564_2_1 .txt .ll .diaoni{ width:320px; height:178px; background:#FFFFFF;}
.mx564 .part564_2 .part564_2_1 .txt .ll .tt1{ text-align:center; height:30px; padding-top:10px; font-size:18px; color:#000000}
.mx564 .part564_2 .part564_2_1 .txt .ll .txt1{ width:300px; margin:0 auto; color:#7c7c7c; padding-bottom:5px; line-height:20px; font-size:12px}
.mx564 .part564_2 .part564_2_1 .txt .ll .tt1 a{ color:#000000}
.mx564 .part564_2 .part564_2_1 .txt .ll .txt1 a{color:#7c7c7c;}
.mx564 .part564_2 .part564_2_1 .txt .ll .tt1 a:hover{ color:#f62459}
.mx564 .part564_2 .part564_2_1 .txt .ll .txt1 a:hover{ color:#f62459}

.mx564 .part564_2 .part564_2_1 .txt .ll .zan{ position:relative;padding-top:20px; width:84px; height:64px; color:#7c7c7c; margin:0 auto; background:url(../image/yuan2.png) no-repeat; text-align:center}
.mx564 .part564_2 .part564_2_1 .txt .ll .zan .shou{cursor:pointer;}

.mx564 .part564_2 .part564_2_1 .txt .rr{ float:right; width:660px; height:auto; overflow:hidden}
.mx564 .part564_2 .part564_2_1 .txt .rr .list{ float:left; width:210px; height:236px; margin-bottom:17px; position:relative;}
.mx564 .part564_2 .part564_2_1 .txt .rr .list .a{ position:absolute; width:210px; height:180px; display:block; opacity:0;filter: alpha(opacity=0); background:#000000; z-index:4}
.mx564 .part564_2 .part564_2_1 .txt .rr .list .mxbot{ position:absolute; left:0px; bottom:0px; width:210px; height:56px;opacity:0.6;filter: alpha(opacity=60); background:#000000; z-index:2}
.mx564 .part564_2 .part564_2_1 .txt .rr .list .mz{ position:absolute; left:0px; bottom:28px; z-index:3; width:196px; padding-left:14px; height:28px; line-height:28px; font-size:14px; color:#FFFFFF; border-bottom:#FFFFFF 1px solid}
.mx564 .part564_2 .part564_2_1 .txt .rr .list .zan1{ position:absolute; left:0px; bottom:0px; z-index:3; height:28px; line-height:28px; width:210px; }
.mx564 .part564_2 .part564_2_1 .txt .rr .list .zan1 a.mz1{ display:block; position:relative;color:#FFFFFF; float:right; height:28px; border-left:#FFFFFF 1px solid; background:url(../image/mz2.png) 5px center no-repeat; padding:0px 10px 0 20px;}
.mx564 .part564_2 .part564_2_1 .txt .rr .list .zan1 a.mz2{ display:block; position:relative;color:#FFFFFF; float:right; height:28px;  background:url(../image/wb.png) 5px center no-repeat; padding:0px 10px 0 20px;}

.mx564 .part564_3{ width:100%; height:790px; position:relative; z-index:2}
.mx564 .part564_3 .part564_3_1{ position:absolute; width:1000px; left:50%; margin-left:-400px;}
.mx564 .part564_3 .part564_3_1 .tt{ width:100%; height:110px; text-align:center; font-size:46px; color:#FFFFFF}
.mx564 .part564_3 .part564_3_1 .txt{width:100%; height:auto;}
.mx564 .part564_3 .part564_3_1 .txt .ll{ float:left; width:635px; height:530px; padding:15px 15px 0px 15px; background:#ededed}
.mx564 .part564_3 .part564_3_1 .txt .ll .video_1{ width:100%; height:389px; position:relative}
.mx564 .part564_3 .part564_3_1 .txt .ll .video_1 .btn_1{ position:absolute; z-index:2; width:106px; height:106px; left:50%; margin-left:-53px; top:50%; margin-top:-53px;}
.mx564 .part564_3 .part564_3_1 .txt .ll .video_1 .a{ display:block; position:absolute; width:100%; height:100%; z-index:3;background:#FFFFFF;opacity:0;filter: alpha(opacity=0);}
.mx564 .part564_3 .part564_3_1 .txt .ll .video_tt{ width:635px; height:123px; overflow:hidden; padding-top:3px;}
.mx564 .part564_3 .part564_3_1 .txt .ll .video_tt .video_txt{ width:635px; height:98px; background:#FFFFFF}

.mx564 .part564_3 .part564_3_1 .txt .ll .video_tt .video_txt .zuo{ margin-top:10px; float:left; padding-left:15px;width:475px; color:#656565; border-right:#ededed 1px solid}
.mx564 .part564_3 .part564_3_1 .txt .ll .video_tt .video_txt .zuo .t{ font-size:20px;  padding-bottom:5px; color:#000000}

.mx564 .part564_3 .part564_3_1 .txt .ll .video_tt .video_txt .you{ float:right; width:140px; height:98px;}

.mx564 .part564_3 .part564_3_1 .txt .ll .video_tt .video_txt .you a{ margin:30px 0px 0px 10px; float:left; display:block; width:33px; height:34px; background:url(../image/icon-bg.png) no-repeat;-webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-ms-transition: all 0.3s linear 0s;}
.mx564 .part564_3 .part564_3_1 .txt .ll .video_tt .video_txt .you a.wb{ background-position:0 0;}
.mx564 .part564_3 .part564_3_1 .txt .ll .video_tt .video_txt .you a.wb:hover{background-position:0 -40px;}

.mx564 .part564_3 .part564_3_1 .txt .ll .video_tt .video_txt .you a.qq{ background-position:-37px 0;}
.mx564 .part564_3 .part564_3_1 .txt .ll .video_tt .video_txt .you a.qq:hover{background-position:-37px -40px;}

.mx564 .part564_3 .part564_3_1 .txt .ll .video_tt .video_txt .you a.wx{ background-position:-74px 0;}
.mx564 .part564_3 .part564_3_1 .txt .ll .video_tt .video_txt .you a.wx:hover{background-position:-74px -40px;}

.mx564 .part564_3 .part564_3_1 .txt .rr{ float:right; width:294px; height:547px; position:relative}
.mx564 .part564_3 .part564_3_1 .txt .rr .p1{ width:259px; height:620px; overflow:hidden}

.mx564 .part564_3 .part564_3_1 .txt .rr .p1 .list{ width:259px; height:174px; margin-bottom:12px; position:relative;}
.mx564 .part564_3 .part564_3_1 .txt .rr .p1 .list .a{ display:block; width:100%; height:118px; position:absolute; left:0px; top:0px; z-index:4;background:#FFFFFF;opacity:0;filter: alpha(opacity=0);}
.mx564 .part564_3 .part564_3_1 .txt .rr .p1 .list .video_3{ position:absolute; z-index:2; width:62px; height:62px; left:50%; margin-left:-31px; top:50%; margin-top:-31px;}
.mx564 .part564_3 .part564_3_1 .txt .rr .p1 .list .mxbot{ position:absolute; left:0px; bottom:-1px; width:259px; height:56px;opacity:0.6;filter: alpha(opacity=60); background:#000000; z-index:2}
.mx564 .part564_3 .part564_3_1 .txt .rr .p1 .list .mz{ position:absolute; left:0px; bottom:28px; z-index:3; width:245px; padding-left:14px; height:28px; line-height:28px; font-size:14px; color:#FFFFFF; border-bottom:#FFFFFF 1px solid}
.mx564 .part564_3 .part564_3_1 .txt .rr .p1 .list .zan1{ position:absolute; left:0px; bottom:0px; z-index:3; height:28px; line-height:28px; width:224px; }
.mx564 .part564_3 .part564_3_1 .txt .rr .p1 .list .zan1 a.mz4{ position:relative; display:block;color:#FFFFFF; float:right; height:28px; border-left:#FFFFFF 1px solid; background:url(../image/mz2.png) 5px center no-repeat; padding:0px 10px 0 20px;}
.mx564 .part564_3 .part564_3_1 .txt .rr .p1 .list .zan1 a.mz5{ position:relative; display:block;color:#FFFFFF; float:right; height:28px;  background:url(../image/wb.png) 5px center no-repeat; padding:0px 10px 0 20px;}
.mx564 .part564_3 .part564_3_1 .txt .rr .gengduo{ position:absolute; right:0px; bottom:0px; width:35px; height:105px; background:#f62459; text-align:center; padding-top:12px;}
.mx564 .part564_3 .part564_3_1 .txt .rr .gengduo a{ color:#FFFFFF; font-size:17px;}

.mx564 .part564_4{ width:100%; height:1400px; position:relative; z-index:2}
.mx564 .part564_4 .part564_4_1{ position:absolute; width:1000px; left:50%; margin-left:-400px;}
.mx564 .part564_4 .part564_4_1 .tt{ width:100%; height:110px; text-align:center; font-size:46px; color:#FFFFFF}
.mx564 .part564_4 .part564_4_1 .txt{width:100%; height:auto;}
.mx564 .part564_4 .part564_4_1 .txt .list{ float:left; width:240px; height:232px; overflow:hidden; margin:0px 10px 10px 0px; position:relative}
.mx564 .part564_4 .part564_4_1 .txt .list .bg{ position:absolute; left:0px; top:200px; z-index:2; width:100%; height:232px; background:#FFFFFF;opacity:0.6;filter: alpha(opacity=60);transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.mx564 .part564_4 .part564_4_1 .txt .list .txt1{ z-index:3; width:220px; height:170px; position:absolute; left:10px; top:190px; color:#424242;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.mx564 .part564_4 .part564_4_1 .txt .list .txt1 .t{ text-align:center; font-size:16px; height:48px; line-height:48px; font-weight:bold}
.mx564 .part564_4 .part564_4_1 .txt .list .txt1 a{color:#424242;}
.mx564 .part564_4 .part564_4_1 .txt .list .yan{ position:absolute; z-index:3; width:36px; height:36px; left:50%; margin-left:-18px; top:42px;opacity:0;filter: alpha(opacity=0);transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.mx564 .part564_4 .part564_4_1 .txt .list:hover .txt1{ top:80px;transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
.mx564 .part564_4 .part564_4_1 .txt .list:hover .bg{ top:0px;}
.mx564 .part564_4 .part564_4_1 .txt .list:hover .yan{ top:52px;opacity:1;filter: alpha(opacity=100);}
.mx564 .part564_4 .part564_4_1 .txt .list .a{ display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:4; background:#FFFFFF;opacity:0;filter: alpha(opacity=0);}

.mx564 .part564_5{ width:100%; height:760px; position:relative; z-index:2}
.mx564 .part564_5 .part564_5_1{ position:absolute; width:1000px; left:50%; margin-left:-400px;}
.mx564 .part564_5 .part564_5_1 .tt{ width:100%; height:110px; text-align:center; font-size:46px; color:#FFFFFF}
.mx564 .part564_5 .part564_5_1 .txt{ width:100%; height:564px;}
.mx564 .part564_5 .part564_5_1 .txt .imgbox{ position:relative; float:right; width:470px; height:494px; color:#333333}
.mx564 .part564_5 .part564_5_1 .txt .imgbox li{ left:-5%;position:absolute; display:none;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.mx564 .part564_5 .part564_5_1 .txt .imgbox li.on{ display:block;}

.mx564 .part564_5 .part564_5_1 .txt .imgbox .t{ font-size:20px; margin-top:-10px;*margin-top:0;padding:10px 0px 5px 0px; background:#fff;text-align:center}
.mx564 .part564_5 .part564_5_1 .txt .imgbox .txt1{ padding:0px 20px 10px 20px;font-size:14px;background:#fff;}
.mx564 .part564_5 .part564_5_1 .txt .imgbox .txt1 a{ color:#333333}

/*.box5_1_inner {height:564px;width:592px; float:left}

#scroll_bar1,#scroll_bar2,#scroll_bar3 {
    height:564px;
    overflow: hidden;
    position: relative;
    width:592px;
}

.xlx {
    background-color: #B7B7B7;
    height:564px;
    position: absolute;
    left:7px;
    top: 0;
    width: 2px;
}


.xlt {
background: url("../image/icon1.png") no-repeat scroll 0 0 ;
    background-position: -457px -196px;
    cursor: pointer;
    height: 66px;
    position: absolute;
    left: 7px;
    top: 0;
    width:2px;
}

.xltxt {
    height: auto;
    position: absolute;
	left:35px;
    width:544px;
}

.xltxt1, .xltxt2 {
    border-bottom: 1px solid #717171;
    margin-bottom: 25px;
    padding-bottom: 25px;
    width: 100%;
}

.xltxt .list{ width:544px; height:564px;overflow:hidden}
.xltxt .list .p1{ float:left; width:544px; height:48px; font-size:16px; color:#FFFFFF}
.xltxt .list .p1 .tu{ padding-right:20px; margin-bottom:-8px;}
*/
.box5_1_inner {
height:494px;width:512px; float:left;
}
#scroll_bar1 {
    overflow: hidden;
    position: relative;
height:494px;width:512px; 
}
.xlx {
    background-color: #B7B7B7;
    height:564px;
    position: absolute;
    left:7px;
    top: 0;
    width: 2px;
}
.xlt {
background:#f62459;
    background-position: -457px -196px;
    cursor: pointer;
    height: 120px;
    position: absolute;
    left: 7px;
    top: 0;
    width:2px;
}
.xltxt {
    height: auto;
    position: absolute;
	left:35px;
    width:470px;
}
.xltxt1, .xltxt2 {
    border-bottom: 1px solid #717171;
    margin-bottom: 25px;
    padding-bottom: 25px;
    width: 100%;
}

.xltxt .p1{ width:470px; height:58px; font-size:14px; color:#FFFFFF}
.xltxt .p1 .tu{ padding-right:10px; margin-bottom:-8px;}
.xltxt .p1 a{color:#FFFFFF}
.xltxt .p1 a.on{color:#f62459}

.mx564 .part564_6{ width:100%; height:800px; position:relative; z-index:2}
.mx564 .part564_6 .part564_6_1{ position:absolute; width:1000px; left:50%; margin-left:-400px;}
.mx564 .part564_6 .part564_6_1 .tt{ width:100%; height:110px; text-align:center; font-size:46px; color:#FFFFFF}
.mx564 .part564_6 .part564_6_1 .txt{ width:100%; height:auto}
.mx564 .part564_6 .part564_6_1 .txt .list{ float:left; width:199px; height:288px; margin:0px 25px; position:relative; text-align:center}
.mx564 .part564_6 .part564_6_1 .txt .list .a{ position:absolute; z-index:3; display:block; width:100%; height:100%; background:#FFFFFF;opacity:0;filter: alpha(opacity=0);}
.mx564 .part564_6 .part564_6_1 .txt .list .before{ z-index:2; width:199px; height:200px; position:absolute;opacity:0;filter: alpha(opacity=0);transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
.mx564 .part564_6 .part564_6_1 .txt .list .after{ z-index:2; width:199px; height:200px; position:absolute;transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
.mx564 .part564_6 .part564_6_1 .txt .list .tt1{position:absolute; bottom:25px; width:100%; height:50px; font-size:14px; color:#FFFFFF;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}

/*.mx564 .part564_6 .part564_6_1 .txt .list:hover .before{opacity:1;filter: alpha(opacity=100);}
.mx564 .part564_6 .part564_6_1 .txt .list:hover .after{opacity:0;filter: alpha(opacity=0);}*/
.mx564 .part564_6 .part564_6_1 .txt .list:hover .tt1{ color:#f62459}