/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}
img{outline:none; border:none;}
input,select{outline:none;}
area{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,em{font-style:normal;}
body{font-family:Microsoft YaHei; font-size:12px;}


.top{ width:1100px; margin:0 auto; overflow:hidden;}
.top a{ float:left; width:99px; height:39px; padding-top:34px;}
.top span{ float:right; height:130px; line-height:130px; background:url(../images/phone.png) left center no-repeat; text-indent:30px; color:#255699; font-size:26px; font-family:Arial, Helvetica, sans-serif;}

.yh{ width:784px; margin:0 auto; overflow:hidden; padding-left:316px;}
.yh p{ height:72px; font-size:28px; color:#FFF; line-height:92px; text-align:left;}
.yh p i{ color:#df4138; font-weight:bold;}
.yh span{ display:block; color:#FFF; line-height:26px; font-size:18px;}

.kc_tit{ width:1100px; margin:0 auto; overflow:hidden;}
.kc_tit a{ -webkit-transition:all 0.4s linear; float:left; width:213px; height:226px; overflow:hidden; margin-right:8px; position:relative;}
.kc_tit a img{ -webkit-transition:all 0.2s linear;  opacity:0; position:absolute; left:0px; top:-226px;}
.kc_tit a:hover img{ display:block; opacity:1; top:0px;}

.course_box{ width:1074px; margin:0 auto; overflow:hidden; padding-left:26px;}
.course{ float:left; width:282px; padding-top:40px; overflow:hidden;}
.course span{ -webkit-transition:all 0.4s linear; cursor:pointer; display:block; width:100%; height:71px; border-bottom:1px solid #FFF; border-top-left-radius:4px; border-bottom-left-radius:4px; text-align:center; background:#e8f0fc; color:#27579d; font-size:26px; font-weight:bold; line-height:72px;}
.course span.se{ background:#9dcff2;}

.course_content{ float:left; width:728px; padding:30px 0 0 36px;}
.course_content .ever{ display:none;}
.course_content .active{ display:block;}
.course_content div{ width:100%; overflow:hidden;}
.course_content div table{ width:100%; text-align:center;}
.course_content div table tr th{ color:#27579d; font-size:22px; height:80px;}
.course_content div table tr td{ color:#09478f; font-size:18px;  background:#FFF; height:50px; border-bottom:10px solid #9ed0f2;}
.course_content div table tr td a{ color:#09478f; font-size:18px;}
.course_content div table tr td:nth-child(1){ font-weight:bold;  font-size:20px;}
.course_content div table tr td i{ color:#df4138;}
.zx_btn{ width:100%; text-align:center;}
.zx_btn a{ display:inline-block; width:267px; height:98px; background:url(../images/zx_bg.png) no-repeat; color:#FFF; font-size:20px; text-align:left; text-indent:50px; line-height:90px; }
.zx_btn a.phone{ background:url(../images/phone_bg.png) no-repeat;}



#plan{ width:1100px; margin:0 auto; overflow:hidden; box-shadow:#a6bbdb 10px 20px 20px;}
#plan dl{ -webkit-transition:all 0.4s linear; float:left; width:142px; height:345px; overflow:hidden;}
#plan dl dt{ -webkit-transition:all 0.4s linear; float:right; width:141px; height:345px; overflow:hidden; border-right:1px solid #a6bbda;}
#plan dl dd{ -webkit-transition:all 0.4s linear;  width:0px; height:351px; background:#FFF; overflow:hidden; float:left; padding-top:24px; border-right:1px solid #27579d;}
#plan dl dd h6{ width:100%; text-align:center; margin-bottom:12px; background:url(../images/h6_bg.png) bottom center no-repeat; height:70px; line-height:70px; font-weight:bold; font-size:26px; color:#27579d;}
#plan dl dd p{ width:480px; padding-left:12px; height:89px; padding-top:20px; overflow:hidden; margin:0 auto; border-bottom:1px solid #f5f5f5;}
#plan dl dd p span{ float:left; width:146px; height:27px; margin-right:14px; border-top:5px solid #FFF; background:url(../images/span_bg.png) no-repeat; line-height:26px; color:#000; font-size:18px; text-indent:48px;}
#plan dl dd p font{ float:left; width:320px; line-height:22px; color:#000000; font-size:16px;}
#plan dl dd p:nth-last-child(1){ border-bottom:0px;}
#plan dl.se{width:530px; }
#plan dl.se dt{width:0px; border:0px;}
#plan dl.se dd { width:530px;}

.bm_course{ width:1100px; margin:0 auto; overflow:hidden; height:534px; padding-top:30px; background:#9ed0f2; border-radius:6px;}

.bm_course table{ width:1062px; margin:0 auto; text-align:center; margin-bottom:30px;}
.bm_course table tr th{ color:#27579d; font-size:22px; height:84px; background:#9ed0f2;}
.bm_course table tr{background:#FFF;}

.bm_course table tr td{ color:#09478f; font-size:18px;   height:39px; border-bottom:3px solid #9ed0f2;}
.bm_course table tr td a{ color:#09478f; font-size:18px;}
.bm_course table tr td:nth-child(1){ font-weight:bold;  font-size:20px;}
.bm_course table tr td i{ color:#df4138;}


.method{ width:1062px; margin:0 auto; overflow:hidden; padding-left:38px;}
.method dl{ float:left; width:266px; margin-right:102px; overflow:hidden;}
.method dl dt{ height:124px; padding-left:48px; width:218px;}
.method dl dt ul li{ text-align:left; line-height:30px; color:#27579d; font-size:18px;}
.method dl dd{ width:100%; overflow:hidden; text-align:center;}
.method dl dd a{ display:inline-block; width:171px; height:50px; line-height:50px; color:#FFF; font-size:20px; border-radius:25px; box-shadow:#fbbbb7 0 0 16px; background:#df4138; margin:18px auto;}

.ms{ width:1072px; margin:0 auto; overflow:hidden; padding-left:28px;}
.ms dl{ float:left; width:240px; overflow:hidden;  margin-right:24px;}
.ms dl dt{ height:82px; line-height:82px; color:#4c4c4c; font-size:18px; text-align:center;}
.ms dl dt i{ color:#4c4c4c;font-size:24px; font-weight:bold; margin-right:24px;}
.ms dl dd{ padding:0 16px; width:208px; color:#4c4c4c; font-size:14px; line-height:20px;}


.xq{ width:1100px; margin:0 auto; overflow:hidden;}
.xq img{ -webkit-transition:all 0.4s linear; float:left; margin:0 10px 12px 0;}
.xq img:hover{ -webkit-transform:scale(0.9);}

.footer{ width:100%; text-align:center; color:#FFF; font-size:16px; line-height:30px; padding:50px 0;}