/* 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:98px; height:39px; overflow:hidden; padding-top:40px;}
.top span{ float:right; height:118px; line-height:118px; background:url(../images/phone.png) left center no-repeat; font-family:Arial, Helvetica, sans-serif; text-indent:30px; color:#000000; font-size:22px;}

.yh{ width:1100px; margin:0 auto; overflow:hidden;}
.yh dl{ width:100%; overflow:hidden; padding-top:20px;}
.yh dl dt{ text-align:center; color:#FFF; font-weight:bold; font-size:32px; }
.yh dl dt i{ color:#fb491e; font-size:60px; font-style:italic; margin:0 4px;}
.yh dl dd{ line-height:36px; color:#c0e5dc; text-align:center; font-size:16px;}

.same_tit{ width:100%; text-align:center;}
.same_tit h2{ text-align:center; color:#FFF; font-size:44px; font-weight:bold; height:73px; line-height:72px;}
.same_tit h2 i{ color:#ffc037; font-size:50px;}

.box{ width:1096px; margin:0 auto; overflow:hidden; padding-left:4px;}
.course{ float:left; width:261px; overflow:hidden; border-top-left-radius:6px; border-bottom-left-radius:6px; border-left:1px solid #FFF;}
.course span{ -webkit-transition:all 0.4s linear; cursor:pointer; display:block; width:100%; height:120px; line-height:120px; text-align:center; color:#FFF; font-weight:bold; font-size:30px;}
.course span img{ vertical-align:middle; margin-right:12px;}
.course span.se{ background:#fb491e;}

.course_content{ float:left; width:762px; border-left:1px solid #41474d; margin-left:34px;}
.course_content div.ever{ display:none; }
.course_content div.active{ display:block;}
.course_content div table{ width:100%; text-align:center;}
.course_content div table tr th{ height:125px; width:170px; }
.course_content div table tr th span{ display:inline-block; width:133px; height:52px; line-height:24px; font-size:20px; font-weight:normal; color:#FFF; text-align:center; border-radius:8px; background:#33c28b; padding-top:4px;}
.course_content div table tr td{ font-size:16px; line-height:22px;}
.course_content div table tr td:nth-child(1){ font-size:20px;}

.talk{ width:265px; height:67px; line-height:66px; text-align:center; color:#FFF; font-size:40px; background:#fb491e; border-bottom:7px solid #cc3e1c; border-radius:38px; display:block; margin:0 auto 60px;}

.mszd{ width:972px; margin:0 auto; overflow:hidden; padding:46px 0 0 128px;}
.mszd dl{ float:left; width:159px; height:175px; overflow:hidden; margin-bottom:42px;}
.mszd dl dt{ text-align:center; line-height:40px; color:#fb491e; font-size:26px; font-weight:bold;}
.mszd dl dd{ text-align:center; color:#FFF; line-height:26px; font-size:16px; padding-top:12px;}
.mszd dl dd i{ color:#fb491e; font-weight:bold;}

.nine{ width:1100px; position:relative; height:671px; overflow:hidden; margin:0 auto;}
.nine dl{ -webkit-transition:all 0.4s linear; cursor:pointer; position:absolute; width:86px; height:86px; overflow:hidden; border-radius:50%;}
.nine dl dt{ float:left; width:25px; line-height:86px; text-align:center; color:#189479; font-size:24px; font-weight:bold;}
.nine dl dd{ float:left; width:61px; text-align:left; color:#189479;  line-height:32px; font-weight:bold; font-size:22px; padding-top:10px;}
.nine dl.se{ background:#fb491e; }
.nine dl.se dt{ color:#FFF;}
.nine dl.se dd{ color:#FFF;}

.nine_tit{ width:1100px; margin:0 auto; overflow:hidden;}
.nine_tit p{ line-height:40px; color:#FFF; font-size:30px; font-weight:bold; padding-top:22px; text-align:center;}

.nine_ct{ width:1014px; margin:0 auto; overflow:hidden; padding-left:86px;}
.nine_ct dl{ float:left; width:281px; height:77px; overflow:hidden; padding-top:16px; margin-right:44px;}
.nine_ct dl dt{ float:left; width:35px; text-align:center; color:#FFF; font-size:22px; font-weight:bold; line-height:24px; padding-top:4px;}
.nine_ct dl dd{ color:#FFF; line-height:26px; color:#FFF; font-size:16px;}

.plan{ width:1100px; margin:0 auto; overflow:hidden; height:492px; position:relative;}
.plan dl{ position:absolute; width:303px; overflow:hidden; height:96px;}
.plan dl dt{ float:left; width:96px; height:82px; line-height:34px; text-align:center; color:#FFF; font-size:24px; padding-top:14px;}
.plan dl dd{ float:left; width:191px; height:96px; padding:22px 0 0 16px; height:74px; color:#FFF; line-height:28px; font-size:18px;}
.plan a{ position:absolute; width:185px; height:47px; border-bottom:5px solid #972d13; line-height:48px; color:#FFF; text-align:center; font-weight:bold; border-radius:28px; top:192px; left:458px; font-size:24px; background:#fb491e; -webkit-transition:all 0.4s linear;}
.plan a:hover{ font-weight:normal; -webkit-transform:scale(0.9);}


.power{ width:1100px; margin:0 auto; overflow:hidden; height:684px; position:relative;}
#power{ position:absolute; width:520px; height:398px; overflow:hidden; left:226px; top:0px; z-index:3;}
#power span{ -webkit-transition:all 0.4s ease-in-out; cursor:pointer; position:absolute; width:65px; display:table; height:65px; text-align:center; border-radius:33px;}
#power span i{ display:table-cell; vertical-align:middle;}
#power span img { display:inline-block;}
#power span.se{ background:#fb491e;}

#power_content{ position:absolute; width:1100px; height:684px; overflow:hidden; }
#power_content div { position:absolute;}
#power_content div dl{ position:absolute; width:289px;  background:url(../images/green.png) 0 12px no-repeat; padding-left:24px; }
#power_content div dl dt{ line-height:40px; color:#20735a; text-align:left; font-weight:bold; font-size:28px;}
#power_content div dl dd{ color:#1e6f56; line-height:28px; font-size:20px; text-align:left;}

#power_content div.active dl{ background:url(../images/red.png) 0 12px no-repeat; -webkit-animation:move 1s linear ; animation:move 1s  linear;}
#power_content div.active dl dt{ color:#fb491e;}
#power_content div.active dl dd{ color:#fb491e;}


@keyframes move{
	
	0%{ opacity:0;}
	
	100%{ opacity:1;}
	
		
}

.power a{ -webkit-transition:all 0.4s linear; position:absolute; width:265px; height:67px; line-height:66px; text-align:center; border-bottom:7px solid #972d13; background:#fb491e; border-radius:38px;  font-size:40px; background:#fb491e; color:#FFF;  left:26px; bottom:73px; }
.power font{ position:absolute; width:317px; height:67px; line-height:66px; text-align:center; border-bottom:7px solid #972d13; background:#fb491e; border-radius:38px;  font-size:40px; background:#fb491e; color:#FFF;  right:26px; bottom:73px; letter-spacing:-2px; font-weight:bold; }
.power a:hover{ -webkit-transform:scale(0.9); font-weight:normal;}
.hj{ width:1068px; margin:0 auto; overflow:hidden; padding-left:32px;}
.hj p{ float:left;  }
.hj p.big{ width:510px; height:329px; overflow:hidden; margin-right:12px; margin-bottom:16px;}
.hj p.sml{ width:327px; height:320px; border-right:1px solid #FFF; margin-right:26px;}
.hj p img{ -webkit-transition:all 0.4s linear;}
.hj p img:hover{ -webkit-transform:scale(0.9);}

.footer{ text-align:center; color:#4c4948; font-size:16px; line-height:30px; padding:60px 0;}