@charset "utf-8";
/* CSS Document */

body,ul,li,p,span,img,input,select,form{ padding:0; margin:0; border:0px; list-style:none; }
body,input,font{ font-size:12px; font-family:Arial; text-align:left; color:#221815; }
body{ line-height:20px; background:#fff; }
a{ color:#221815; text-decoration:none;}
a:hover{ color:#a33619; }
.lutw{width:100%; padding:10px 0; margin:0 auto; text-align:center; color:#000;}

#header,.headPic_01,.headPic_02,.headPic_03,.headPic_04,.headPic_05,.headPic_06,.headPic_07,.headPic_08,.headPic_09,.whyBox,#main{ clear:both; width:100%; max-width:1920px; }
#header{ color:#fff; }
.headPic_02,.headPic_03,.headPic_04,.headPic_05,.headPic_06{ overflow:hidden; }
.headPic_01{ height:45px; overflow:hidden; background:url(../img/header_01.jpg) no-repeat top center; }
.headPic_01 .logo,.headPic_07 .headText,.headPic_08 .headText,.headPic_09 .whyTitle,.whyMain,.projectBox,.timeBox,.recomBox,.caseBox,.bannerBox{ clear:both; margin:0 auto; width:1000px; overflow:hidden; }
.headPic_01 .logo{ margin-top:30px; }
.headPic_01 .logo a{ float:left; width:150px; height:40px; text-indent:-9990px; }
.headPic_02{ background:url(../img/header_02.jpg) no-repeat top center; height:72px;}
.headPic_03{ background:url(../img/header_03.jpg) no-repeat top center;  height:77px;}
.headPic_04{ background:url(../img/header_04.jpg) no-repeat top center;  height:64px;}
.headPic_05{ background:url(../img/header_05.jpg) no-repeat top center;  height:66px;}
.headPic_06{ background:url(../img/header_06.jpg) no-repeat top center;  height:76px;}
.headPic_07{ color:#fff; background:url(../img/header_07.jpg) no-repeat top center;  height:106px;}
.headPic_07 .headText p,.headPic_08 .headText p{ float:right; width:370px; padding-right:280px; line-height:20px; text-indent:26px; }
.headPic_08{ background:url(../img/header_08.jpg) no-repeat top center;  height:75px;}
.headPic_09{ background:url(../img/header_09.jpg) no-repeat top center;  height:82px;}
.headPic_09 .whyTitle{ height:86px; overflow:hidden; background:url(../img/title_01.png) no-repeat top left; }

.whyBox{ background:url(../img/bg_main_01.jpg) no-repeat top center; }
.whyBox .whyMain{ height:162px; line-height:16px; background:#fff; }
.whyBox .whyMain li,.whyMain li a{ float:left; width:102px; text-align:center; }
.whyBox .whyMain li{ height:97px; margin:30px 10px 0px 10px; overflow:hidden; background:#fff; border:1px solid #bfbfbf; }
.whyBox .whyMain li a{ height:40px; padding-top:57px; color:#231815; }
.whyBox .whyMain li a:hover{ color:#008ce0; }
.whyBox .whyMain li.menu01{ margin-left:14px; }
.whyBox .whyMain li.menu01 a{ background:url(../img/menu_1_l.gif) no-repeat center 10px; }
.whyBox .whyMain li.menu01 a:hover{ background:url(../img/menu_1_h.gif) no-repeat center 10px; text-decoration:none; }
.whyBox .whyMain li.menu02 a{ background:url(../img/menu_2_l.gif) no-repeat center 10px; }
.whyBox .whyMain li.menu02 a:hover{ background:url(../img/menu_2_h.gif) no-repeat center 10px; text-decoration:none; }
.whyBox .whyMain li.menu03 a{ background:url(../img/menu_3_l.gif) no-repeat center 10px; }
.whyBox .whyMain li.menu03 a:hover{ background:url(../img/menu_3_h.gif) no-repeat center 10px;  text-decoration:none;}
.whyBox .whyMain li.menu04 a{ background:url(../img/menu_4_l.gif) no-repeat center 10px; }
.whyBox .whyMain li.menu04 a:hover{ background:url(../img/menu_4_h.gif) no-repeat center 10px;  text-decoration:none;}
.whyBox .whyMain li.menu05 a{ background:url(../img/menu_5_l.gif) no-repeat center 10px; }
.whyBox .whyMain li.menu05 a:hover{ background:url(../img/menu_5_h.gif) no-repeat center 10px; text-decoration:none; }
.whyBox .whyMain li.menu06 a{ background:url(../img/menu_6_l.gif) no-repeat center 10px; }
.whyBox .whyMain li.menu06 a:hover{ background:url(../img/menu_6_h.gif) no-repeat center 10px; text-decoration:none; }
.whyBox .whyMain li.menu07 a{ background:url(../img/menu_7_l.gif) no-repeat center 10px; }
.whyBox .whyMain li.menu07 a:hover{ background:url(../img/menu_7_h.gif) no-repeat center 10px;  text-decoration:none;}
.whyBox .whyMain li.menu08 a{ background:url(../img/menu_8_l.gif) no-repeat center 10px; }
.whyBox .whyMain li.menu08 a:hover{ background:url(../img/menu_8_h.gif) no-repeat center 10px; text-decoration:none; }

#main{ min-height:700px; background:url(../img/bg_main_02.jpg) repeat-x top center; }
.projectBox,.timeBox{ padding:5px 0px 20px 0px; background:#fff; }
.projectBox .projectTitle,.timeBox .timeTitle,.caseBox .caseTitle{ width:100%; height:88px; overflow:hidden; }
.projectBox .projectTitle{ background:url(../img/title_02.png) no-repeat; }
.timeBox .timeTitle{ background:url(../img/title_03.png) no-repeat; }
.caseBox .caseTitle{ background:url(../img/title_05.png) no-repeat; }
.projectBox .projectMain{ width:100%; }
.projectBox .projectCon{ float:left; width:312px; height:366px; margin:23px 7px 0px 14px; background:url(../img/box_01.png) no-repeat; }
.projectBox .proConTitle{ float:left; width:301px; height:44px; line-height:44px; margin-left:1px; font-size:14px; font-weight:bold; color:#fff; text-indent:15px; background:url(../img/title_bg_s.gif) repeat-x; position:relative;}
.projectBox .proConTitle .proComText{ float:left; width:70%; }
.projectBox .proConTitle .proIcon01,.proIcon02,.proIcon03{width:75px; height:75px; position:absolute;  margin-top:-13px; _margin:-57px 0px 0px 210px;}
.projectBox .proConTitle .proIcon01{ background:url(../img/icon_no1.png) no-repeat; }
.projectBox .proConTitle .proIcon02{ background:url(../img/icon_no2.png) no-repeat; }
.projectBox .proConTitle .proIcon03{ background:url(../img/icon_no3.png) no-repeat; _margin:-101px 0px 0px 205px; }
.projectBox .proIntro{ float:left; width:275px; padding:10px 22px 0px 15px; overflow:hidden; position:relative; height:297px;}
.projectBox .proIntro p font{ font-weight:bold; }
.projectBox .proIntro p.proType1,.proIntro p.proType2{ float:left; width:240px; height:31px; height:47px; margin-top:10px; padding-left:35px; overflow:hidden; }
.projectBox .proIntro p.proType1{ background:url(../img/icon_ys.gif) no-repeat; }
.projectBox .proIntro p.proType2{ background:url(../img/icon_ls.gif) no-repeat; }
.projectBox .proIntro p.proBtn{position:absolute; bottom:10px; right:30px;}
.projectBox .proIntro p.proBtn a{width:104px; height:28px; display:block; text-indent:-9990px; background:url(../img/btn_eroll.png) no-repeat; }

.timeBox .timeMain{ width:100%; margin-top:25px; }
.timeBox .timeCon{ float:left; width:305px; height:402px; overflow:hidden; background:url(../img/line.png) no-repeat 3px top; }
.timeBox .tcTitle{ width:135px; height:25px; margin-left:18px; line-height:25px; font-size:18px; color:#fff; text-align:center; font-weight:bold; background:#0196e4; }
.timeBox .tcIntro{ float:left; width:100%; margin-top:17px; }
.timeBox .tcIntro p{ text-indent:30px; font-size:14px; }
.timeBox .tcIntro a{ float:left; width:100%; height:28px; line-height:26px; }
.timeBox .tcIntro a:hover{ background:url(../img/line_hover.png) no-repeat top left; font-size:20px; color:#a33619; font-family:"黑体"; text-decoration:none; }
.timeBox .mt_28{ margin-top:28px; }
.timeBox .mt_24{ margin-top:24px; }
.timeBox .timeCon2{ float:right; width:390px; height:402px; overflow:hidden; }
.timeBox .timeCon2Left{ float:left; width:130px; padding-top:26px; line-height:24px; text-align:right; font-size:13px; font-weight:bold; font-style:italic; background:url(../img/line2.png) no-repeat top right; }
.timeBox .timeCon2Left p{ float:left; height:26px; line-height:26px; padding-top:15px; overflow:hidden; }
.timeBox .timeCon2Left p.pt_23{ padding-top:23px; }
.timeBox .timeCon2Left p a{ float:left; width:100px; height:28px; padding-right:30px; margin-left:3px; overflow:hidden; }
.timeBox .timeCon2Left p a:hover{ font-size:16px; color:#a33619; background:url(../img/line2_hover.png) no-repeat top right; text-decoration:none;}
.timeBox .timeCon2Right{ float:left; width:270px; height:402px; margin-left:-22px;}
.timeBox .timeCon2Right p{ float:left; width:243px; padding-left:27px; height:25px; line-height:25px; overflow:hidden; }
.timeBox .timeCon2Right p font{ padding-right:3px; font-size:20px; color:#a33619; }
.timeBox .timeCon2Right p.pt_25{ padding-top:25px; }
.timeBox .timeCon2Right p.pt_17{ padding-top:17px; }
.timeBox .timeCon2Right p.pt_18{ padding-top:18px; }
.timeBox .timeCon2Right p.pt_14{ padding-top:14px; }
.timeBox .timeCon2Right p.pt_10{ padding-top:10px; }

.recomBox{ margin-top:5px; }
.recomBox .recomTitle{ float:left; width:970px; height:88px; line-height:130px; padding-right:30px; text-align:right; background:url(../img/title_04.png) no-repeat; }
.recomBox .recomMain{ width:974px; padding:20px 13px 0px 13px; overflow:hidden; }
.recomBox .recomMain li{ float:left; width:138px; height:138px; margin:1px 0px 0px 1px; overflow:hidden; text-align:center; background:#a8f2fb; cursor:pointer; }
.recomBox .recomMain li.pt_35{ float:left; width:138px; height:103px; padding-top:35px; }
.recomBox .recomMain li.pt_30{ float:left; width:138px; height:108px; padding-top:30px; }
.recomBox .recomMain li span{ float:left; width:100%; height:100%; overflow:hidden; }
.recomBox .recomMain .recomPop{ clear:both; width:178px; height:158px; padding-top:12px; overflow:hidden; color:#fff; line-height:18px; background:#008ce0; border:1px solid #52e5f7; position:absolute; margin-top:-35px; _margin-left:-138px; display:none; }
.recomBox .recomMain .recomPop p.recomPopText{ margin-top:2px; float:left; width:150px; margin-left:18px; _margin-left:9px; text-indent:10px; text-align:left; background:url(../img/icon_point.png) no-repeat left center; }
.recomBox .recomMain .recomPop p.recomPopText a{ color:#fff; }
.recomBox .recomMain .recomPop p.recomPopText a:hover{ color:#a33619; }
.recomBox .recomMain .recomPop span.recomPopIntro{ clear:both; width:160px; height:23px; line-height:23px; font-size:14px; font-weight:bold; text-indent:10px; text-align:left; background:#000; filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity:0.70; position:absolute; margin-top:71px;}

.recomBox .recomMain .recomPop span.recomPopIntro .star{width:15px; height:14px; background:url(../img/icon_star.gif) no-repeat center center; display:block; float:right; margin:5px 70px 0 0;}

.caseBox,.bannerBox{ margin-top:28px; }
.caseBox .caseMain{ width:100%; height:574px; margin-top:25px; overflow:hidden; background:url(../img/bg_box.jpg) no-repeat; }
.caseBox .caseTier{ width:100%; margin-top:35px; overflow:hidden; line-height:20px; }
.caseBox .caseTierCon1{ float:left; width:240px; padding-left:77px; overflow:hidden; }
.caseBox .caseTierCon1 img{ padding:0px 0px 10px 12px; }
.caseBox .caseTier p.caseIntTitle{ font-size:16px; color:#a33619; font-weight:bold; text-align:center; }
.caseBox .caseTier p.caseIntTitle2{ padding-bottom:10px; font-size:18px; font-weight:bold; color:#e60012; text-align:center;}
.caseBox .caseTierCon2{ float:right; width:240px; padding-right:85px; overflow:hidden; }
.caseBox .caseTierCon2 img{ padding:0px 0px 10px 15px; }
.caseBox .caseTierCon3{ float:left; width:260px; padding-left:215px; overflow:hidden; }
.caseBox .caseTierCon3 img{ padding:0px 0px 10px 15px; }
.caseBox .caseTierCon4{ float:right; width:280px; padding:15px 62px 0px 0px; }
.caseBox .caseTierCon4 p.teacher{ widt:270px; padding-left:10px; margin-top:25px; color:#fff; }
.caseBox .caseTierCon4 p span.teacherName{ float:left; width:70px; padding-top:12px; }
.caseBox .caseTierCon4 p span.teacherName font{ font-size:14px; font-weight:bold; }
.caseBox .caseTierCon4 p span.teacherInfor{ float:right; width:200px; }
.caseBox .caseTierCon4 .btnAsk{ clear:both; width:90px; height:27px; background:url(../img/btn_ask.gif) no-repeat; position:absolute; margin-top:235px; margin-left:-100px; }
.caseBox .caseTierCon4 .btnAsk a{ display:block; text-indent:-9999px; }

.bannerBox .bannerLeft{ float:left; width:160px; height:230px; padding:8px 13px 0px 12px; overflow:hidden; background:#fff; border:1px solid #f6dae1; }
.bannerBox .bannerLeft img{ padding-bottom:10px; }
.bannerBox .bannerLeft font{ color:#ed6c00; }
.bannerBox .bannerRight{ float:right; width:785px; height:240px; overflow:hidden; }
.bannerBox .bannerTitle{ width:100%; height:88px; background:url(../img/title_06.png) no-repeat; }
.bannerBox .bannerMain li{ float:left; width:246px; height:140px; margin:10px 13px 0px 0px; border:1px solid #f6dae1; }

#footer{ width:100%; height:100px; line-height:70px; text-align:center; font-size:14px; }
#footer span{ padding:0px 10px; }


.ccc_gzz{ width:1000px; height:602px; background:url(../img/gzz.png) no-repeat; position:relative;}
.ccc_gzz h4{ color:#a33619; font-size:16px; position:absolute; font-weight:bold;}
.ccc_gzz p{ color:#221815; font-size:12px; position:absolute; width:253px;}