@charset "utf-8";



/*==========================================公共 开始=============================================*/



/*==========top============*/

#header{height: 85px;position: relative;z-index: 1000;}

#header .main_box{ position:relative;height:85px; }

#header .logo{ position:absolute; top:0;   }

#header .logo{    position:absolute; top: 0px; left:0; z-index:3; height:85px;}

#header .logo a {display:table;  padding-top: 20px;}

#header .logo a img{display:table-cell; vertical-align:middle; }

#header .top_tel{height:18px; line-height:18px; font-size: 14px; color: #636364; position:absolute; right:0px; top:30px;  padding-left:20px; background:url(../images/icon_top_tel.png) left center no-repeat; }

#header .top_tel strong{font-size:14px; font-weight: 700; color:#008b46; }

#header .bnt_qq{ position:absolute; right:0; bottom: 33px; display:block; }

#header .bnt_qq:hover{ opacity:0.8; filter:alpha(opacity=80);}



/*=================导航=================*/

#nav{position:absolute;top:0px;height: 84px;right:0px;}

#nav li{display:block;display: inline-block;min-width:30px;position:relative;text-align: center;}

#nav li .a{ display:inherit; text-align:center; height:85px; }

#nav li .a strong{ display:block; font-size:16px; line-height: 82px; font-weight: 700; color:#4d4d4e; text-align:center; position:relative; z-index:4;}

#nav li .a span{ position:absolute; bottom:0px; left:0; width:100%;  text-align:center;}

#nav li .a i{ display:block; margin:0 auto; text-align:center;  z-index:1; height:3px; width:0; background: #07a74c;}

#nav .on .a i{  width:100%;}

#nav li.on .a strong{ color:#464748;}

#nav li .a:hover i{ width:100%; }

#nav li .a:hover strong{ color:#464748;}

#nav li.on .a:hover i{transform:rotateX(0deg);-webkit-transform:rotateX(0deg); /* Safari and Chrome */-moz-transform:rotateX(0deg); /* Firefox */  }



.datu{ position:relative; height:759px; }

.datu img{ position:absolute; width:1920px; height:759px; left:50%; margin-left:-960px; top:0}

.datu .img01{ position:absolute; left:50%; margin-left:110px; top:520px; width:160px; height:160px;} 



/*底部*/

