@charset "utf-8";
/* 样式说明：g-代表格局类  m-代表模块类 u-代表小组件 z-代表状态类 f-代表功能模块 s-代表皮肤类 */

/* 基础重置样式 */
*{ margin:0; padding:0;}
body{ font-family: "微软雅黑"; font-size: 14px; min-width:1240px;/* background:url(../img/school.jpg) repeat left center; */}
a{ text-decoration:none; color:#333;}
ul,li{ list-style:none;}
img{ outline:none; border:none;}
i{ font-style:normal;}
input,button{ outline:none;}

/* 首页样式 */
.g-top{ width:100%; overflow:hidden; font-size:14px; line-height:45px; height:45px; background:#0287c0; position:relative; z-index:1001;}
.m-top{ width:1200px; margin:0 auto; overflow:hidden;}
.m-top-1{ color:#d8dcde; float:left;}
.m-top-2{ color:#d8dcde; float:right; margin-right:6px;/*color:rgba(255,255,255,0.69);*/}
.g-hea{ height:124px; background:#fff; box-shadow:0 0 39px rgb(0 0 0 / 0.55); z-index:1000; position:relative;}
.g-hea::after{ content:""; display:block; visibility:hidden; clear:both; width:0; height:0;}
.m-hea{ width:1200px; height:124px; margin:0 auto;}
.m-hea-1{ float:left; margin-top:29px; margin-left:-6px;}
.m-hea-1 img{ height:68px;}
.m-hea-2{float:right;margin-top: 46px;height:40px;}

@keyframes cha{
    from{ background:#fff; }
      to{ background:#0287c0;}
}
.m-hea-2 ul > li{float:left;width: 82px; margin:0 2px; line-height:40px; position:relative; z-index:1001;}
.m-hea-2 ul > li > a{ display:block; text-align:center; font-size:16px; font-weight:bold; color:#666;}
.m-hea-2 ul > li:hover > a, .m-hea-2 ul > li.z-hea > a{ background:#0287c0; color:#fff; border-radius:4px 4px 0 0; animation:cha .3s linear;}

.f-nav{ width:546px; height:0; overflow:hidden; position:absolute; left:0; top:40px; box-shadow:0 0 10px rgba(0,0,0,0.35); transition:height .3s linear;}
.f-hea{ background:url(../img/school.jpg) repeat left center #f3f3f3; width:544px; height:188px; border:1px solid #ececec; border-radius:0 4px 4px 4px;}
.f-hea-1{ float:left; border-radius:4px; margin:32px 9px 20px 21px; position:relative; overflow:hidden; width:206px; height:124px;}	
.f-hea-1 img{ width:206px; display:block;}
.f-hea-1 p{ line-height:32px; font-size:14px; position:absolute; left:0; bottom:0; width:100%; height:32px; background:rgba(0,0,0,.6); color:#fff; text-indent:12px;}
.f-hea-2{ width:297px; float:left; overflow:hidden; padding:32px 0px 20px 0;}
.f-hea-2 ol li{ width:86px; float:left; margin:0px 6px 10px;}
.f-hea-2 ol li a{ display:block; border:1px solid #0186bf; text-align:center; font-size:16px; color:#307d9e; background:#fcfcfc; line-height:33px; height:33px; border-radius:4px;}
.f-hea-2 ol li a:hover{ background:#0287c0; color:#efebeb;}
.m-hea-2 ul > li:hover .f-nav{ height:190px;}

.g-ban{ width:1200px; height:500px; margin:0 auto;}
div.wrapper { width: 1200px; position: relative; height: 500px;}
.fn-clear{ zoom: 1;}
.box_skitter { position: relative; background: none; }
.box_skitter ul { display: none; }
.box_skitter .container_skitter { overflow: hidden; position: relative; }
.box_skitter .image { overflow: hidden; }
.box_skitter .image img { display: none; }
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
.box_skitter .prev_button { position: absolute; top: 50%; left: 0px; z-index: 100; width: 80px; height: 80px; overflow: hidden; text-indent: -9999em; margin-top: -40px; background: url(../img/lef.png) no-repeat left top !important; }
.box_skitter .next_button { position: absolute; top: 50%; right: 0px; z-index: 100; width: 80px; height: 80px; overflow: hidden; text-indent: -9999em; margin-top: -40px; background: url(../img/rit.png) no-repeat left top !important; }
.box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../img/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow {width: 1200px;height: 500px;}
#slideshow ul { display: none; }

.m-new{ width:1200px; margin:20px auto; /* overflow:hidden; */}
.m-new-1{ height:42px; border-bottom:1px solid #ccc; line-height:42px; overflow:hidden;}
.m-new-1 p{ float:left; background:url(../img/bag.jpg) no-repeat left center; padding-left:16px; color:#333; font-size:16px; font-weight:bold;}
.m-new-1 p span,.m-new-1 a:hover{ color:#1a8fc4;}
.m-new-1 a{ float:right; font-size:16px;}
.m-new-1 a i{ font-family:"宋体";}
.m-new-2{ /* overflow:hidden; */ height:353px; min-height:20px; width:1240px; margin-left:-20px;}
.m-new-2 > table{ border-spacing:20px; table-layout:fixed;}
.m-new-2 > table > tbody > tr > td{ border:2px solid #cccccc; overflow:hidden; width:280px; border-bottom:3px solid #1a8fc6; border-radius:8px;}
.m-new-2 div{ clear:both; padding:12px 10px;}
.m-new-2 div[align] a span{ font-size:16px; font-weight:bold; color:#333; line-height:20px; text-align:justify;}
.m-new-2 div[align]  > span{ white-space:nowrap; color:#636363; font-size:14px; display:block; margin-bottom:-17px; line-height:29px;}
.m-new-2 div[align] + div{ font-size:14px; color:#333; line-height:24px;}
.m-new-2 div a span{ color:#1a8fc4;}
.m-new-2 table td:hover div a span{ color:#0287c0;}
.m-fou{ width:1200px; margin:0 auto 20px; overflow:hidden; padding-top:20px; padding-bottom:40px;}
.m-fou-1{ float:left; width:80px;}
.m-fou-2{ float:left; overflow:hidden;}
.m-fou-2 ul li{ float:left; width:240px; height:488px; overflow:hidden; margin-left:40px; position:relative;}
.m-fou-2 ul li img{ display:block; width:240px; transition:all 3s linear;}
.m-fou-2 div{ color:#fff; position:absolute; left:20px; top:36px; font-size:36px; width:40px; text-align:center;}
.m-fou-2 span{ color:#fff; position:absolute; right:20px; bottom:15px; font-size:24px; width:40px; text-align:center;}
.m-fou-2 ul li:hover img{ transform:scale(1.2);}
@keyframes hu{
    from{ transform:scale(.9);}
      to{ transform:scale(1.1);}
}
.m-fou-2 ul li i{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/play.png) no-repeat center center; animation:hu 1s linear alternate infinite;}
.m-fou-1 p{ font-size:30px; color:#000; width:60px; text-align:center;}
.m-fou-1 a{ width:20px; text-align:center; color:#0287c0; font-size:18px; font-weight:bold; margin:80px 20px 0 16px; display:block}
.m-fou-1 a:hover{ color:#00a5ec;}
.m-new-2 table td div + div a:hover span{ color:#b30000;}
.m-pop{ width:1200px; margin:0 auto;}
.m-pop-1{overflow:hidden;padding-bottom: 40px;box-shadow: 0 0 20px #000;margin-bottom: 20px;border-radius: 10px;}
.m-pop-1 img{ display:block; width:1200px;}
.m-pop-1 h2{ color:#00a5ec; text-align:center; line-height:72px; padding-top:10px; font-size:32px;}
.m-pop-1 p{ text-align:center; color:#000; font-size:16px; line-height:24px;}
.m-new-2 > table > tbody > tr > td:hover{ box-shadow:0 0 13px #636262;}
.m-ser{ width:1200px; margin:20px auto 0; overflow:hidden;}
.m-new-1 b{ float:right; margin-right:6px; font-weight:bold; font-family:"宋体"; font-size:26px; color:#00a5ec;}
.m-ser-2{ overflow:hidden; padding-top:20px; padding-bottom:20px;}
.m-ser-2 ul li{ float:left; width:380px; height:214px; position:relative; overflow:hidden; margin-left:30px;}
.m-ser-2 ul li:first-child{ margin-left:0;}
.m-ser-2 ul li a > img{ display:block; transition:all 3s linear;}
.m-ser-2 ul li:hover a > img{ transform:scale(1.2);}
.m-ser-2 ul li p{ position:absolute; left:0; top:0; margin:0 3px; transition:color .5s ease; width:100%; height:100%; text-align:center; color:#fff; font-size:28px; line-height:214px;}
.m-ser-2 ul li img, .m-ser-2 ul li p{ vertical-align:middle; margin:0 3px;}
.m-ser-2 ul li:hover p{ color:#00a5ec;}
.m-fri{ width:1200px; margin:0 auto; overflow:hidden;}
.m-fri-2{ min-height:30px; padding-top:10px;}
.m-fri-2 div span{ color:#000; font-size:16px; line-height:32px; display:none;}
.m-fri-2 img{ box-shadow:0 0 10px #000; border-radius:8px; margin-top:10px; border:1px solid #eaeaea;}
.g-fot{ background:#1e74c9; padding:30px 0; overflow:hidden; margin-top:20px;}
.m-fot{ width:1200px; margin:0 auto; overflow:hidden;}
.m-fot-1{ float:left; width:300px; border-right:1px solid #d2e3f4; margin-top:6px; padding:21px 0;}
.m-fot-2{ float:left; color:#ffffff; line-height:31px; margin-left:86px;}
.m-fot-3{ float:right; width:124px; position:relative; z-index:10;}
.g-bot{ background:#0159af; height:42px; line-height:42px; color:#d8dcde; text-align:center;}
.g-bot a{ color:#d8dcde;}
.g-bot a:hover{ color:#fff;}
/*.g-new{ background:#fff; overflow:hidden;}*/
@keyframes tob{
    from{ bottom:100px;}
      to{ bottom:90px;}
}
.m-sid{ position:fixed; display:none; right:12px; background-color:#fff; bottom:100px; z-index:9; border:solid 2px #c1c1c1; border-radius:8px; width:56px; height:56px; overflow:hidden; animation:tob 1s linear alternate infinite;}
.u-top{ display:block; width:100%; height:56px; overflow:hidden; background:url(../img/top.jpg) no-repeat center center;}
.m-sid:hover{ border-color:#0287c0; animation-play-state:paused;}
@keyframes tkp{
	 from{ transform:translate(0,-160px); opacity:0;}
	 to{ transform:translate(0,0); opacity:1;}
}

.z-tkp{ position:fixed; width:100%; left:0; top:0; z-index:1000; animation:tkp 1s ease;}
.z-tkp + .g-ban{ margin-top:169px;}
@keyframes fun{
         from{ opacity:0; transform:translate(0,280px);}
           to{ opacity:1; transform:translate(0,0);}
}
.m-new-2 > table > tbody > tr > td{ visibility:hidden;}
.f-fun .m-new-2 > table > tbody > tr > td{ visibility:visible;}
.f-fun .m-new-2 > table > tbody > tr > td:first-child{ animation:fun .7s ease backwards;}
.f-fun .m-new-2 > table > tbody > tr > td:nth-child(2){ animation:fun .7s .4s ease backwards;}
.f-fun .m-new-2 > table > tbody > tr > td:nth-child(3){ animation:fun .7s .8s ease backwards;}
.f-fun .m-new-2 > table > tbody > tr > td:nth-child(4){ animation:fun .7s 1.2s ease backwards;}

@keyframes fou{
    from{ opacity:0; transform:translateX(-300px) rotateY(-90deg);}
     50%{ opactiy:.5; transform:rotateY(90deg);}
      to{ opacity:1; transform:translateX(0x) rotateY(0);}
}
.f-fun .m-fou-2 ul li:nth-child(1){ animation:fou .7s ease backwards;}
.f-fun .m-fou-2 ul li:nth-child(2){ animation:fou .7s .4s ease backwards;}
.f-fun .m-fou-2 ul li:nth-child(3){ animation:fou .7s .8s ease backwards;}
.f-fun .m-fou-2 ul li:nth-child(4){ animation:fou .7s 1.2s ease backwards;}
@keyframes pop{
         from{ opacity:0; transform:rotate(180deg) scale(0);}
           to{ opacity:1; transform:rotateY(360deg) scale(1);}
}
.f-fun.m-pop{ animation:pop 2s ease-in backwards;}

@keyframes ser{
    from{ opacity:0; transform:translateX(-600px) rotateX(270deg) scale(.8);}
      to{ opacity:1; transform:translateX(0x) rotateX(360deg) scale(1);}
}
.m-ser-2 ul li{ visibility:hidden;}
.f-fun .m-ser-2 ul li{ visibility:visible;}
.f-fun .m-ser-2 ul li:nth-child(1){ animation:ser .7s ease backwards;}
.f-fun .m-ser-2 ul li:nth-child(2){ animation:ser .7s .4s ease backwards;}
.f-fun .m-ser-2 ul li:nth-child(3){ animation:ser .7s .8s ease backwards;}

@keyframes fri{
         from{ opacity:0; transform:rotateX(180deg) scale(0);}
           to{ opacity:1; transform:rotateX(360deg) scale(1);}
}
.m-fri-2{ visibility:hidden;}
.f-fun .m-fri-2{ animation:fri 2s ease-in backwards; visibility:visible;}
@keyframes oot{
         from{ opacity:0;}
           to{ opacity:1;}
}
.g-oot{ visibility:hidden;}
.f-fun.g-oot{ animation:oot 2s ease-in backwards; visibility:visible;}

/* 列表页 */
.m-adv{ height:384px; background:url(../img/adv2025.jpg) no-repeat center top;}
.s-oot{ visibility:visible;}
.z-tkp + .m-adv{ margin-top:169px;}
.m-lis{ width:1200px; margin:0 auto; overflow:hidden; padding:20px 0;}
.m-lis-1{ width:280px; float:left; margin-right:20px; min-height:30px; border-radius:8px; overflow:hidden;}
.m-lis-2{ width:890px; float:right; overflow:hidden;}
.m-nam{ background:url(../img/left-t.jpg) repeat left top; width:280px; height:80px; color:#fff; position:relative; font-weight:bold; overflow:hidden;}
.m-nam span{ font-size:20px; display:block; margin:16px 65px;}
.m-nam p{position:absolute;background:url(../img/lef9.jpg) no-repeat 4px center;height:24px;padding-top: 26px;top: 16px;left:36px;font-size:17px; line-height:26px;padding-left:30px;}
.m-lip{ width:276px; overflow:hidden; border:2px solid #0286bf; padding-top:2px;}
.m-lip table tr td{ border-top:2px solid #dedede; line-height:42px;}
.m-lip table tr:first-child td{ border-top:none;}
.m-lip table tr td a{ display:block; text-indent:30px; font-size:16px; color:#000;}
.m-lip table tr td a span{ display:block;}
.m-lip .currentfontStyle248597,.m-lip span:hover{ background:#0286bf; color:#fff;}
.m-pos{ overflow:hidden;}
.m-pos td{font-size:16px;color:#222;line-height: 32px;height:31px; padding-bottom: 13px;font-family:'';}
.m-pos a{ color:#222; margin:0 3px;}
.m-pos a:hover{ color:#1a8fc3;}
.m-lis-3{ border-top:2px solid #1a8fc3; padding-top:10px; overflow:hidden;}
.m-lis-3 td{ font-size:16px; color:#333; border-bottom:1px solid #ececec; line-height:42px;}
.m-lis-3 td > a{ font-size:16px; color:#333; min-width:300px; display:block; padding-left:20px; background:url(../img/lat.png) no-repeat left center;}
.m-lis-3 tr:hover td{ color:#1a8fc3; border-bottom-color:#1a8fc3;}
.m-lis-3 tr:hover a{ color:#1a8fc3;}
.m-lis-3 td[colspan="3"], .m-lis-3 td[colspan="3"] td{ border-bottom:none;}
.m-lis-3 table table{ width:100%; padding:13px;}
.m-lis-3 tr td[colspan='3'] tr td, .m-lis-3 tr td[colspan='4'] tr td{  text-align:center; font-size:16px; vertical-align:middle; line-height:42px; font-family:'microsoft YaHei'; color:#333;}
.m-lis-3 tr td[colspan='3'] tr div, .m-lis-3 tr td[colspan='4'] tr div{ display:inline-block; vertical-align:middle; margin:0 6px; font-size:16px; font-family:'microsoft YaHei'; color:#333;}
.m-lis-3 tr td[colspan='3'] tr div span,.m-lis-3 tr td[colspan='3'] tr div a,.m-lis-3 tr td[colspan='4'] tr div span,.m-lis-3 tr td[colspan='4'] tr div a{ border-radius:4px; padding:10px 20px; margin-top:0px; color:#666; margin:0 6px; font-size:16px; font-family:"microsoft YaHei";}
.m-lis-3 tr td[colspan='3'] tr div a:hover,.m-lis-3 tr td[colspan='4'] tr div a:hover{ background:#157bdb; color:#fff;}
.m-lis-3 tr td[colspan='4'] tr div span:hover,.m-lis-3 tr td[colspan='3'] tr div span:hover{ background:#bdbcbc; border-color:#bdbcbc; cursor:not-allowed; color:#fff;}
.m-lis-3 tr td + td + td + td{ display:none;}
.m-lis-3 tr td + td + td{ text-align:right;}
.m-lis-3 tr td[colspan='3'] tr div .defaultButtonStyle{
   width:56px; height:36px; border-radius:4px 0 0 4px; background:#fff; font-size:16px;
   color:#666; font-family:"microsoft YaHei"; margin-right:-2px;
}
.m-lis-3 tr td[colspan='3'] tr div .defaultInputStyle, .m-lis-3 tr td[colspan='4'] tr div .defaultInputStyle{
   width:56px; height:24px; line-height:24px; padding:5px 0; border-radius:0px 4px 4px 0px; background:#fff; font-size:14px; border:#AFD5F5 1px solid;
   color:#666; vertical-align:top;
   outline:none; text-align:center; margin-right:5px !important;
}
.m-con{ border-top:2px solid #1a8fc3; padding:36px 0 50px; font-size:14px; line-height:30px; color:#5c5c5c;}
.m-con table tbody tr:first-child + tr td{/* border-bottom:2px solid #cecece; */ padding:8px 0;}
.m-lip div{ display:none;}
.f-vid{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:url(../img/bac.png) repeat left top; z-index:1002;}
.f-vid .video-fill{ width:800px; overflow:hidden;position:absolute;left:50%;top:50%;margin-left:-400px;margin-top:-1200px;/* text-align:center; */font-size:18px; border-radius:8px; background-color:#fff;}

.f-vid .description{ padding:10px 20px;}
.f-vid .description small{ font-size:18px; color:#607D8B;}
.m-dti{height: 44px;line-height:44px;overflow:hidden;}
.m-dti span{ float:left; margin-left:20px; color:#0287c0;}
.m-dti i{ float:right; margin-right:18px; cursor:pointer; color:#03A9F4;}
.m-dti i:hover{ color:#027ab1;}
@keyframes goi{
   from{ margin-top:-1200px; transform:scale(0);}
     to{ margin-top:-270px; transform:scale(1);}
}
.f-vid .f-goi{ margin-top:-270px; animation:goi 1s ease backwards;}