@charset "utf-8";
/* CSS Document */
body {font-family:"Microsoft Yahei", Arial, Tahoma,"Microsoft Yahei";margin:0;padding:0;font-size:12px;color:#000; background:#fff;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tr,th,td,img{margin:0;padding:0;border:0;}
ul,li{list-style-type:none;}
img{border:0;}

h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}

/* Link */
a{color:#3e3a39;text-decoration:none; outline:none;}
a:hover {text-decoration:none;outline:none}
a.more_a{color:#C12023;}
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}
.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.mrt50{margin-top:60px;}

.condiv{width:1200px;height:auto; margin:0 auto;}


.banner{width:100%;height:auto; min-width:1200px;}
.banner01{width:100%;height:225px; background:url(../images/banner01.jpg) center no-repeat;}
.banner02{width:100%;height:256px; background:url(../images/banner02.jpg) center no-repeat;}
.banner03{width:100%;height:562px; background:url(../images/banner03.jpg) top center no-repeat; position:relative}
.banner01 .head{width:1200px;height:auto;margin:0 auto}
.logo{width:155px;height:49px;float:left;margin:35px 0 0 35px;}
.back{width:89px;height:30px;float:right;margin:40px 35px 0 0}

.con01{width:1200px;height:auto;background:#fff; border-radius:30px; box-shadow:0px 0px 18px #ccc; margin:0 auto; position:absolute;top:160px;left:50%;margin-left:-600px;}
.con-about{width:1120px;height:auto;padding:20px 50px 20px 30px;}
.about-img{width:617px;height:auto;float:left;}
.about-nr{width:440px;height:auto;float:right;}
.about-nr .title{font-size:26px;color:#121212;display:block; text-align:center;line-height:66px;}
.about-nr span{width:auto;height:36px;background:url(../images/icon01.jpg) 90px no-repeat;display:block;font-size:14px; color:#ff711c;line-height:36px; text-align:center}
.about-nr p{color:#999999;font-size:14px;line-height:26px;margin-top:24px; text-indent:2em}

.con-title{width:100%;height:auto;display:block; text-align:center;font-size:40px;color:#121212; min-width:1200px;}
.con-title-fu{width:100%; text-align:center;line-height:32px;color:#888;font-size:14px;}
.con-title-fu img{ vertical-align:middle}

.con-book{width:100%;height:100%; overflow:hidden;background:#f4f4f4;margin-top:60px;padding:0 0 50px 0;min-width:1200px;}
.hd{width:789px;height:49px;margin:0 auto; text-align:center;border-right:1px solid #e1e1e1;}
.hd li{width:263px;height:58px;background:url(../images/icon-bg01.png) no-repeat;float:left;line-height:48px;font-size:16px; color:#444; cursor:pointer; font-weight:bold}
.hd li.on{background:url(../images/icon-bg.png) no-repeat;color:#fff;margin-bottom:5px;}
.hd li.on a{color:#fff}

.con-book .bd ul{ width:1200px;height:auto;zoom:1; margin:0 auto  }
.book-div{width:1200px;height:auto;margin:0 auto;padding:55px 0}
.book-img{float:left;width:300px;height:auto;}
.book-img img{display:block}
.book-img span{display:block; width:287px;text-align:center;font-size:14px;color:#555;line-height:36px;}
.book-nr{float:right;width:812px;margin-right:28px;}
.book-nr h2{font-size:20px;color:#ff711c;font-weight:bold;line-height:58px;border-bottom:1px solid #e3e3e3}
.con-book .bd ul .book-nr-point{width:674px;min-height:135px;background:url(../images/icon04.png) left no-repeat;padding-left:126px;margin-top:10px;}
.con-book .bd ul .book-nr-point li{font-size:14px;color:#888;border:1px solid #dcdcdc;line-height:36px;padding:0 20px; border-radius:20px;float:left;margin:16px 10px 0 20px}
.book-nr span{background:url(../images/icon05.png) top left no-repeat; font-size:16px;color:#555; padding-left:38px;line-height:50px;}
.book-nr p{color:#999;font-size:12px;line-height:24px; text-indent:22px;}
.con-title-fu em{font-style:normal;color:#ff711c}

.teacher{width:1200px;height:auto;margin:0 auto;margin-top:65px;}
.teacher-div{width:324px;height:416px;float:left;margin:0 38px; position:relative; overflow:hidden}
.teacher-div img{position:absolute; cursor:pointer}
.teacher-txt{ position:absolute;bottom:18px;left:16px;width:292px;height:100px;background:rgba(255,255,255,0.8);color:#333;}
.teacher-txt h3{font-size:24px;padding:20px 0 0 0;text-align:center}
.teacher-txt span{font-size:16px;color:#555; text-align:center;display:block;line-height:30px;}
.caption{ position:absolute;width:292px;height:382px;left:16px;top:16px;background:rgba(255,255,255,0.8);color:#333; display:none;cursor:pointer}
.caption h3{font-size:24px;padding:38px 0 0 0;text-align:center}
.caption span{font-size:16px;color:#555; text-align:center;display:block;line-height:45px;}
.caption p{font-size:12px;color:#555;line-height:22px;padding:20px 15px 0 15px;}

.recommend{width:100%;height:auto;background:url(../images/recom-bg.jpg) top repeat-x;margin:0px 0 60px 0; position:relative;min-width:1200px}
.recommend .con-title{padding:50px 0;color:#fff;}
.recom-book{width:1200px;height:334px;background:#fff; border-radius:30px; box-shadow:0px 0px 18px #ccc; margin:0 auto  }
.recom-book ul{width:1100px;height:auto;padding:42px 50px 30px 50px;}
.recom-book ul li{width:168px;height:230px;float:left;margin:0 7px;}
.recom-book a.more{display:block; text-align:center;font-size:16px;color:#ff711c;line-height:54px;}



/*后*/
.div_center{ width:1200px; height:auto; margin:0 auto; text-align:center; position:relative;}
.online_last{ width:100%; height:auto; background:#262829; text-align:center; margin:0 auto;padding-top:30px;min-width:1200px;}
.online_lo{ width:100%; height:auto; display:table;}
.online_lo li{ float:left;}
.online_go{ width:228px; height:155px; border-right:1px #7d7e81 solid; text-align:left;}
.online_go span{ font-size:14px; color:#fff; display:block;}
.online_go img{ margin-top:40px;margin-bottom: 4px;}
.online_ad{ width:544px; height:155px;border-right:1px #7d7e81 solid; text-align:left; padding-left: 45px; padding-right: 5px;}
.online_ab{ float:left; width:105px;margin: 0 30px; text-align:left;}
.online_ab a{ font-size:14px; color:#aca9a9;margin-bottom: 6px; display: inline-block;}
.online_ab a:hover{ border-bottom:1px #fff solid; color:#fff; -webkit-transition:.8s;}
.online_ab span{ font-size:16px; color:#fff; font-weight:bold; display:block; margin-bottom:8px;}
.online_ter{ width:154px;}
.online_ter span{ text-align:center;}
.online_ter a{ margin-left:10px;margin-right:10px; position:relative;}
.online_bo { width: 246px; margin-left: 62px;}
.online_wei{ margin-left:20px;}
.online_are{ margin-left: 44px !important;}
.online_bo b{ margin-left:14px;}
.online_nose{ width:1200px; height:auto; text-align:center; padding:30px 0;}
.online_nose span{ font-size:14px; color:#898686; display:inline-block; margin-right:30px; line-height:24px;}
.online_yin{ font-size:14px; color:#7e7a7a; background:#e8e9ef; border-radius:5px; position: absolute; top: 26px; width: 390px; z-index: 10; padding: 6px 10px;left: -195px; display:none;}
.online_yin b{ display:inline-block; margin-left:18px; font-weight:normal;}
.online_cang{ position: absolute;top: 20px; left: 9px; display:none;}
.online_bo b{font-size: 14px; font-weight:normal;color: #aca9a9;}