/* ==========================================================================
   Global
   ========================================================================== */
html { font-size: 62.5%; }
a { color: #333; }
a:hover { color: #007bc8; }
body { color: #333; font: 12px/1.7 Arial, Helvetica, sans-serif; background: #fff; }
.wrapper{width:1200px; margin:0 auto;}
a:focus{outline:none;}
/* ==========================================================================
   Header
   ========================================================================== */
header {width: 100%; }
.head{ width:1200px;margin:0 auto;height:100px; position: relative; z-index: 99; overflow: hidden; }
.logo {float: left;margin-top: 10px; }
.toptel{padding-left: 50px; float: right; background: url(../images/inco01.png) left center no-repeat;font:14px/18px microsoft yahei;height: 40px;margin-top: 28px; }
.toptel .tel_p{color: #dd0111;font-size: 18px;margin-top: 3px;}

/* ==========================================================================
   Nav
   ========================================================================== */
.navbar {width:100%; background:#fff url(../images/line01.jpg) top center no-repeat;padding-top: 3px;}
/* primary */
.navbcon{width:1200px; margin: 0 auto;position: relative; z-index: 99;}
.globalnav { }
.globalnav li { float: left;height:48px;text-align: center; background: url(../images/inco_jg.jpg) left 17px no-repeat; position: relative;}
.globalnav li a { display: block; color: #484848; font:14px/48px microsoft yahei;padding:0 35px; }
.globalnav li:hover{background: #004098;}
.globalnav li.active {background: #004098;}
.globalnav li:hover a{color: #fff;}
.globalnav li.active a{color: #fff;}
.globalnav .dropdown { position: absolute; top:40px;width:100%; z-index: 99; background: #004098; 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: #004098; background: #fff; }
#gn_00 { margin-left: 0; }

/* ==================================
   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: 10px; }
.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: #aaabab;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
  border-radius: 13px;

 }
.banner .hd .on { background: #003290; width: 25px; }
.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: #e60012; }
/* ==========================================================================
   Content
   ========================================================================== */
 
.homeabout{width:100%;padding:50px 0; text-align: center;}
.abouttitle{width: 407px; height: 60px; overflow: hidden;background: url(../images/pic01.jpg) center bottom no-repeat;margin:0 auto 40px auto;font: 300 30px/60px microsoft yahei; color: #004098;}
.homeabout .desc{font: 300 14px/30px microsoft yahei; }
.homeabout a.more{width: 160px;height: 40px; background: #003f98;display: block;color: #fff;font: 300 14px/40px microsoft yahei;
  margin:20px auto 0 auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

/********************home_pro css************************/
.home_pro{width: 100%;padding:40px 0 60px 0; height: 470px; background: url(../images/pic02.jpg)  center top  no-repeat; }
.home_pro .title{height: 55px;background: url(../images/line.png)  left bottom  no-repeat;  text-align: center;margin-bottom: 25px;color: #fff;font: 300 30px/55px microsoft yahei;padding-bottom: 10px;}
.slideGroup{  }
.slideGroup .parHd{ height:35px; line-height:35px; position:relative; text-align: center;  }
.slideGroup .parHd ul{  }
.slideGroup .parHd ul li{width:150px; height: 35px; display: inline-block; *display:inline; zoom: 1; cursor:pointer; color: #fff; text-align: center; margin-left: 15px; font-family: microsoft yahei;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.slideGroup .parHd ul li.on{ background:#e60000;}
.slideGroup .parBd{margin-top: 10px;}
.slideGroup .slideBox{ zoom:1;position:relative; height: 280px;color: #fff;  }
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:80px; display:block; width:44px; height:44px; 
    -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms;
}
.slideGroup .sPrev{ left:-40px; background:url(../images/inco_05.png) top left no-repeat;  }
.slideGroup .sNext{left: auto; right:-40px; background:url(../images/inco_06.png) top left no-repeat;  }
.slideGroup .sPrev:hover{background:url(../images/inco_05.png) bottom left no-repeat;  }
.slideGroup .sNext:hover{ background:url(../images/inco_06.png) bottom left no-repeat;  }
.slideGroup .parBd{padding-top: 20px;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; background: #fff; }
.slideGroup .parBd ul li .pic{ width:270px; height:230px; line-height: 230px; text-align:center; }
.slideGroup .parBd ul li .pic img{ max-width:270px; max-height:230px;transition: transform 2s;}
.slideGroup .parBd ul li:hover .pic img{ transform: scale(1.1);} 
.slideGroup .parBd ul li .title01{padding:10px 0;font: 300 14px/24px microsoft yahei;}
.slideGroup .parBd ul li:hover .title01{background: #335799;}
.slideGroup .parBd ul li:hover .title01 a{color: #fff;}

.home_pro a.more{width: 160px;height: 40px; background: #fff;display: block;color: #666;font: 300 14px/40px microsoft yahei;
  margin:20px auto 0 auto; text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.home_pro a.more:hover{background: #e60000;color: #fff;}

/********************home_news css************************/
.home_news{width: 100%;padding:40px 0 0 0; }
.home_news .title{height: 55px; margin-bottom: 10px;font: 300 30px/55px microsoft yahei;}
.lastnews{width: 340px;height: 300px; overflow: hidden; float: left;font: 300 18px/24px microsoft yahei;margin-top: 10px;}
.lastnews  .imgarea{ width:340px; height:182px; line-height: 182px; text-align:center; overflow: hidden;}
.lastnews  .imgarea img{ max-width:340px; max-height:182px;transition: transform 2s;}
.lastnews  .imgarea:hover img{ transform: scale(1.1);} 
.lastnews .lastnewtitle{ font: 300 16px/24px microsoft yahei;margin-top: 10px;}
.lastnews .lastnewtitle span{font-size: 16px;}
.lastnews .desc{height: 48px;overflow: hidden;font: 300 14px/24px microsoft yahei;}

.newsmod02 li{width:468px; height:75px; overflow: hidden; padding:10px; background: url(../images/pic06.jpg) left bottom no-repeat; cursor: pointer;}
.newsmod02 li:hover{background: url(../images/pic07.jpg) left bottom no-repeat;}
.newsmod02{width: 488px;height:300px; overflow: hidden; float: left; font-family: microsoft yahei; margin-left: 30px;}
.newsmod02 .date{width: 82px; height:70px;padding-top: 0px; float: left; text-align: center;margin-right: 10px;  font-size: 16px; cursor: pointer;  }
.newsmod02 .date .moon{ font-size: 24px;color: #d62f40;}
.newsmod02 .newstitle{font: 300 16px/24px microsoft yahei;margin: 10px 0 5px 0; }
.newsmod02 .newstitle:hover a{ color: #da0011;}
.newsmod02 .desc{height: 24px;overflow: hidden;font: 300 14px/24px microsoft yahei; color: #7a7a7a;}
.newsmod02 .modbd{width:345px; overflow: hidden; float: right;padding-right: 15px;}

.homequick{width: 305px; height: 300px; overflow: hidden; float: right;}

/********************home_news css************************/
.home_panter{width: 100%;padding:0 0 20px 0; }
.home_panter .title{height: 55px; margin-bottom: 10px;font: 300 30px/55px microsoft yahei;background: url(../images/pic10.jpg) 150px center no-repeat;}
.hpanterbox{height: 90px;position: relative;}
.hpanterbox li{ margin:0 10px; float:left; width:180px; height: 90px; overflow:hidden; text-align:center;  }
.hpanterbox li .pic{ text-align:center; width:180px; height: 90px; line-height: 90px;}
.hpanterbox li .pic img{ max-width:180px; max-height:90px; }

.hpanterbox  img{ /*filter: grayscale(100%); filter: alpha(opacity=50);*/
    opacity: 0.5;
    /*-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);*/
    }
.hpanterbox li:hover  img{/*filter: grayscale(0%);filter: alpha(opacity=100);*/
    opacity: 1;
    /*-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);*/
}
.hpanterbox .sPrev, .hpanterbox .sNext{ position:absolute; top:5px; display:block;  font-size: 48px; color: #c7c6c6;
}
.hpanterbox .sPrev{ left:-20px;  }
.hpanterbox .sNext{left: auto; right:-20px; }
.hpanterbox .sPrev:hover .fa{color:#d62f40; }
.hpanterbox .sNext:hover .fa{ color:#d62f40;}


/* ==========================================================================
   Footer
   ========================================================================== */
footer {background: #0a408a; font-family: microsoft yahei;padding:30px 0;}
footer a { color: #fff; }
footer a:hover { text-decoration: underline; }
.foot_logo{width: 370px;height: 155px; line-height: 155px; overflow: hidden;float: left;border-right: 1px solid #1a54a4;}
.foot_contact{padding-left:50px;width: 600px;height:155px;border-left: 1px solid #072d60; float: left; color: #fff;font: 300 14px/36px microsoft yahei;}
.foot_ewm{float: right;}


.foothd{width:100%;font-family:microsoft yahei; color:#fff;background-color: #1a54a4;}
.foothd .footnav li{width: 170px; height: 50px; float: left; text-align: center;font: 300 16px/50px microsoft yahei; }
.foothd .footnav li a{color: #fff; width: 100%;display: block;}
.foothd .footnav li:hover{background: #004098;}
.foothd a:hover{color:#fff;}