@charset "utf-8";
/*
 * This is NOT a freeware, use is subject to license terms
 * @author Miscuz! <526781311@qq.com>
 * version 9.20.55
 * @support http://www.950085.com
 */
.wp{width:1280px;margin:0 auto;}
a.imgzoom img{transition: all 0.3s ease 0s}
a.imgzoom:hover img{
	-webkit-transform-origin: center center;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform-origin: center center;
	-moz-transform: scale(1.1, 1.1);
}

.bgf{ background: #fff; }
.colorfff{ color: #fff !important }

.toptel{padding-left:75px;display:block;line-height:1.2;color:#fff;font-size:20px;white-space:nowrap;background:url(../images/2.png) left center no-repeat;}

.flexslider{position:relative;height:596px;overflow:hidden;zoom:1}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.flexslider .slides{zoom:1}
.flex-direction-nav{z-index:999}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25)}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25)}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50)}
.flex-control-nav{width:100%;position:absolute;bottom:20px;text-align:center}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer}
.flex-control-paging li a.flex-active{background-position:0 0}

.top{transition: all 0.3s ease 0s;background:url(../images/3.png) center center no-repeat; position: absolute; width: 100%; left: 0; top: 0; z-index: 999999999}
.top.cur{ position: fixed; box-shadow: rgba(0,0,0,0.2) 0 2px 6px 0;}
.nav{ position: absolute; width: 100%; right: 0; bottom: 0; text-align: right;}
.nav li{display:inline-block;*display:inline;zoom:1; position: relative; margin-left: 50px; position: relative;}
.nav li a.item{ color: #fff; font-size: 18px; display: block; height: 45px; line-height: 45px; vertical-align: middle; }
.nav li.curr{background:url(../images/78.png) left 35px repeat-x;}

.la{display: none; position: absolute; width: 150px; left: 0; top: 45px; z-index: 99999999999 }
.la .jiao{ padding-top: 6px;background:url(../images/51.png) 20px top no-repeat;}
.la div.lala a{color:#333;font-size:16px;display:block;line-height:1;text-align:center; background: #fff; padding: 15px 0}
.la div.lala a:hover{ background: #4f7fa5; color: #fff;}


.footbg{background:url(../images/4.jpg) center center no-repeat;}
.foot{ background: #191a36 }

.dibu{ line-height: 1.5; color: #797e8a; }
.dibu a{ color: #797e8a; }

.yqlink{ font-size: 16px; color: #fff }
.linklist{}
.linklist a{ color: #fff; font-size: 14px; }

.dlink{ width: 210px; margin-right: 4px; display: inline; float: left;}
.dlink .d2{ line-height: 1; padding-bottom: 20px;}
.dlink .d2 a{ color: #fff; font-size: 16px; }
.dlink li{ display: block; padding-bottom: 10px;}
.dlink li a{ font-size: 12px; color: #8f969c; }
.dlink li a:hover{ text-decoration: underline; }

.tou{ text-align: center; }
.tou.bgli{background:url(../images/53.png) center center no-repeat;}
.tou em{ font-size: 30px; color: #000000; line-height: 1; display: block; }
.tou span{ font-size: 25px; color: #4f7fa5; line-height: 1; display: block; padding-top: 5px; }
.tou a{display:block;}

.par{ border-bottom: 1px #efefef solid; padding: 20px 10px 10px 10px}
.par a{ display: block; }
.par em{ font-size: 22px; color: #333; font-weight: bold; line-height: 1; display: block; }
.par span{ font-size: 22px; color: #4f7fa5; line-height: 1; display: block; padding-top: 5px; }

.xixi{}
.xixi li{ display: block; }
.xixi li a{ display: block; border-bottom: 1px #b7b6b7 dashed; padding: 9px 0}
.xixi li a span{ display: block; font-size: 14px; color: #333333; line-height: 1}
.xixi li a em{ display: block; font-size: 12px; color: #b7b6b7; text-align: right; line-height: 1}

.xixi .more{ line-height: 1; text-align: right; padding-top: 15px}
.xixi .more a{ font-size: 14px; color: #4f7fa5 }

/*课程分类*/
.owke{}
.owke div.item{ width: 270px; height: 205px;}
.owke div.item a{ display: block; position: relative; height: 195px;box-shadow: 3px 2px 10px rgba(0,0,0,0.3);}
.owke div.item a img{ width: 270px; height: 195px; }
.owke div.item a div.d2{width: 270px; height: 195px;background:url(../images/png/h50.png); position: absolute; left: 0; top: 0;}
.owke div.item a div.d3{ padding: 50px 20px 0 20px; }
.owke div.item a div.d3 span{ display: block; font-size: 20px;color: #ffffff; line-height: 20px; height: 55px; word-wrap: break-word;}
.owke div.item a div.d3 em{ display: block; font-size: 20px; color: #ffffff; line-height: 1}
.owke div.item a div.d3 i{ display: block; font-size: 14px; color: #ffffff; line-height: 1; padding-top: 10px; opacity: 0.5}

.owke .owl-nav.disabled{display: initial !important;}
.owke .owl-nav button{ position: absolute; width: 54px; height: 54px; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; outline: 0;}
.owke .owl-nav button span{ display: none }
.owke .owl-nav button.owl-prev{ background: url(../images/6.png) center center no-repeat !important; left: -70px; top: 65px;}
.owke .owl-nav button.owl-next{ background: url(../images/7.png) center center no-repeat !important; right: -70px;top: 65px}

/*作品鉴赏*/
.zuopin div.item{ width: 220px; height: 230px; }
.zuopin div.item a{ display: block; position: relative; width: 220px; height: 220px;box-shadow: 3px 2px 10px rgba(0,0,0,0.3);}
.zuopin div.item a img{ border: 4px #fff solid; width: 212px; height: 212px; }

.zuopin .owl-dots{ display: none; }
.zuopin .owl-nav button{ position: absolute; width: 30px; height: 56px;  margin: 0 !important; padding: 0 !important; border-radius: 0 !important; outline: 0;}
.zuopin .owl-nav button span{ display: none }
.zuopin .owl-nav button.owl-prev{ background: url(../images/8.png) center center no-repeat !important; left: 20px; top: 80px;}
.zuopin .owl-nav button.owl-next{ background: url(../images/9.png) center center no-repeat !important; right: 20px;top: 80px}

/*作品鉴赏*/
.grb div.item{ width: 180px; height: 250px; }
.grb div.item a{ display: block; position: relative; width: 180px; height: 250px; background: #fff; box-shadow: 3px 2px 10px rgba(0,0,0,0.3);}
.grb div.item a img{width: 180px; height: 170px; }
.grb div.item a span{ display: block; font-size: 16px;color: #333333; font-weight: bold; padding: 20px 10px 10px 10px; line-height: 1}
.grb div.item a em{ display: block; font-size: 12px; color: #333333; padding: 0 0 0 10px; line-height: 1}


.grb .owl-dots{ display: none; }
.grb .owl-nav button{ position: absolute; width: 26px; height: 48px; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; outline: 0;}
.grb .owl-nav button span{ display: none }
.grb .owl-nav button.owl-prev{ background: url(../images/10.png) center center no-repeat !important; left: 20px; top: 80px;}
.grb .owl-nav button.owl-next{ background: url(../images/11.png) center center no-repeat !important; right: 20px;top: 80px}

.ubar{ height: 44px; background: url(../images/12.png) right center no-repeat #4f7fa5; position: relative;box-shadow: #4f7fa5 0px 0px 20px 0px;}
.ubar em{ font-size: 22px; color: #f1f33e; font-weight: bold; padding-left: 20px; display: block; height: 44px; line-height: 44px; vertical-align: middle; }

.baimg { }
.baimg li{ float: left; display: inline; text-align: center;}
.baimg li img{, width: 119px; height: 119px;}
.baimg li div.d1{ font-size: 14px; font-weight: 400; color: #535151; line-height: 1.2; padding-top: 10px;}

.about{ padding: 20px;box-shadow: 0 3px 10px rgba(0,0,0,0.3); }
.about .d1{ font-size: 24px; color: #333333; line-height: 1;}
.about .d2{ font-size: 16px; line-height: 1.9; padding-top: 20px; color: #333; }

.tesse{ text-align: center;}
.tesse li{ padding: 0 36px; }
.tesse li span{ display: block; line-height: 1; font-size: 28px; color: #fff; padding-top: 25px;}
.tesse li em{ display: block; line-height: 1; font-size: 20px; color: #fff; padding-top: 15px;}
.tesse li img{ width: 100px; height: 100px; }

.huanjing{}
.huanjing li{ display: inline; float: left; width: 390px; margin-right:55px; }
.huanjing li img{ width: 390px; height: 320px; border-radius: 10px; box-shadow: 7px 7px 15px 0px rgba(0,0,0,0.3);}

/*团队*/
.tuandui div.item{ width: 240px; padding-bottom: 10px;}
.tuandui div.item a{ display: block; height: 335px; background: #fff; position: relative;box-shadow: rgba(0,0,0,0.2) 3px 2px 16px 1px;;}
.tuandui div.item img{ width: 240px; height: 255px; }
.tuandui div.item .d2{ position: absolute; width: 100%; left: 0; top: 235px; text-align: center; }
.tuandui div.item .d2 em{ font-size: 22px; color: #fff; background: #4f7fa5; padding: 0 20px; height: 35px; line-height: 35px; vertical-align: middle; }
.tuandui div.item .d3{ padding: 30px 10px 0 10px; }
.tuandui div.item .d3 span{display:block;line-height:1; font-size: 14px; color: #333}
.tuandui div.item .d3 em{display:block;line-height:1; font-size: 14px; color: #333; padding-top: 10px;}
.tuandui div.item .d4{transition: all 0.3s ease 0s; position: absolute; opacity: 0; width: 100%; left: 0; top: -50px; z-index: 9999999; background: url(../images/png/h80.png); height: 335px; }
.tuandui div.item .d5{ text-align: center; padding-top: 20px;}
.tuandui div.item .d5 em{ font-size: 22px; color: #fff; background: #4f7fa5; padding: 0 20px; height: 35px; line-height: 35px; vertical-align: middle; }
.tuandui div.item .d6 span{display:block;line-height:1; font-size: 14px; color: #5fafef; padding:25px 0; text-align: center;}
.tuandui div.item .d6 em{ display: block; padding: 0 20px; line-height: 2; font-size: 12px; color: #ffffff }

.tuandui div.item a:hover .d4{ top: 0; opacity: 1 }

.tuandui .owl-nav{ display: none; }
.tuandui .owl-dots{ padding-top: 50px; }
.tuandui .owl-dots button.owl-dot{ margin: 0 15px !important; width: 18px; height: 18px; background:url(../images/17.png) center center no-repeat; outline: 0}
.tuandui .owl-dots button.owl-dot.active{background:url(../images/18.png) center center no-repeat;}
.tuandui .owl-dots button.owl-dot span{ display: none; }


.rongyu{}
.rongyu a{ display: block; padding: 0 30px;}
.rongyu em{ font-size: 22px; color: #333; display: block; padding-top: 10px; height: 105px;}

.huoban{box-shadow: rgba(0,0,0,0.2) 0 2px 6px 4px;}
.huoban .d1{ height: 50px; line-height: 1; font-size: 30px; color: #333;background:url(../images/19.png) left bottom no-repeat;}
.huoban .d2{ font-size: 18px; color: #737373; line-height: 1.8 }
.huoban .d2 p{ padding-bottom: 10px; }
.huoban .d2 div{ padding-bottom: 10px; }

.pos{color:#333;font-size:20px;height:68px;line-height:68px;vertical-align:middle;background:url(../images/20.png) left center no-repeat;padding-left:40px;}
.pos a{color:#333;font-size:20px;}
.pos a:hover{ text-decoration: underline; }

.cataguangrongbang{}
.cataguangrongbang li{ margin: 0 65px; }
.cataguangrongbang a{ display: block; position: relative; }
.cataguangrongbang .d2{ position: absolute; left: 0; top: 0; width: 100%; }
.cataguangrongbang .d2 span{display: block; line-height: 1; font-size: 24px; color: #ffffff; text-align: left;background:url(../images/22.png) 20px 70px no-repeat;padding-left: 20px; padding-top: 95px;}
.cataguangrongbang .d2 span.cur{background:url(../images/21.png) 20px 70px no-repeat;}

.guangrongbanglist li{ display:inline;float:left;width: 220px; height: 300px; margin-right: 45px; margin-bottom: 45px;}
.guangrongbanglist li a{ display: block; position: relative; width: 220px; height: 300px; background: #fff; box-shadow: 3px 2px 10px rgba(0,0,0,0.3);}
.guangrongbanglist li a img{width: 220px; height: 200px; }
.guangrongbanglist li a span{ display: block; font-size: 16px;color: #333333; font-weight: bold; padding: 20px 10px 20px 10px; line-height: 1}
.guangrongbanglist li a em{ display: block; font-size: 14px; color: #333333; padding: 0 0 0 10px; line-height: 1}

.nodata{padding:200px 0;text-align:center;font-size:16px;color:#333;background:url(../images/nodatas.png) center 80px no-repeat}

h1{line-height:1;color:#333;font-size:24px;}
.info{display:block;line-height:1;color:#666;font-size:16px;border-bottom:2px #ccc solid; padding-bottom: 40px;}

.content{font-size:16px;color:#333;line-height:2;text-align:justify}
.content div{padding-bottom:10px}
.content p{padding-bottom:10px}
.content ol{list-style-position:outside;padding-left:40px}
.content ol li{list-style-type:decimal}
.content ul{list-style-position:outside;padding-left:40px}
.content ul li{list-style-type:disc}
.content ul li ul li{list-style-type:circle}
.content img{max-width:100% !important;height:auto !important}
 
.pn{border-top:2px #999 solid;font-size:16px;background:rgba(255,255,255,0.3);padding:20px;line-height:2;color:#333}
.pn em{color:#333}
.pn a{color:#333}
.pn a:hover{color:#211f57; text-decoration: underline;}
 

.frmtxt{line-height:1;display:block;color:#ffffff;font-size:35px;padding-top:20px;padding-bottom:20px; text-align: center;}
.frmipt{ padding-bottom: 15px; }
.frmipt input{display:block;text-align:center;border-radius:3px; border: 0; padding: 10px 0; width: 100%;}
.frmipt select{text-align-last:center;display:block;text-align:center;border-radius:3px; border: 0; padding: 10px 0; width: 100%;-webkit-appearance:button;-moz-appearance:button;}
.frmipt select:focus{border-color:#2188ff;box-shadow:inset 0 1px 2px rgba(27,31,35,.075), 0 0 0 0.2em rgba(3,102,214,.3);outline:none;border-radius:3px}
.frmipt input:focus{border-color:#2188ff;box-shadow:inset 0 1px 2px rgba(27,31,35,.075), 0 0 0 0.2em rgba(3,102,214,.3);outline:none;border-radius:3px}
.frmipt button{-webkit-appearance:button;-moz-appearance:button; color: #fff;font-size:16px; width: 100%; border: 0; padding: 10px 0; border-radius: 3px; background: #4f7fa5;}

.zhaoshengxinxi{}
.zhaoshengxinxi li{display:block;padding:40px 0;border-bottom:1px #f3f3f3 dashed;}
.zhaoshengxinxi li a{display:block;height:240px;background:url(../images/28.png) right 90px no-repeat;}
.zhaoshengxinxi .d1{display:inline;float:left;}
.zhaoshengxinxi .d1 img{border-radius:5px;background:#ccc;}
.zhaoshengxinxi .d2{display:inline;float:left;width:180px;text-align:center;padding-top:90px;}
.zhaoshengxinxi .d2 em{display:block;line-height:1;color:#333;font-size:28px;font-weight: bold;}
.zhaoshengxinxi .d2 span{display:block;line-height:1;color:#666;font-size:20px;padding-top:5px;}
.zhaoshengxinxi .d3{display:inline;float:right;width:600px;padding-right:120px;padding-top:40px;}
.zhaoshengxinxi .d3 span{display:block;line-height:1;color:#333;font-size:24px;font-weight: bold;}
.zhaoshengxinxi .d3 em{display:block;line-height:1.5;color:#666;font-size:16px;padding-top:20px;}
.zhaoshengxinxi li a:hover{background:url(../images/27.png) right 90px no-repeat;}

.contactinfo{}

.contactinfo li{ margin: 0 15px;width:350px;display:inline-block;*display:inline;zoom:1; vertical-align: top;}
.contactinfo li .d1{height:280px;border-bottom: 4px #4f7fa5 solid;background:#fff; position: relative;box-shadow: rgba(0,0,0,0.2) 8px 7px 6px 0;}
.contactinfo li .d2{position:absolute; left: 125px; top: -30px}
.contactinfo li .d2 img{width:100px;height:100x;}
.contactinfo li .d3{display:block;line-height:1;color:#2b2b2b;font-size:24px;font-weight: bold;padding-top:80px;text-align:center;}
.contactinfo li .d4{padding-top:10px;text-align:center;line-height:1.6;display:block;color:#666;font-size:16px;}
.yijian em{color:#333;font-size:60px;display:block;line-height:1;}
.yijian span{color:#999999;font-size:21px;display:block;line-height:1;padding-top:20px;}

.bigipt{height:66px;border:1px #333 solid;background:#fff;border-radius:5px;}
.bigipt em{padding:0 25px;color:#333;font-size:24px;display:inline;float:left;height:66px;line-height:66px;vertical-align:middle;}
.bigipt input{color:#333;font-size:24px; border: none; height:66px;line-height:66px;vertical-align:middle; background: #fff; outline: 0; }

.bigtxt textarea{line-height:2;height:220px; outline: 0; color:#333;font-size:24px; border:1px #333 solid;background:#fff;border-radius:5px; padding: 20px; width: 1068px; }
.bigbutton button{ width: 50%; background: #4f7fa5;color:#ffffff;font-size:35px; border:0; outline:0;border-radius:5px;padding:10px 0;}

.viewmore a{color:#fff;font-size:18px;padding:15px 65px;background:#4f7fa5;border-radius:3px;}
.viewmore a:hover{background:#105083;color:#fff;}

.grbmenu{}
.grbmenu li{display:block;}
.grbmenu li a{border-bottom:1px #ccc solid;padding-left:35px;color:#333333;font-size:24px;display:block;height:75px;line-height:75px;vertical-align:middle;background:#fff;}
.grbmenu li a.cur{background:url(../images/32.png) 160px center no-repeat #4f7fa5;color:#fff;}
.grbmenu li a.cur:hover{background:url(../images/32.png) 160px center no-repeat #4f7fa5;color:#fff;}
.grbmenu li a:hover{ background: #f3f3f3 }


.grbinfo{border-top:10px #4f7fa5 solid;border-bottom:10px #4f7fa5 solid;}
.grbinfo li{display:block;height:60px;border-bottom:2px #949295 solid;padding:5px 0;}
.grbinfo li span{padding-left:70px;background:url(../images/33.png) 25px center no-repeat;display:inline;float:left;height:60px;line-height:60px;vertical-align:middle;}
.grbinfo li span a{ color:#333;font-size:20px; }
.grbinfo li em{color:#525252;font-size:18px;display:inline;float:right;height:60px;line-height:60px;vertical-align:middle;}

.informore{line-height:1;text-align:right;padding:0 0 20px 0;}
.informore a{color:#4f7fa5;font-size:20px;}


.kp{text-align:center;background:url(../images/34.png) left 13px no-repeat !important;}
.kp span{display:block;line-height:1;color:#000000;font-size:30px;width:292px;}
.kp em{display:block;line-height:1;color:#4f7fa5;font-size:25px;width:292px;padding-top:10px;}

.vipcourse{}
.vipcourse li{box-shadow: rgba(0,0,0,0.2) 5px 6px 13px 0;float:left;width:366px;display:inline;margin-right:91px;margin-bottom:50px;background:#fff;border-radius:10px;}
.vipcourse a{display:block;}
.vipcourse a img{border-radius:10px 10px 0 0;}
.vipcourse .d2{display:block;height:85px;background:url(../images/35.png) 285px center no-repeat;transition: all 0.3s ease 0s}
.vipcourse .d2 em{transition: all 0.3s ease 0s;line-height:1;color:#010001;font-size:16px;background:url(../images/36.jpg) left bottom repeat-x;padding-bottom:10px;}
.vipcourse .d2 span{transition: all 0.6s ease 0s;line-height:1;color:#888888;font-size:14px;padding-top:5px;background:url(../images/37.jpg) left bottom repeat-x;padding-bottom:10px;}
.vipcourse a:hover .d2{background:url(../images/41.png) 295px center no-repeat;}
.vipcourse a:hover .d2 em{transform: translateX(-10px);}
.vipcourse a:hover .d2 span{transform: translateX(-10px);}

.linebg{background:url(../images/38.png) center center repeat-x;}

.cours{}
.cours li{display:inline;float:left;margin-right:20px;width:360px;}
.cours li a{display:block;position:relative;}
.cours li .d2{position:absolute;width:360px;height:347px; left: 0; top: 0; background: rgba(0,0,0,0.55);}
.cours li .d2 span{display:block;line-height:1;color:#fff;font-size:30px;font-weight: bold;text-align:center;padding-top:150px;}
.cours li .d2 em{display:block;line-height:1;color:#fff;font-size:20px;text-align:center;padding-top:10px;}
.cours li a:hover .d2{background: rgba(75,111,140,0.80);}


.youhu div.item{ width: 311px;}
.youhu div.item a{ display: block; position: relative; width: 311px;}
.youhu div.item a img{width: 301px; height: 301px; border: 5px #fff solid }
.youhu div.item a .d2{transition: all 0.3s ease 0s;position:absolute;width:301px; height: 301px; left: 5px; top: 5px; background: rgba(0,0,0,0.5);}
.youhu div.item a .d2 span{transition: all 0.3s ease 0s;padding-top:140px;display:block;line-height:1;color:#fff;font-size:30px;text-align:center; }
.youhu div.item a:hover .d2{background: rgba(0,0,0,0.1);}
.youhu div.item a:hover .d2 span{transform: translateY(-20px);}

 
.youhu .owl-nav.disabled{display: block !important; }
.youhu .owl-nav button{ position: absolute; width: 15px; height: 26px;  margin: 0 !important; padding: 0 !important; border-radius: 0 !important; outline: 0;}
.youhu .owl-nav button span{ display: none }
.youhu .owl-nav button.owl-prev{ background: url(../images/43.png) center center no-repeat !important; left: -40px; top: 140px;}
.youhu .owl-nav button.owl-next{ background: url(../images/44.png) center center no-repeat !important; right: -40px;top: 140px}

.adcourseonline .d1{display:block;line-height:1;color:#333;font-size:30px;font-weight: bold;}
.adcourseonline .d2{display:block;line-height:1.5;color:#666;font-size:24px;}

.coursemenu{}
.coursemenu li{width:200px;margin-right:70px;margin-bottom:45px;}
.coursemenu li a{text-align:center;border:2px #4f7fa5 solid;height:42px;line-height:42px;vertical-align:middle;display:block;color:#4f7fa5;font-size:18px;}
.coursemenu li a.cur{background:#4f7fa5;color:#fff;border:2px #4f7fa5 solid;}

.courseonline{}
.courseonline li{border-radius:10px 10px 10px 10px;display:inline;float:left;width:400px;background:#fff;margin-right:40px;margin-bottom:70px;}
.courseonline li a{display:block;position:relative;}
.courseonline li img{border-radius:10px 10px 0 0;}
.courseonline .d1{transition: all 0.3s ease 0s;border-radius:10px 10px 0 0;position:absolute;width:400px;height:270px;background:url(../images/45.png) center center no-repeat;z-index:999}
.courseonline .d2{transition: all 0.3s ease 0s;border-radius:10px 10px 0 0;position:absolute;width:400px;height:270px;background:url(../images/png/h50.png);z-index:99}
.courseonline .d4{display:block;height:85px;padding:0 20px;}
.courseonline .d5{color:#333333;font-size:24px;display:block;height:50px;line-height:50px;vertical-align:middle;}
.courseonline .d6 em{color:#666;font-size:14px;display:inline;float:left;height:20px;line-height:20px;vertical-align:middle;background:url(../images/46.png) left center no-repeat;padding-left:25px;}
.courseonline .d6 span{color:#666;font-size:14px;display:inline;float:right;height:20px;line-height:20px;vertical-align:middle;background:url(../images/47.png) left center no-repeat;padding-left:25px;}

.courseonline li a:hover .d2{background:url(../images/png/h10.png);z-index:99}
.courseonline li a:hover .d1{background:url(../images/45.png) center 110px no-repeat;z-index:999}

.yuan div.item{ width: 185px;}
.yuan div.item a{ display: block; position: relative; width: 185px;}
.yuan div.item a img{width: 185px; height: 185px;}

.yuan .owl-nav.disabled{display: block !important; }
.yuan .owl-nav button{ position: absolute; width: 15px; height: 26px;  margin: 0 !important; padding: 0 !important; border-radius: 0 !important; outline: 0;}
.yuan .owl-nav button span{ display: none }
.yuan .owl-nav button.owl-prev{ background: url(../images/43.png) center center no-repeat !important; left: -40px; top: 80px;}
.yuan .owl-nav button.owl-next{ background: url(../images/44.png) center center no-repeat !important; right: -40px;top: 80px}


.coursetitle{display:block;line-height:1;color:#333333;font-size:24px;font-weight: bold;}
.coursetdes{line-height:1;display:block;color:#666;font-size:16px;}

.courseteacher{}
.courseteacher a{display:block;height:103px;}
.courseteacher a img{border-radius:200px;display:inline;float:left;}
.courseteacher a em{margin-left:20px;padding-top:40px;line-height:1;color:#333;font-size:24px;display:inline;float:left;white-space:nowrap;}

.coursetuijian{display:block;line-height:1;color:#333;font-size:24px;font-weight: bold;}


.coursetuijianlist li{display:block;padding:12px 0;}
.coursetuijianlist li a{display:block;height:120px;}
.coursetuijianlist img{display:inline;float:left;width:195px;height:120px;}
.coursetuijianlist .d1{display:inline;float:right;width:180px;}
.coursetuijianlist em{display:block;line-height:1;color:#333;font-size:20px;padding-top:5px;}
.coursetuijianlist span{display:block;line-height:1;color:#666;font-size:16px;padding-top:25px;}
.coursetuijianlist i{line-height:1;display:block;color:#666;font-size:16px;padding-top:30px;}

.showall a{transition: all 0.3s ease 0s;display:block;line-height:1;text-align:center;color:#333;font-size:16px;padding:15px 0;background:#f3f3f3;border-radius:3px;}
.showall a:hover{background:#4f7fa5;color:#fff;}

.mszy{}
.mszy li{display:inline;float:left;width:164px;margin-right:22px;}
.mszy a{ display: block; position: relative; }
.mszy .d2{ position: absolute; left: 0; top: 0; width: 100%; z-index: 999 }
.mszy .d2 span{display: block; line-height: 1; font-size: 24px; color: #ffffff; text-align: left;background:url(../images/22.png) 10px 70px no-repeat;padding-left: 10px; padding-top: 95px;}
.mszy .d2 span.cur{background:url(../images/21.png) 10px 70px no-repeat;}
.mszy .d2 em{display:block;line-height:1;color:#ffffff;font-size:16px;padding-left:10px;padding-top:5px;}
.mszy .d3{position:absolute;width:164px;height:203px; left: 0; top: 0; background: rgba(0,0,0,0.5);}

.zhuanyelist li{display:inline;float:left;width:366px;margin-right:71px;margin-bottom:50px;}
.zhuanyelist li a{display:block; background: #fff;border-radius:10px;box-shadow: rgba(0,0,0,0.2) 0px 8px 19px 5px;transition: all 0.3s ease 0s;}
.zhuanyelist img{width:366px;height:220px;border-radius:10px 10px 0 0;}
.zhuanyelist .d2{transition: all 0.3s ease 0s;height:100px;padding-left:50px;background:url(../images/35.png) 290px center no-repeat;}
.zhuanyelist .d2 em{color:#010001;font-size:16px;display:block;line-height:1;font-weight: bold;padding-top:25px;}
.zhuanyelist .d2 span{color:#888888;font-size:14px;display:block;line-height:1;padding-top:20px;}
.zhuanyelist a:hover{ background: #fff;transform: translateY(-10px); }
.zhuanyelist a:hover .d2{background:url(../images/41.png) 295px center no-repeat;}

.sxzd li{display:inline;float:left;width:302px;margin-right:24px;}
.sxzd li a{display:block;position:relative;}
.sxzd img{width:302px;height:400px;}
.sxzd .d2{transition: all 0.3s ease 0s;position:absolute;width:302px;height:400px;background:rgba(0,0,0,0.7); left: 0; top: 0; z-index: 1}
.sxzd .d3{position:absolute;width:302px;height:400px;left: 0; top: 0; z-index: 2}
.sxzd .d3 em{display:block;line-height:1;text-align:center;color:#fff;font-size:73px;padding-top:90px;font-weight: bold;}
.sxzd .d3 span{padding-top:20px;background:url(../images/49.png) center top no-repeat;display:block;line-height:1;text-align:center;color:#ffffff;font-size:25px;margin-top:100px;}
.sxzd li a:hover .d2{background:rgba(0,0,0,0.5)}


.relnews li{display:inline;float:left;width:305px;margin-right:20px;}
.relnews a{display:block;position:relative;}
.relnews img{width:305px;height:190px;background:#EEEEEE;}
.relnews .d2{position:absolute;left:0; top:0;color:#fff;font-size:12px;padding:5px 10px;background:#ff9900;}
.relnews .d3{height:100px;padding:0 0px;}
.relnews .d3 em{display:block;line-height:1;color:#333;font-size:16px;padding-top:10px;}
.relnews .d3 span{display:block;line-height:1;color:#666;font-size:14px;padding-top:10px;}

.newmores a{color:#fff;font-size:18px;padding:12px 55px;background:#ff9900;border-radius:5px;}
.newmores a:hover{ background: #ff6600 }


.timlineleft{text-align:center;}
.timlineleft .d1 em{display:block;line-height:1;color:#333333;font-size:48px;padding-top:70px;}
.timlineleft .d1 span{display:block;line-height:1;color:#333;font-size:24px;padding-top:30px;}
.timlineleft .d2{padding-top:100px;}
.timlineleft .d2 img{width:99px;}

.lines{background:url(../images/line.png) 300px top repeat-y #fff;box-shadow: rgba(0,0,0,0.2) 0px 13px 20px 0px;}

.timlineright .d1{padding-left:50px;background:url(../images/50.png) left center no-repeat;display:block;line-height:1;color:#4f7fa5;font-size:30px;}
.timlineright .d2{padding-left:50px;color:#333;font-size:20px;line-height:1.5;padding-top:20px;}

.yuanxiaoth{box-shadow: rgba(0,0,0,0.2) 0px 13px 20px 0px;}
.yuanxiaoth li{display:inline;float:left;width:580px;margin-left:60px;}
.yuanxiaoth a{display:block;height:175px;}
.yuanxiaoth img{float:left;width:120px;height:120px;background:#4f7fa5;}
.yuanxiaoth .d1{display:inline;float:right;width:440px;}
.yuanxiaoth .d2{ height: 120px; position: relative; }
.yuanxiaoth .d3{display:block;color:#4f7fa5;font-weight: bold;font-size:120px;height:120px;line-height:120px;vertical-align:middle;}
.yuanxiaoth .d4{background:#fff;padding-top:20px;display:block;line-height:1;color:#333;font-size:30px;position:absolute; left: 0; bottom: 10px;}

.hslidt li{display:inline;float:left;width:296px;margin-right:32px;background:#fff;}
.hslidt a{display:block;border:1px #ccc solid;padding:9px;}
.hslidt img{width:276px;height:190px;background:#EEEEEE;}
.hslidt .d3{height:60px;}
.hslidt .d3 em{color:#333;font-size:14px;display:block;line-height:1;padding-top:10px;}

.xingun .item{ width: 100%; }
.xingun a{display:block;height:200px;display:inline;float:left;width:540px;padding-top:50px;border-bottom:2px #efefef dashed;}
.xingun a img{width:69px !important;height:69px;display:initial !important;}
.xingun .d1{display:inline;float:left;width:140px;text-align:center;}
.xingun .d2{display:inline;float:left;width:350px;padding-right:50px;padding-top:20px;background:url(../images/57.png) right bottom no-repeat;}
.xingun .d2 em{display:block;line-height:1;color:#1e1e1e;font-size:22px;font-weight: bold;}
.xingun .d2 span{display:block;line-height:1.6;color:#7b7b7b;font-size:14px;padding-top:10px;}

.xingun .owl-dots{position:absolute;top:-30px;right:0;width:100%; text-align: right !important;border-bottom:2px #efefef solid; padding-bottom: 20px;}
.xingun .owl-dots button{ outline: 0; width: 25px; height: 25px; margin: 0 8px; background: url(../images/56.png) center center no-repeat !important;}
.xingun .owl-dots button span{ display: none !important; }
.xingun .owl-dots button.active{background: url(../images/55.png) center center no-repeat !important;}


.llijiebg{background:url(../images/60.png) center center no-repeat;}

.lijie .item{width:164px;}
.lijie .item a{display:block;text-align:center;}
.lijie .item .d1 img{display: initial !important; width: initial !important;}
.lijie .item .d2 {height:50px;background:#fff;margin-top:30px;}
.lijie .item .d2  em{display:block;line-height:1;color:#333;font-size:16px;font-weight: bold;padding-top:8px;}
.lijie .item .d2 span{line-height:1;display:block;color:#999;font-size:14px;padding-top:5px;}
.lijie .item .d3 img{width:164px;height:160px;background:#000;}

.lijie .owl-nav button{ position: absolute; width: 15px; height: 26px;  margin: 0 !important; padding: 0 !important; border-radius: 0 !important; outline: 0;}
.lijie .owl-nav button span{ display: none }
.lijie .owl-nav button.owl-prev{ background: url(../images/58.png) center center no-repeat !important; left: -50px; top: 180px;}
.lijie .owl-nav button.owl-next{ background: url(../images/59.png) center center no-repeat !important; right: -50px;top: 180px}

.xbgf{background:url(../images/61.png) center center no-repeat #fff; background-size: cover;box-shadow:rgba(0,0,0,0.2) 0px 9px 19px 5px}
.hdbd{ border: 4px #4f7fa5 solid; padding: 40px;}

.hdinfo{display:block;text-align:center;border-bottom: 3px #4f7fa5 solid;padding-bottom:20px;}
.hdinfo em{display:block;line-height:1;color:#4f7fa5;font-size:30px;font-weight: bold;}
.hdinfo span{line-height:1;display:block;color:#4f7fa5;font-size:22px;padding-top:10px;}

.hddes{border-top: 3px #4f7fa5 solid;color:#333;font-size:24px; line-height: 2}

.yuanxiaotitle{display:block;line-height:1;text-align:center;color:#fff;font-size:36px;padding-top:145px;}
.tuijianyx{ top: 290px; left: 134px;position:absolute;color:#ffffff;font-size:16px; }
.tuijianyx em{height:32px;line-height:32px;vertical-align:middle;color:#ccc;font-size:12px;padding:0 10px;}
.tuijianyx span{height:32px;line-height:32px;vertical-align:middle;color:#ccc;font-size:16px;}
.tuijianyx a{height:32px;line-height:32px;vertical-align:middle;color:#ccc;font-size:16px;}

.sear{position:absolute;width:1012px;height:60px;background:url(../images/63.png);right:134px;top:205px}
.sear-dom{height:60px;position:relative;width:1012px;overflow:hidden;overflow-y:hidden;overflow-x:hidden}
.sear-dom input{color:#333;font-size:16px;outline:0;border:0;margin:0px;padding-left:10px;background:none;width:780px;height:60px}
.sear-dom a{position:absolute;right:0;top:0;width:185px; cursor: pointer;}
.sear-dom a img{width:186px;height:60px}
 

.filter{}
.filter .d1{ float: right; width: 1160px }
.filter .d3{ float: right; width: 1030px }
.filter span{color:#333;font-size:14px;display:inline;float:left;width:120px;height:37px;line-height:37px;vertical-align:middle;text-align:left;}
.filter em{margin-right:10px;color:#333;font-size:14px;display:inline;float:left;width:120px;height:37px;line-height:37px;vertical-align:middle;text-align:center;}
.filter a{margin-bottom: 10px;margin-right:10px;border-radius:115px;border:1px #333 solid;color:#333;font-size:14px;display:inline;float:left;width:120px;height:35px;line-height:35px;vertical-align:middle;text-align:center;}
.filter a:hover{background:#4f7fa5;color:#fff;border:1px #4f7fa5 solid;}
.filter a.cur{background:#4f7fa5;color:#fff;border:1px #4f7fa5 solid;}

.yuanx{}
.yuanx li{display:block; margin-bottom: 40px;}
.yuanx li a{display:block;height:260px;position:relative;background:#fff;border:1px #999 solid;}
.yuanx .d1{ padding: 20px 0 0 20px }
.yuanx .d2{position:absolute;top:10px;right:-70px;transition: all 0.3s ease 0s;}
.yuanx .d2 img{width:300px;height:240px;border-radius:10px;}
.yuanx .d3{height:76px;}
.yuanx .d3 img{display:inline;float:left;width:74px;height:74px;border:1px #ccc solid;}
.yuanx .d5{display:inline;float:left;width:290px;height:76px;margin-left:25px;}
.yuanx .d6{display:block;line-height:1;color:#333;font-size:24px;}
.yuanx .d7{line-height:1;display:block;color:#999;font-size:15px;padding-top:10px;}
.yuanx .d8{line-height:1;display:block;color:#333;font-size:14px;padding-top:10px;}
.yuanx .d4{padding-top:10px;}
.yuanx .d4 em{display:block;line-height:1;color:#333;font-size:14px; padding: 5px 0}
.yuanx li a:hover{border:1px #fff solid;box-shadow:rgba(0,0,0,0.2) 0 2px 6px 0;}
.yuanx li a:hover .d2{right:-55px;}

.tjyyy{padding-left:45px;background:url(../images/64.png) left center no-repeat;color:#333;font-size:24px;height:50px;line-height:50px;vertical-align:middle;}

.midingo{position:absolute;width:840px;height:220px;background:#fff; top: 120px; left: 220px;}
.midingo  img{float:left;margin-left:140px; border: 1px #ccc solid; padding: 30px; background: #fff; height: 80px; width: 80px;}
.midingo .d1{display:inline;float:left;width:420px;margin-left:30px;}
.midingo .d2{display:block;line-height:1;color:#333;font-size:24px;}
.midingo .d3{display:block;line-height:1;color:#666;font-size:14px;padding-top:10px;}
.midingo .d4 em{line-height:1;display:block;color:#333;font-size:14px;padding:5px 0; padding-left: 30px;}
.midingo .d4 em.bg1{background:url(../images/65.png) left center no-repeat;}
.midingo .d4 em.bg2{background:url(../images/66.png) left center no-repeat;}
.midingo .d4 em.bg3{background:url(../images/67.png) left center no-repeat;}
.midingo .d4 em.bg4{background:url(../images/67s.png) left center no-repeat;}

.lansi{ height: 104px; padding: 20px 0; background: #fff; width: 100%; border-radius: 15px;position:absolute; left: 0; bottom: -70px;    box-shadow: rgba(0,0,0,0.2) 5px 5px 6px 0; }
.lansi div{float:left;width:210px; height: 100px;background:url(../images/68.png) right center no-repeat;}
.lansi div em{display:block;line-height:1;color:#000;font-size:24px;text-align:center;padding:25px 0 15px 0;}
.lansi div span{display:block;line-height:1;color:#4f7fa5;font-size:16px;text-align:center;}
.lansi div.nobg{ background: no-repeat; }

.rightmore{ text-align: right; }
.rightmore a{color:#fff;font-size:22px;line-height:1;padding:15px 40px;background:#4f7fa5;border-radius:511px;}

.guon{}
.guon li{display:inline;float:left;width:296px;margin-right:32px;}
.guon li a{display:block;box-shadow: rgba(0,0,0,0.2) 0px 3px 18px 1px;}
.guon .d1 img{width:296px;height:180px;}
.guon .d2{height:44px;padding:20px 0 20px 30px;background:#fff;}
.guon .d2 img{width:42px;height:42px;float:left;margin-right:10px;border:1px #ccc solid;}
.guon .d3{display:inline;float:left;white-space:nowrap;}
.guon .d3 em{display:block;line-height:1;color:#000;font-size:14px;padding:5px 0 5px 0;}
.guon .d3  span{line-height:1;display:block;color:#333;font-size:12px;}

.xuyn{}
.xuyn .d1{}
.xuyn .d1 em{background:#e6e2e7;padding:15px 0;display:block;line-height:1;color:#4f7fa5;font-size:45px; text-align: right; width: 300px}
.xuyn .d2{color:#333;font-size:16px;line-height:2; padding-left: 30%;background:url(../images/75.png) 230px center repeat-y;}
.xuyn .d2.nobg{ background: none }


.hotkc{}
.hotkc li{display:inline;float:left;width:309px;height:150px;border:4px #000 solid;margin-right:4px;margin-bottom:4px;}
.hotkc .d1{display:block;line-height:1;padding-left:140px;padding-top:35px;}
.hotkc .d1 em{color:#4f7fa5;font-size:26px;}
.hotkc .d1 span{color:#313131;font-size:16px;}
.hotkc .d2{height:50px;padding-top:10px;}
.hotkc .d2 span{display:inline;float:left;height:50px;width:140px;text-align:right;}
.hotkc .d2 img{height:44px;margin-right:40px;}
.hotkc .d2 em{color:#333;font-size:26px;font-weight: bold;display:inline;float:left;height:50px;line-height:50px;vertical-align:middle;}

.kmj{}
.kmj li{display:inline;float:left;margin-right:32px;height:335px;}
.kmj li a{display:block;box-shadow:rgba(0,0,0,0.2) 0px 3px 18px 1px;position:relative;}
.kmj img{background:#0066ff;}
.kmj .d2{height:95px;background:#fff;text-align:center;}
.kmj .d2 em{line-height:1;display:block;color:#010001;font-size:16px;padding:25px 0 10px 0;}
.kmj .d2 span{line-height:1;display:block;color:#888888;font-size:14px;}
.kmj .d3{position:absolute;width:73px;height:56px;background:url(../images/77.png);right:-7px;top:20px;}
.kmj .d3.hui{background:url(../images/76.png);}
.kmj .d3 em{display:block;text-align:center;height:49px;line-height:49px;vertical-align:middle;color:#fff;font-size:20px;}

.zyff{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.zyff a{color:#333;font-size:26px; line-height: 1;border-bottom:6px #e6e2e7 solid;height:39px;}
.zyff a.cur{font-weight: bold;border-bottom:6px #4f7fa5 solid; color: #4f7fa5;}

.kcmain{}
.kcmain h1{display:block;line-height:1;color:#333;font-size:48px;text-align:center;}
.kcmain .d1{line-height:2;display:block;color:#333333;font-size:24px;}


.yabs a{margin-right:20px;padding:0 35px;text-align:center;border:2px #4f7fa5 solid;height:42px;line-height:42px;vertical-align:middle;color:#4f7fa5;font-size:18px;}
.yabs a.cur{background:#4f7fa5;color:#fff;border:2px #4f7fa5 solid;}


.zuop{}
.zuop li{display:inline;float:left;width:302px;margin-right:24px; margin-bottom: 24px;}
.zuop a{display:block;}
.zuop img{width:302px;height:400px;border-radius:5px;box-shadow:rgba(0,0,0,0.2) 0px 7px 12px 2px}