﻿@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0 }
body { font-size: 14px; color: #333; font-family:"微软雅黑", "思源黑体 CN Heavy", Arial, Helvetica, sans-serif;
		background: #f2f2f2 url(../images/bg.png) repeat-x;
 		line-height: 1.5; overflow-x: hidden; }
img { border: 0; -ms-interpolation-mode: bicubic;}
ul, li { list-style: none; }
a:link,a:visited { text-decoration: none; color: #666; }
a:hover { color: #039; text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; height: 20px }
.clearblank { clear: both; width: 100%; overflow: hidden; }
.fl { float: left!important; }
.fr { float: right!important; }
.box, article {clear: both; width: 1200px; margin: auto; overflow: hidden }
.mt20 { margin-top: 20px; }
.blue { color: #039 }
.whitebg { background: #fff; border-radius: 3px; padding: 20px; overflow: hidden; }

.lbox { width: 25.5%; float: left; overflow: hidden; }
.rbox { width: 73%; float: right; overflow: hidden; }
/*.w3 {width:260px;overflow: hidden}
.w300 {width:300px;overflow: hidden}
.w8 {width:840px;overflow: hidden}*/
.ad1,.ad2 { clear:both;}
.ad2 {margin-top: 20px;}
.ad1 img,.ad2 img { width:100%;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transition: all 0.5s; }
.ad1 a,.ad2 a { display:block; overflow:hidden;}
.ad1 a:hover img,.ad2 a:hover img { transform: scale(1.1);}
.ad2 p:nth-child(2) { margin-top:20px;}
.ad3 img { display:block; width:100%;}
/*header*/
header { width: 100%; height: 389px;}
.logo { background:url(../images/top.png) no-repeat center top; height:289px; }
.logo a {  display:none;}

/*nav*/
nav {height: 100px; line-height: 50px; text-align: center; font-size:16px; }

/*menu*/
#starlist {  }
#starlist li { position: relative; display:inline-block;width: max-content; }
#starlist li a { display: inline; float: left; padding: 0 18px; color: #fff }
#starlist li a:hover, #starlist #selected, .selected > a, #starlist li:hover { color: #ff0; }
#starlist li:hover a { color: #ff0; }
#starlist ul.sub { text-align:left; position: absolute; width:950px; left: -50px; top: 50px;display: none; z-index: 9 }
#starlist ul.sub li { display:inline-block; height: 50px; line-height: 50px; font-size: 12px; }
#starlist ul.sub li a { color: #666; padding:0 10px; background:url(../images/ico1.png) no-repeat 0 20px; }
#starlist ul.sub li a:hover { color: #039 }
#starlist li:hover ul.sub { display: block }
/*箭头*/
#starlist li.dh:before { position: absolute; content: ""; top: 40px; right: 40px;
border-width: 10px; border-style: solid; border-color: transparent transparent #fff transparent;
  width: 1px; height: 10px; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
#starlist li.dh:hover:before {border-color: transparent transparent #039 transparent;; transform: rotate(180deg);top:50px; }/*旋转*/
#mnavh { display: none; margin: 5px 0 0 5px; width: 24px; height: 40px; float: right; text-align: center; padding: 0 10px; }
.navicon { display: block; position: relative; width: 30px; height: 5px; background-color: #fff; margin-top: 20px; }
.navicon:before, .navicon:after { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: #fff; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -10px; }
.navicon:after { margin-top: 10px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: #fff; }
/*menu+*/
.dh span { display: none; width: 50px; height: 50px; background: #12b7de; opacity: 0.5; position: absolute; top: 0; right: 0; border-left: #49ccea 1px solid; }

/*首页简介*/
h3.bt{ background:url(../images/ico2.png) no-repeat 8px 10px; font-size:16px;
		 padding:0 0 0 35px;line-height:35px; border-bottom:1px solid #ccc;}
h3.bt span { font-size:12px; color:#999; padding:0 0 0 20px; font-weight:normal;}
.injj p { padding:20px 30px 9px 30px; line-height:30px; color:#666;}
.injj a {  color:#039; padding:2px;}
.injj a:hover { background:#039; color:#fff;}

/*首页新闻 tab*/
.tab_box { position: relative; height:447px;}
.tab_buttons { margin-bottom: 10px; width: 100%; overflow: hidden; border-bottom: #e4e3e3 1px solid;/* position: relative; */ }
.tab_buttons li { display: block; font-size: 16px; line-height: 40px; float: left; text-align: center; position: relative; cursor: pointer; padding: 0 20px; }
.newscurrent:after { content: ""; background: #000; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; }
.newsitem { display: none; }
.newsitem:nth-child(1) { display: block; }

ul.inlist li { background:url(../images/ico3.png) no-repeat 5px 9px; margin:22px 10px; padding:0 20px; color:#999;}
ul.inlist li a {display:block;width:90%;font-size:20px;overflow: hidden; text-overflow: ellipsis;white-space:nowrap; -webkit-box-orient: vertical;}
ul.inlist li p { line-height:24px;}
ul.inlist li a:hover { text-decoration:underline;}
/*媒体报道*/
.inimg ul { padding:20px 0; overflow:hidden;}
.inimg li { float:left; width:20%; }
.inimg li a { display:block; width:90%; overflow:hidden; margin:0 auto;}
.inimg li a img { width:100%;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transition: all 0.5s; }
.inimg li a:hover img { transform: scale(1.1);}

.inimg2 ul {padding:20px 0;overflow:hidden;}
.inimg2 li { float:left; width:33%; }
.inimg2 li a { display:block; width:90%; margin:0 auto; overflow:hidden; background:#eee;}
.inimg2 li img { float:left; width:34%; padding:15px 3% 15px 3%;}
.inimg2 li span {float:left;width:60%; padding:25px 0 0 0;}
.inimg2 li a { color:#666;}
/*表单*/
.inform { text-align:center; height:220px; padding:10px 30px 0px 10px;border-right:1px dashed #ccc;}
.inform h3,.inform2 h3 { line-height:50px;}

.input_t1 {border-radius:5px; height:30px; width:80%; border:1px solid #ccc; color:#999; padding:0px 10px; font-size:14px;
		-webkit-border-radius:5px; margin:10px 0;
		-moz-border-radius:5px;}
.input_t2 {border-radius:5px; height:32px; width:87%; border:1px solid #039; color:#fff; padding:0px 10px; font-size:14px;
		-webkit-border-radius:5px; margin:10px 0; background:#039;
		-moz-border-radius:5px;}

.inform2 {  background:url(../images/cx.png) no-repeat 5px 10px; padding:0px 0px 0px 260px; height:220px; text-align:center;}
.inform2 p { padding:5px 0 0 0;word-break: break-all;}
.inform2 p.intxt { float:left; text-align:left;width:40%; padding:30px 0 0 0; color:#999;}
.inform2 .form { float:left; text-align:left; width:60%; padding:30px 0 0 0px;}
.inform2 .form p { padding:0 0 0 30px; text-align:center;}

footer { clear:both; width:100%; background:#039; color:#fff;}
.link { border-bottom:1px solid #335cad; line-height:75px; text-align:center;}
.link a { color:#fff; margin:0 10px;}
.foot {width:1200px; margin:0 auto; color:#a3add0; line-height:30px; padding:20px 0 40px 0;}
.foot span { float:right; width:120px; color:#fff;}
.foot strong { font-weight:normal;}
.foot em { font-style:normal;}
.foot a { color:#a3add0;}
.link a:hover,.foot a:hover { text-decoration:underline;}

/******简介********/
.bt2 { text-align:center; background:url(../images/btbg.png) no-repeat center 30px;}
.bt2 * { display:block; font-weight:normal;}
.bt2 span { font-size:16px; color:#039; line-height:22px;}
.bt2 strong { color:#fff; line-height:57px;}
.bt2 em { font-size:12px; color:#999; line-height:14px; font-style:normal;}

.menu { font-size:17px; line-height:45px; padding:20px;}
.menu li { background:url(../images/ico1.png) no-repeat 20px 17px; padding:0 0 0 40px;}
.menu li:hover,.menu li.over  { background:url(../images/navbg.png) no-repeat -19px 0;}

.bt3 { clear:both; border-bottom:#e4e3e3 1px solid;line-height: 40px; height:40px;}
.bt3 strong  { float:left; border-bottom:2px solid #000; }
.bt3 span { font-size:12px; float:right; font-weight:normal; color:#999;}
.mx,.mx2 { clear:both; padding:20px; }
.mx h1 { font-size:24px; line-height:2em; text-align:center;}
.mx .nr,.mx2 .nr { padding:20px; line-height:2em;}

.mx2 h1 { font-size:22px; line-height:1.5em; color:#000;}
.mx2 h2 { font-weight:normal; background:#f2f2f2; font-size:14px; line-height:30px; color:#999; padding:0 5px;}
.mx2 h2 strong,.mx2 span,.mx2 em { color:#666; font-style:normal;}
.mx2 .nr { color:#666;}
/*** 新闻*******/
.txtlist { font-size:16px; line-height:48px; padding:20px;}
.txtlist li {  text-align:right; padding:0 10px;}
.txtlist222 li a { float:left; text-align:left; width:75%;display:block;background:url(../images/ico3.png) no-repeat 0 15px; padding:0 0 0 20px;overflow: hidden; text-overflow: ellipsis;white-space:nowrap; -webkit-box-orient: vertical;}
.txtlist li a { float:left; text-align:left; display:block;background:url(../images/ico3.png) no-repeat 0 15px; padding:0 0 0 20px;overflow: hidden; white-space:nowrap; -webkit-box-orient: vertical;width:100%}
.txtlist li:hover { background:#f5f5f5;}


/*分页*/
.fy {clear:both; padding:17px 0; text-align:center;}
.fy strong { color:#999;}
.fy a { display:inline-block; margin:0 10px 10px 10px; padding:6px 10px; background:#f7f7f7;}
.fy a.active,.fy a:hover { background:#039; color:#fff;}

.fy2 { clear:both; border-top:1px solid #ccc; padding: 10px 0 0 0px ; line-height:30px;}
.fy2 a { color:#000; display:block;}
.fy2 a:hover { color:#039;}

/*留言*/
.book { padding:20px; min-height:670px;}
.book table {  padding:5px; color:#666;}
hr { border:0;border-bottom:1px solid #ccc; height:0px; overflow:hidden; margin:20px 0;}
.book table th { text-align:right; font-weight:normal; width:80px;}
.tab1,.tab2 { float:left; width:50%;}
.tab3 { width:100%;}
.input_t3 {border-radius:4px; height:30px;  border:1px solid #ccc; color:#999; padding:0px 10px; font-size:14px;
		-webkit-border-radius:4px; margin:10px 0; background:#f2f2f2;
		-moz-border-radius:4px;}
.input_t4 {border-radius:4px; height:80px; border:1px solid #ccc; color:#999; padding:0px 10px; font-size:14px;
		-webkit-border-radius:4px; margin:10px 0; background:#f2f2f2;
		-moz-border-radius:4px;}
.input_t5 {border-radius:4px; height:30px; border:1px solid #039; color:#fff; padding:0px 10px; font-size:14px;
		-webkit-border-radius:4px; margin:10px 0; background:#039;
		-moz-border-radius:4px;}
.w1 { width:20%;}
.w2 {width:80%;}
.w6 {width:90%;}


/*学员*/
.xylist { clear:both; padding:20px;}
.xylist ul {position:relative;overflow:hidden; width:100%;}
.xylist li { float:left; width:33%;height: 300px;border-left:1px solid #eee; border-bottom:1px solid #eee; text-align:center;}
.xylist li a { padding:20px; display:block;}
.xylist li img { display:block; margin:0 auto; width:100%;}
.xylist li strong { display:block;font-size:18px; color:#000; font-weight:normal; margin:10px 0;}
.xylist li span { color:#666;}
.xylist li:hover { background:#f2f2f2;}
.xylist ul:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 1px;
    height: 100%;
    left: 0;
	top:1px;
	z-index:9;
}
.xylist ul:after {
    content: "";
    position: absolute;
    background: #fff;
    width: 100%;
    height: 1px;
    left: 0px;
	bottom:0;
}
#video {width: 100%; height: 400px;}
/*资质*/
.zzlist { padding:20px; position:relative;}
.zzlist ul { padding:0; display:block; height:100%; overflow:hidden;}
.zzlist li {  float:left; width:50%; text-align:center; overflow:hidden;}
.zzlist li div {position:relative; height:170px; padding:30px 0;border-left:1px solid #eee; border-bottom:1px solid #eee;}
.zzlist li span { display:none;}
.zzlist li img { display:block; margin:0 auto; height:170px;}
.zzlist li:hover span { display:block; text-align:left; cursor:pointer; z-index:9; top:0; left:0; position:absolute; padding:30px; height:170px; background:#666; color:#fff;filter:Alpha(Opacity=70);-moz-Opacity:.7;Opacity:.7; font-size:16px; line-height:30px; }
.zzlist ul:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 1px;
    height: 100%;
    left: 20px;
	top:1px;
	z-index:9;
}
.zzlist ul:after {
    content: "";
    position: absolute;
    background: #fff;
    width: 100%;
    height: 1px;
    left: 0px;
	bottom:20px;
}

/*查询*/
.search { padding:20px 10%;}
.search h1 { font-size:24px; color:#039; text-align:center; padding:20px; margin-bottom:20px;}
.search .photo { float:left; background:#e1ebff; text-align:center; width:30%; height:253px;}
.search .photo img { display:block; margin: auto; padding-top:35px;}
.search table { float:left;border:1px solid #e1ebff; width:70%;color:#666;border-collapse:collapse;}
.search table td,.search table th{ border-bottom:1px solid #e1ebff; border-collapse:collapse; padding:10px;}
.search table th { text-align:right;}


/* 强制 Quill 的对齐类生效 */
.ql-align-center {
  text-align: center !important;
}
.ql-align-right {
  text-align: right !important;
}
.ql-align-justify {
  text-align: justify !important;
}

