@charset 'utf8';
*{margin:0;padding:0;word-wrap:break-word;}
body{font:14px/1.75 "微软雅黑",arial,sans-serif,'DejaVu Sans','Lucida Grande',Tahoma,'Hiragino Sans GB',STHeiti,SimSun,sans-serif;color:#000;}
a{color:#333;text-decoration:none;}
a img{border:none;}
div,ul,li,p,form{padding:0px;margin:0px;list-style-type:none;}
em{font-style:normal;font-weight:normal;}
table{padding:0px;margin:0px;list-style-type:none;}
dt,dl,dd{padding:0px;margin:0px;list-style-type:none;}
form{margin:0px;padding:0px;}
tr{padding:0px;margin:0px;list-style-type:none;}
h3,h4{padding:0px;font-size:14px;font-weight:bold;}
.w1015{width:1015px;overflow:hidden;}
.clear{height:0px;clear:both;overflow:hidden;}
.blank10{height:10px;overflow:hidden;}
.blank20{height:20px;overflow:hidden;}
.blank40{height:40px;overflow:hidden;}
.blank60{height:60px;overflow:hidden;}
.clearfloat{clear:both;height:0;overflow:hidden;}
.center{width:1200px;margin:0 auto;}

/*左边*/
.sideBar{width:240px;float:left;display:inline;}
.sideBar h2{padding:20px 15px 18px 15px;text-transform:uppercase;font-size:15px;background-color:#c00;color:#fff;font-weight:normal;}
.sideBar li{border:1px solid #ccc;text-align:center;}
.sideBar li a{display:block;padding:13px 15px 13px 15px;color:#000;}
.sideBar li.on a{color:#000;}
.sideBar li a:hover{background-color:#f2f2f2;}
.sideBar .usLeft{border:1px solid #eee;padding:15px;margin-top:20px;}
.sideBar .usLeft .tis{font-size:18px;color:#c00;}
.sideBar .usLeft .wd{font-size:14px;}
.sideBar .usLeft .wd p{margin-top:10px;}

/*页面头部*/
#top{width:100%;margin:0 auto;}

/*页面头部*/
.header{width: 1200px;margin:0 auto;overflow:hidden;}
.header img.logo{float:left;margin-top:20px;/* margin-left: 40px; */}
.zi{float:left;margin-top:40px;color:#333333;}
.header img.tel{float:right;width:350px;margin-top:26px;/* margin-right:60px */}

.Btngroup{float: right;margin-left: 20px;}
.Btngroup a{display: inline-block;line-height: 30px;margin: 40px 5px 0;}
/*网站导航*/
#top .nav{width:100%;height:65px;line-height:40px;color:#000;text-align:center;border-top:1px solid #dddddd}
#top .nav ul{display:inline-block;}
#top .nav ul li{float:left;}
#top .nav ul li a{display:block;font-size:16px;margin: 20px 48px;line-height:30px;width: 120px;}
#top .nav ul li:last-child a{border-right:none;}
.navcur{background-color:#000;color:#fff;width:120px;border-radius:20px;}

/*幻灯片样式*/
#slider{width:100%;max-width:1920px;min-width:1200px;height:auto;margin:0 auto;position:relative;z-index:1;}

/* 轮播图 */
.slideBox{width:100%;max-width:1920px;min-width:1200px;overflow:hidden;position:relative;}
.slideBox .bd{position:relative;height:100%;z-index:0;}
.slideBox .bd li{zoom:1;vertical-align:middle;}
.slideBox .bd img{width:100vw;height:auto;display:block;}

/* 按钮样式 */
.slideBox .hd{position:absolute;width:100%;bottom:10px;height:15px;overflow:hidden;text-align:center;z-index:1;}
.slideBox .hd ul{display:inline-block;}
.slideBox .hd ul li{float:left;width:100%;margin:0 5px;width:10px;height:10px;border-radius:5px;background:#fff;cursor:pointer;}
.slideBox .hd ul li.on{background:#ff0000;color:#fff;}

/*我们的服务*/
#services{margin-top:30px;text-align:center;}
#services .tit{font-size:30px;color:#000;}
#services .subtit{font-size:20px;color:#ccc;}
#services ul{display:inline-block;}
#services ul li{float:left;width:190px;margin:20px 40px;padding:10px;border:1px solid #ccc;}
#services ul li i{display:block;width:60px;height:60px;margin:10px auto;font-style:normal;font-size:20px;border:1px solid #414141;border-radius:30px;}
#services ul li i b{display:block;width:50px;height:50px;margin:5px;background-color:#414141;line-height:50px;text-align:center;color:#fff;border-radius:25px;}
#services ul li span{display:block;margin-top:20px;font-weight:bold;}
#services ul li p{margin-top:10px;line-height:20px;}
#services ul li a{display:block;width:90px;height:24px;line-height:24px;color:#fff;background-color:#414141;margin:20px auto;}
#services ul li:hover i{border-color:#ED1C24;}
#services ul li:hover span{color:#ED1C24;}
#services ul li:hover i b{background-color:#ED1C24;}
#services ul li:hover a{background-color:#ED1C24;}
.productmore a{width:100px;height:30px;border:1px solid #000;color:#000;display:block;text-align:center;margin:50px auto;line-height:30px;}

/*关于我们*/
#aboutus{width:100%;max-width:1200px;min-width:1200px;margin:0 auto;overflow:hidden;background-color:#414141;}
#aboutus img.left{width:50%;float:left;}
#aboutus .content{float:left;width:45%;margin-top:80px;margin-left:30px;color:#F4F3F4;}
#aboutus .content .title{font-size:24px;}
#aboutus .content p{/* width:450px; */margin-top: 16px;font-size:14px;}
#aboutus .content a{width:100px;height:30px;border:1px solid #fff;color:#000;background-color:#fff;display:block;text-align:center;margin-top:40px;line-height:30px;margin-left:65%}
#aboutus .content a:hover{background-color:#fff;color:#ED1C24;}

/*PRODUCT */
#active{width:100%;margin-top:50px;}
#active .tit{font-size:30px;color:#000;text-align:center;}
#active .subtit{font-size:20px;color:#ccc;text-align:center;}
.picScroll-left{width:1200px;margin:30px auto;position:relative;}
.picScroll-left .bd{width: 1200px;margin:0 auto;}
.picScroll-left .bd ul{overflow:hidden;zoom:1;}
.picScroll-left .bd ul li{margin-right: 30px;width: 380px;float:left;_display:inline;text-align:center;}
.picScroll-left .bd ul li:nth-child(3n){margin-right: 0;}
.picScroll-left .bd ul li .pic{text-align:center;width: 380px;border:2px solid #000;overflow: hidden;box-sizing: border-box;}
.picScroll-left .bd ul li .pic img{width:100%;height: 253px;display:block;transition:.3s linear;}
.picScroll-left .bd ul li .pic a:hover img{border-color:#999; transform: scale(1.1);}
.picScroll-left .bd ul li .title{line-height:24px;margin: 10px 0 20px;font-size:15px;}
.picScroll-left .bd ul li .piclink img{width:163px;height:46px;display:block;}
#active .prev{position:absolute;left:-50px;top:70px;}
#active .next{position:absolute;right:-50px;top:70px;}

/*链接*/
.picScroll-left .bdl{width:1000px;margin:0 auto;}
.picScroll-left .bdl ul{overflow:hidden;zoom:1;}
.picScroll-left .bdl ul li{margin:0 8px;width:230px;float:left;_display:inline;text-align:center;margin-bottom:40px;}
.picScroll-left .bdl ul li .pic{text-align:center;}
.picScroll-left .bdl ul li .pic img{width:330px;height:190px;display:block;}
.picScroll-left .bdl ul li .pic a:hover img{border-color:#999;}
.picScroll-left .bdl ul li .title{line-height:24px;}
.picScroll-left .bdl ul li .piclink img{width:100%;height:46px;display:block;}
.textar{width:272px;padding-left:5px}

/*老年课堂*/
#lesson{width:100%;background-color:#333;overflow:hidden;padding-top:30px;text-align:center;}
#lesson .tit{font-size:30px;color:#fff;}
#lesson .subtit{font-size:20px;color:#fff;}
#lesson ul{display:inline-block;width:900px;}
#lesson ul li{float:left;width:420px;margin:15px;background-color:#fff;}
#lesson ul li img{float:left;width:100px;height:100px;border-radius:50%;margin:20px;}
#lesson ul li p{width:200px;float:left;margin-top:40px;text-align:left;}
#lesson ul li:hover a{color:#ED1C24;}
#lesson .more a{display:block;width:130px;height:30px;text-align:center;line-height:30px;border:1px solid #fff;color:#fff;margin:40px auto;}
#lesson .more a:hover{background-color:#ED1C24;color:#fff;border:1px solid #ED1C24;}

/*新闻中心*/
#newscenter{width:100%;overflow:hidden;margin-top:20px;text-align:center;}
#newscenter .tit{font-size:30px;}
#newscenter .subtit{font-size:20px;}
#newscenter ul{display:inline-block;width:900px;}
#newscenter ul li{float:left;width:420px;margin:15px;background-color:#fff;}
#newscenter ul li a{color:#333;}
#newscenter ul li img{float:left;width:100px;height:100px;border-radius:50%;margin:20px;}
#newscenter ul li p{width:200px;float:left;margin-top:40px;text-align:left;}
#newscenter ul li span{float:left;width:200px;text-align:right;}
#newscenter ul li:hover{box-shadow:3px 3px 3px 3px #ccc;}
#newscenter ul li a:hover{color:#ff0000;}
#newscenter .more a{display:block;width:130px;height:30px;text-align:center;line-height:30px;border:1px solid #ed1c24;margin:40px auto;color:#ed1c24;}

/*联系我们*/
#contact{width:100%;padding:70px 0;overflow:hidden;background-image:url(../images/bg.jpg);text-align:center;margin-top: 60px;}
#contact .tit{font-size:30px;}
#contact .subtit{font-size:20px;}
#contact ul{display:inline-block;margin-top:60px;}
#contact ul li{float:left;position:relative;width:200px;height:130px;margin:0 20px;background-color:#fff;border-bottom:3px solid #EEBD47;padding:80px 50px 0;}
#contact ul li img{position:absolute;top:-30px;left:105px;width:90px;height:90px;}
#contact ul li span{font-weight:bold;font-size:16px;}
#contact ul li:nth-child(2){border-bottom-color:#414141;}
#contact ul li:nth-child(3){border-bottom-color:#ED1C24;}

/*网站底部*/
#bottom{width:100%;padding:20px 0;background-color:#333;color:#fff;overflow:hidden;}
#bottom .center{width: 1200px;margin:0 auto;display: table;}
#bottom .center dl{float:left;width:400px;}
#bottom .center dl dt{border-bottom:3px solid #fff;height:40px;line-height:40px;font-size:16px;margin-bottom:20px;}
#bottom .center dl dd{height:30px;line-height:30px;}
#bottom .center dl dd a{color:#fff;}
#bottom .center form{float:left;width: 350px;}
#bottom .center form span{display:block;border-bottom:3px solid #fff;height:40px;line-height:40px;font-size:16px;margin-bottom:20px;}
#bottom .center form input{display:block;margin:10px 0;width: 100%;padding-left:5px;height:30px;box-sizing: border-box;}
#bottom .center form input[type="submit"]{width:100px;padding-left:0;}
#bottom .center form input[type="button"]{width:100px;padding-left:0;}
#bottom .center .ewm{float:left;width:270px;margin-left:30px;}
#bottom .center .ewm .title{border-bottom:1px solid #7F7F7F;height:40px;line-height:40px;font-size:16px;margin-bottom:20px;}
#bottom .center .ewm img{float:left;width:130px;height:130px;}
#bottom .center .ewm span{width:20px;float:left;margin-left:20px;line-height:30px;}
#bottom .center dl.nav{text-align:left;/* margin-left:50px; */width: 350px;}
#bottom .center dl:nth-child(2){width: 500px;}
#pages{width:100%;clear:both;text-align:center;margin:30px 0;overflow:hidden;}
#pages ul{display:inline-block;}
#pages ul li{float:left;width:auto!important;height:auto!important;}
#pages a, #pages .current{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;margin:0 5px;border:1px solid #ccc;border-radius:50%;}
#pages .current{background-color:#CC0000;border:none;color:#fff;}

/*浮动客服*/
#floatDivBoxs{width:150px;background:#fff;position:fixed;top:350px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:35px;line-height:35px;background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:10px;}
#floatDivBoxs .floatDqq li{height:24px;line-height:24px;font-size:12px;/*border-bottom:1px solid #e3e3e3;*/padding:0 0 0 50px;}
#floatDivBoxs .floatDqq li img{width:15px;height:15px;}
#floatDivBoxs .floatDtxt{font-size:14px;color:#333;padding:0px 14px 0px 10px;}
#floatDivBoxs .floatDtel{padding:5px 0 10px 10px;font-size:13px;color:#f18427;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:40px;height:35px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:350px;right:150px;z-index:999;}
#rightArrow a{display:block;height:40px;}

/*关于我们*/
#aboutpage{width:1200;margin:40px auto;height:500px}
#aboutpage .about{width:900px;margin:0 auto;overflow:hidden;}
#aboutpage .left{float:left;width:900px;}
#aboutpage .left .title{display:inline-block;font-size:24px;margin-bottom:30px;border-bottom:2px solid #E85393;}
#aboutpage .left p{font-size:16px;color:#777;}
#aboutpage img{display:block;width:420px;padding-top:80px;float:right;}
#aboutpage .linian{width:100%;max-width:1920px;min-width:1200px;margin:0 auto;clear:both;background-image:url(../images/linian.jpg);}
#aboutpage .linian p{width:1200px;margin:30px auto;padding:60px 0;color:#fff;line-height:30px;font-size:16px;text-indent:2rem;}

/*工作招聘*/
#aboutpage .job{width:1200px;margin:30px auto;}
#aboutpage .job .tit{text-align:center;font-size:36px;}
#aboutpage .job .subtit{text-align:center;font-size:24px;color:#ccc;}
#aboutpage .job ul{overflow:hidden;}
#aboutpage .job ul li{width:560px;margin:8px;padding:10px;float:left;border:1px solid #ccc;}
#aboutpage .job ul li h3{font-weight:normal;font-size:18px;}
#aboutpage .job ul li p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#aboutpage .job ul li a{width:130px;height:30px;line-height:30px;text-align:center;float:right;}
#aboutpage .job .more a{display:block;width:150px;height:40px;line-height:40px;margin:20px auto;text-align:center;border:1px solid #ccc;}

/*服务介绍*/
#servicepage{width:1200px;margin:40px auto;overflow:hidden;}
#servicepage .tit{text-align:center;font-size:30px;text-align:center;}
#servicepage p{font-size:14px;line-height:24px;}

/*联系我们*/
#contactpage{width:1200px;margin:40px auto;}
#contactpage .title{font-size:36px;text-align:center;}
#contactpage .subtit{font-size:24px;text-align:center;color:#ccc;}
#contactpage .address{margin-top:30px;/*text-align:center;*/font-size:14px;line-height:24px;}
#contactpage #dituContent{width:90%;height:450px;margin:20px auto;}
#contactpage form{width:900px;margin:20px auto;overflow:hidden;}
#contactpage form input{float:left;width:calc(46% - 7px);margin:0 2%;height:45px;padding-left:5px;}
#contactpage form textarea{width:calc(100% - 12px - 4%);margin:10px 2%;padding:5px;}
#contactpage form input[type='submit']{background-color:#c00;border:none;color:#fff;}

/*新闻中心*/
#newslist{margin-top:20px;overflow:hidden;}
#newslist .tabs{text-align:center;}
#newslist .tabs ul{display:inline-block;}
#newslist .tabs ul li{float:left;width:200px;height:50px;font-size:20px;margin:0 10px;line-height:50px;border:1px solid #ccc;}
#newslist .tabs ul li a{display:block;}
#newslist .tabs ul li a:hover{text-decoration:none;}
#newslist .list{padding:20px;}
#newslist .list ul{}
#newslist .list ul li{margin-bottom:15px;padding-bottom:10px;border-bottom:1px dotted #eee;}
#newslist .list ul li:last-child{border-bottom:none;}
#newslist .list ul li a{font-size:20px;}
#newslist .list ul li a:first-child{display: block;}
#newslist .list ul a:hover{color:#f00;}
#newslist .list ul li span{float:right;}
#newslist .list ul li p{margin-top:3px;text-indent:18px;color:#888;}

/*产品中心*/
#prolist{width:1200px;margin:0 auto;overflow:hidden;}
#prolist .tit{font-size:36px;text-align:center;margin-top:20px;}
#prolist .subtit{font-size:24px;text-align:center;color:#ccc;}
#prolist .list{width:80%;margin:0 auto;}
#prolist .list ul{width:100%;}
#prolist .list ul li{float:none;width:calc(100% - 2px);margin:50px auto;overflow:hidden;clear:both;}
#prolist .list ul li img{float:left;width:450px;height:250px;}
#prolist .list ul li .content{float:right;width:calc(100% - 500px);}
#prolist .list ul li .title{font-size:20px;font-weight:bold;margin-top:5px;margin-right:10px;}
#prolist .list ul li:nth-child(2n) img{float:right;}
#prolist .list ul li:nth-child(2n) .content{float:left;}
#prolist .list ul li p{text-align:left;margin-right:10px;margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}
#prolist .list ul li a{display:block;width:130px;height:30px;font-size:14px;line-height:30px;margin-top:20px;text-align:center;float:right;color:#CC0000;}

/*案例中心*/
#caselist{width:1200px;margin:0 auto;overflow:hidden;}
#caselist .tit{font-size:36px;text-align:center;margin-top:20px;}
#caselist .subtit{font-size:24px;text-align:center;color:#ccc;}
#caselist .list{width:100%;text-align:center;}
#caselist .list ul{width:100%;display:inline-block;}
#caselist .list ul li{position:relative;float:left;width:31%;height:0;padding-bottom:30%;border:1px solid #ccc;margin:20px 1%;}
#caselist .list ul li img{position:absolute;width:100%;height:70%;left:0;}
#caselist .list ul li .title{position:absolute;width:100%;height:30px;line-height:30px;margin-top:5px;font-size:16px;top:70%;}
#caselist .list ul li .title a{display:block;}
#caselist .list ul li .title a:hover{color:red;}
#caselist .list ul li p{position:absolute;width:96%;left:2%;text-align:left;top:calc(70% + 35px);}

/*问答*/
#answerlist{margin-top:20px;overflow:hidden;}
#answerlist .tabs{text-align:center;}
#answerlist .tabs ul{display:inline-block;}
#answerlist .tabs ul li{float:left;width:200px;height:50px;font-size:20px;margin:0 10px;line-height:50px;border:1px solid #ccc;}
#answerlist .tabs ul li a{display:block;}
#answerlist .tabs ul li a:hover{text-decoration:none;}
#answerlist .list{padding:20px;}
#answerlist .list ul{}
#answerlist .list ul li{margin-bottom:15px;padding-bottom:10px;border-bottom:1px dotted #eee;}
#answerlist .list ul li:last-child{border-bottom:none;}
#answerlist .list ul li a{font-size:20px;}
#answerlist .list ul li a:before{content:"Q";color:#fff;display:inline-block;width:30px;height:30px;background-color:#c00;line-height:30px;text-align:center;margin-right:5px;}
#answerlist .list ul li span{display:none;}
#answerlist .list ul li p{margin-top:3px;color:#888;}
#answerlist .list ul li p:before{content:"A";color:#fff;display:inline-block;width:30px;height:30px;background-color:#06f;line-height:30px;text-align:center;margin-right:5px;}

/*老年课堂*/
#knowledgelist{width:1200px;margin:40px auto;overflow:hidden;}
#knowledgelist .tit{font-size:36px;text-align:center;margin-top:20px;}
#knowledgelist .subtit{font-size:24px;text-align:center;color:#ccc;}
#knowledgelist .subnav{text-align:center;}
#knowledgelist .subnav ul{display:inline-block;}
#knowledgelist .subnav ul li{float:left;}
#knowledgelist .subnav ul li a{display:block;margin:30px 10px;display:block;padding:10px 40px;font-size:16px;}
#knowledgelist .subnav ul li.cur a{font-weight:bold;}
#knowledgelist .subnav ul li a:hover{font-weight:bold;}
#knowledgelist .list{width:100%;text-align:center;}
#knowledgelist .list ul{width:75%;display:inline-block;}
#knowledgelist .list ul li{position:relative;float:left;width:31%;height:0;padding-bottom:25%;border:1px solid #ccc;margin:20px 1%;}
#knowledgelist .list ul li img{position:absolute;width:100%;height:85%;left:0;}
#knowledgelist .list ul li .cover{display:none;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:2;}
#knowledgelist .list ul li:hover .cover{display:block;}
#knowledgelist .list ul li .title{width:100%;height:30px;line-height:30px;font-size:16px;top:30%;margin-top:70px;margin-bottom:10px;}
#knowledgelist .list ul li .title a{display:block;color:#fff;font-size:20px;font-weight:bold;overflow:hidden;}
#knowledgelist .list ul li .title a:hover{text-decoration:underline;}
#knowledgelist .list ul li p{width:90%;text-align:center;top:calc(30% + 50px);color:#fff;margin:0 auto;}
#knowledgelist .list ul li .line{width:70px;height:3px;background-color:red;margin:20px auto;}
#knowledgelist .list ul li:nth-child(2n) .line{background-color:#fff;}
#knowledgelist .list ul li:nth-child(3n) .line{background-color:green;}
#knowledgelist .list ul li:nth-child(4n) .line{background-color:blue;}
#knowledgelist .list ul li:nth-child(5n) .line{background-color:orange;}
#activepage{width:1200px;margin:20px auto;overflow:hidden;}
#activepage .left{float:left;width:230px;margin-top:20px;}
#activepage .left a{color:#000;}
#activepage .left  .tit{color:#fff}
#activepage .left dl{border:1px solid #ccc;}
#activepage .left dl .cont{overflow:hidden;}
#activepage .left dl dt{width:100%;height:60px;line-height:60px;text-align:center;color:#fff;font-size:15px;background-color:#c00;}
#activepage .left dl dd{width:100%;height:50px;line-height:50px;border-bottom:1px solid #ccc;text-align:center;}
#activepage .left dl dd:hover{background-color:#f2f2f2;}
#activepage .left dl dd a{display:block;}
#activepage .right{float:right;width:950px;}
.right .moew{border:1px solid #000;width:80px;height:27px;line-height:27px;margin-left:90%;text-align:center;}
#activepage .right .yoursite{line-height:40px;line-height:40px;border-bottom:1px solid #ccc;}
#activepage .right ul{width:100%;display:inline-block;}
#activepage .right ul li{position:relative;float:left;width:31%;height:0;padding-bottom:25%;margin:20px 1%;}
#activepage .right ul li img{position:absolute;width:100%;height:100%;left:0;}
#activepage .right ul li .cover{display:none;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:2;}
#activepage .right ul li:hover .cover{display:block;}
#activepage .right ul li .title{width:100%;height:30px;line-height:30px;font-size:16px;top:30%;margin-top:70px;margin-bottom:10px;}
#activepage .right ul li .title a{text-align:center;display:block;color:#fff;font-size:20px;font-weight:bold;overflow:hidden;width:68%;height:36px;margin-left:50px;}

/*#activepage .right ul li .title a:hover{ text-decoration: underline; }*/
#activepage .right ul li p{width:90%;text-align:left;top:calc(30% + 50px);color:#fff;margin:0 auto;}
#activepage .right ul li .line{width:70px;height:3px;background-color:red;margin:20px auto;}
#activepage .right ul li:nth-child(2n) .line{background-color:#fff;}
#activepage .right ul li:nth-child(3n) .line{background-color:green;}
#activepage .right ul li:nth-child(4n) .line{background-color:blue;}
#activepage .right ul li:nth-child(5n) .line{background-color:orange;}

/*在线报名*/
#activepage .right .onlineBook{}
#activepage .right .onlineBook form{width:80%;margin:20px auto;}
#activepage .right .onlineBook form dd{min-height:40px;}
#activepage .right .onlineBook form dd select{width:330px;height:30px;margin-top:5px;}
#activepage .right .onlineBook form dd span{float:left;display:block;width:230px;height:40px;line-height:40px;text-align:right;margin-right:20px;}
#activepage .right .onlineBook form dd input{float:left;display:block;width:330px;height:30px;line-height:30px;}
#activepage .right .onlineBook form dd textarea{float:left;display:block;width:330px;height:170px;line-height:30px;}
#activepage .right .onlineBook form input[type="submit"]{width:150px;height:40px;line-height:30px;padding:0;margin:7px;}
#activepage .right .onlineBook form input[type="reset"]{width:150px;height:40px;line-height:30px;padding:0;margin:7px;}

/*精品图书*/
#booklist{width:1200px;margin:0 auto;overflow:hidden;}
#booklist .list{width:100%;}
#booklist .tit{font-size:36px;text-align:center;margin-top:20px;}
#booklist .subtit{font-size:24px;text-align:center;color:#ccc;}
#booklist .list ul{width:100%;}
#booklist .list ul li{float:none;width:100%;border-bottom:1px solid #ccc;margin:40px auto;padding-bottom:40px;overflow:hidden;clear:both;}
#booklist .list ul li:last-child{border-bottom:none;}
#booklist .list ul li img{float:left;width:450px;height:300px;}
#booklist .list ul li .title{float:right;width:calc(100% - 500px);font-size:24px;margin-top:10px;margin-right:10px;}
#booklist .list ul li .title a:hover{color:#f00;}
#booklist .list ul li p{float:right;text-align:left;width:calc(100% - 500px);margin-right:10px;margin-top:20px;}
#booklist .list ul li a.buy{display:block;width:130px;height:40px;font-size:14px;line-height:40px;text-align:center;float:right;color:#f00;border:1px solid #f00;margin:20px;}

/*文章内容页*/
#contentpage{/*width:80%;*/margin:40px auto;display: table;}
#contentpage .right{float:right;width:75%}
#contentpage .title{font-size:24px;min-height:40px;line-height:40px;text-align:center;margin:20px 0 10px;}
#contentpage .desc{text-align:center;color:#3c3c3c;border-bottom:1px solid #ccc;}
#contentpage .desc span{margin:0 10px;}
#contentpage .content{margin:20px;font-size:16px;line-height:30px;/*text-align:center;*/}
#contentpage .content img{max-width:100%;margin:0 auto;}
#contentpage .content p{}
#contentpage .prenext span:nth-child(1){float:left;height:40px;line-height:40px;}
#contentpage .prenext span:nth-child(2){float:right;height:40px;line-height:40px;}
#contentpage .prenext a{text-decoration:underline;}
#newslist .subnav{text-align:center;}
#newslist .subnav ul{display:inline-block;}
#newslist .subnav ul li{float:left;}
#newslist .subnav ul li a{display:block;margin:30px 10px;display:block;padding:10px 40px;font-size:16px;}
#newslist .subnav ul li.cur a{font-weight:bold;}
#newslist .subnav ul li a:hover{font-weight:bold;}

/* video */
#videopage{width:1200px;margin:20px auto;overflow:hidden;}
#videopage .left{float:left;width:230px;margin-top:20px;}
#videopage .left dl{border:1px solid #ccc;}
#videopage .left dl .cont{overflow:hidden;}
#videopage .left dl dt{width:100%;height:60px;line-height:60px;text-align:center;color:#fff;font-size:15px;background-color:#c00;}
#videopage .left dl dd{width:100%;height:50px;line-height:50px;border-bottom:1px solid #ccc;text-align:center;}
#videopage .left dl dd:hover{background-color:#f2f2f2;}
#videopage .left dl dd a{display:block;}
#videopage .right{float:right;}
#videopage .right .moew{border:1px solid #000;width:80px;height:27px;line-height:27px;margin-left:90%;text-align:center;}
#videopage .right .yoursite{line-height:40px;line-height:40px;border-bottom:1px solid #ccc;}
#videopage .right ul{width:100%;display:inline-block;}
#videopage .right ul li{position:relative;float:left;width:31%;height:0;padding-bottom:25%;margin:20px 1%;}
#videopage .right ul li img{position:absolute;width:100%;height:100%;left:0;}
#videopage .right ul li .cover{display:none;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:2;}
#videopage .right ul li:hover .cover{display:block;}
#videopage .right ul li .title{width:100%;height:30px;line-height:30px;font-size:16px;top:30%;margin-top:70px;margin-bottom:10px;}
#videopage .right ul li .title a{text-align:center;display:block;color:#fff;font-size:20px;font-weight:bold;overflow:hidden;width:68%;height:36px;margin-left:50px;}
#videopage .right ul li p{width:90%;text-align:left;top:calc(30% + 50px);color:#fff;margin:0 auto;}
#videopage .right ul li .line{width:70px;height:3px;background-color:red;margin:20px auto;}
#videopage .right ul li:nth-child(2n) .line{background-color:#fff;}
#videopage .right ul li:nth-child(3n) .line{background-color:green;}
#videopage .right ul li:nth-child(4n) .line{background-color:blue;}
#videopage .right ul li:nth-child(5n) .line{background-color:orange;}
.videotitle{margin-top:70%;font-size:15px;}
.down{margin-left:85%}
.videoclass{width:600px;display: block;margin: 0 auto;}
.fixBox{width:60px;position:fixed;right:10px;bottom:20%;}
.fixBox li{margin-top:10px;}
.fixBox a{width:60px;height:60px;background-color:#47a2cf;display:block;background-repeat:no-repeat;background-position:center;position:relative;}
.fixBox div,.fixBox div img{width:120px;height:120px;}
.fixBox div{display:none;position:absolute;left:-129px;padding-right:16px;}
.fixBox li.li1 a{background-image:url(../images/c6.png);}
.fixBox li.li2 a{background-image:url(../images/c7.png);}
.fixBox li.li3 a{background-image:url(../images/c8.png);}
.fixBox li.li4 a{background-image:url(../images/c9.png);}
.fixBox li:hover div{display:block;}
.supportdiv{width:890px;float:right;}
.contactscon{width:890px;float:right;}