/*CSS Document */
/*reset */
body {padding:0;margin:0;}
a {color: #333; text-decoration: none; border: 0; background-color: transparent;outline:none; }
a:hover{ text-decoration: none; color:#034D88;}
body,div,p,q,iframe,form,
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
img,fieldset{border: none 0;}
body,td,textarea{ line-height:1.2;}
body,input,textarea,select,button{margin: 0; font-size: 14px;font-family:sans-serif;}
div,p,table,th,td{ font-size:1em; font-family:sans-serif; line-height:inherit;}
ul,dl,li{list-style: none;font-family:sans-serif;}
em,i,u,q,s,dl,caption{ font-style: normal; font-weight: normal; text-decoration: none; }
hr{ clear:both; margin:7px 0; +margin: 0;  border:0 none;font-size: 1px; line-height:1px;color: #ddd; background-color:#ddd; height: 1px;}
h1,h2,h3,h4,h5,h6{color:#8c8c8c}
textarea {line-height:1.2;}

* html textarea,*+html textarea {overflow:auto; overflow-x: hidden; }/* 使多行文本框不显示默认的竖向滚动条 */
* html iframe, * html frame {overflow:auto; }/* 使浮动窗口不显示默认的竖向滚动条 */
* html input {overflow: hidden; }/* 使按钮文字不溢出 */
/* end reset */
.clearfix{zoom:1;}
.clearfix:after{content:""; height:0; line-height:0; display:block; visibility:hidden; clear:both;}
.container{width: 1200px;margin: 0 auto;position: relative;}
.fl{float: left;}
.fr{float: right;}

/*top*/
.top{height: 70px;line-height: 70px;}
.top img{vertical-align: middle;}
.logo{float: left;}
.tel{float: right;margin-top: 13px;}
.logo img{margin-top: 10px;}

/*banner*/
.banner{width: 100%;height:500px;background: url(/views/site/images/images12/banner04.jpg) center center no-repeat;margin-top: -70px;}

/*login*/
.login{width: 288px;height: 332px;position: absolute;top: 110px;right: 0;padding: 10px 24px;background:#fff url(/views/site/images/images12/login_bline.jpg) 0 0 no-repeat;color: #333;border:1px solid #3764E5;}
.login .tit{font-size: 22px;height: 60px;line-height: 60px;margin-bottom: 10px;}
.login div{margin-bottom: 25px;padding-top: 0;height: 42px;}
.login input{height: 42px;width: 238px;border-radius: 5px;border:1px solid #c1c1c1;padding-left: 45px;}
.login input.username{background: url(/views/site/images/images12/login_user_icon.png) 10px center no-repeat;}
.login input.password{background: url(/views/site/images/images12/login_psw_icon.png) 10px center no-repeat;}
.login input.yzm{background: url(/views/site/images/images12/login_yzm_icon.png) 10px center no-repeat;}

.login input:focus{outline: none; border: 1px solid #3073BB; }
.login input.username:focus{background: url(/views/site/images/images12/login_user_icon_on.png) 10px center no-repeat;}
.login input.password:focus{background: url(/views/site/images/images12/login_psw_icon_on.png) 10px center no-repeat;}
.login input.yzm:focus{background: url(/views/site/images/images12/login_yzm_icon_on.png) 10px center no-repeat;}

.login_btn{display: block;width: 100%;background:linear-gradient(to left,#118CFE,#0A74F8);filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#118CFE", endColorstr="#0A74F8", gradientType="1");font-size: 20px;color: #fff;height: 42px;text-align: center;line-height: 42px;border-radius:25px;letter-spacing: 2px;margin-top:20px;}
.login_btn:hover{color: #fff;}


/*nav*/
.nav{width: 100%;height: 70px;background: #194a93;}
.nav ul{width: 1200px;margin: 0 auto;}
.nav li{float: left;width: 170px;line-height: 70px;font-size: 20px;text-align: center;border-right: 1px solid #2A5DAA;}
.nav li a{color: #fff;display: block;}
.nav li a:hover{color: #FAE367;}
.nav li.active a{background: #FBC165 url(/views/site/images/images12/nav_icon.png) left top no-repeat;color: #06357b;font-size: 24px;}
/*nav end*/

/*main*/
.main{margin-top: 30px;width: 100%;height: 500px;}


/*slideBox*/
.slideBox{ position:relative; width:585px; height:360px; overflow:hidden;float: left;}
.slide-item{}
.slide-item li{ float:left;display: none;}
.slide-item li.show{ display: block; }
.slide-item li a{ float:left;}
.slide-item a span{display: block;width: 585px;height: 40px;line-height:40px;font-family:serif;font-size:14px;padding-left:10px;background: #000;position: absolute;bottom: 0;z-index: 100;opacity: 0.1;color: #fff;}
.slide-item img{ width:100%;height:100%;position: absolute;left: 0;top: 0;}
.slide-item img.show{display: block;}

.slide-list{position: absolute;right: 5px;bottom:10px;z-index: 999;}
.slide-list li{width: 12px; height: 12px;float: left;background: #fff;margin-right: 8px;border-radius: 50%;cursor: pointer;}
.slide-list li.active{ background: orange; }

/*teacher*/
.teacherBox {position: relative;}
.teacherBox .content {width: 1200px;margin: 0 auto;}
.teacherBox h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.teacherBox .Box_con {position: relative;}
.teacherBox .Box_con .btnl {position: absolute;}
.teacherBox .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.teacherBox .Box_con .btnl {background: url(/views/site/images/images12/jtl02.png) no-repeat center;left: -52px;z-index: 999;}
.teacherBox .Box_con .btnr {background: url(/views/site/images/images12/jtr02.png) no-repeat center;right: -52px;z-index: 999;}
.teacherBox .Box_con .conbox {position: relative;overflow: hidden;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
.teacherBox .Box_con .conbox ul {position: relative;list-style: none;}
.teacherBox .Box_con .conbox ul li {float: left;width: 285px;height: 200px;margin-left: 20px;overflow: hidden;}
.teacherBox .Box_con .conbox ul li:first-child {margin-left: 0;}
.teacherBox .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;}
.teacherBox .Box_con .conbox ul li:hover img {transform: scale(1.1);}

.teacherBox .BoxSwitch {margin-top: 30px;text-align: center;}
.teacherBox .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.teacherBox
 .BoxSwitch span.cur {background: red;}

/* fwzn */
.fwzn{width:1200px;height: 76px;border-right: 1px solid #374CA3;text-align: center;margin:0 auto;}
.fwzn h3{color: #fff;background:#374CA3;width: 120px;text-align: center;font-size: 18px;float: left;height: 76px;line-height: 76px;}
.fwzn li{float: left;;font-size: 14px;width:76px;height: 74px;border:1px solid #374CA3;border-right: none;background: #ECF3FC; }
.fwzn li i{display: block;width: 40px;height: 40px;background: ;margin: 5px auto 8px;}

.fwzn_box{width: 380px;height: auto;margin-right: 30px;float: left;}
.fwzn_box .tit{height: 40px;background:#194A93;color: #fff;font-size: 18px;line-height: 40px;margin-top:20px;padding-left: 20px;font-weight: normal;}
.fwzn_box .tit a{float: right;display: inline-block;font-weight: normal;margin-right: 10px;font-size: 14px;cursor: pointer;color: #fff;}
.fwzn_box li{height: 36px;line-height: 36px;color: #333;font-size: 16px;border-bottom: 1px solid #E5E5E5;background: url(/views/site/images/images12/lidot01.png) left center no-repeat;padding-left: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


/*fgk*/
.fgk{width:364px;height:346px;margin-top: 30px;float: left;}
.fgk .tit{margin-bottom: 20px;height: 53px;}
.fgk ul{}
.fgk li{width: 170px;height:125px;margin-right: 20px;margin-bottom:20px;border:1px solid #194A93;float: left;text-align: center;border-radius: 10px;background: #F2F7FF;}
.fgk ul>li+li{margin-right: 0;}
.fgk ul>li+li+li{margin-right: 20px;}
.fgk ul>li+li+li+li{margin-right: 0;}
.fgk li a{}
.fgk li a img{margin-top: 15px;}
.fgk li a span{display: block;font-size: 20px;margin-top: 15px;}

/*fgjd*/
.fgjd{width: 796px;height: 346px;float: right;margin-top: 30px;}
.fgjd .tit{border-bottom: 1px solid #858685;height: 50px;position:relative;}
.fgjd .tit i{width: 120px;height: 5px;display: block;background:#194A93;position: absolute;bottom: -2px;left: 0;}
.fgjd .more{font-size: 14px;color: #a9a9a9;float: right;position:absolute;bottom: 10px;right: 0; }
.fgjd .con{margin-top: 10px;}
.fgjd .con li{height:40px;line-height:40px;font-size: 16px;border-bottom: 1px dashed #ccc;background: url(/views/site/images/images12/lidot01.png) left center no-repeat;padding-left: 18px;}
.fgjd .con li a{float: left;display:inline-block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 680px;}
.fgjd .con li span{float: right;color: #939393;font-size: 14px;}

/*pfBox*/
.pfBox{width: 100%;height: 100px;margin-top: 30px;}
.pfBox ul{margin-top: 20px;}
.pfBox li{width: 285px;height:100px;float: left;margin-right: 20px;background: #ccc;}

/*fzpx*/
.fzpxBox{width:100%;height: 220px;background:#E5F2FF;margin:30px 0;padding: 30px 0 20px;}
.fzpx_lbox{float: left;width: 585px;}
.fzpx_lbox ul{width: 585px;margin-top: 20px;}
.fzpx_lbox li{background: url(/views/site/images/images12/fzpx_li_bg.jpg) center center no-repeat;width: 280px;height: 57px;float: left;margin-right: 20px;margin-right: 10px\0;margin-bottom: 20px;margin-bottom: 10px\0;text-align: center;line-height: 57px;cursor: pointer;}
.fzpx_lbox li:nth-child(even){margin-right: 0;}
.fzpx_lbox li a{color: #fff;font-size: 20px;}
.fzpx_lbox li:hover{background: url(/views/site/images/images12/fzpx_li_bg_on.jpg);}
.rbox li{background: url(/views/site/images/images12/fzpx_li_bg02.jpg);}


/*jpkc*/
/* videoBox */
.videoBox{width: 100%;}
.videoBox ul{}
.videoBox li{width: 285px;height:194px;float:left;margin:0 20px 30px 0;background-color: #F2F5FF;position: relative;}
.videoBox li i{display: block;width: 285px;height: 23px;background:url(/views/site/images/images12/shiting02.png);position: absolute;top: 0;left: 0;}
.videoBox p{line-height: 36px;height:40px;font-size: 18px;text-align: center;color: #374CA3;border: 1px solid #B2D1FF;border-top: none;font-family:'宋体',sans-serif;font-weight: bold;}

.videoBox li .vmask{position: absolute;top: 0;left: 0;width: 285px;height: 194px;background:rgba(0,0,0,0.3);opacity: 0;transition: opacity 0.3s ease-in-out;}
.videoBox li .vmask img{width: 70px;height: 70px;position: absolute;top: 50px;left: 38%;}
.videoBox li:hover .vmask{opacity: 1;}


/*footer*/
.footer{width:100%;height: 300px;background: #323639;border-top: 1px solid #E7E7E7;position: relative;margin-top: 30px;}
.copyright{text-align: center;background: #2C2C2C;height: 36px;line-height: 36px;color: #999;position: absolute;bottom: 0;width: 100%;left: 0;}

.flink{background: #282D30;width: 100%;height: 60px;line-height: 60px;}
.flink h4{color: #A5A5A5;font-size: 16px;float: left;font-weight: normal;}
.flink ul{}
.flink ul li{float: left;}
.flink ul li a{color: #A5A5A5;border-right: 1px solid #686868;padding: 0 20px;}
.flink ul li a:hover{color: #fff;}
.flink .retop{width: 250px;background: #006EBD;color: #90C6EA;height: 60px;float: right;text-align: center;font-size: 18px;}

.telBox{float: right;height: 190px;width: 250px;padding-top: 25px;}
.telBox h4{margin-bottom: 15px;font-weight: normal;color: #5B5B5B;}

.footer .box01{width: 200px;float: left;margin-top: 30px;margin-right: 80px;}
.footer .box01 h4{color: #a5a5a5;font-size: 18px;font-weight: normal;margin-bottom: 20px;}
.footer .box01 li{width: 100px;margin-bottom: 20px;text-align: left;float: left;}
.footer .box01 li a{color: #6f6f6f;display: block;}
.footer .box01 li a:hover{color: #a5a5a5;}

.footer .flogo{float: left;margin-right: 150px;margin-top: 30px;}