@charset "utf-8";

/* CSS Document */
html, *, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span { margin: 0; padding: 0; list-style: none; }
body { width: 100%;    /* height:100%;*/ background: #efecd9; font-family: "微软雅黑", Arial, Helvetica, sans-serif; color: #333333; line-height: 25px; font-size: 12px; }
a img, :link img, :visited img { border: 0; }
ul, ul li { list-style-type: none; }
a, img { text-decoration: none; border: none; }
.contain { position: relative; margin: auto; width: 1360px; height: 547px; overflow: hidden; }

/*logo*/
.logo { position: absolute; top: 40px; left: 50px; }

/*菜单*/
.contain .nav { position: absolute; width: 148px; left: 0px; top: 198px; }
ul#menu, ul#menu ul { list-style-type: none; margin: 0; padding: 0; width: 148px; }
ul#menu a { display: block; text-align: center; text-decoration: none; }
ul#menu li { }
ul#menu li a { background: url(../images/guide_menu.png); color: #fff; padding: 0.5em; }
ul#menu li a:hover { background: url(../images/guide_menu_cur.png); }
ul#menu li ul li a { background: url(../images/guide_menu1.png); color: #fff; }
ul#menu li ul li a:hover, ul#menu li ul .current a { color: #014cca; background: #eeeeee; border-left: 5px #014cca solid; }

/*中学、小学链接*/

/*.school{ position:relative; margin:auto; width:1100px;}
.middle{ position:absolute; width:148px; right:242px; bottom:-80px;}
.primary{ position:absolute; width:148px; right:52px; bottom:-80px;}
*/

.school { position: relative; margin: auto; width: 1360px; display: flex; justify-content: center; align-items: center; }
.middle { display: block;    /* position: absolute; */ width: 230px; height: 228px; right: 242px; bottom: -80px; background: url(../images/middle-school.png); }
.middle:hover { background: url(../images/middle-school_xz.png); }
.primary { display: block;    /* position: absolute; */ width: 190px; height: 228px; right: 52px; bottom: -80px; background: url(../images/primary-school.png); }
.primary:hover { background: url(../images/primary-school_xz.png); }

/*内页*/

/*logo*/
.logobox { margin: auto; width: 1100px; }
.logobox img { margin: 50px 0 82px 52px; }
.container { overflow: hidden; margin: auto; padding-bottom: 80px; width: 1100px; }
.container .nav { float: left; width: 148px; left: 0px; top: 198px; }

/*公司简介*/
.com_list { float: right; padding: 20px 20px 50px 20px; width: 882px;    /* height:920px;*/ background: #fff; }
.com_list .bt { padding-left: 10px; height: 18px; line-height: 18px; font-size: 14px; color: #036fd9; border-left: 4px solid #036fd9; }
.com_list .list { margin-top: 25px; width: 882px; }
.com_list .list ul {    /* zoom:1;  */ }
.com_list .list ul li { overflow: hidden; padding-left: 20px; line-height: 36px; color: #666666; border-bottom: 1px dashed #d9d9d9; background: url(../images/dot.png) no-repeat 20px; }
.com_list .list ul li a { float: left; padding-left: 24px; display: block; width: 688px; height: 36px; font-size: 12px; color: #666666; }
.com_list .list ul li .date { float: right; margin-right: 20px; color: #999; }
.com_list .list ul li a:hover { color: #036fd9; }
.com_list .list ul li a span { font-size: 12px; color: #036fd9; }

/*校园景色*/
.listbox { width: 882px; }
.listbox ul li { overflow: hidden; padding: 10px 10px 10px 10px; border-bottom: 1px solid #e3e3e3; }
.listbox ul li img { float: left; padding: 10px; width: 195px; height: 118px; border: 1px solid #e3e3e3; }
.listbox ul li .rightlist { float: right; width: 630px; }
.listbox ul li .rightlist .title { width: 630px; height: 28px; line-height: 28px; color: #333333; font-size: 14px; }
.listbox ul li .rightlist .date { margin-bottom: 20px; color: #999999; height: 28px; }
.listbox ul li .rightlist .sketch { width: 630px; height: 56px; line-height: 28px; color: #666666; }

/*页码*/
.page { margin-left: 20px; margin-top: 25px; }
.page #pager .pages a { float: left; margin: 2px; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #036fd9; border: 1px solid #036fd9; }
.page #pager .pages a:hover { color: #fff; background: #036fd9; }
.page #pager .pages .pgnext { width: 54px; }
.pagebar { width: 600px; text-align: center; margin: auto; height: 30px; font-size: 12px; padding: 15px 0 0 0; }
.pagebar a { display: inline; padding: 2px 5px 0 5px; margin-right: 3px; border-width: 1px; border-style: solid; border-color: #fff; background-color: #f8f8f8; text-decoration: none; color: #666666; }
.pagebar a:hover, span.nopage { display: inline; padding: 2px 5px 0 5px; margin-right: 3px; border-width: 1px; border-style: solid; border-color: #036fd9; background-color: #036fd9; color: #eee; cursor: default; }

/*详情页*/
.xqy { margin: auto; width: 882px; }
.xqy .hdtitle { margin: auto; margin: 54px 0 15px 0; width: 880px; text-align: center; font-size: 18px; color: #ec1d23; }
.xqy .inner { margin-bottom: 70px; width: 882px; text-align: center; border-top: 1px dashed #e0e0e0; border-bottom: 1px dashed #e0e0e0; }
.xqy .inner span { margin-right: 20px; color: #999; }


/* 首页banner图切换 S*/
#guideBanner {clear: both;text-align: center;position: relative;z-index: 0;margin-top: 145px;}
#guideBanner .bd .con { display: none; }
#guideBanner .bd li { position: relative; height: 380px; width: 100%; overflow: hidden; }
#guideBanner .bd .pic { position: absolute; top: 0; left: 50%; margin-left: -680px; }
#guideBanner .prev, #guideBanner .next { border: 1px solid #fff; border-radius: 20px; width: 40px; height: 40px; background: url(../../base/img/slidearrow.png) no-repeat; display: block; position: absolute; left: 50%; top: 50%; margin-top: -20px; cursor: pointer; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; }
#guideBanner .prev { margin-left: -640px; background-position: 13px 10px; }
#guideBanner .next { margin-left: 600px; background-position: 16px -74px; }
#guideBanner .prev:hover { border: 1px solid #958267; background: url(../../base/img/slidearrow.png) no-repeat 13px 10px #958267; }
#guideBanner .next:hover { border: 1px solid #958267; background: url(../../base/img/slidearrow.png) no-repeat 16px -74px #958267; }
#guideBanner .hd { height: 14px; overflow: hidden; position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; font-size: 0; }
#guideBanner .hd li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 3px; width: 14px; height: 14px; background: #ffffff; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; transition: all 0.3s ease 0s; }
#guideBanner .hd li span { display: none; }
#guideBanner .hd .on { width: 30px; background: #ff6601; }