.wrap { width:1024px; margin:0 auto; overflow:hidden; zoom:1;}
.wrap .logo_lens { float:left; margin:30px 0 0 0;}
.h { font-size:24px; width:1024px; margin:0 auto;}
.h_video { width:1024px; margin:0 auto; padding:0 35px; background:url(../images/h_video.png) no-repeat left 0; overflow:hidden; zoom:1;}
.h_video span { float:left; margin:24px 0 0 110px; font-size:24px;}
.h_video .more { float:right; margin:24px 0 0 0; }
.h_space { width:1024px; margin:0 auto; padding:0; overflow:hidden; zoom:1; text-align:center;}
.h_space span { display:inline-block; padding:75px 0 0 140px; font-size:24px; background:url(../images/h_space.png) no-repeat left 0;}
.more { font-family:Arial, Helvetica, sans-serif; font-size:18px; display:inline-block;}

.picFocus { width:100%; position:relative; background:#666; overflow:hidden;}
.picFocus .bd .pic { width:100%; }
.picFocus .bd li { position:relative; width:100%; float:left;}
.picFocus .hd { position:absolute; left:40px; top:40%; text-align:center; z-index:1001;}
.picFocus .hd li { width:10px; height:10px; margin:6px 0; padding:0; border:1px solid #000; border-radius:100%; display:block; cursor:pointer; overflow:hidden; text-indent:-999em;}
.picFocus .hd li.on { background:#000;}
.picFocus ol { width:100%; height:900px; position:absolute; left:0; top:0; z-index:1000;}
.picFocus ol li { width:100%; position:absolute !important; left:0; top:0; overflow:hidden; display:none;}

.plate { width:100%; height:900px; position:absolute; left:0; top:0; z-index:90; overflow:hidden;}

.topbar { width:1024px; position:absolute; top:0; left:50%; margin:16px 0 0 -512px; z-index:1001; color:#525252;}
.topbar .search { float:right; width:162px; height:23px; border:1px solid #525252; border-radius:100px; overflow:hidden; position:relative;}
.topbar .search .ipt_text { width:162px; height:23px; line-height:23px; margin:0; padding:0 0 0 25px; border:none; background:none; box-sizing:border-box; color:#525252;}
.topbar .search .ipt_btn { position:absolute; left:5px; top:4px;}
.topbar .search2 { border:none; width:22px;}
.topbar .search2 .ipt_text { display:none; }
.topbar .language { float:right;  color:#525252; font-size:12px; margin:0 10px; min-width:90px; height:23px; line-height:23px; cursor:pointer;}
.topbar .language span { background:url(../images/arr_down.png) no-repeat right center; padding-right:10px;}
.topbar .language ul { display:none;  }
.topbar .language li:hover { color:#000;}
.topbar .icon_cart { float:right; padding:2px 0;}

.nav { width:550px; height:150px; margin:90px auto 0 auto;}
.nav ul { width:700px;}
.nav li { float:left; width:100px; position:relative;}
.nav li .n1 { font-size:16px; font-weight:bold; width:16px; display:block; padding:0 18px; position:relative; z-index:2; cursor:pointer;}
.nav li .n2 { font-size:14px; display:block; margin:7px 0 0 18px;}
.nav li .n2:hover { color:#f8b300;}
.nav li .sub { padding:0px 0 0 0; display:none;}
.nav li span { position:absolute; left:0; top:0; width:4px; height:100%; background:#362c2b; overflow:hidden; z-index:1;}
.nav li.on span { position:absolute; left:11px; top:-10px; width:30px; padding:10px 0; height:100%; background:#362c2b; overflow:hidden; z-index:1;}
.nav li.on .n1 { color:#fff;}
.nav2 { margin:60px -70px 0 0; float:right;}

.picScroll { width:760px; height:486px; position:relative; margin:0 auto 110px auto;}
.picScroll .bd li { float:left;}
.picScroll .bd .pic { width:760px; height:544px; }
.picScroll .prev { position:absolute; left:-60px; top:50%; margin:-23px 0 0 0; cursor:pointer;}
.picScroll .next { position:absolute; right:-60px; top:50%; margin:-23px 0 0 0; cursor:pointer;}
.picScroll .prevStop { display:none;}
.picScroll .nextStop { display:none;}
.picScroll .o { position:absolute; right:-70px; top:-80px; width:110px; height:110px;}

.videoScroll { width:100%; overflow:hidden; position:relative; margin:76px auto 95px auto;}
.videoScroll .bd li { float:left; position:relative;}
.videoScroll .bd .pic { width:550px; height:309px; }
.videoScroll .title { margin:28px 0 0 0; font-size:16px;}
.videoScroll .btn_play { position:absolute; left:50%; top:50%; margin:-44px 0 0 -44px;}

.space { width:1024px; margin:110px auto 190px auto; overflow:hidden; zoom:1;}
.space .pic_1 { float:left; position:relative; margin:134px 0 0 0;}
.space .pic_2 { float:right; position:relative;}
.space .pic_3 { float:right; position:relative; margin:62px 0 0 0;}
.space .pic_1 img { width:410px; height:560px;}
.space .pic_2 img { width:560px; height:410px;}
.space .pic_3 img { width:560px; height:410px;}
.space .pic .img2 { display:none; position:absolute; left:0; top:0;}
.space .pic:hover .img2 { display:block;}

.selbar { width:900px; margin:0 auto; position:relative; top:-40px; color:#666; z-index:99; font-size:14px;}
.selbar .inner { float:right;}
.selbar span { border:1px solid #eee; background:#fafafa url(../images/arr_down.png) no-repeat 100px center; padding:7px 0 7px 10px; width:120px; display:block;}
.selbar ul { height:200px; overflow-y:auto; border:1px solid #eee; background:#fafafa; padding:0 10px; width:110px; position:absolute; right:0; top:40px; display:none;}
.selbar li { overflow:hidden; zoom:1; margin:0 0px; padding:7px 0; border-bottom:1px solid #c4c4c4; cursor:pointer;}
.selbar li:hover { color:#f5b702;}
.selbar .y { float:left; font-size:14px; font-style:normal;}
.selbar .m { float:right; font-size:14px; font-style:normal;}

.gz { width:1024px; height:558px; margin:60px auto 225px auto; background:url(../images/gz_bg.jpg) no-repeat; overflow:hidden;}
.gz ul { width:720px; margin:128px 0 0 198px;}
.gz li { float:left; width:90px; text-align:center; margin:0 90px 48px 0;}
.gz .icon { border:2px solid #fff; border-radius:100%; display:block; margin:0 auto 15px auto;}
.gz li a { color:#fff; display:block; cursor:pointer;}
.gz li a:hover .icon { border:2px solid #f8b500;}
.qrcode { width:210px; height:264px; position:fixed; left:50%; top:50%; margin:-132px 0 0 -105px; z-index:1000; display:none;}
.qrcode .pic { width:210px; height:264px;}
.qrcode .close { position:absolute; top:2px; right:2px; cursor:pointer;}
.mask { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; background:rgba(0,0,0,0.7); z-index:999; display:none;}

.contact { width:1024px; margin:85px auto 150px auto; overflow:hidden; zoom:1;}
.contact .title { float:left; padding:30px 10px 0 10px; width:16px; height:131px; font-size:16px; font-weight:bold; border:1px solid #000;}
.contact .desc { float:left; line-height:1.8em; margin:0 0 0 35px;}

.h_line { height:1px; background:#c9c9c9; overflow:hidden; clear:both;}

.copyright { text-align:center; margin:30px 0; color:#666; font-size:14px;}
.copyright a { color:#666; text-decoration:underline;}

/*--出版物--*/
.h_publication { width:1024px; margin:40px auto 0 auto; font-size:24px; background:url(../images/h_vision.png) no-repeat;}
.h_publication span { display:inline-block; margin:105px 0 15px 110px;}

.vision_info { width:1024px; margin:108px auto 0 auto; overflow:hidden;}
.vision_info .fl { float:left; width:620px; overflow:hidden; text-align:center;}
.vision_info .fr { float:right; width:344px;}
.vision_info .fl .pic { display:inline-block;}
.vision_info .fl .pic img { height:620px;}
.vision_info .fl span { display:block; text-align:left; font-size:16px; margin:20px 0 0 0; font-weight:bold;}
.vision_info .fr .title { font-size:24px; margin:70px  0 0 0; font-weight:bold;}
.vision_info .fr .desc { font-size:14px; line-height:1.8em; margin:30px 0 0 0;}

.vision_tab { width:912px; margin:100px auto 0 auto; font-size:20px; font-weight:bold; overflow:hidden; zoom:1;}
.vision_tab a { float:left; width:74px; text-align:center; margin:10px 20px; padding:10px 0; position:relative;}
.vision_tab a.on { color:#fff;}

.vision_list { width:1024px; margin:35px auto 190px auto; overflow:hidden;}
.vision_list ul { width:1100px; overflow:hidden; zoom:1;}
.vision_list li { width:308px; float:left; margin:55px 49px 0 0;}
.vision_list .pic { width:308px; height:434px; display:block; margin:0 0 10px 0;}

.visionScroll { width:620px; height:620px; position:relative; margin:120px auto 0 auto;}
.visionScroll .bd li { float:left; text-align:center; width:620px; height:620px; overflow:hidden;}
.visionScroll .bd .pic { height:620px; }
.visionScroll .prev { position:absolute; left:-160px; top:50%; margin:-23px 0 0 0; cursor:pointer;}
.visionScroll .next { position:absolute; right:-160px; top:50%; margin:-23px 0 0 0; cursor:pointer;}
.visionScroll .prevStop { display:none;}
.visionScroll .nextStop { display:none;}

.buy { width:440px; text-align:right; margin:0 auto;}
.buy a { display:inline-block; padding:16px 0 8px 0; border-bottom:1px solid #000;}

.vision_info2 { width:640px; margin:0 auto 110px auto;}
.vision_info2 .text { margin:0 0 0 90px;}
.vision_info2 .title { font-size:24px; margin:70px  0 0 0; font-weight:bold;}
.vision_info2 .desc { font-size:14px; line-height:1.8em; margin:30px 0 0 0;}

.vision_list2 { width:1024px; margin:60px auto 190px auto;}
.vision_list2 li { clear:both; margin:42px 0 0 0; overflow:hidden; zoom:1;}
.vision_list2 .pic { height:284px;}
.vision_list2 .title { margin:50px 0 0 480px; font-size:20px; background:url(../images/line.jpg) left bottom no-repeat; padding:0 0 20px 0;}
.vision_list2 .desc { margin:34px 0 0 480px; font-size:14px; line-height:1.8em;}
.vision_list2 a { float:left; width:420px; height:284px; text-align:right;}

.share { width:892px; margin:0 auto 20px auto; text-align:right; font-size:14px;}
.share .link { display:inline-block; vertical-align:middle; background:#fafafa; border:1px solid #ededed; overflow:hidden; zoom:1;}
.share .link a { padding:5px 7px; display:inline-block; float:left;}
.share .link .icon { vertical-align:middle;}
.share .line { vertical-align:middle; float:left;}

.vision_info3 { margin:0 0 190px 0;}
.vision_info3 .title { width:705px; font-size:24px; margin:46px auto 0 auto; font-weight:bold;}
.vision_info3 .desc { width:900px; font-size:14px; line-height:24px; margin:32px auto 0 auto;}
.vision_info3 .desc2 { width:842px; font-size:14px; line-height:24px; margin:76px auto 0 auto;}

.book_tab { width:1024px; margin:80px auto 0 auto; font-size:20px; font-weight:bold; overflow:hidden; zoom:1; text-align:center;}
.book_tab a { margin:40px 18px 0 18px; display:inline-block; position:relative;}
.book_tab span { padding:0 0 10px 0; display:inline-block; position:relative;}
.book_tab a.on { color:#fff;}

.tab span { z-index:2; position:relative;}
.tab a.on span { color:#fff;}
.tab a.on i { position:absolute; left:-10px; bottom:4px; height:38px; padding:0 10px; width:100%; background:#362e2b; display:block; z-index:1;}
.tab i.vline { position:absolute; left:0; bottom:0; height:3px; width:100%; background:#362e2b; display:block;}

.book_list { width:1024px; margin:35px auto 190px auto; overflow:hidden;}
.book_list ul { width:1100px; overflow:hidden; zoom:1;}
.book_list li { width:326px; height:326px; float:left; margin:55px 22px 0 0; overflow:hidden; text-align:center;}
.book_list li a { width:326px; height:326px; display:block;}
.book_list .pic { width:100%;}

/*--视频--*/
.video_info { width:1024px; margin:108px auto 0 auto; overflow:hidden;}
.video_info .fl { float:left; width:650px; overflow:hidden; text-align:center;}
.video_info .fr { float:right; width:314px;}
.video_info .fl .pic { display:inline-block; position:relative;}
.video_info .fl .pic img { height:360px;}
.video_info .fr .title { font-size:24px; margin:55px  0 0 0; font-weight:bold;}
.video_info .fr .desc { font-size:14px; line-height:1.8em; margin:30px 0 0 0;}
.video_info .btn_play { position:absolute; left:50%; top:50%; margin:-44px 0 0 -44px; width:88px !important; height:88px !important;}

.video_list { width:1024px; margin:35px auto 50px auto; overflow:hidden;}
.video_list ul { width:1100px; overflow:hidden; zoom:1;}
.video_list li { width:316px; float:left; margin:52px 37px 0 0; overflow:hidden; text-align:center;}
.video_list .pic { width:316px; height:210px; display:block; margin:0 auto 10px auto;}
.video_list .btn_play { position:absolute; left:50%; top:50%; margin:-32px 0 0 -32px; width:64px; height:64px;}
.video_list a { position:relative; display:block;}
.video_list span { height:48px; line-height:24px; overflow:hidden; display:block;}

.pages { width:1024px; margin:0 auto 190px auto; text-align:right; }
.pages a { color:#666; display:inline-block; padding:3px;}
.pages .current { text-decoration:underline;}

.player { width:900px; height:682px; margin:0 auto; overflow:hidden;}

.video_info2 { width:1024px; margin:0 auto 190px auto;}
.video_info2 .title { width:550px; font-size:24px; margin:46px 0 0 50px; font-weight:bold;}
.video_info2 .desc { width:550px; font-size:14px; line-height:24px; margin:40px 0 0 50px;}

/*--空间--*/
.spaceScroll { width:500px; height:700px; position:relative; margin:120px auto 0 auto;}
.spaceScroll .bd li { float:left; text-align:center; width:500px; height:700px; overflow:hidden; position:relative;}
.spaceScroll .bd .pic { width:500px; height:700px; }
.spaceScroll .bd .pic2 { width:500px; height:700px; position:absolute; left:0; top:0; display:none;}
.spaceScroll .prev { position:absolute; left:-220px; top:50%; margin:-23px 0 0 0; cursor:pointer;}
.spaceScroll .next { position:absolute; right:-220px; top:50%; margin:-23px 0 0 0; cursor:pointer;}
.spaceScroll .prevStop { display:none;}
.spaceScroll .nextStop { display:none;}
.spaceScroll .bd li:hover .pic2 { display:block; }

.space_list { width:900px; margin:110px auto 0 auto; overflow:hidden; zoom:1;}
.space_list ul { width:1000px; overflow:hidden; zoom:1;}
.space_list li { float:left; width:410px; height:560px; position:relative; margin:0 80px 80px 0;}
.space_list .pic { width:410px; height:560px;}
.space_list .pic2 { width:410px; height:560px; position:absolute; left:0; top:0; display:none;}
.space_list li:hover .pic2 { display:block; }

/*--新媒体--*/
.media { width:1024px; margin:50px auto 190px auto; overflow:hidden; zoom:1;}
.media .text { margin:0 0 0 90px; font-size:18px; line-height:24px;}
.media li { margin:40px 0 40px 90px; padding:50px; overflow:hidden; zoom:1; clear:both; background:#e7e7e7; border-radius:10px;}
.media a { cursor:pointer;}
.media .icon { float:left; width:64px; height:64px;}
.media .title { margin:0 0 0 100px; font-size:22px;}
.media .desc { margin:5px 0 0 100px; font-size:14px; line-height:24px;}

/*--会员--*/
.member_info { width:890px; margin:90px auto 190px auto;}
.member_info .title { width:750px; font-size:24px; margin:46px auto 0 auto; font-weight:bold;}
.member_info .desc { width:750px; font-size:14px; line-height:24px; margin:32px auto 0 auto;}

/*--合作--*/
.partner { text-align:center; margin:54px auto 190px auto; width:966px;}
.partner ul { overflow:hidden; zoom:1; width:1100px;}
.partner li { float:left; width:458px; margin:0 48px 30px 0;}
.partner .pic { width:458px; height:305px;}
.partner .text { text-align:left; padding:20px;}
.partner .title { font-size:20px; font-weight:bold;}
.partner .desc { font-size:14px; margin:8px 0 0 0;}

/*--关于我们--*/
.about_info { width:890px; margin:90px auto 190px auto;}
.about_info h4 { width:780px; margin:0 auto; font-size:28px;}
.about_info .title { width:780px; font-size:24px; margin:46px auto 0 auto; font-weight:bold;}
.about_info .desc { width:780px; font-size:14px; line-height:24px; margin:32px auto 0 auto;}

.find_info { width:900px; margin:0 auto;}
.find_info h4 { width:900px; margin:48px auto; font-size:18px;}
.find_info h4 span { border-bottom:4px solid #000; padding:0 0 10px 0;}
.find_info ul { overflow:hidden; zoom:1; width:1000px;}
.find_info li { float:left; width:410px; margin:0 75px 0 0;}
.find_info .title { font-weight:bold; font-size:16px; }
.find_info .desc { font-size:12px; line-height:24px;}
.find_info .pic { margin:15px 0;}
.find_info .other { clear:both; padding:15px 0;}
.find_info .other strong { font-size:16px;}
.find_info .other a { font-size:12px;}

.find_info2 { width:900px; margin:0 auto;}
.find_info2 h4 { width:900px; margin:48px auto; font-size:18px;}
.find_info2 h4 span { border-bottom:4px solid #000; padding:0 0 10px 0;}
.find_info2 .desc { font-weight:bold; font-size:16px;}
.find_info2 .desc2 { font-weight:bold; font-size:16px; margin:30px 0 0 0;}

.addr_list { width:900px; margin:64px auto 190px auto; overflow:hidden;}
.addr_list ul { width:1000px; overflow:hidden; zoom:1;}
.addr_list li { float:left; width:272px; height:392px; margin:0 42px 60px 0; background:#eee; text-align:center;}
.addr_list .title { font-size:16px; font-weight:bold; margin:40px 10px 26px 10px;}
.addr_list .desc { font-size:14px; margin:0 10px; line-height:24px;}

.contact_info { width:780px; margin:108px auto 190px auto; overflow:hidden;}
.contact_info .fl { float:left; width:367px; overflow:hidden; text-align:center;}
.contact_info .fr { float:right; width:344px;}
.contact_info .fl .pic { display:inline-block;}
.contact_info .fl .pic img { width:367px; height:520px;}
.contact_info .fr .title { font-size:16px; margin:70px  0 0 0; font-weight:bold;}
.contact_info .fr .desc { font-size:14px; line-height:1.8em; margin:30px 0 0 0;}
.contact_info .icon { width:44px; height:44px; border-radius:100%; border:2px solid #000; display:block; margin:30px auto 10px auto; cursor:pointer;}
.contact_info td { padding:0 30px 0 0; text-align:center; font-size:12px;}

/*--导航动画--*/
.nav .line {
animation: line 0.2s linear 0s 1 forwards;/* Firefox: */
-webkit-animation: line 0.2s linear 0s 1 forwards;/* Opera: */
-moz-animation: line 0.2s linear 0s 1 forwards;/* Safari 和 Chrome: */
-o-animation: line 0.2s linear 0s 1 forwards;
}
.nav .line2 {
animation: line2 0.2s linear 0s 1 forwards;/* Firefox: */
-webkit-animation: line2 0.2s linear 0s 1 forwards;/* Opera: */
-moz-animation: line2 0.2s linear 0s 1 forwards;/* Safari 和 Chrome: */
-o-animation: line2 0.2s linear 0s 1 forwards;
}
.tab .vline {
animation: vline 0.2s linear 0s 1 forwards;/* Firefox: */
-webkit-animation: vline 0.2s linear 0s 1 forwards;/* Opera: */
-moz-animation: vline 0.2s linear 0s 1 forwards;/* Safari 和 Chrome: */
-o-animation: vline 0.2s linear 0s 1 forwards;
}
.tab .vline2 {
animation: vline2 0.2s linear 0s 1 forwards;/* Firefox: */
-webkit-animation: vline2 0.2s linear 0s 1 forwards;/* Opera: */
-moz-animation: vline2 0.2s linear 0s 1 forwards;/* Safari 和 Chrome: */
-o-animation: vline2 0.2s linear 0s 1 forwards;
}
.fcolor {
animation: fcolor 0.2s linear 0s 1 forwards;/* Firefox: */
-webkit-animation: fcolor 0.2s linear 0s 1 forwards;/* Opera: */
-moz-animation: fcolor 0.2s linear 0s 1 forwards;/* Safari 和 Chrome: */
-o-animation: fcolor 0.2s linear 0s 1 forwards;
}


/*--line--*/
@keyframes line
{
0%   { left:0px; top:0px;}
100% { left:11px; top:-10px; width:30px; padding:10px 0;}
}
@-webkit-keyframes line /* Safari and Chrome */
{
0%   { left:0px; top:0px;}
100% { left:11px; top:-10px; width:30px; padding:10px 0;}
}
@-moz-keyframes line /* Firefox */
{
0%   { left:0px; top:0px;}
100% { left:11px; top:-10px; width:30px; padding:10px 0;}
}
@-o-keyframes line /* Opera */
{
0%   { left:0px; top:0px;}
100% { left:11px; top:-10px; width:30px; padding:10px 0;}
}

/*--line2--*/
@keyframes line2
{
0% { left:11px; top:-10px; width:30px; padding:10px 0;}
100%   { left:0px; top:0px;}
}
@-webkit-keyframes line2 /* Safari and Chrome */
{
0% { left:11px; top:-10px; width:30px; padding:10px 0;}
100%   { left:0px; top:0px;}
}
@-moz-keyframes line2 /* Firefox */
{
0% { left:11px; top:-10px; width:30px; padding:10px 0;}
100%   { left:0px; top:0px;}
}
@-o-keyframes line2 /* Opera */
{
0% { left:11px; top:-10px; width:30px; padding:10px 0;}
100%   { left:0px; top:0px;}
}

/*--fcolor--*/
@keyframes fcolor
{
100% { color:#fff;}
}
@-webkit-keyframes fcolor /* Safari and Chrome */
{
100% { color:#fff;}
}
@-moz-keyframes fcolor /* Firefox */
{
100% { color:#fff;}
}
@-o-keyframes fcolor /* Opera */
{
100% { color:#fff;}
}

/*--vline--*/
@keyframes vline
{
0%   { left:0px; bottom:0px;}
100% { left:-10px; bottom:4px; height:38px; padding:0 10px;}
}
@-webkit-keyframes vline /* Safari and Chrome */
{
0%   { left:0px; bottom:0px;}
100% { left:-10px; bottom:4px; height:38px; padding:0 10px;}
}
@-moz-keyframes vline /* Firefox */
{
0%   { left:0px; bottom:0px;}
100% { left:-10px; bottom:4px; height:38px; padding:0 10px;}
}
@-o-keyframes vline /* Opera */
{
0%   { left:0px; bottom:0px;}
100% { left:-10px; bottom:4px; height:38px; padding:0 10px;}
}

/*--vline2--*/
@keyframes vline2
{
0% { left:-10px; bottom:4px; height:38px;}
100%   { left:0px; bottom:0px; height:3px;}
}
@-webkit-keyframes vlin2e /* Safari and Chrome */
{
0% { left:-10px; bottom:4px; height:38px;}
100%   { left:0px; bottom:0px;}
}
@-moz-keyframes vline2 /* Firefox */
{
0% { left:-10px; bottom:4px; height:38px;}
100%   { left:0px; bottom:0px;}
}
@-o-keyframes vline2 /* Opera */
{
0% { left:-10px; bottom:4px; height:38px;}
100%   { left:0px; bottom:0px;}
}