/* ==========================================================================
   Global
   ========================================================================== */
html { font-size: 62.5%; }
a { color: #333; }
a:hover { color: #eea800; }
body { color: #333; font: 12px/1.7 Arial, Helvetica, sans-serif; background: #fff; }
.wrapper{width:1200px; margin:0 auto;}
/* ==========================================================================
   Header
   ========================================================================== */
header {width: 100%; }
.head{ width:1200px;margin:0 auto;height:110px;position: relative; z-index: 99; overflow: hidden; }
.logo {float: left; width: 490px;margin-top: 18px; }
.headrigt{ float: right;padding-top: 10px;}
.headtel{padding-left: 20px;background: url(../images/inco01.png) no-repeat  left center; font: 300 14px/24px microsoft yahei;}
.headtel span{color: #f6b900; font-weight: bold;}


/* ==========================================================================
   Nav
   ========================================================================== */
.navbar {width:100%;  background: #f6b900;}
/* primary */
.navbcon{width:1200px; margin: 0 auto;position: relative; z-index: 99;}
.globalnav { }
.globalnav li { float: left;height:40px;text-align: center;}
.globalnav li a { display: block; color: #221900; font:16px/40px microsoft yahei;width:150px; }
.globalnav li:hover{background: #f68b00;}
.globalnav li.active {background: #f68b00;}
.globalnav li:hover a{color: #fff;}
.globalnav li.active a{color: #fff;}
.globalnav .dropdown { position: absolute; top:40px;width:150px; z-index: 99; background: #f68b00; display: none; padding-bottom: 5px;}
.globalnav .dropdown a { white-space: nowrap; line-height: 40px; color: #fff; padding-bottom: 0; border-bottom: 0 none; padding-left: 0; padding-right: 0; font-weight: 300; }
.globalnav .dropdown a:hover { color: #f68b00; background: #fff; }
#gn_00 { margin-left: 0; }

.globalsearch02{padding-top:6px;}
.globalsearch02 .search-txt{ height:18px;border:0;width:193px;padding:3px 5px 3px 10px; line-height: 18px;border:1px solid #555;-webkit-border-radius: 8px; background-color: #fff; 
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;}
.globalsearch02 .search-btn { width: 40px;height:30px; margin-left:-42px;line-height: 30px; cursor: pointer; background: url(../images/inco06.png) no-repeat  center center; border:0;color:#fff;padding:0; text-indent: 40px; overflow: hidden;}

/* ==================================
   banner
   ================================== */
.banner { position: relative; min-width: 1000px; width: 100%; height:540px; 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: 540px; }
.banner .hd { position: absolute; width: 100%; left: 0; text-align: center; bottom: 5px; }
.banner .hd ul { display: inline-block; *display:inline;
zoom: 1; }
.banner .hd li { float: left; cursor: pointer; width: 13px; height: 13px; margin: 0 4px; background:#fff;overflow: hidden; line-height: 0; font-size: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
 }
.banner .hd .on { background: #eea800; }
.prev,.next { position: absolute; top: 50%; cursor: pointer; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; }
.tempWrap { margin: 0 auto; }
.banner .prev,
.banner .next { margin-top: -30px; }
.banner .prev .fa,
.banner .next .fa { font-size: 50px; color: #fff; line-height: 60px; text-shadow: 1px 1px 3px rgba(0,0,0,.2); }
.banner .prev { left: 2%; }
.banner .next { right: 2%; }
.banner .prev:hover .fa,
.banner .next:hover .fa { color: #f6b900; }
/* ==========================================================================
   Content
   ========================================================================== */
 
.homeabout{width:100%;padding:50px 0;}

.hometitle {height:55px;text-align:center;font: 700 28px/55px microsoft yahei; background: url(../images/pic02.jpg) no-repeat  bottom center;padding-bottom: 10px;}
.haboutbox{padding-top: 50px;}
.homeabout .textarea{width: 630px; height: 350px; overflow: hidden; float: right;}
.homeabout .textarea .desc{font: 300 16px/30px microsoft yahei; height: 240px; overflow: hidden; }
.homeabout .textarea a.more{background: #eab001;color: #fff; display: block; width: 150px; text-align: center; font: 300 14px/35px microsoft yahei;margin-top: 30px; float: right;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.homeabout .imgarea{width: 536px;height: 294px; overflow: hidden;float: left;}
.homeabout .imgarea  img{width: 536px;height: 294px; }

.homepro{width:100%;padding:30px 0; background: url(../images/homebg.jpg) no-repeat top center;}
.hometitle {height:55px;text-align:center;font: 700 28px/55px microsoft yahei; background: url(../images/pic02.jpg) no-repeat  bottom center;padding-bottom: 10px;}

.hprobox{padding-top: 20px; overflow:hidden; position:relative;}
.hprobox .hd{ overflow:hidden;  height:30px; text-align: center;}
.hprobox .hd ul{ overflow:hidden; zoom:1; zoom:1; }
    .hprobox .hd ul li{ display: inline-block; *display:inline; zoom: 1; width:15px; height:15px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; background:#fff; border:2px solid #ff9000; 
      -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
    }
.hprobox .hd ul li.on{ background:#ff9000;}

.hprobox .bd{margin-top: 20px;}
    .hprobox .bd ul{ overflow:hidden; zoom:1; }
    .hprobox .bd ul li{ margin:0 20px; float:left; _display:inline; overflow:hidden; text-align:center;  }
    .hprobox .bd ul li .pic{ text-align:center; width:354px;height: 255px; line-height: 255px; overflow: hidden; background: #fff;}
    .hprobox .bd ul li .pic img{ max-width:354px; max-height: 255px; transition: transform 2s;}
    .hprobox .bd ul li .pic a:hover img{transform: scale(1.1);  }
    .hprobox .bd ul li .title{  background: #f6b900; font: 300 16px/45px microsoft yahei; margin-bottom: 35px; }
    .hprobox .bd ul li .title a{display: block;width: 100%;}
    .hprobox .bd ul li .title:hover a{color: #fff;}

  .homecase{width:100%;padding:50px 0;}

.hometitle {height:55px;text-align:center;font: 700 28px/55px microsoft yahei; background: url(../images/pic02.jpg) no-repeat  bottom center;padding-bottom: 10px;}
.hcasebox{padding-top: 50px;}
.case_left{width: 578px;height: 455px; overflow: hidden; float: left;}
.foucscase { width: 576px; height: 358px; position: relative; overflow: hidden; }
.foucscase .hd { position: absolute; right: 9px; bottom: 10px; z-index: 1; padding-left: 2px; }
.foucscase .hd li { color: #f60; cursor: pointer; margin-left: 3px; width: 18px; height: 18px; background: #fff; float: left; font-size: 13px; line-height: 18px; overflow: visible; text-align: center; opacity: .7; filter: alpha(opacity=70); border: 1px solid #d8d8d8; margin-left: -1px; }
.foucscase .hd li.on { background: #f60; color: #fff; font-weight: bold; opacity: 1; filter: alpha(opacity=100); z-index: 2; position: relative; }
.foucscase .bd ul{ overflow:hidden; zoom:1; }
.foucscase .bd li{ float:left;  overflow:hidden;width:576px; height: 358px; }
.foucscase .bd li  img{ width:576px; height: 358px; transition: transform 2s;}
.foucscase .bd li  a:hover img{transform: scale(1.1);  }
.lastnews{font: 300 18px/24px microsoft yahei;}
.lastnews .title{margin-top: 20px;}
.lastnews .title span{font-size: 16px;}
.lastnews .desc{height: 30px;overflow: hidden;font: 300 16px/30px microsoft yahei;}

.newsmod02 li{height: 130px;margin-bottom: 20px;}
.newsmod02 li:hover .date{ background: #f6b900; color: #fff;}
.newsmod02{width: 580px;height: 455px; overflow: hidden; float: right; font-family: microsoft yahei;}
.newsmod02 .date{width: 110px; height: 130px;padding-top: 5px; float: left; text-align: center;margin-right: 10px;background-color: #c7c7c6; color: #fff; font-size: 16px; cursor: pointer;  }
.newsmod02 .date .moon{ font-size: 46px;}
.newsmod02 .title{font: 700 16px/24px microsoft yahei;margin: 10px 0 5px 0; border-bottom: 1px solid #e3e3e2;padding-bottom: 5px;}
.newsmod02 .desc{height: 72px;overflow: hidden;font: 300 14px/24px microsoft yahei;}
.newsmod02 .modbd{width:450px; overflow: hidden; float: right;}

/* ==========================================================================
   Footer
   ========================================================================== */
footer { font-family: microsoft yahei; color: #999; font-size: 14px;}

footer a:hover { text-decoration: underline; color: #000000;}

.foot_nav{height:60px; background: #f6b900;}
.foot_nav a{display: block; float: left; width: 120px; text-align: center; font: 300 14px/60px microsoft yahei;color: #000000; }
.footbd{height: 90px; padding-top: 30px; background: url(../images/footbg.jpg) no-repeat  bottom center;}
.footbd .wrapper{position: relative;}
.footbd .fa{margin-left: 30px;margin-right: 10px;}
.footbd .fa-phone{margin-left: 0;}
.footbd .share{position: absolute; right: 0; top:-120px;}
.footbd .share .ewm{width: 127px; height: 127px; overflow: hidden;margin:0 auto 15px auto;}
.footbd .share .ewm img{width: 127px; height: 127px; }