/* ==========================================================================
   Global
   ========================================================================== */
html { font-size: 62.5%; }
a { color: #333; }
a:hover { color: #408ab9; }
body { color: #333; font: 12px/1.7 Arial, Helvetica, sans-serif; background: #fcfcfc; }
.wrapper{width:1140px; margin:0 auto;}
.marg02{margin-bottom:60px;}
/* ==========================================================================
   Header
   ========================================================================== */
header {width: 100%; background: #fff;}
.head{ width:1140px;margin:0 auto;height: 100px;position: relative; }
.logo {float: left; width: 442px; }
.logo img { }
.companytel{padding-left:35px;margin-top: 30px;  float: right;background: url(../images/inco_tel.png) left center no-repeat; width: 250px;}
.companytel h3{ font: 18px/24px Arial;color: #686868;}
.lang{float: right; font-family: Arial;padding-top: 45px;margin-right: 30px;}
.lang a{margin-left:10px;border:1px solid #e4e4e4; color: #999;padding:5px 10px;}
.serchinco{position: absolute; right:0; top: 45px; font: 300 12px/24px Arial;cursor: pointer;z-index: 999; display: block;}
.serchinco .fa{font-size: 18px;color: #848484;}
.globalsearch{display: none;}
.globalsearch{position: absolute; top: 100px; right:0;width: 280px;padding:15px;z-index: 999; background: #00368d;}
.globalsearch #q,
.globalsearch .search-btn { float: left;   border: 0 none; }
.globalsearch #q { width:200px; height: 18px; padding: 10px; line-height: 18px; background: #fff;border:1px solid #fff;font: 300 12px/18px Arial;  }
.globalsearch .search-btn { width: 50px; height: 40px; cursor: pointer; background:#fff url(../images/inco_serch.jpg) no-repeat center;  }

/* ==========================================================================
   Nav
   ========================================================================== */
.navbar {width:100%; background: #0c60c0;}
/* primary */
.navbcon{width:1140px; margin: 0 auto;position: relative; z-index: 99;text-transform:Uppercase;}
.globalnav { float: left;}
.globalnav li { float: left;padding:0 30px;height:48px;text-align: center;position: relative;}
.globalnav li a { display: block; color: #fff; font:700 18px/48px Arial; }
.globalnav li:hover{background:#3089ee;}
.globalnav li.active {background:#3089ee;}
.globalnav .dropdown { position: absolute;top:48px; left: 0; width:100%; z-index: 99; text-align: left;text-indent: 10px; background: #fff; display: none; padding-bottom: 5px;}
.globalnav .dropdown a { white-space: nowrap;font:300 14px/35px Arial; color: #666; padding-bottom: 0; border-bottom: 0 none; padding-left: 0; padding-right: 0; }
.globalnav .dropdown a:hover { color: #155ea3;}

.depart_nav{width: 220px; float: left;font-family: Arial; position: relative; }
.depart_nav .hd{width: 220px; height: 48px; text-align: center;color: #fff;font: 300 18px/48px Arial; }
.depart_nav .hd a{color: #fff;width: 100%;height: 48px;display: block;}
.depart_nav .hd  .fa{margin-right: 10px;}
.depart_nav .bd{ width:260px;/*height: 564px; */background: #fff; border-left:1px solid #cacaca; border-right:1px solid #cacaca; display: none;position: absolute;left: 0;z-index: 999; text-transform:Uppercase;}
.depart_nav .bd .title{padding:0 10px;font: 300 18px/46px Arial;text-transform:Uppercase; border-bottom: 1px solid #cacaca; position: relative; background: url(../images/inco01.png) right 17px no-repeat; }
.depart_nav .bd li{padding:0 10px;font: 300 14px/46px Arial;border-bottom: 1px solid #cacaca;background: url(../images/inco02.png) right 17px no-repeat; color: #666666;}

.depart_nav:hover .bd{display: block;}

/* ==================================
   banner
   ================================== */
.homebanner{width:1140px;height: 560px; overflow: hidden;margin:5px auto 0 auto; }
.banner { overflow: hidden;width: 848px; height: 560px;  float: right; position: relative;}
.banner .bd li a { width: 848px; height: 560px; overflow: hidden; }
.banner .hd { position: absolute; width: 100%; left: 0; text-align: center; bottom:0; height: 47px;
  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#334E4E4E', endColorstr='#334E4E4E');background:rgba(78,78,78,0.2);
}
.banner .hd ul { display: inline-block; *display:inline;zoom: 1;margin-top: 20px; }
.banner .hd li { float: left; cursor: pointer; width: 13px; height: 13px; 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); }
.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: #3089ee; }
/* ==========================================================================
   Content
   ========================================================================== */


   /*****homepart01******/

 .homepart01{width: 100%;padding:40px 0;height: 720px;overflow: hidden;}
 .hpart01_left{width: 576px;height: 720px; float: left; overflow: hidden;}
.hpart01_left .hfeedbackbox{width: 546px;height: 150px;padding:15px;overflow: hidden; background: #155ea3; color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.hpart01_left .hfeedbackbox .lable{display:  inline-block; *display:inline; zoom: 1; width: 120px;}
.hpart01_left .hfeedbackbox .title{border-bottom: 1px solid #0a4e95;padding-bottom: 5px; font-size: 16px;}
.hpart01_left .hfeedbackbox .mode{padding:5px 0;}
.hpart01_left .hfeedbackbox .mode .ui-input{width:200px;height:18px;padding:4px 10px;margin-right:20px;border:1px solid #fff;}
.hpart01_left .hfeedbackbox .mode .login-btn{width:100px; text-align: center;  margin-right: 20px;height: 30px; font-size: 14px ; line-height: 18px; margin-left: 120px;}
.hpart01_left .hfeedbackbox .mode .login-btn{background: #0b4d91; color: #fff;border: 1px solid #0b4d91; }
.hpart01_left .hfeedbackbox .mode a{color: #fff;}

.hnewsbox{width: 576px; height: 500px; overflow: hidden;margin-top: 40px;}
.hnewsbox .title{font: 300 24px/35px Arial; height: 35px;margin-bottom: 35px;}
.hnewsbox .title a{float: right;}
.hnewslist{margin-left: -14px;}
.hnewslist li{width: 280px;height: 500px; background: #f9f9f9; float: left;margin-left: 14px;}
.hnewslist li .imgarea{width: 280px; height: 189px; overflow: hidden;}
.hnewslist li .imgarea img{width: 280px; height: 189px; transition: transform 2s;}
.hnewslist li .imgarea:hover img{ transform: scale(1.1);} 
.hnewslist li .txtarea{width:210px; height: 290px; overflow: hidden;padding:10px 10px 10px 60px; position: relative;}
.hnewslist li .txtarea .newstitle{font: 300 18px/24px Arial; margin-bottom: 10px;}
.hnewslist li .txtarea .desc{font: 300 12px/30px Arial; height:90px; overflow: hidden;color: #999; }
.hnewslist li .txtarea a.more{ font: 300 14px/24px Arial;margin-top: 30px;  float: right;}
.hnewslist li .txtarea .date{width: 50px; height: 42px;padding-top: 8px;text-align: center;background: #7c7c7c; color: #fff; font-size: 12px;  position: absolute; left: 0; top: 10px; }
.hnewslist li .txtarea .date .moon{ font-size: 16px; line-height: 18px;}

.hpart01_right{width: 540px;height: 720px; float: right; overflow: hidden;}
.homeabout{width: 508px;padding:15px;height: 335px;  overflow: hidden; border:1px solid #e8e8e8;}
.homeabout .title{font: 300 24px/35px Arial; height: 35px;margin-bottom: 10px; text-transform:Uppercase;}
.homeabout .txtarea{width:315px; height: 290px; overflow: hidden;font: 300 12px/30px Arial; color: #9f9f9f;  overflow: hidden;float: left; }
.homeabout .imgarea{width: 171px; height: 261px; overflow: hidden; float: right;}
.homeabout .imgarea img{width: 171px; height: 261px;}
.homecontact{width: 500px;height: 277px; padding:20px; overflow: hidden;background: url(../images/pic04.jpg) left top no-repeat;margin-top: 40px;}
.homecontact .title{font: 300 24px/35px Arial; height: 35px; color: #fff; cmargin-bottom: 10px; text-transform:Uppercase;}
.homecontact .desc{font: 300 12px/30px Arial;color: #fff;}

.hometools{width: 100%;padding:40px 0;overflow: hidden;}
.htoolbox{}
.htoolbox .hd{ overflow:hidden;  height:38px; position: relative; margin-bottom: 30px; }
.htoolbox .hd h3{font: 300 30px/38px Arial;position: absolute;left: 0;top: 0;}
.htoolbox .hd .prev,.htoolbox .hd .next{ display:block;  width:38px; height:38px; overflow:hidden;
position: absolute;right: 0;top: 0;cursor:pointer;}
.htoolbox .hd .prev{ right: 50px; background: url(../images/inco03.png) left center no-repeat;}
.htoolbox .hd .next{right: 0; background: url(../images/inco04.png) left center no-repeat;}
.htoolbox .hd .prev:hover{background: url(../images/inco05.png) left center no-repeat;}
.htoolbox .hd .next:hover{background: url(../images/inco06.png) left center no-repeat;}

.htoolbox .bd ul{ overflow:hidden; zoom:1; }
.htoolbox .bd ul li{position: relative; background: #fff; width:285px;height: 295px;border-right:1px solid #e6e6e6; float:left; overflow:hidden; }
.htoolbox .bd ul li .pic{width:285px;height: 240px;text-align: center; line-height: 240px; overflow: hidden;}
.htoolbox .bd ul li .pic img{ max-width:285px;max-height: 240px;}
.htoolbox .bd ul li .title{ line-height:24px; text-transform:Uppercase; font-size: 14px;padding:0 10px;}
.htoolbox .bd ul li .cover{display: none; position: absolute; left: 0; top: 0; width:265px;height: 275px;padding: 10px; 
background: #808080;font: 300 14px/24px Arial; color: #fff;}
.htoolbox .bd ul li:hover .cover{display: block;}

/* ==========================================================================
   Footer
   ========================================================================== */
footer { color: #c5c5c5; font-size: 12px; background-color: #323232; font-family: Arial; }
footer a { color: #fff; }
footer a:hover { text-decoration: underline; }
.footer-bd { padding: 24px 0 0px 0;}
.footer-nav { text-align: justify; text-transform:Uppercase;}
.footer-nav:after { content: ""; width: 100%; display: inline-block; font-size: 0; line-height: 0; }
.fn-col { display: inline-block; *display:inline;zoom: 1; vertical-align: top; *padding-right: 90px;}
.fn-col h3 {  margin-bottom: 10px; font: 300 14px/24px Arial;}
.fn-col h3 a { color:#fff;}
.fn-col h3 a:hover { text-decoration: underline; }
.fn-col ul {}
.fn-col li { line-height: 24px; }
.fn-col li a { color: #fff;  }
.fn-col li a:hover { text-decoration: underline; }
.fn-colwx{width:300px;text-transform:Uppercase;}
.fn-colwx p { font: 300 13px/24px Arial; color:#fff; }
.fn-colwx a{margin-right: 20px;}
.fn-colwx img{margin:0 10px 0 0;}
.footmail{width:800px;height: 100px;margin:50px auto 30px auto;}
.footmail .ui-input{width:200px;height:18px;font: 300 13px/18px microsoft yahei;color: #727171;padding:15px 10px;margin-left:20px;border:1px solid #fff;}

.foothd{padding:10px 0; color:#949494; text-transform:Uppercase; line-height: 40px;background: #fff; text-align: center;}