/*
*启德教育集团市场部技术开发
*前端开发组制作版权所有
*/
/***************************公共组件样式控制***************************/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,img,b,i,dl,dt,dd,ul,li{margin:0;padding:0;border:0;list-style:none;}
html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;_font-smoothing:antialiased;font-smoothing:antialiased;}
#nav,#header,#menu,#section{display:block;}
#nav,#header,#menu{width:100%;}
.zt-wrap{font-size:16px;}
ul,li{list-style:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none; outline:none}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
.elips { white-space:nowrap; text-overflow:ellipsis;  overflow:hidden; -o-text-overflow: ellipsis}
/*清除浮动方法*/
.clear{clear:both;overflow:hidden;font-size:0;line-height:0;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
.tc { text-align:center}
.fix{zoom:1;}
.fix:after{display:block; content:'clear'; clear:both; line-height:0; visibility:hidden;}
img{vertical-align:bottom}
/****************************页面样式控制*****************************/
/*---------------------------全局页面控制----------------------------*/
body{line-height:22px;font-size:12px;color:#2f2f2f; font-family:"微软雅黑","Microsoft YaHei",Helvetica,Arial; }
a{color:#000;}
a:hover{color:#e45711;}
.mw{width:1000px;margin:0 auto}
/*---------------------------全局导航模块---------------------------*/

#nav{height:105px;text-align:center;background-color:#FFF;}

/*头部Banner*/
#header{ width:100%;height:500px;background: url(imagesheader.jpg) center top no-repeat}
.header-con {width: 1000px; height:500px; margin:0 auto;  position:relative;}
.header-con a { width:194px; height:44px; display:block; position:absolute; font:16px/44px "微软雅黑"; top:320px; cursor:pointer;text-align: center; border:1px solid #fff; color:#fff;}
.header-con a.hbtn1 { right:90px}
.header-con a.hbtn2 { background:#db1a11; right:310px; border:1px solid #db1a11;}
.header-con a:hover { background:#ae0a16; border:1px solid #ae0a16; color:#fff}

/*导航*/
#totop{width:100%;background:#e3e3e3;height:70px;}
.totop-fix{position:fixed;top:0;z-index:1;display:block;}
#totop ul{text-align:center;font-size:0; padding-top:18px}
#totop li{display:inline-block; height:32px}
#totop li a{display:inline-block; font-size:16px;margin:0 35px; line-height:32px;} 
#totop li.on a{border-bottom:5px solid #e60012}
#totop li a:hover{border-bottom:5px solid #e60012;}

/*-------------------------全局菜单导航模块--------------------------*/
.tit{ width:100%; background: url(imagesbg_tit1.jpg) center top no-repeat; padding-top:46px}
.tit h2 { height:120px; font:36px/40px "微软雅黑"; text-align:center; color:#000}
.tit2{ width:100%; background: url(imagesbg_tit2.png) center top no-repeat; padding-top:33px}
.tit2 h2 { height:120px; font:36px/40px "微软雅黑"; text-align:center; color:#000}
.tit3{ width:100%; background: url(imagesbg_tit3.png) center top no-repeat; padding-top:68px}
.tit3 h2 { height:95px; font:36px/40px "微软雅黑"; text-align:center; color:#000}
.tit4{ width:100%; background: url(imagesbg_tit4.png) center top no-repeat; padding-top:52px}
.tit4 h2 { height:110px; font:28px/40px "微软雅黑"; text-align:center; color:#000}
.tit4 h2 b {font:bold 36px/40px "微软雅黑"; }
.tit6{ width:100%; background: url(imagesbg_tit6.png) center top no-repeat; padding-top:34px}
.tit6 h2 { height:130px; font:36px/40px "微软雅黑"; text-align:center; color:#000}
.tit7{ width:100%; background: url(imagesbg_tit7.png) center top no-repeat; padding-top:50px}
.tit7 h2 { height:130px; font:36px/40px "微软雅黑"; text-align:center; color:#000}
.tit7a{ width:100%; height:30px; background: url(imagesbg_tit7a.jpg) center center no-repeat; margin-bottom:40px}
.tit7a h5 {font:28px/30px "微软雅黑"; text-align:center; color:#f00}
.tit8{ width:100%; background: url(imagesbg_tit8.png) center top no-repeat; padding-top:50px}
.tit8 h2 { height:130px; font:36px/40px "微软雅黑"; text-align:center; color:#000}

/*导言*/
.dy {width:854px;margin:50px auto 30px; height:176px; background:url(imagesbg_dy.jpg) no-repeat; padding:30px 50px 60px; color:#e2dddd}
.dy h5 {font:22px/40px "微软雅黑"; text-align:center; margin-bottom:15px}
.dy p { font:14px/24px "微软雅黑"; text-indent:2em;}
.arr-box { width:66px; height:48px; background:url(imagesbg_arrow.jpg) no-repeat; margin:0 auto; margin-bottom:20px}
.btn-box { width:458px; height:52px; margin:0 auto; padding-top:60px}
.btn-box a { width:214px; height:42px; display:block; border:2px solid #db1a11; font:16px/42px "微软雅黑"; text-align:center; float:left; }
.btn-box a.btn1 { background:#db1a11; color:#fff; }
.btn-box a.btn2 { margin-right:20px;}
.btn-box a:hover{background:#ae0a16; color:#fff; border:2px solid #ae0a16; }

.part1{ padding:20px 0 40px; }
.bwg { position:relative; height:656px;}
.bwg ul li { width:265px; height:194px; position:absolute; cursor:pointer; overflow:hidden}
.bwg ul li img {width:265px; height:194px; position:absolute; display:block; top:0px; left:0px}
.bwg ul li:hover img{	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
	}
.bwg ul li h5 { width:160px; height:80px; border:4px solid #ccc;  position:absolute; left:50%; margin-left:-80px; top:50%; margin-top:-40px; font:bold 18px/80px "微软雅黑"; color:#fff; text-align:center; -webkit-transform: scale(1); transform: scale(1);}
.bwg ul li:hover h5{	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
	}
.bwg ul li.bwg1 { top:0px; left:0px}
.bwg ul li.bwg2 { top:205px; left:0px}
.bwg ul li.bwg3 { top:410px; left:0px}
.bwg ul li.bwg4 { top:0px; right:0px}
.bwg ul li.bwg5 { top:205px; right:0px;}
.bwg ul li.bwg5 h5 { line-height:30px; padding-top:10px; height:70px}
.bwg ul li.bwg6 { top:410px; right:0px}
.bwg ul li.bwg7 { top:0px; left:285px;width:430px; height:313px;}
.bwg ul li.bwg7 img {width:430px; height:313px;}
.bwg ul li.bwg7 h5 {width:226px; height:114px;margin-left:-113px; margin-top:-67px; line-height:114px;}
.bwg-hid { width:380px; height:280px; background:#f3f3f3; padding:25px; display:none; position:absolute; bottom:0; left:285px}
.bwg-hid h5 {font:26px/36px "微软雅黑"; border-bottom:2px solid #db1a11; margin-bottom:10px}
.bwg-hid p { font:14px/24px "微软雅黑"; }
.bwg-hid p.bwg-memo { color:#db1a11; padding-top:10px}

.part2{ padding:40px 0; background:url(imagesbg_part2.jpg) repeat;}
.lgj { padding-left:25px;}
.lgj dl { width:100%; height:310px; position:relative; margin-bottom:30px}
.lgj dl dt { width:395px; height:310px;}
.lgj dl dd { width:565px; height:159px; padding:35px 60px 40px 40px; background:url(imagesbg_lgj1.png) no-repeat; position:absolute; top:50px; left:350px; color:#fff;}
.lgj dl.lgj-memo dt{ position:absolute; right:0; top:0; }
.lgj dl.lgj-memo dd { left:20px; background:url(imagesbg_lgj2.png) no-repeat;}
.lgj dl dd h5 {font:20px/36px "微软雅黑";}
.lgj dl dd p {font:14px/23px "微软雅黑";}

.part3{ padding:40px 0;} 
.ysp-nav { height:83px; background:url(imagesbg_yspnav.png) repeat-x;}
.ysp-tab { width:1000px; height:83px; margin:0 auto;}
.ysp-tab li { width:125px; height:83px; float:left; text-align:center; font:18px/83px "微软雅黑"; color:#fff; cursor:pointer}
.ysp-tab li.on { background:#e0001b; -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px}
.ysp-con { background:#eee; padding-bottom:60px}
.ysp-hid { width:1000px; margin:0 auto; display:none; padding-top:50px}
.ysp-sub-tab { width:320px; float:left;}
.ysp-sub-tab li { height:57px; padding-left:162px; padding-top:24px; padding-right:40px; font:18px/24px "微软雅黑"; cursor:pointer; text-align:center}
.ysp-sub-tab li.num01 { background:url(imagesnum01.png) no-repeat}
.ysp-sub-tab li.num02 { background:url(imagesnum02.png) no-repeat}
.ysp-sub-tab li.num03 { background:url(imagesnum03.png) no-repeat}
.ysp-sub-tab li.num04 { background:url(imagesnum04.png) no-repeat}
.ysp-sub-tab li.num05 { background:url(imagesnum05.png) no-repeat}
.ysp-sub-tab li.num06 { background:url(imagesnum06.png) no-repeat}
.ysp-sub-tab li.num07 { background:url(imagesnum07.png) no-repeat}
.ysp-sub-tab li.num08 { background:url(imagesnum08.png) no-repeat}
.ysp-sub-tab li.on { height:70px; background-position:0px -81px; color:#fff;padding-top:50px; }

.ysp-sub-tab1 li.num02{padding-top:12px;height:69px}
.ysp-sub-tab1 li.num02.on{padding-top:40px;height:80px}
.ysp-sub-tab1 li.num03{padding-top:12px;height:69px}
.ysp-sub-tab1 li.num03.on{padding-top:40px;height:80px}
.ysp-sub-tab1 li.num04{padding-top:12px;height:69px}
.ysp-sub-tab1 li.num04.on{padding-top:40px;height:80px}
.ysp-sub-tab2 li.num02{padding-top:12px;height:69px}
.ysp-sub-tab2 li.num02.on{padding-top:40px;height:80px}
.ysp-sub-tab2 li.num03{padding-top:12px;height:69px}
.ysp-sub-tab2 li.num03.on{padding-top:40px;height:80px}
.ysp-sub-tab2 li.num04{padding-top:12px;height:69px}
.ysp-sub-tab2 li.num04.on{padding-top:40px;height:80px}
.ysp-sub-tab2 li.num08{padding-top:12px;height:69px}
.ysp-sub-tab2 li.num08.on{padding-top:40px;height:80px}
.ysp-sub-tab3 li.num01{padding-top:12px;height:69px}
.ysp-sub-tab3 li.num01.on{padding-top:40px;height:80px}
.ysp-sub-tab3 li.num02{padding-top:12px;height:69px}
.ysp-sub-tab3 li.num02.on{padding-top:40px;height:80px}
.ysp-sub-tab3 li.num03{padding-top:12px;height:69px}
.ysp-sub-tab3 li.num03.on{padding-top:40px;height:80px}
.ysp-sub-tab4 li.num01{padding-top:12px;height:69px}
.ysp-sub-tab4 li.num01.on{padding-top:40px;height:80px}
.ysp-sub-tab4 li.num04{padding-top:12px;height:69px}
.ysp-sub-tab4 li.num04.on{padding-top:40px;height:80px}
.ysp-sub-tab4 li.num05{padding-top:12px;height:69px}
.ysp-sub-tab4 li.num05.on{padding-top:40px;height:80px}
.ysp-sub-tab5 li.num01{padding-top:12px;height:69px}
.ysp-sub-tab5 li.num01.on{padding-top:40px;height:80px}
.ysp-sub-tab5 li.num02{padding-top:12px;height:69px}
.ysp-sub-tab5 li.num02.on{padding-top:40px;height:80px}
.ysp-sub-tab6 li.num02{padding-top:12px;height:69px}
.ysp-sub-tab6 li.num02.on{padding-top:40px;height:80px}
.ysp-sub-tab6 li.num03{padding-top:12px;height:69px}
.ysp-sub-tab6 li.num03.on{padding-top:40px;height:80px}
.ysp-sub-tab6 li.num04{padding-top:12px;height:69px}
.ysp-sub-tab6 li.num04.on{padding-top:40px;height:80px}
.ysp-sub-tab7 li.num02{padding-top:12px;height:69px}
.ysp-sub-tab7 li.num02.on{padding-top:40px;height:80px}
.ysp-sub-tab7 li.num03{padding-top:12px;height:69px}
.ysp-sub-tab7 li.num03.on{padding-top:40px;height:80px}
.ysp-sub-tab7 li.num04{padding-top:12px;height:69px}
.ysp-sub-tab7 li.num04.on{padding-top:40px;height:80px}
.ysp-sub-tab7 li.num05{padding-top:12px;height:69px}
.ysp-sub-tab7 li.num05.on{padding-top:40px;height:80px}
.ysp-sub-tab8 li.num02{padding-top:12px;height:69px}
.ysp-sub-tab8 li.num02.on{padding-top:40px;height:80px}


.ysp-sub-hid { width:638px; float:left; border:1px dotted #000; padding:20px; background: url(imagesbg_flower.png) right bottom no-repeat; display:none}
.ysp-sub-hid h5 { width:96px; height:34px; background:#2f2f2f; font:16px/34px "微软雅黑"; color:#fff; text-align:center; margin-bottom:10px}
.ysp-sub-hid h6 { width:155px; height:34px; background:#2f2f2f; font:16px/34px "微软雅黑"; color:#fff; padding-left:15px; margin-bottom:15px}
.ysp-sub-hid h6 span { font:14px/34px "微软雅黑";}
.ysp-sub-hid p { font:14px/24px "微软雅黑"; margin-bottom:15px}
.ysp-sub-hid ul { width:480px;}
.ysp-sub-hid ul li {font:14px/24px "微软雅黑";}
.zpj h5 {font:36px/50px "微软雅黑"; text-align:center; padding:60px}
.zpj h5 b{ font-weight:400; color: #db1a11}
.zpj dl { width:100%; height:424px; position:relative; margin-bottom:40px}
.zpj dl dt { width:325px; height:424px;}
.zpj dl dd { width:620px; height:210px; background:url(imagesbg_zpj2.png) no-repeat; padding:60px 50px 50px 40px; position:absolute; top:30px; left:280px;}
.zpj dl dd p { font:14px/24px "微软雅黑"; margin-bottom:25px; text-indent:2em;}
.zpj dl dd p b {color: #db1a11}
.jg { height:51px; background:url(imagesbg_jg.jpg) center top no-repeat;}


.part4{ padding:40px 0;} 
.pdl-dy {font:16px/30px "微软雅黑"; text-align:center; margin-bottom:50px}
.pdl-dy b {color: #db1a11}
.pdl-box { background:#eee; padding:50px 0}
.pdl-con { width:960px; margin:0 auto; padding:0 20px}
.pdl-con dl { width:440px; float:left; margin-right:40px;}
.pdl-con dl dt { width:100%; height:61px; background:url(imagesbg_pdl1.jpg) 100px top no-repeat; margin-bottom:18px; font:bold 24px/57px "微软雅黑";}
.pdl-con dl dd { margin-left:100px; width:298px; height:198px; padding:20px; border:1px dotted #6e6d6d}
.pdl-con dl dd p {font:14px/24px "微软雅黑"; margin-bottom:25px; background:url(imagesbg_pdl2.png) 0 6px no-repeat; padding-left:20px;}
.pdl-l { width:440px; float:left; margin-right:60px;}
.pdl-l h5  { font:bold 24px/30px "微软雅黑"; margin-bottom:15px; text-align:center}
.pdl-l dl { height:165px; margin-bottom:5px; position:relative; padding-top:18px;}
.pdl-l dl dt { width:120px; height:38px; background:#cf4431; font:18px/38px "微软雅黑"; color:#fff; text-align:center; position:absolute; left:28px; top:0}
.pdl-l dl dd { width:378px; height:88px; border:1px dotted #d55a49; padding:30px; font:14px/24px "微软雅黑";}
.pdl-r { width:500px; float:left;}
.pdl-r h5{ font:bold 24px/30px "微软雅黑"; margin-bottom:25px; text-align:center}
.pdl-r p { padding:5px; background:#eee; margin-bottom:35px;}
.pdl-r span { display:block; border:1px dotted #d55a49; font:bold 14px/20px "微软雅黑"; padding:10px; text-align:center}
.pdl-r dl { width:200px; float:left; margin-left:35px; display:inline}
.pdl-r dl dt { padding:10px; font:16px/24px "微软雅黑"; color:#fff; text-align:center; background:#cf4431}
.pdl-r dl dd { padding-left:38px}
.pdl-r dl dd img { width:37px; display:block; float:left;}
.pdl-r dl dd b { width:108px; display:block; float:left; padding-top:20px;}
.pdl-r dl dd b i { margin-top:15px; width:106px; height:30px; display:block; border:1px dotted #d55a49; text-align:center; font:16px/30px "微软雅黑"; font-style:normal}

.part5{ padding:60px 0; background:url(imagesbg_part5.jpg) no-repeat} 
.part5 h3 {font:36px/40px "微软雅黑"; color:#fff; margin-bottom:50px; text-align:center}
.ds-tab { width:770px; height:200px; margin:0 auto; background:url(imagesbg_ds.png) 0 bottom no-repeat; margin-bottom:10px}
.ds-tab li { width:180px; height:180px; margin-left:58px; float:left; display:inline; text-indent:-9999px; cursor:pointer}
.ds-tab li.ds1 { background:url(imagespic_ds1.png) 0px -180px no-repeat}
.ds-tab li.ds2 { background:url(imagespic_ds2.png) 0px -180px no-repeat}
.ds-tab li.ds3 { background:url(imagespic_ds3.png) 0px -180px no-repeat}
.ds-tab li.on { background-position:0px 0px}
.ds-hid {width: 1000px; margin:0 auto; display:none}
.ds-l { width:678px; float:left; padding-top:130px}
.ds-l dl { width:215px; height:258px; float:left; position:relative; margin-right:11px}
.ds-l dl dt { width:215px; height:258px; }
.ds-l dl dd {width:215px; height:47px; position:absolute; top:184px; left:0; background:url(imagesbg_dszp.png) no-repeat; text-align:center; color:#fff; font:14px/47px "微软雅黑";}
.ds-r { width:321px; height:372px; float:right; background:url(imagesbg_dsr.png) 0 20px no-repeat}
.ds-r dl { padding:0 20px; padding-right:0}
.ds-r dl dt { width:166px; height:66px; background:#e32235; color:#fff; font:20px/66px "微软雅黑"; text-align:center}
.ds-r dl dd {font:14px/24px "微软雅黑"; padding:15px}

.part6 { padding:60px 0; background:#eee;}
.fwlc01{ margin-bottom:40px;}
.fwlc01 dl { width:200px; height:200px; float:left; background:url(imagesbg_fwlc1.png) no-repeat}
.fwlc01 dl dt { height:70px; overflow:hidden}
.fwlc01 dl dt b{ width:70px; height:70px; display:block; float:left; font:30px/70px "微软雅黑"; color:#fff; text-align:center}
.fwlc01 dl dt i { width:126px; height:70px; display:block; float:left; font:bold 15px/80px "微软雅黑"; padding-left:4px}
.fwlc01 dl dd { padding-left:48px; font:14px/22px "微软雅黑"; }
.fwlc02 dl { width:200px; height:200px; float:right; background:url(imagesbg_fwlc2.png) no-repeat}
.fwlc02 dl dt { height:70px; overflow:hidden}
.fwlc02 dl dt b{ width:70px; height:70px; display:block; float:right; font:30px/70px "微软雅黑"; color:#fff; text-align:center}
.fwlc02 dl dt i { width:120px; height:70px; display:block; float:right; font:bold 16px/80px "微软雅黑";}
.fwlc02 dl dd { padding-right:48px; font:14px/22px "微软雅黑"; }

.part7 { padding:45px 0}
.wkt-l { width:342px; padding-right:40px; padding-top:15px; border-right:1px solid #e4e4e4; float:left; margin-right:40px}
.wkt-r { width:577px; float:left;}
.wkt-l img { display:block; margin-bottom:15px;}
.wkt-l p {font:14px/22px "微软雅黑"; margin-bottom:8px; padding-left:40px; margin-left:10px}
.wkt-l p.ico-w1 { background:url(imagesicon_w1.png) no-repeat}
.wkt-l p.ico-w2 { background:url(imagesicon_w2.png) no-repeat}
.wkt-l p.ico-w3 { background:url(imagesicon_w3.png) no-repeat}
.wkt-l p b {  color:#e63840}
.wkt-r h5 { height:50px; overflow:hidden; background:url(imagestit_wkt1.png) no-repeat; font:14px/58px "微软雅黑"; color:#fff; padding-left:56px; margin-bottom:5px}
.wkt-r h6 { height:50px; overflow:hidden; background:url(imagestit_wkt2.png) no-repeat; font:14px/56px "微软雅黑"; color:#fff; padding-left:56px; margin-bottom:5px}
.wkt-r p {font:14px/22px "微软雅黑"; padding-left:10px; margin-bottom:10px}

.qa { padding-top:40px; padding-left:20px}
.qa dl.q { margin-bottom:10px;}
.qa dl.a { margin-bottom:20px;}
.qa dl.q dt { width:27px; height:27px; margin-top:13px; margin-right:13px; background:url(imagesico_q.png); float:left;}
.qa dl.q dd { width:861px; height:52px; float:left; background:url(imagesbg_qa.png) no-repeat; padding-left:26px; font:14px/52px "微软雅黑"; }
.qa dl.a dt { width:27px; height:27px; margin-top:13px; margin-right:23px; background:url(imagesico_q.png); float:left;}
.qa dl.a dd { width:785px; float:left; background:#eaeaea; padding:15px; font:14px/24px "微软雅黑";  -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px}

.part8 { padding:40px 0; background:#eee;}
.youshi-box{background-color:#F7FBFD;}
.youshi{margin:0 auto;width:1000px;overflow:hidden;zoom:1}
.youshi dl{width:200px; float:left; vertical-align:top;padding:30px 13px;margin-right:20px;margin-bottom:20px;background-color:#fff;}
.youshi dl dt{ width:68px; height:61px; margin:0 auto;}
.youshi dl dd{margin-top:30px;border-top:1px dashed #9CCDE6;padding-top:30px;height:60px;font:14px "微软雅黑"; text-align:center}
.youshi dl dt.icon-ys01 { background:url(imagesqide_youshi01.png) no-repeat}
.youshi dl dt.icon-ys02 { background:url(imagesqide_youshi02.png) no-repeat}
.youshi dl dt.icon-ys03 { background:url(imagesqide_youshi03.png) no-repeat}
.youshi dl dt.icon-ys04 { background:url(imagesqide_youshi04.png) no-repeat}
.youshi dl dt.icon-ys05 { background:url(imagesqide_youshi05.png) no-repeat}
.youshi dl dt.icon-ys06 { background:url(imagesqide_youshi06.png) no-repeat}
.youshi dl dt.icon-ys07 { background:url(imagesqide_youshi07.png) no-repeat}
.youshi dl dt.icon-ys08 { background:url(imagesqide_youshi08.png) no-repeat}