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

.warp{ width:100%; border:solid #F00 0px; overflow:hidden}
.center{ width:1200px; margin:0 auto}

.head{ overflow:visible}

.banner{ background:url(../images/video-back.jpg) center no-repeat; height:600px}

.title{ font-size:30px; color:#2f253b; text-align:center; line-height:36px; position:relative}
.title:before{ content:""; background:#3378A1; width:70px; height:4px; position:absolute; left:50%; bottom:-22px; margin-left:-35px}
.title-text{ font-size:18px; color:#555555; text-align:center; line-height:21px;}
.title-text span{ color:#3378a1}

.wisdom{ overflow:hidden}
.wisdom .title{ margin:50px 0 76px 0}
.wisdom .wisdom-top{ height:188px}
.wisdom .wisdom-lcon{ float:left; width:160px; text-align:center; margin:0 120px; cursor:pointer; position:relative; color:#555555}
.wisdom .wisdom-before{ color:#3378a1}
.wisdom .wisdom-before:before{ content:""; background:#3378A1; width:100px; height:3px; position:absolute; bottom:-44px; left:50%; margin-left:-50px}
.wisdom .wisdom-lcon span{ display:block; width:100px; height:100px; margin:0 auto}
.wisdom .wisdom-lcon span:nth-child(1){ background:url(../images/wisdom-t0.png) center no-repeat}
.wisdom .wisdom-lcon span:nth-child(2){ background:url(../images/wisdom-t1.png) center no-repeat}
.wisdom .wisdom-lcon span:nth-child(3){ background:url(../images/wisdom-t2.png) center no-repeat}
.wisdom .wisdom-lcon span img{ display:none}
.wisdom .wisdom-lcon i{ display:block; font-size:18px; line-height:22px; padding-top:22px; font-style:normal}
.wisdom .wisdom-bom{ height:699px; background:#F4F4F4}
.wisdom .wisdom-cont{ position:relative}
.wisdom .wisdom-cont .btn1{ position:absolute; top:260px; cursor:pointer; opacity:0.5; transition:all 0.3s linear}
.wisdom .wisdom-cont .btn1:hover{ opacity:1}
.wisdom .wisdom-cont .btn1.l1{ left:-50px}
.wisdom .wisdom-cont .btn1.r1{ right:-50px}
.wisdom .wisdom-box{ float:left}
.wisdom .wisdom-title{ padding-left:10px; font-size:24px; color:#333333; line-height:30px; position:relative}
.wisdom .wisdom-title:before{ content:""; width:2px; height:21px; background:#3378A1; position:absolute; left:0px; top:6px}
.wisdom .wisdom-1 .wisdom-left{ float:left; line-height:669px; width:790px; text-align:center}
.wisdom .wisdom-1 .wisdom-right{ float:right; width:370px; padding-top:120px}
.wisdom .wisdom-1 .wisdom-right ul{ margin-top:36px}
.wisdom .wisdom-1 .wisdom-right ul li{ font-size:14px; color:#555555; line-height:25px; background:url(../images/wisdom-cur1.png) left no-repeat; padding-left:18px}
.wisdom .wisdom-1 .wisdom-right ul li.wisdom-ghs-name{ font-size:18px; color:#3378a1; line-height:32px; padding-left:0; background:none}
.wisdom .wisdom-1 .wisdom-right .wisdom-ghs-text{ font-size:18px; color:#3378a1; margin:32px 0}
.wisdom .wisdom-btn a{ display:block; width:253px; height:49px; text-align:center; line-height:49px; border:solid 2px #3378A1; font-size:24px; color:#3378a1; text-decoration:none; transition:all 0.3s linear}
.wisdom .wisdom-btn a:hover{ background:#3378A1; color:#FFF}
.wisdom .wisdom-2 .wisdom-left{ float:left; width:350px; margin-left:50px; padding-top:43px}
.wisdom .wisdom-2 .wisdom-left ul{ margin-top:32px}
.wisdom .wisdom-2 .wisdom-left ul li{ font-size:14px; color:#555555; line-height:25px; padding:0 60px 0 0}
.wisdom .wisdom-2 .wisdom-left ul li.wisdom-lj-name{ font-size:18px; color:#3378a1; line-height:32px; padding:0 0 0 16px; position:relative}
.wisdom .wisdom-2 .wisdom-left ul li.wisdom-lj-name:before{ content:""; background:#3378A1; width:10px; height:10px; position:absolute; left:0; top:11px}
.wisdom .wisdom-2 .wisdom-right{ float:right; width:800px; line-height:699px}
.wisdom .wisdom-3 .wisdom-title{ margin:18px 0 30px 504px}
.wisdom .wisdom-3 ul{ float:left; margin-left:51px}
.wisdom .wisdom-3 ul.wulli-1{ width:285px; margin-left:0}
.wisdom .wisdom-3 ul.wulli-2{ width:310px}
.wisdom .wisdom-3 ul.wulli-3{ width:232px}
.wisdom .wisdom-3 ul.wulli-4{ width:220px}
.wisdom .wisdom-3 ul li{ font-size:14px; color:#555555; line-height:24px; padding-left:0}
.wisdom .wisdom-3 ul li.wisdom-xl-name{ font-size:18px; color:#3378a1; line-height:30px; padding-left:16px; position:relative}
.wisdom .wisdom-3 ul li.wisdom-xl-name:before{ content:""; background:#3378A1; width:10px; height:10px; position:absolute; left:0; top:10px}
.wisdom .wisdom-3 .wisdom-left{ float:left; width:814px; padding-left:100px}
.wisdom .wisdom-3 .wisdom-right{ float:left; padding:100px 0 0 60px}
.wisdom .wisdom-3 .wisdom-right a{ font-size:24px; color:#3378a1; text-align:center; display:block; line-height:90px; text-decoration:none}
.wisdom .wisdom-3 .wisdom-right a span{ display:block; width:112px; height:112px; background:url(../images/wisdom-video.png) no-repeat; margin:0 auto; transition:all 0.3s linear}
.wisdom .wisdom-3 .wisdom-right a:hover span{ background:url(../images/wisdom-video-hover.png) no-repeat;}

.lector{ background:url(../images/lector-back.jpg) center no-repeat; height:860px; overflow:hidden; position:relative}
.lector .title{ color:#FFF; position:absolute; left:50%; top:30px; margin-left:-120px}
.lector .lector-box{}
.lector .lector-video{ float:left; width:112px; height:112px; margin:207px 140px 0 270px; cursor:pointer; background:url(../images/lector-video.png) no-repeat; transition:all 0.3s linear}
.lector .lector-video:hover{ background:url(../images/wisdom-video-hover.png) no-repeat}
.lector .lector-word{ float:left; width:260px; font-size:14px; color:#d8d8d8; line-height:24px; padding-top:176px}
.lector .lector-word span{ display:block; font-size:36px; color:#ffffff; line-height:42px; padding-bottom:22px}
.lector .lector-word i{ display:block; font-size:24px; color:#ffffff; line-height:28px; font-style:normal; padding-bottom:21px}
.lector .lector-img{ float:left}
.lector .lector-2 .lector-img{ width:522px; text-align:center}
.lector .lector-2 .lector-video{ margin:207px 0 0 54px}

.exam{ overflow:hidden}
.exam .title{ margin-top:52px}
.exam .title-text{ padding-top:50px}
.exam .exam-intro{ text-align:center; font-size:16px; color:#555555; line-height:30px; padding-top:30px}
.exam .exam-intro span{ font-size:14px; color:#3378a1; padding-left:24px}
.exam .exam-img{ text-align:center; padding-top:42px}
.exam .exam-bom{ background:url(../images/exam-bom.jpg) center no-repeat; height:350px}
.exam .exam-bom .exam-title{ font-size:18px; color:#555555; line-height:22px; text-align:center; padding:31px 0 17px 0}
.exam .exam-bom ul{ width:666px; margin:0 auto}
.exam .exam-bom ul li{ margin-left:60px}
.exam .exam-bom ul li{ overflow:hidden; line-height:30px; padding:5px 0}
.exam .exam-bom ul li i{ float:left; margin-right:10px; font-style:normal; background:#3378A1; width:30px; height:30px; font-size:24px; color:#ffffff; font-weight:bold; text-align:center}
.exam .exam-bom ul li a{ float:left; font-size:14px; color:#555555}
.exam .exam-bom ul li a:hover{ color:#3378a1}
.exam .exam-btn{ padding-top:29px}
.exam .exam-btn a{ display:block; background:#3378A1; width:145px; height:30px; text-align:center; line-height:30px; font-size:14px; color:#ffffff; margin:0 auto}

.card{ overflow:hidden}
.card .title{ margin-top:36px}
.card .title-text{ font-size:14px; color:#555555; line-height:25px; margin-top:36px}
.card .card-cont{ padding:0 125px 0 126px; width:949px; margin-top:30px; position:relative}
.card .card-cont .btn2{ position:absolute; top:196px; cursor:pointer}
.card .card-cont .btn2.l2{ left:0}
.card .card-cont .btn2.r2{ right:0}
.card .card-box{ float:left; width:949px}
.card .card-top{ height:376px}
.card .card-pos{ float:left; width:300px; position:relative; margin:0 24px 24px 0}
.card .card-mar{ margin-right:0}
.card .card-pos span{ position:absolute; width:100%; text-align:center; line-height:175px; top:0; left:0; font-size:24px; color:#FFF}
.card .card-bom{ font-size:14px; color:#333333; text-align:center; line-height:26px; padding:26px 0 50px 0}
.card .card-bom span{ display:block; font-size:18px}
.card .card-slide{ background:#C7C7C7}
#featured-area{height:376px;width:100%; padding-top:0}
.roundabout-holder{list-style:none;width:454px;height:376px;margin:0px auto;}
.roundabout-moveable-item{font-size:12px!important;height:218px;width:500px;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px; text-align:center}

.ceng{ display:none; position:fixed; top:0%;left:0%;width:100%; height:100%; background-color:black;z-index:2147483648;-moz-opacity:0.6;opacity:.50;filter:alpha(opacity=50);}
.ceng_content{ display:none; background:rgba(0,0,0,0.5); position:fixed; top:50%; left:50%; z-index:2147483649; width:600px; height:400px; text-align:center; margin:-212px 0 0 -312px; padding:12px; border-radius:9px}
.ceng_content .video{ background:#000; height:400px; overflow:hidden; display:none}
.ceng_content .close{ position:absolute; top:-26px; right:-26px; width:32px; height:32px; color: #FFFFFF; cursor:pointer;line-height:24px; text-align:center; font-size:20px;}
































.footer{ background:#3378A1}