/* CSS Document */
*{ margin:0; padding:0;}
img{ outline:none; border:none;}
ul li,ol li{ list-style:none;}
a{ text-decoration:none;}
html,body,p,h1,h2,h3,h4,h5,h6,p,div,span,font,a{ font-family:"微软雅黑"; font-size:12px;}


.top{ width:1000px; margin:0 auto; overflow:hidden;}
.top a{ float:left;}
.top a img{ display:block;}
.top span{ float:right; height:90px; line-height:90px; background:url(../images/phone.png) left center no-repeat; text-indent:40px; font-size:24px; color:#41282a; font-family:Arial, Helvetica, sans-serif;}

.banner_btn{ width:1000px; margin:0 auto; overflow:hidden; padding-top:176px; box-sizing:border-box;}
.banner_btn a{ float:left; width:300px; height:59px; line-height:60px; text-align:center; color:#FFF; background:#c3102f; border-bottom:3px solid #9c0d26;  font-size:18px;  border-radius:6px;}
.banner_btn a:hover{ background:#323f90; border-bottom:3px solid #2e3563;}

.how{ width:1000px; margin:0 auto; overflow:hidden; padding-top:252px; box-sizing:border-box;}
.how dl{ float:left; width:280px; overflow:hidden; margin-right:80px;}
.how dl dt{ width:280px; padding:0 18px 0 100px; box-sizing:border-box; font-size:16px; color:#333; line-height:28px;}
.how dl dd a{  -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; display:block; width:200px; height:60px; line-height:60px; text-align:center; color:#FFF; background:#c3102f; border-radius:6px;margin:30px auto; font-size:18px;}
.how dl dd a:hover{ transform:translateX(20px) rotate(7deg); -webkit-transform:translateX(20px) rotate(7deg); }



.tf_box{ width:1000px; overflow:hidden; margin:0 auto; height:519px; padding:0 68px 0 74px; box-sizing:border-box;}

#tab{ float:right; width:402px; overflow:hidden; height:519px; position:relative;}
#tab span{ position:absolute; cursor:pointer;}
#tab span img{ display:block;}
#tab span i,em{ display:block; width:100%; height:100%; -webkit-transition:all 0.6s ease-out;}
#tab span em{ display:none;}
#tab span.se i{ display:none;}
#tab span.se em{ display:block;}
#tab span.se em:hover{-webkit-transform:scale(0.8);}
#tab_content{ float:left; width:320px; overflow:hidden; }

.ever{ display:none;}
.ever dl{ width:320px; overflow:hidden; padding-top:52px; box-sizing:border-box;}
.ever dl dt{ width:100%; line-height:66px; text-align:center; font-size:24px; color:#1e2340;}
.ever dl dd{ width:100%; padding-top:14px; overflow:hidden;}
.ever dl dd p{ width:320px; box-sizing:border-box; font-size:16px; color:#222; line-height:48px; padding-left:48px; background:url(../images/p_bg.png) 15px 17px no-repeat;}
.ever dl dd a{ display:block; width:260px; height:60px; line-height:60px; text-align:center; color:#FFF; background:#c3102f; border-radius:6px; font-size:16px; margin:20px auto;}


.online_test{ width:1060px; margin:0 auto; overflow:hidden; height:360px; padding-right:30px; box-sizing:border-box; padding-top:46px;}
.online_test dl{ float:right; width:365px; overflow:hidden;}
.online_test dl dt{ width:100%; color:#c3102f; font-size:24px; text-align:left; line-height:46px;}
.online_test dl dd{ width:100%; font-size:16px; color:#222; line-height:36px;}
.online_test dl dd a{ display:block; width:248px; height:58px; line-height:58px; text-align:center; border:1px solid #c3102f; border-radius:6px; font-size:16px; color:#c3102f; margin-top:8px;}

.course{ width:1000px; overflow:hidden; margin:0 auto; height:659px; padding-left:20px; box-sizing:border-box;}
.course dl{ width:940px; overflow:hidden; height:145px; margin-bottom:10px;}
.course dl dt{ float:left; width:240px; line-height:70px; text-align:center; color:#FFF; font-size:16px;}
.course dl dd{ position:relative; float:left; width:700px; padding:24px 0 0 34px; box-sizing:border-box; font-size:16px; color:#222; line-height:32px;}
.course dl dd span{ color:#c3102f; font-size:16px;}
.course dl dd a{ position:absolute; width:150px; height:60px; line-height:60px; text-align:center; color:#FFF; border-radius:6px; background:#c3102f; top:44px; right:22px; font-size:18px;}
.course dl dd a:hover{ background:#2e3563;}

.ms{ width:1000px; margin:0 auto; position:relative; overflow:hidden; background:url(../images/tf_fx_24.jpg) center top no-repeat; height:867px;}
.ms dl{ width:185px; overflow:hidden; position:absolute;}
.ms dl dt{ width:100%; font-size:16px; color:#333333; font-weight:bold; line-height:30px;}
.ms dl dd{ line-height:30px; font-size:14px; color:#333333;}
.ms dl dd font{ display:block; font-size:16px; color:#c3102f; }

.free_btn{ width:538px; height:58px; line-height:58px; border:1px solid #c3102f; border-radius:6px; padding-left:48px; box-sizing:border-box; color:#c3102f; font-size:18px; margin:30px auto; background:url(../images/red_bg.png) 263px 21px no-repeat;}
.free_btn a{ float:right; width:220px; height:58px; overflow:hidden;  background:#c3102f; text-align:center; color:#FFF; border-radius:6px; font-size:18px;}
.free_btn a:hover{ background:#1e2340;}

.foot_result{ width:1000px; background:url(../images/tf_fx_31.jpg) center top no-repeat; height:330px; margin:0 auto; padding:240px 0 0 90px; box-sizing:border-box;}
.foot_result a{ float:left; width:240px; height:50px; line-height:50px; text-align:center; color:#FFF; background:#c3102f; border-radius:6px; font-size:16px; margin-right:50px;}
.foot_result a:hover{ background:#1e2340;}

.footer{ width:100%; background:#3a3a3a; text-align:center; font-size:14px; color:#FFF; padding:30px 0; line-height:24px; }