﻿/*rest*/
@charset"utf-8";
html{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);  width:100%; margin:auto; min-width:1240px;max-width:1440px;}
body{font-family:Arial,"微软雅黑,黑体",Helvetica,sans-serif;font-size:12px;color:#333; background-color:#fff; /*background-color:#efebea;*/ }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,span,i,b{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
s,i,em{font-style:normal;text-decoration:none;}
input,button,select,textarea{outline:none;}
textarea{resize:none;}
a{text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());cursor:pointer;}
a:hover,a:visited,a:active{text-decoration:none;}
.none{display: none;}
.clear{ clear:both;}

/*------------------------头部------------------------------*/
.toop{ width:100%; margin:auto;  background-color:#fff; }
.fh{ width:95%; margin:auto; height:auto; }
.fh-a{  float:left; text-align:left; }
.fh-b{  width:40%; float: right; text-align:right; color:#40bbcd; line-height:4rem; font-size:20px; font-weight:bold; margin-right:2.5%;}

.top{ width:90%; margin:auto;}
.navBar{width:100%; margin: 0 auto; height:2.5rem;display: flex;background-color:#fff; font-size:1.2rem;}
.navBar .nav-a{flex: 1;text-align: center;line-height:2.5rem; z-index:1000; color: #fff;}
.navBar .nav-a a{color: #333;}
.navBar .nav-a:hover{ background-color:#3bbcd1; color: #fff; position: relative;}
.navBar .nav-a:hover a{color: #fff; display: block;}
.navBar>div:hover .navBarM{display: block; font-weight:bold;}
.navBar>div:hover .navBarM a{ color:#333; font-weight:normal;}
.navBar .navBarM{position: absolute;width:100%; text-align: center;left:0; top:2.5rem;background-color: #fff;display: none; border-top:2px solid #3bbcd1; color:#1C4EA0;}
.navBar .navBarM li{ height:3rem; line-height:3rem; padding: 0 10px; background-image: url('../images/xian.png'); background-repeat: no-repeat;background-position:  center bottom; font-size:1rem;}
.navBar .navBarM li:hover a{color:#f00; }


/*-------------------主要内容-----------------------*/
.bt{ width:90%;  margin:auto; border-bottom:1px solid #ccc; margin-top:2rem;}
.bt .bt-a{ width:10%; float:left;}
.bt .bt-b{ width:90%; float:left; text-align:center; font-weight:bold; font-size:26px; font-weight:bold; margin-top:5px}
.bt .bt-b  a{ color:#ba2d35;}
.tt{ width:100%; height:40px; line-height:40px; position:relative; margin:1.5rem auto;}
.tt span{   position:absolute; right:0; font-size:14px;}
.tt span a{ color:#666;}
.tt span a:hover{color:#ba2d35;}

/*-------------------新闻-----------------------*/
.xw{ width:90%; margin:auto; margin-top:1rem;}
.xw .xw-a{ width:54%; margin-right:1%; float:left;}
.xw .xw-b{ width:45%; float:left;}
.xw-a ul{ width:100%;}
.xw-a ul li{ width:49%; float:left; margin-right:2%;}
.xw-a ul li:nth-child(2){ margin-right:0px;}
.xw-a ul li p{ font-size:1rem; height:3rem; line-height:3rem;  border:1px solid #ccc; border-top:0px; text-align:center;}
.xw-a ul li a{ color:#333;}
.xw-a ul li p:hover { border:1px solid #ba2d35;  border-top:0px; font-weight:bold; color:#ba2d35;}

.xw-b ul{ width:100%;}
.xw-b ul li{ font-size:16px; width:100%; height:25px; margin-bottom:15px;}
.xw-b ul li:last-child{ margin-bottom:0px;}
.xw-b ul li .wz-a{ float:left; width:11%; border-right:1px solid #333;  text-align:left; line-height:25px;}
.xw-b ul li .wz-b{ float:left; width:85%; text-align:left; padding-left:3%; line-height:25px;}
.xw-b ul li a{color:#333;}
.xw-b ul li:hover a{color:#ba2d35;}

.wz-du{ width:100%; border-bottom:1px solid #ccc; box-shadow: 0px 20px 20px -20px #ccc; margin-top:2rem; padding-bottom:1rem;}
.wz-du ul{ width:100%; }
.wz-du ul li{ width:49%; float:left; margin-right:2%; font-size:16px; height:40px; line-height:40px; margin-bottom:0.7rem;}
.wz-du ul li:nth-child(2n){ margin-right:0px;}
.wz-du ul li a{ color:#333;}
.wz-du ul li a:hover { color:#ba2d35;}
.wz-du ul li .du-a{ color:#ba2d35; float:left; width:3%; text-align:left; }
.wz-du ul li .du-b{ width:80%; float:left;}
.wz-du ul li .du-c{ width:15%; float:left; font-size:13px;}


/*-------------------课程-----------------------*/
.kc{ width:90%; margin:auto; margin-top:2rem; height:auto;}
.kc .kcc{ width:100%;}

.kcc .kcc-a{ width:59%; float:left; margin-right:2%; }
.kcc .kcc-a .kc-a{box-shadow: 0 2px 18px #aaa; margin-bottom:1rem;}
.kc-a ul{ margin:auto; padding-left:1%; padding-top:10px;;}
.kc-a ul li{ width:32%; margin-right:1.5%; float:left; margin-bottom:10px;;}
.kc-a ul li:nth-child(3n){ margin-right:0px;}
.kc-a ul li img{ display:block;}

.kcc .kcc-a .kc-b{box-shadow: 0 2px 18px #aaa; }
.kc-b ul{ width:98%; padding:10px 1%;}
.kc-b ul li{ width:49.5%; margin-right:1%; float:left;}
.kc-b ul li:nth-child(2n){ margin-right:0px;}

.kcc .kcc-b{ width:39%; float:left; margin-right:0px; box-shadow: 0 2px 18px #aaa; }
.kcc .kcc-b .tp{ height:55px; background-color:#ae2126; color:#fff; font-size:18px; line-height:55px; text-align:center;}
.kcc-b table{ width:100%;}
.kcc-b table tr{ height:2.7rem;}
.kcc-b table tr:nth-child(2n){ background-color:#f6e5cc;}
.kcc-b table td{ text-align:center; font-size:14px; height:2.7rem; line-height:2.7rem;}
.kcc-b .shixue{ width:80%; margin:1.29rem auto; background-color:#fa640a; text-align: center; font-size:16px; height:2rem; line-height:2rem; border-radius:8px; letter-spacing:1px}
.kcc-b .shixue a{ color:#fff;}
.kcc-b .shixue:hover{ background-color:#f00;}

/*-------------------就业-----------------------*/
.jiuye{ width:90%; margin:auto; margin-top:2rem; height:auto;}
.jiuye ul{ width:100%;}
.jiuye ul li{ width:28%; float:left; margin-right:2%; box-shadow: 0 2px 18px #aaa; margin-bottom:2rem; padding:1% 2%;}
/*----.jiuye ul li:nth-child(3n){ margin-right:0px;} --------*/
.jiuye ul li a{ color:#333;}
.jiuye ul li a:hover{ color:#ba2d35;}
.jiuye ul .l-a{ width:25%; border-radius:15%; float:left;  margin-right:5%;}
.jiuye ul .l-a img{ border-radius:50%;}
.jiuye ul .l-b{ float:left; font-size:1rem; line-height:2rem; margin-top:10px;}


/*-------------------师资-----------------------*/
img{border:0; outline: none;}
.shif{ width:90%; margin:auto; margin-top:2rem; height:auto;}
#warp1{width:100%; height: 280px; margin:auto; position:relative; overflow: hidden;}
#warp1 .content{width: 1000%;position: absolute;left:0; top:0;}
#warp1 .content li{width:190px; float: left; text-align:center; margin-right:15px; height:280px; position:relative;}
#warp1 .content p{ position:relative; bottom:30px; left:0; height:30px; line-height:30px; font-size:14px; color:#fff; background:rgba(0,0,0,0.5);}

/*-------------------校园环境-----------------------*/
.xy{ width:100%; margin-top:2rem; height:auto; box-shadow: 0px 20px 20px -20px #ccc; border-bottom:1px solid #ccc;  background: url(../images/bg.jpg) no-repeat center top; padding-bottom:2rem; background-color:#f4f5ef; padding-top:1.5rem;}
.hj{ width:90%; margin:auto; padding-top:1rem;}
.hj ul{ width:100%; overflow:hidden;}
.hj ul li:nth-child(1){ width:49.5%; margin-right:1%; float:left;  overflow:hidden;}
.hj ul li:nth-child(2){ width:49.5%; margin-right:0px;  float:left;}
.hj .xyhd{ width:100%;}
.hj .xyhd .xyhda{ width:100%;}
.xyhd .xyhda li{ }
.xyhd .xyhda li:nth-child(1){ width:49%; margin-right:2%; float:left; margin-bottom:10px; height:172px; overflow:hidden;}
.xyhd .xyhda li:nth-child(2){ width:49%; float:left; margin-right:0px; margin-bottom:10px; height:172px; overflow:hidden;}
.xyhd .xyhda li:nth-child(3){ width:100%;}


.hj .xyhj-a{ width:100%;}
.hj .xyhj-a li{ float:left; margin-bottom:10px; overflow:hidden;}
.hj .xyhj-a li:nth-child(1){ width:49%; margin-right:2%;}
.hj .xyhj-a li:nth-child(2){ width:49%; margin-right:0px;}
.hj .xyhj-a li:nth-child(3){ width:49%; margin-right:2%;}
.hj .xyhj-a li:nth-child(4){ width:49%; margin-right:0px;}

.hj .xyhj-b{ width:100%;}
.hj .xyhj-b li:nth-child(1){ width:49%; margin-right:2%; float:left; margin-bottom:10px; overflow:hidden;}
.hj .xyhj-b li:nth-child(2){ width:49%; float:left; margin-right:0px; margin-bottom:10px; overflow:hidden;}
.hj .xyhj-b li:nth-child(3){ width:100%;}

/*-------------------底部-----------------------*/
.foot{ width:100%;}
.foot .fot-a{ width:90%; padding:0px 5%; background-color:#777; color:#fff; font-size:14px; height:50px; line-height:50px; font-family: "Microsoft Yahei";}
.foot .fot-a a{ color:#fff; margin-right:20px;}
.foot .fot-a a:hover{color:#ba2d35;}

.foot .fot-b{ width:90%; padding:2% 5%; background: url(../images/foot_bg.jpg) no-repeat center top; padding-bottom:1rem;}
.fot-b .huoj{ width:100%; font-size:16px; color:#fff; margin-bottom:10px;}
.foot .fot-b p{ font-size:14px; height:28px; line-height:28px; text-align:center; color:#fff;}

.foot .fot-c{ width:95%; padding:0px 2.5%; background-color:#999; height:25px; font-size:14px; line-height:25px;}
.foot .fot-c a{ color:#333;} 

.fot-c .ft-a{ width:80%; float:left; text-align:left;}
.fot-c .ft-b{ width:14%; float:right; text-align:right; background: url(http://www.027kegongchang.cn/public/libs/site_footer_public_icon_beian.png) left center no-repeat;
}}

img{border:0; outline: none;}
#warp{width:100%; height: 150px; margin:auto; position:relative; overflow: hidden;}
.content{width: 1000%;position: absolute;left:0; top:0;}
.content li{width:250px; float: left; text-align:center; margin-right:15px;}






