html { background:url(/public/static/home/images/bg.jpg) repeat 0 0;}
body{ margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select{margin:0;padding:0;}
h1,h3,h3,h4{ font-size:14px;}
.clear{ clear:both;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration: none; color:#eb2914;}
img{ border:0;}
ul li{list-style:none;}
.warp { width:1200px; margin:0 auto;} 
#VCode { cursor:pointer;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#333;} 
:-moz-placeholder { color:#333;} 
::-moz-placeholder { color:#333;}
:-ms-input-placeholder { color:#333;} 

.kdtop { width:100%; height:40px; line-height:40px; background:#f2f2f2;}
.kdtop p { font-size:14px; color:#333; padding-left:30px; background:url(/public/static/home/images/xh_01.png) no-repeat left center;}

/*头部*/
.header { width:100%; height:60px; padding:30px 0; background:#ab2722;}
.header .logo { float:left; width:410px; height:60px; overflow:hidden;}
.header .logo img { display:block; height:100%;}
.header .serch { float:right; width:270px; height:40px; line-height:40px; padding-left:15px; background:#fff;}
.header .serch input { display:block; float:left; width:225px; height:40px; line-height:40px; font-size:14px; color: #333; outline:none; border:none; background:none;}
.header .serch .btn { width:45px; background:url(/public/static/home/images/xh_02.png) no-repeat center center;}

/*导航*/
.nav { width:100%; height:45px; border-top:1px solid #cd7d7a; background:#ab2722; position:relative; z-index:999999;}
.nav li { float:left; width:calc(100% / 9 - 1px); line-height:45px; text-align:center; position:relative;}
.nav li a { display:block; font-size:16px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nav li p { display:none; width:100%; text-align:center; position:absolute; left:0; top:45px;}
.nav li:hover,.nav .on { background:#941813;}
.nav li:hover p { display:block;}
.nav li:hover p a,.nav .on p a { line-height:40px; font-size:14px; padding:0 10px; border-top:1px solid #ab2722; background:#941813;}
.nav li:hover p a:hover,.nav .on p a:hover { background:#ab2722;}

/*banner*/
.banner { width:100%; margin:0 auto;}
.banner .swiper-slide { width:100%;}
.banner .swiper-slide a,.banner .swiper-slide img { display:block; width:100%;}
.banner .swiper-pagination-bullets { bottom:20px;}
.banner .swiper-pagination-bullet { width:10px; height:10px; margin:0 10px !important; border-radius:50%; filter:alpha(opacity=100); opacity:1; background:#fff; position:relative; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-pagination-bullet::after { display:block; content:""; width:20px; height:20px; margin:auto; border-radius:50%; filter:alpha(opacity=0); opacity:0; background:#ab2722; position:absolute; left:-5px; top:-5px;}
.banner .swiper-pagination-bullet-active { background:#ab2722;}
.banner .swiper-pagination-bullet-active::after { filter:alpha(opacity=40); opacity:0.4;}
.banner .swiper-button-prev,.banner .swiper-button-next { width:50px; height:50px; border-radius:50%;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after { font-size:20px; color:#fff;}
.banner .swiper-button-prev { left:10%;}
.banner .swiper-button-next { right:10%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { background:#ab2722;}

/*二级banner*/
.banner_ej { width:100%; height:230px; margin:0 auto; background-position:center top; background-repeat:no-repeat; background-size:cover;}

/*友情链接*/
.link { width:100%; padding:20px 0; background:url(/public/static/home/images/nav-bg.jpg);}
.link span { float:left; width:180px; line-height:30px; font-size:16px; color:#fff; text-transform:Uppercase;}
.link span b { float:left; font-size:20px;}
.link p { float:right; width:calc(100% - 180px); line-height:30px;}
.link p a { font-size:14px; color:#fff; margin-right:25px;}

/*脚部*/
.footer { width:100%; padding-top:50px; background:#242424;}
.footer a { color:#bbb;}
.footer a:hover { color:#bbb;}
.footer .log { float:left; width:342px; height:50px; margin-top:30px; padding:35px 90px 35px 0; border-right:1px solid rgba(255,255,255,0.1);}
.footer .log img { display:block; width:342px; height:50px; filter:alpha(opacity=60); opacity:0.6;}
.footer .lxwm { float:left; width:465px; margin:0 90px;}
.footer .lxwm h3 { line-height:40px; font-weight:500; font-size:18px; color:#bbb; margin-bottom:10px;}
.footer .lxwm p { line-height:28px; font-size:14px; color:#bbb;}
.footer .imgs { float:right; width:115px;}
.footer .imgs img { display:block; width:111px; height:111px; margin-top:45px; border:2px solid #fff;}
.footer .imgs p { width:108px; line-height:30px; font-size:14px; color:#bbb; text-align:center; margin-top:5px;}
.footer .copy { line-height:30px; font-size:14px; color:#666; margin-top:50px; padding:10px 0; border-top:1px solid #3e3d45;}
.footer .copy a { color:#666;}
.footer .sitecode { width:100px; margin:0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}

/*右侧漂浮*/
.rgtfu { width:240px; height:145px; overflow:hidden; position:fixed; top:10px; left:10px; z-index:9999999;}
.rgtfu img { display:block; width:240px; height:145px;}
.rgtfu i { display:block; width:25px; height:25px; font-style:normal; line-height:22px; font-size:20px; color:#fff; text-align:center; cursor:pointer; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); filter:alpha(opacity=60); opacity:0.6; border-radius:50%; background:#000; position:absolute; top:10px; right:10px; z-index:2;}


/*公共标题*/
.tits { width:100%; height:70px; margin-bottom:30px; position:relative;}
.tits h3 { float:left; line-height:70px; font-size:28px; color:#ab2722; position:relative; z-index:1;}
.tits p { width:160px; line-height:35px; font-weight:bold; font-size:28px; color:#ab2722; text-transform:Uppercase; position:absolute; left:0; top:0; z-index:0; opacity: 0.12;}
.tits a { float:right; line-height:70px; font-size:14px; color:#999; text-transform:Uppercase;}

/*新闻中心*/
.news { width:100%; padding:50px 0;}
.news .newimgs { float:left; width:590px; height:440px; overflow:hidden;}
.news .newimgs .swiper-slide { width:100%;}
.news .newimgs .swiper-slide a,.news .newimgs .swiper-slide img { display:block; width:590px; height:440px; position:relative;}
.news .newimgs .swiper-slide p { width:calc(70% - 15px); height:55px; line-height:55px; font-size:16px; color:#fff; padding:0 30% 0 15px; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; z-index:2;}
.news .newimgs .swiper-pagination-bullets { width:25%; text-align:right; left:auto; right:15px; bottom:20px;}
.news .newimgs .swiper-pagination-bullet { width:10px; height:10px; margin:0 10px !important; border-radius:50%; filter:alpha(opacity=60); opacity:0.6; background:#fff; position:relative; -webkit-transition:0.4s; transition:0.4s;}
.news .newimgs .swiper-pagination-bullet::after { display:block; content:""; width:20px; height:20px; margin:auto; border-radius:50%; filter:alpha(opacity=0); opacity:0; background:#fff; position:absolute; left:-5px; top:-5px;}
.news .newimgs .swiper-pagination-bullet-active { filter:alpha(opacity=100); opacity:1;}
.news .newimgs .swiper-pagination-bullet-active::after { filter:alpha(opacity=40); opacity:0.4;}
.news .newmsg { float:right; width:585px;}
.news .newmsg .tabs { width:100%;}
.news .newmsg .tabs li { float:left; width:calc(50% - 2px); height:45px; line-height:45px; font-size:18px; color:#808080; cursor: pointer; text-align:center; border:1px solid #e6e6e6;}
.news .newmsg .tabs .on { font-weight:bold; color:#fff; border-color:#ab2722; background:#ab2722;}
.news .newmsg .newlst { width:100%; height: 395px;}
.news .newmsg .newlst .swiper-slide { background:#fff;}
.news .newmsg .newlst .top { width:100%; margin:15px 0; padding-bottom:20px; border-bottom:1px dashed #d8dadc;}
.news .newmsg .newlst .top h3 { float:left; width:80%; line-height:35px; font-weight:500; font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .newmsg .newlst .top span { float:right; line-height:35px; font-size:14px; color:#999;}
.news .newmsg .newlst .top p { line-height:25px; font-size:14px; color:#999;}
.news .newmsg .newlst li { line-height:37px; padding-left:15px; position:relative;}
.news .newmsg .newlst li::after { display:block; content:""; width:5px; height:5px; background:#ab2722; position:absolute; left:0; top:17px;}
.news .newmsg .newlst li a { float:left; width:80%; font-size:16px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .newmsg .newlst li span { float:right; font-size:14px; color:#999;}
.news .newmsg .newlst li a:hover { color:#ab2722;}

/*热点主题*/
.hotop { width:100%; padding:50px 0;}
.hotop li { float:left; width:285px; height:140px; margin:0 20px 20px 0; overflow:hidden;}
.hotop li:nth-child(4n) { margin-right:0;}
.hotop li img { display:block; width:285px; height:140px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.hotop li:hover img { transform:scale(1.1,1.1);}

/*基教学校*/
.shool { width:100%; padding:50px 0; background:#f5f5f5;}
.shool .warp { position:relative;}
.shool .swiper-slide .img { width:290px; height:225px; overflow:hidden; position:relative;}
.shool .swiper-slide .img::before,.shool .swiper-slide .img::after { display:block; content:""; width:0px; height:0px; margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.shool .swiper-slide .img::before { filter:alpha(opacity=60); opacity:0.6; background:#ab2722;}
.shool .swiper-slide .img::after { content:"more+"; line-height:195px; font-size:0; color:#fff; text-align:center; text-transform:Uppercase; border:1px solid rgba(255,255,255,0.5);}
.shool .swiper-slide .img img { display:block; width:290px; height:225px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.shool .swiper-slide h3 { line-height:30px; font-weight:500; font-size:18px; color:#333; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.shool .swiper-slide p { line-height:25px; font-size:14px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.shool .swiper-slide:hover .img::before { width:290px; height:225px;}
.shool .swiper-slide:hover .img::after { width:260px; height:195px; font-size:16px;}
.shool .swiper-slide:hover .img img { transform:scale(1.1,1.1);}
.shool .swiper-slide:hover h3 { color:#ab2722;}
.shool .swiper-button-prev,.shool .swiper-button-next { margin-top:10px;}
.shool .swiper-button-prev { left:-50px;}
.shool .swiper-button-next { right:-50px;}
.shool .swiper-button-prev::after,.shool .swiper-button-next::after { font-weight:bold; font-size:28px; color:#b2b2b2;}
.shool .swiper-button-prev:hover::after,.shool .swiper-button-next:hover::after { color:#ab2722;}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width:1140px; margin:0 auto 30px auto; padding:30px; background:#fff; position:relative; z-index:2;}
.comtop { width:100%;}
.comtop .posit { padding:10px 0; border-bottom:1px solid #e8e8e8;}
.comtop .posit p { line-height:30px; font-size:14px; color:#999;}
.comtop .posit p a { color:#999;}
.comtop .posit p a:hover { color:#ab2722;}
.comtop .posit .fl { padding-left:20px; background:url(/public/static/home/images/posit.png) no-repeat left center;}
.comtop .posit .fr { padding-right:25px; background:url(/public/static/home/images/back.png) no-repeat right 2px;}
.comtop .posit .fr a { color:#666;}
.comtop .catnav { padding:20px 0;}
.comtop .catnav h3 { float:left; max-width: calc(25% - 35px); line-height:35px; font-weight:500; font-size:24px; color:#000; padding-left:40px; background:url(/public/static/home/images/lanmu.png) no-repeat left center;}
.comtop .catnav ul { display:block; float:right; max-width:75%;}
.comtop .catnav li { float:left; height:30px; line-height:30px; margin:2.5px 0 0 10px; border:1px solid #eee; border-radius:2px; overflow:hidden; background:#fff; position:relative;}
.comtop .catnav li::after { display:block; content:""; width:6px; height:6px; border:1px solid #bbb; border-radius:50%; position:absolute; left:10px; top:12px;}
.comtop .catnav li a { display:block; font-size:14px; color:#666; padding:0 10px 0 25px;}
.comtop .catnav li:hover,.comtop .catnav .on { border-color:#ab2722; background:#ab2722;}
.comtop .catnav li:hover::after,.comtop .catnav .on::after { border-color:#fff;}
.comtop .catnav li:hover a,.comtop .catnav .on a { color:#fff;}

/*详情页公用*/
.lh { line-height:35px; font-size:16px; color:#666; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.lh ul,.lh ol { padding:revert; padding-left:25px;}
.shows { width:100%;}
.show_h3 { width:100%; text-align:center; margin-bottom:40px; padding-bottom:10px; border-bottom:1px solid #f4f4f4;}
.show_h3 h3 { line-height:35px; font-weight:500; font-size:24px; color:#333;}
.show_h3 p { line-height:30px; font-size:14px; color:#bbb; margin-top:5px;}
.show_sxp { font-size:14px; line-height:25px; color:#999; margin-top:30px; padding-top:20px; border-top:1px solid #eee;}
.show_sxp p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block; margin-right:10px;}
.show_sxp a { color:#ab2722;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#ab2722; text-decoration:underline;}

/*分页*/
.scott { overflow:hidden; text-align:center; padding:15px 0; background:rgba(255,255,255,0.85);}
.scott li { display:inline-block; line-height:35px; margin:0 5px; border:1px solid #ddd; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.scott a,.scott span { display:block; padding:0 15px; font-size:16px; color:#666; cursor:pointer;}
.scott li:hover a,.scott li:hover span { color:#ab2722;}
.scott .active { border-color:#ab2722; background:#ab2722;}
.scott .active:hover span,.scott .active span { color:#fff;}

/*专题*/
.topics { width:100%;}
.topics li { float:left; width:365px; margin:0 22px 20px 0;}
.topics li:nth-child(3n) { margin-right:0;}
.topics li .img { width:365px; height:120px; overflow:hidden; position:relative;}
.topics li .img::before,.topics li .img::after { display:block; content:""; width:0px; height:0px; margin:auto; positi/on:absolute; top:0; right:0; bottom:0; left:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.topics li .img::before { filter:alpha(opacity=60); opacity:0.6; background:#ab2722;}
.topics li .img::after { content:"more+"; line-height:90px; font-size:0; color:#fff; text-align:center; text-transform:Uppercase; border:1px solid rgba(255,255,255,0.5);}
.topics li .img img { display:block; width:365px; height:120px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.topics li h3 { line-height:30px; font-weight:500; font-size:16px; color:#333; text-align:center; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.topics li p { line-height:25px; font-size:14px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.topics li:hover .img::before { width:365px; height:120px;}
.topics li:hover .img::after { width:335px; height:90px; font-size:16px;}
.topics li:hover .img img { transform:scale(1.1,1.1);}
.topics li:hover h3 { color:#ab2722;}

/*新闻列表*/
.newlist { width:100%;}
.newlist li { margin-bottom:20px; padding:20px; border:1px solid #eee; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li a { display:block; width:100%;}
.newlist li .img { float:left; width:181px; height:135px; border-radius:2px; overflow:hidden;}
.newlist li .img img { display:block; max-width:100%; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg { float:right; width:calc(100% - 200px);}
.newlist li .msg h3 { line-height:35px; font-weight:500; font-size:18px; color:#000; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg p { height:50px; line-height:25px; font-size:14px; color:#888; margin:5px 0 15px 0; overflow:hidden;}
.newlist li .msg span { display:inline-block; line-height:30px; font-size:14px; color:#bbb; padding-left:25px; background:url(/public/static/home/images/xh_03.png) no-repeat left 6px;}
.newlist li:hover { box-shadow:0 5px 10px rgba(0,0,0,0.05);}
.newlist li:hover .img img { transform:scale(1.1,1.1);}
.newlist li:hover h3 { color:#ab2722;}

/*图片列表*/
.piclist { width:100%;}
.piclist li { float:left; width:270px; margin:0 20px 20px 0;}
.piclist li:nth-child(4n) { margin-right:0;}
.piclist li .img { width:270px; height:212px; overflow:hidden; position:relative;}
.piclist li .img::before,.piclist li .img::after { display:block; content:""; width:0px; height:0px; margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li .img::before { filter:alpha(opacity=60); opacity:0.6; background:#ab2722;}
/* .piclist li .img::after { content:"more+"; line-height:182px; font-size:0; color:#fff; text-align:center; text-transform:Uppercase; border:1px solid rgba(255,255,255,0.5);} */
.piclist li .img img { display:block; width:270px; height:212px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li h3 { line-height:30px; font-weight:500; font-size:16px; color:#333; text-align:center; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li p { line-height:25px; font-size:14px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.piclist li:hover .img::before { width:270px; height:212px;}
.piclist li:hover .img::after { width:240px; height:182px; font-size:16px;}
.piclist li:hover .img img { transform:scale(1.1,1.1);}
.piclist li:hover h3 { color:#ab2722;}

/*产品列表*/
.prolist { width:100%;}
.prolist li { float:left; width:368px; margin:0 30px 30px 0; padding:5px; border:1px solid #e6e6e6; border-radius:4px;}
.prolist li:nth-child(3n) { margin-right:0;}
.prolist li a { display:block; width:100%;}
.prolist li .img { width:368px; height:258px; overflow:hidden; position:relative;}
.prolist li .img::before,.prolist li .img::after { display:block; content:""; margin:auto; position:absolute; right:0; bottom:0; left:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .img::before { width:0%; height:100%; background:rgba(38,100,161,0.6); top:0; z-index:0;}
.prolist li .img::after { width:30px; height:30px; filter:alpha(opacity=0); opacity:0; background:url(/public/static/home/images/zoom.png) no-repeat 0 0; top:-100px; z-index:1;}
.prolist li .img img { display:block; width:100%;}
.prolist li .msg { padding:0 5px;}
.prolist li .msg h3 { line-height:45px; font-weight:500; font-size:18px; color:#000; margin-bottom:5px; border-bottom:1px solid #e6e6e6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .msg p { line-height:25px; font-size:12px; color:#999; text-transform:Uppercase; background:url(/public/static/home/images/arrow.png) no-repeat right center;}
.prolist li:hover .img::before { width:100%;}
.prolist li:hover .img::after { filter:alpha(opacity=100); opacity:1; top:0;}
.prolist li:hover .msg h3 { color:#ab2722;}

/*下载*/
.softs { width:100%;}
.softs li { float:left; width:390px; margin:0 5px 30px 5px; overflow:hidden; position:relative;}
.softs li a { display:block; width:100%;}
.softs li .msg { width:90%; height:200px; padding:95px 5%; text-align:center; background:rgba(222,5,5,0.8); position:absolute; top:0; left:0; z-index:2;}
.softs li .msg i { display:block; width:20px; height:2px; margin:0 auto; background:#fff;}
.softs li .msg h3 { width:100%; line-height:40px; font-size:18px; color:#fff; margin-bottom:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.softs li .msg p { width:90px; height:30px; line-height:30px; font-size:12px; color:#fff; margin:0 auto; border:1px solid #fff; border-radius:15px; overflow:hidden;}
.softs li img { width:390px; height:300px; overflow:hidden; -webkit-transition:all .8s ease; transition:all .8s ease;}
.softs li:hover img { transform:scale(1.1,1.1);}

/*招聘*/
.jobs { width:100%;}
.jobs li { width:100%; margin-bottom:15px;}
.jobs li .top { padding:15px 20px; background:#f3f5f8; position:relative;}
.jobs li .top::before,.jobs li .top::after { display:block; content:""; margin:auto; background:#9c9c9c; position:absolute; top:0; bottom:0;}
.jobs li .top::before { width:30px; height:1px; right:20px;}
.jobs li .top::after { width:1px; height:30px; right:35px;}
.jobs li .top h3 { line-height:30px; font-size:16px; color:#666;}
.jobs li .top p { line-height:22px; font-size:12px; color:#9fa1a6;}
.jobs li .top p span { margin-right:20px;}
.jobs li .top p span:last-child::after { display:none;}
.jobs li .msg { display:none; padding:1px 15px 10px 15px; background:#f3f5f8;}
.jobs li .msg h3 { line-height:30px; font-weight:500; font-size:14px; color:#333; margin-top:10px;}
.jobs li .msg .intro { color:#808080; padding-left:6px;}
.jobs .on .top { background:#ab2722;}
.jobs .on .top::before { background:#fff;}
.jobs .on .top::after { display:none;}
.jobs .on .top h3 { color:#fff;}
.jobs .on .top p { color:rgba(255,255,255,0.85);}
.jobs .on .msg { display:block;}

/*访问统计*/
.zdfwen { width: 100%; padding: 30px 0 50px 0;}
.zdfwen li { float: left; width: calc(100% / 3 - 15px); text-align: center;  padding: 30px 0; margin-right: 20px; border: 1px solid #eee; box-sizing: border-box; box-shadow: 0 5px 10px rgba(0,0,0,0.05); background: rgba(255,255,255,0.6);}
.zdfwen li:last-child { margin-right: 0;}
.zdfwen li b { display: block; line-height: 40px; font-size: 22px; color: #333;}
.zdfwen li p { line-height: 25px; font-size: 14px; color: #999;}