footer{padding: 45px 0 20px 0;background:#f4f7f9;overflow:hidden; margin-bottom:84px;}

footer .content .left{float:left;width:189px;border-right: #dddfe0 1px solid;height:160px;}

footer .content .left img{margin-top: 29px;}

footer .content .center{position: relative;float:left;width:780px;height:160px;box-sizing:border-box;padding:0 76px;border-right: #dddfe0 1px solid;}

footer .content .center ul{line-height:24px;height:24px;margin-bottom: 35px;}

footer .content .center ul li{ float:left;}

footer .content .center ul li a{ font-size:13px; color:#676767;}

footer .content .center ul i{margin: 0 16px;float:left;font-size:12px;color:#676767;}

footer .content .center .contact{position:relative;width: 100%;margin:0 0 40px 0;padding: 0;}

footer .content .center .contact .con{width: 100%;position:relative;}

footer .content .center .contact .con span{font-size: 13px;color: #939495;line-height: 30px;display:inline-block;width:100%;}

footer .content .center .contact .con .ewm{ position:absolute; bottom:50px; right:40px;}

.footer-er{width: 208px;}

.ma01{width: 75px;float:left;margin: 0 10px 0 18px;}

.ma01 img{width: 75px;height: 75px;display:block;}

.ma01 a{ color:#c2c2c2; font-size:12px; line-height:30px; text-align:center; display:block;}



footer .content .right{text-align:right;width: 210px;float: right;}

footer .content .right h6{font-size:14px;color: #5a5a5a;margin: 18px 0 4px 0;}

footer .content .right h3{font-size:24px;color: #5a5a5a;margin-bottom:28px;}

footer .content .right img{}

.footer-cop{padding: 15px 0 0 0;border-top:#dcdedf 1px solid;margin-top: 50px;}

.footer-cop p{color:#8b8b8c;font-size:12px;height: 20px;line-height: 20px;text-align:center;}

.footer-cop p a{ color:#8b8b8c;}

.footer-cop p a:hover{ color:#00559c;}

footer .content .center ul li a:hover{ color:#00559c}



/*==========快速预约课程===========*/

#fast_reservation{ position: fixed; bottom: 0; left: 0; z-index: 9999; height: 45px; padding: 20px 0;  width: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#91000000', endColorstr='#91000000');background:rgba(0,0,0,0.57);}

#fast_reservation .mian_box{ position: relative;}

#fast_reservation dt{ display: block; position: absolute; left: 0; line-height: 45px; color: #fff;}

#fast_reservation dd{display: block; margin-left: 155px;}

.j_form label{ float:left; width: 240px; margin-right: 15px;  margin-bottom:15px; position:relative;  }

.j_form  input[type="text"]{ border-radius: 3px; height: 45px; line-height:45px;  background:#fff; color:#4c4c4c; border:none; display:block;     width: 200px; padding:0 20px; font-size:14px;}

.j_form .label strong{ font-weight:normal; display:block; position:absolute; width:70px; text-align:left; left:15px; font-size:14px;  color:#313231;}

.j_form input[type="submit"]{ position: absolute; right: 0; top: 0;  color:#fff;  background:#0bb354; border: none;  font-size:14px; display:block; width:200px; height:45px; line-height:45px; text-align:center; cursor:pointer; border-radius: 22.5px; overflow: hidden;}



.j_form .select_ui, .j_form  select{ background:none;  margin-top:0; border: none; }

.j_form select option{ line-height:34px; font-size: 14px; padding: 10px 20px; color:#4c4c4c; text-align: left;}

.j_form .select_ui, select span{ line-height:45px;  color:#4c4c4c;  }

.j_form .select_ui { height: 45px; line-height:45px; width: 240px; font-size:14px; border-radius: 3px; color:#4c4c4c;  background: #fff; font-size:14px; text-align:left;  }

.j_form .select_ui .select_arrow{ right:10px; }

.main_box{ margin:0 auto; width:1200px; position:relative;}



/*==========================================公共 结束=============================================*/





/*==========================================首页 开始=============================================*/



.container01{ box-sizing:border-box; padding:65px 0 0 0; height:797px; background:url(../images/container01-bg.png) center bottom no-repeat;}

.container01 .title{ text-align:center; margin-bottom:30px}

.container01 .content .img01{ float:left; width:1248px; height:524px; margin-left:-24px; background:url(../images/container01-bg01.png) center center no-repeat; box-sizing:border-box; padding:90px 0 0 130px;}

.container01 .content .img01 a img:hover{ filter:alpha(opacity:70); opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7}



.container02{box-sizing:border-box;padding:58px 0 0 0;height: 1124px;background:url(../images/container02-bg.png) center bottom no-repeat;}

.container02 .title{ text-align:center; margin-bottom:30px}

.container02 .title h6{ line-height:36px; font-size:18px; color:rgba(41,41,41,0.73)}

.container02 .content ul{float:left;margin: 45px 0 55px 0;}

.container02 .content ul li{float:left;width:299px;height: 90px;background-color:#fff;margin-right:1px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#cccccc')";  /* For IE 8 */filter: 

progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#cccccc');  /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #cccccc;/* for firefox */-webkit-box-shadow: 1px 1px 10px #cccccc;/* for safari or chrome */box-shadow:1px 1px 10px #cccccc;/* for opera or ie9 */box-sizing:border-box;padding:30px 36px;font-size:16px;color:#292929;line-height:30px;}

.container02 .content a img:hover{ filter:alpha(opacity:70); opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7}



.container03{ box-sizing:border-box; padding:58px 0 0 0; height:743px; background:url(../images/container03-bg.jpg) center bottom no-repeat;}

.container03 .title{ text-align:center; margin-bottom:40px;}

.container03 .content a img:hover{ filter:alpha(opacity:70); opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7}



.container04{ box-sizing:border-box; padding:80px 0 0 0; height:1039px; background:url(../images/container04-bg.jpg) center top no-repeat;}

.container04 .title{ text-align:center; margin-bottom:40px;}

.container04 .content a img:hover{ filter:alpha(opacity:70); opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7}



.container05{box-sizing:border-box;padding:58px 0 0 0;height:750px;background:url(../images/container05-bg.png) center top no-repeat;overflow:hidden;}

.container05 .title{text-align:center;margin-bottom: -13px;position:relative;}

.container05 .title h6{line-height:36px;font-size:18px;color:#292929;position:absolute;left:0;top: 150px;text-align:left;}

.container05 .content .img01{ position:relative; z-index:0}

.container05 .content ul{float:left;width:1240px;margin: -150px 0 75px 0; position:relative; z-index:100}

.container05 .content ul li{ float:left; width:273px; margin-right:36px; box-sizing:border-box; padding:0 30px; line-height:30px; color:#fff}



.container06 { text-align:center;}

.container06 h3{font-size:36px;color:#2b2b2b;line-height: 90px;}

.container06 form{height:55px;line-height:55px;margin-bottom: 90px;}

.container06 form .form{ display:inline-block; box-sizing:border-box; height:55px; width:468px; vertical-align:top}

.container06 form .form input{ width:468px; height:55px; box-sizing:border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; border:#e3e3e3 1px solid; padding:0 20px; font-size:15px; color:#b2b2b2}

.container06 form .button{ display:inline-block; width:213px; height:55px; text-align:center;}

.container06 form .button input{ width:213px; height:55px; background-color:#13c4d1;  margin:0 auto; border:none; font-size:20px; color:#fff; cursor:pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}



.container07{ height:1020px; background:url(../images/container07-bg.png) center bottom no-repeat; box-sizing:border-box; padding:80px 0 0 0}

.container07 .title{text-align:center;margin-bottom: -8px;}

.container07 .content{ box-sizing:border-box; padding:0 70px;}

.container07 .content h6{ line-height:30px; font-size:16px; color:#000000; background:url(../images/q.png) left 4px no-repeat; padding:0 0 0 50px;}

.container07 .content p{ line-height:30px; font-size:14px; color:rgba(0,0,0,0.68); margin-bottom:30px; background:url(../images/a.png) left 4px no-repeat; padding:0 0 0 50px; }





/*==========================================首页 结束=============================================*/





/*==========================================内页 开始=============================================*/



/*==========================================内页 结束=============================================*/