/* ==========================================================================
   Global
   ========================================================================== */
html { font-size: 62.5%; }
a { color: #666; }
a:hover { color: #d2b57d; }
body { color: #666; font: 12px/1.6  tahoma, arial, 'Hiragino Sans GB', \5b8b\4f53, sans-serif;}
.homebg{background:#fff url(../images/homebg01.jpg) center 840px no-repeat;}

.wrapper {width: 1150px;padding: 0 10px; margin-left: auto; margin-right: auto; }
.wrapper:after,
.row:after { content: ""; display: table; clear: both; }
.cf{clear:both;}

/* ==========================================================================
   Header
   ========================================================================== */
header {width:100%;height:89px;background:url(../images/headbg.jpg) center top no-repeat;}
.headcon{width:100%;height:79px;padding-top: 10px;}
.logo {float:left;}
/* ==========================================================================
   Nav
   ========================================================================== */

/* primary */
.globalnav { float: right;padding-top: 10px;}
.globalnav li { float: left;width:110px;height:49px;text-align: center; position: relative;z-index: 9999;}
.globalnav li a { display: block; color: #fff; font:14px/49px microsoft yahei; }
.globalnav li:hover a{color: #d2b57d;}
.globalnav li.active a{color: #d2b57d;}
.globalnav .dropdown { position: absolute; z-index: 99; display: none; background: #d2b57d; width:100%; text-align: center; left:0; padding:  0; z-index: 999;}
.globalnav li .dropdown a {color: #fff; padding-bottom: 0; border-bottom: 0 none; padding-left: 0; padding-right: 0; display: block;line-height: 19px;padding-top: 8px;padding-bottom: 8px; font-size: 12px; font-weight: 400;}
.globalnav li .dropdown a:hover { color: #d2b57d; background: #fff; }
/* ==================================
   banner
   ================================== */
.banner { position: relative; min-width: 1000px; width: 100%; height: 573px; overflow: hidden;}
.banner .bd li a { position: absolute; left: 0; top: 0; overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 573px; }
.banner .hd { position: absolute; width: 100%; left: 0; text-align: center; bottom: 20px; }
.banner .hd ul { display: inline-block; *display:inline;zoom: 1; }
.banner .hd li { float: left; cursor: pointer; width: 15px; height: 15px; margin: 0 4px; background-image: url(../images/banner-dot1.png); background-position: 0 0; background-repeat: no-repeat; overflow: hidden; line-height: 0; font-size: 0; }
.banner .hd .on { background-image: url(../images/banner-dot2.png); }

/* ==========================================================================
.topqiuck
   ========================================================================== */
.homeqiuck{padding:35px 0; background: #eaeaea;} 
.homeqiuck ul{margin-right: -23px;}
.homeqiuck li{ float: left; margin-right: 23px;*margin-right:20px;width: 211px;height: 109px; overflow: hidden;}
.homeqiuck li img{width: 211px;height: 109px; }
.homeqiuck li:hover img{filter:alpha(opacity=80);  
      -moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8;}

/* ==========================================================================
.topnews
   ========================================================================== */
.homenews{ height: 465px; padding-top: 30px; }
.focusBox {   position: relative;  width: 580px;height: 360px;   overflow: hidden;   font: 12px/1.5 Verdana, Geneva, sans-serif;  text-align: left;padding-left: 15px;float: left;}
.focusBox .pic img {width: 580px;height: 360px;display: block;}
.focusBox .txt-bg {  position: absolute;  bottom: 0;  z-index: 1; height: 46px;  width: 100%;
   background: #333; filter: alpha(opacity=80); opacity: 0.8;  overflow: hidden;}
.focusBox .txt {position: absolute; bottom: 0;z-index: 2;height: 46px;  width: 100%;overflow: hidden;}
.focusBox .txt li {  height: 46px;line-height: 46px;  position: absolute;  bottom: -36px;}
.focusBox .txt li a {display: block;color: #fff;padding: 0 0 0 10px;font-size: 15px; font-weight: bold;   text-decoration: none; font-family: microsoft yahei;}
.focusBox .num {position: absolute;z-index: 3;bottom: 8px;right: 8px;font-family: microsoft yahei;}
.focusBox .num li {float: left;position: relative;width: 30px;height: 30px;line-height: 30px;overflow: hidden;
   text-align: center;margin-right:3px;cursor: pointer;}
.focusBox .num li a, .focusBox .num li span {position: absolute;z-index: 2;display: block;color:#fff;
   width: 100%;height: 100%;top: 0;left: 0;text-decoration: none;}
.focusBox .num li span {z-index: 1;background:#fa0405;}
.focusBox .num li.on a, .focusBox .num a:hover {background: #d3b67e;}

.linknew{width:500px;height:360px; float: right; padding-right: 20px;font-family: microsoft yahei;}
.linknew .title a{ background: #fa0405;width:128px;height:45px; display: block; line-height: 45px; text-align: center;color: #fff; font-size: 18px; font-weight: normal; float: left;}
.linknew .title span{float: left; display: block;font: 300 15px/24px microsoft yahei;text-transform:Uppercase; 
color: #53525a;padding-left: 10px;}

.homenewlist li {width:500px;height:95px;margin-top:10px;border-bottom: 1px dashed #d9d9d9; font-family: microsoft yahei;}
.homenewlist li .date{ float:left; width:70px;padding:20px 0 20px 20px;overflow: hidden; }
.homenewlist li .date .month{font: 300 24px/24px Arial;color: #333;}
.homenewlist li .date .year{font: 300 14px/24px Arial;color: #616161;}
.homenewlist li .textArea {width:400px; float:right;}
.homenewlist li h3 {font: 16px/24px microsoft yahei;}
.homenewlist li h3 a{color:#333;}
.homenewlist li .textArea .date{color:#666; line-height: 30px;}
.homenewlist li .textArea a{ line-height: 40px;}
.homenewlist li h3 a:hover{ color:#d3b67e;}
.homenewlist li .textArea .desc{height:36px; line-height: 18px; overflow: hidden;}

/* ==========================================================================
.topnews
   ========================================================================== */
.homeCourses{padding-top: 30px; }

.hometitle01{ text-align: center;padding-bottom: 40px;}
.hometitle01 h3{font: 700 28px/28px microsoft yahei;color: #000;}
.hometitle01 p{font: 300 16px/24px microsoft yahei;color: #454545;margin-top: 10px;}

.homeCourses .modbox01{width: 383px; float: left;margin-right: 1px;}
.homeCourses .mod01{width: 383px;height: 151px; overflow: hidden; position: relative;}
.homeCourses .mod01 img{width: 383px;height: 151px;}
.homeCourses .txtarea{ position:absolute; left: 30px; z-index: 20; top:20px;color: #fff; font-family: microsoft yahei;}
.homeCourses .txtarea h3{ font-size: 22px;}
.homeCourses .txtarea h4{font-size: 15px;margin-bottom: 20px;}
.homeCourses .txtarea a{border:1px solid #fa0405; line-height: 18px; color: #fa0405;text-transform:Uppercase; display: block; text-align: center; width: 80px;padding:5px 0;}
.homeCourses .txtarea a:hover{ background:  #fa0405;color: #fff;}
.homeCourses .mod02{width: 383px;height: 225px; overflow: hidden; position: relative;margin-top: 1px;}
.homeCourses .mod02 img{width: 383px;height: 225px;}
.homeCourses .mod02 .txtarea{top: 80px;}
.homeCourses .mod03{width: 383px;height: 197px; overflow: hidden; position: relative;}
.homeCourses .mod03 img{width: 383px;height: 197px;}
.homeCourses .mod04{width: 383px;height: 179px; overflow: hidden; position: relative;margin-top: 1px;}
.homeCourses .mod04 img{width: 383px;height: 179px;}
.homeCourses .mod04 .txtarea{color: #333;top: 40px;}
.modbox03{width: 382px; float: left;}
.homeCourses .mod05{width: 382px;height: 268px; overflow: hidden; position: relative;}
.homeCourses .mod05 img{width: 383px;height: 268px;}
.homeCourses .mod06{width: 382px;height: 109px; overflow: hidden; position: relative; background: #000;margin-top: 1px;text-align: center;}
.homeCourses .mod06 a{color: #fff;font: 300 22px/109px microsoft yahei;}

.homeCourses .moddetil{width: 100%;height: 42px;clear: both;padding: 40px 0;}
.homeCourses .moddetil a{width: 160px; height: 40px;border:1px solid #fff;color: #fff; display: block; margin: 0 auto; text-align: center;font: 300 16px/40px microsoft yahei;}

/* ==========================================================================
.topnews
   ========================================================================== */
.homeCourses{padding-top: 30px; }

/* ==========================================================================
.hometeam
   ========================================================================== */
.hometeam{padding-top: 30px; }
.hometitle02{ text-align: center;padding-bottom: 40px;}
.hometitle02 h3{font: 700 28px/28px microsoft yahei;color: #fff;}
.hometitle02 p{font: 300 16px/24px microsoft yahei;color: #fff;margin-top: 10px;}

.hometeam .moddetil{width: 100%;height: 42px;clear: both;padding: 40px 0;}
.hometeam .moddetil a{width: 160px; height: 40px;border:1px solid #ab0101;color: #ab0101; display: block; margin: 0 auto; text-align: center;font: 300 16px/40px microsoft yahei;}
.hometearlist{margin-left: -15px;}
.hometearlist li{width: 218px;height: 327px; overflow: hidden; float: left;margin-left: 15px;}
.hometearlist li img{width: 218px;height: 327px;}


/* ==========================================================================
.homevideo
   ========================================================================== */
.homevideo{padding-top: 60px; }
.homevideo .moddetil{width: 100%;height: 42px;clear: both;padding: 40px 0;}
.homevideo .moddetil a{width: 160px; height: 40px;border:1px solid #ab0101;color: #ab0101; display: block; margin: 0 auto; text-align: center;font: 300 16px/40px microsoft yahei;}
.homevideo .videobox1{width: 454px;height: 395px; overflow: hidden; position: relative;}
.homevideo .videobox1 img{width: 454px;height: 395px;}
.homevideo .cover{width: 100%;height: 100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000');background:rgba(0,0,0,0.4); position: absolute;top:0; left: 0;}
.homevideo .cover .inco{width: 51px;height: 51px; display: block; background: url(../images/i-play.png) left top no-repeat; margin: 0 auto; margin-top: 40%;}
.homevideo .modebox01{width: 454px;height: 395px; overflow: hidden; float: left;}
.homevideo .modebox02{width: 225px;height: 395px; overflow: hidden; float: left;margin:0 5px;}
.homevideo .videobox2{width: 225px;height: 205px; overflow: hidden; position: relative;}
.homevideo .videobox2 img{width: 225px;height: 205px;}
.homevideo .videobox3{width: 225px;height: 184px; overflow: hidden; position: relative;margin-top: 6px;}
.homevideo .videobox3 img{width: 225px;height: 184px;}

.homevideo .moddetil{width: 100%;height: 42px;clear: both;padding: 60px 0;}
.homevideo .moddetil a{width: 160px; height: 40px;border:1px solid #fff;color: #fff; display: block; margin: 0 auto; text-align: center;font: 300 16px/40px microsoft yahei;}

.hometitle03{ text-align: center;padding-bottom: 80px;}
.hometitle03 h3{font: 700 28px/28px microsoft yahei;color: #ab0101;}
.hometitle03 p{font: 300 16px/24px microsoft yahei;color: #ab0101;margin-top: 10px;}

/* ==========================================================================
.hometeam
   ========================================================================== */
.homeworks{padding-top: 50px; }

.homeworks .moddetil{width: 100%;height: 42px;clear: both;padding: 40px 0;}
.homeworks .moddetil a{width: 160px; height: 40px;border:1px solid #ab0101;color: #ab0101; display: block; margin: 0 auto; text-align: center;font: 300 16px/40px microsoft yahei;}
.homeworklist{margin-left: -20px; margin-top: 20px;}
.homeworklist li{width: 268px;height: 357px; overflow: hidden; float: left;margin-left: 20px;margin-bottom: 20px;}
.homeworklist li img{width: 268px;height: 357px;}

/* ==========================================================================
.homecontact
   ========================================================================== */
.homecontact{padding-top: 40px;  height: 240px; background: #f5f5f5;}
.homecontact .mod01{width: 280px;height: 200px; overflow: hidden; float: left; text-align: center;}
.homecontact .mod01 .inco{width: 121px;height:120px; overflow: hidden; margin: 0 auto;}
.homecontact .mod01 .inco01{ background: url(../images/inco01.jpg) left top no-repeat; }
.homecontact .mod01 .inco02{ background: url(../images/inco02.jpg) left top no-repeat; }
.homecontact .mod01 .inco03{ background: url(../images/inco03.jpg) left top no-repeat; }
.homecontact .mod01 h3{font: 300 20px/24px microsoft yahei;margin-top: 20px;}
.homecontact .mod01 p{font: 300 13px/24px microsoft yahei;text-transform:Uppercase;}
.homecontact .mar_20{margin-right:130px;}



/* ==========================================================================
   Footer
   ========================================================================== */
footer {background: #181818;font-size: 15px; }
footer a { color: #d2b57d; }
footer a:hover { text-decoration: underline; }
.foothd{font-family:microsoft yahei; color:#d2b57d;padding:60px 0 40px 240px; position: relative; line-height: 30px;}
.foothd .footlogo{position: absolute; left: 0; top: 30px;}
