/* ==========================================================================
   Global  c1:#119ee1;
   ========================================================================== */
html {
   font-size: 62.5%;
}
a {
   color: #666;
}
a:hover {
   color: #725d47;
}
body {
   color: #6d7073;   font: 12px/1.6 Arial, Helvetica, sans-serif,microsoft yahei;background: #fff;
   width: 100%;}
.container {width: 100%;padding:0;}
.wrapper {width: 1000px;margin: 0 auto;}

/*header*/
.topbar{ background-color: #191e28; height: 42px; line-height: 42px;}
.topbar .fl{color:#fff;font: 300 12px/42px microsoft yahei;}
header {width:100%;height:90px; background: #fff;}
.headcon{width: 1000px;position: relative;margin: 0 auto;padding:17px 0; height: 56px;}
.logo {position: absolute;top:24px;left:0;}

/*header globalnav*/
.globalnav {  /*overflow: hidden;*/right:0;  position: absolute; height: 46px;   line-height: 46px;padding:5px 0;}
.globalnav li { text-align: center;padding:0 15px;margin:0 2px; float: left; height:46px;   position: relative; font: 300 14px/46px microsoft yahei;background:url(../images/borline.jpg) right center no-repeat;}
.globalnav li:last-of-type { background:none; }
.globalnav li a {  color: #373737;   text-decoration: none;}
.globalnav li a:hover {  color: #e62500; }
.globalnav .active a{ color: #e62500;  }
.globalnav li.active{ }
.globalnav li .dropdown { position: absolute; z-index: 999; background: #fff; background: rgba(255,255,255,.8); display: none; padding: 40px 15px 15px 15px; border-bottom: 3px solid #2a79c2; margin-left: -105px; top: 100%; width: 230px;  }
.globalnav li .dropdown:after { content: ""; position: absolute; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; border-top-style: solid; border-width: 5px 5px 0; border-top-color: #e62500; left: 50%; margin-left: -5px; top: -5px; }
.globalnav li .dropdown .pic { display: block; padding: 0; width: 100%; height: 82px; margin-bottom: 10px; }
.globalnav li .dropdown .pic img { width: 100%; height: 100%; }
.globalnav li .dropdown .dd-l { float: left; width: 100px; text-align: left;}
.globalnav li .dropdown .dd-r { float: right; width: 120px; font-size: 12px;}
.globalnav li .dropdown a { white-space: nowrap; line-height: 30px; font-size: 12px; float: left; padding: 0; color: #666; background: none; border-bottom: 0 none; width: 100%; }
.globalnav li .dropdown a .fa { font-size: 12px; line-height: 30px; color: #ccc; padding-right: 5px; }
.globalnav li .dropdown a:hover,
.globalnav li .dropdown a:hover .fa { color: #e62500; }

/* ==================================
   banner
   ================================== */
.banner { position: relative; min-width: 1200px; width: 100%; height: 570px; 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: 570px; }
.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: 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); }
.tempWrap { margin: 0 auto; }
.banner .prev,.banner .next { margin-top: -30px; position: absolute; top: 50%;cursor: pointer;}
.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: #dd0009; }    


/*************/

.topnew{width: 100%;height: 95px;background: url(../images/topnewbg.jpg) left bottom repeat-x; font-family: microsoft yahei;}
.topnewtit{width: 170px;height: 95px; overflow:hidden; float: left;background: url(../images/topnewtit.jpg) left bottom no-repeat; line-height: 46px; text-indent: 20px;color: #f00;  }
.newmod{width: 580px;height: 70px;padding-top: 25px;padding-left: 40px; overflow:hidden; float: left;}
.topnewList li{ height:24px; line-height:24px;   }
.topnewList li .date{color:#999;margin-right: 10px;}
.topnewmore{float: right;padding-top:38px;}
.topnewmore a{padding:6px 20px;background-color: #f3210c;color: #fff;}

/* toppro css */

.toppro{width: 100%;padding:40px 0;background-color: #9fcdee;color: #fff;}
.hometit01{height: 30px;background: url(../images/title01.png) center no-repeat;  text-align: center;font: 300 24px/30px microsoft yahei;margin-bottom: 10px;}
.topprobox{ width:100%;}
.topprobox .hd{ height:43px; line-height:33px;background: url(../images/borline3.jpg) left bottom repeat-x;  text-align: center; }
.topprobox .hd ul{ height:40px; color: #fff}
.topprobox .hd ul li{ display: inline-block; *display:inline; zoom: 1; padding:0 15px; height:40px;font: 300 14px/40px microsoft yahei;cursor:pointer; border-bottom:3px solid #fff; }
.topprobox .hd ul li.on{border-bottom:3px solid #e92601;}
.topprobox .bd{height: 275px; overflow: hidden;padding-top: 20px;}
.homeprolist{margin-right: -12px;}
.homeprolist li{width: 240px;height: 270px; overflow: hidden;float: left;border-bottom: 1px solid #fff;margin-right: 12px;}
.homeprolist li .textarea{height: 50px; line-height: 50px; color: #fff; font-family: microsoft yahei; position: relative;}
.homeprolist li .textarea i{position: absolute;right: 0;top: 20px;}
.homeprolist li:hover{border-bottom: 1px solid #e92601;}
.homeprolist li:hover i{color: #e92601;}
.homeprolist .imgarea{width: 240px;height: 217px; overflow: hidden;}
.homeprolist .imgarea img{width: 240px;height: 217px;  transition: transform 2s;}
.homeprolist li:hover .imgarea img{ transform: scale(1.1);}
.toppromore{height: 36px; line-height: 36px; text-align: center;margin-top: 40px;}
.toppromore a{padding:10px 80px;border:1px solid #fff;color: #fff;}
.toppromore a:hover{border:1px solid #e92601;color: #fff; background-color: #e92601;}

/* topabout css */

.topabout{width: 100%;padding:40px 0;}
.hometit02{height: 30px;background: url(../images/title02.png) center no-repeat;  text-align: center;font: 300 24px/30px microsoft yahei;margin-bottom: 10px;color: #333;}
.topabout .textarea{text-align: center;font: 300 14px/24px microsoft yahei;}
.ab_link{width: 900px; margin: 20px auto 0 auto;}
   .linkbox{width: 260px;float: left; height: 64px;padding:10px 10px; line-height: 24px;background: url(../images/arrow.png) no-repeat 220px center;}
   .ab_link .bor{border-right: 1px solid #d9d9d9;margin-right: 3%;}
   .linkbox p{margin-top: 13px; font-family:microsoft yahei; font-size: 14px;}
   .linkbox .inco{width: 64px; height: 64px; display: block; float: left; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms;margin-right: 15px;}
   .linkbox .inco01{background: url(../images/inco_01.png) no-repeat left top;}
   .linkbox:hover .inco01{background: url(../images/inco_01.png) no-repeat left bottom;}
   .linkbox .inco02{background: url(../images/inco_02.png) no-repeat left top;}
   .linkbox:hover .inco02{background: url(../images/inco_02.png) no-repeat left bottom;}
   .linkbox .inco03{background: url(../images/inco_03.png) no-repeat left top;}
   .linkbox:hover .inco03{background: url(../images/inco_03.png) no-repeat left bottom;}
   .linkbox:hover{background: url(../images/arrow02.png) no-repeat 220px center;}
   .linkbox:hover p{color: #1180d2;}
   .linkbox:hover span{color: #969696;}
   .linkbox span{color: #969696; font-size: 12px;}
.topcontact{width: 100%;padding:50px 0; height:300px; background: url(../images/homecontact.jpg) no-repeat center top;color: #fff; overflow: hidden; text-align: center;}
.topcontact h3{font: 300 30px/30px microsoft yahei; font-style:italic;margin-bottom: 30px;}
.topcontact .tel{font-size: 36px; font-style:italic;}
.topcontact .tel i{font-size: 48px; line-height: 48px; vertical-align: middle; margin-right: 10px;}
.topcontact .address{font: 300 14px/30px microsoft yahei;margin: 30px 0 40px 0; }
.topcontact .more{ font-size: 18px;color: #fff; padding: 12px 70px; border:1px solid #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   border-radius: 4px;
}
.topcontact .more:hover{ border:1px solid #f3210c; color: #f3210c;}

.topservice{width: 100%;padding:40px 0 60px 0; background-color: #f8f8f8;} 
.service_link{width: 900px; margin: 30px auto 0 auto;}
   .linkbox02{width: 170px;float: left; height: 148px;line-height: 24px; position: relative;margin: 0 26px;}
   .linkbox02 p{width:100%;font-family:microsoft yahei; font-size: 16px; position: absolute; bottom: 20px; text-align: center;}
  .linkbox02 a {color:#1180d2;}
   .linkbox02 .inco{width: 170px; height: 148px; display: block; float: left; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms;margin-right: 15px;}
   .linkbox02 .inco01{background: url(../images/inco_04.png) no-repeat left top;}
   .linkbox02:hover .inco01{background: url(../images/inco_04.png) no-repeat left bottom;}
   .linkbox02 .inco02{background: url(../images/inco_05.png) no-repeat left top;}
   .linkbox02:hover .inco02{background: url(../images/inco_05.png) no-repeat left bottom;}
   .linkbox02 .inco03{background: url(../images/inco_06.png) no-repeat left top;}
   .linkbox02:hover .inco03{background: url(../images/inco_06.png) no-repeat left bottom;}
   .linkbox02 .inco04{background: url(../images/inco_07.png) no-repeat left top;}
   .linkbox02:hover .inco04{background: url(../images/inco_07.png) no-repeat left bottom;}
   .linkbox02:hover a{color: #fff;}

/* ==========================================================================
   Footer
   ========================================================================== */
footer { color: #fff; font-size: 12px; background-color: #1b202b; font-family: microsoft yahei; }
footer a { color: #fff; }
footer a:hover { text-decoration: underline; }
.footer-bd { padding: 30px 0 20px 0;}
.footer-nav {  }
.footer-nav:after { content: ""; width: 100%; display: inline-block; font-size: 0; line-height: 0; }
.fn-col { float: left; vertical-align: top;width: 170px;height:140px;border-right: 1px solid #262d3c;border-left: 1px solid #141821;text-align: center;}
.fn-col h3 {  margin-bottom: 10px; font: 300 14px/24px microsoft yahei;}
.fn-col h3 a { color:#fff;}
.fn-col h3 a:hover {  }
.fn-col ul {}
.fn-col li { line-height: 24px; }
.fn-col li a { color: #fff;  }
.fn-col li a:hover {  }
.foothd{padding:10px 0; color:#fff;text-align: center; background-color: #171c25;font: 300 12px/24px microsoft yahei;}
.foothd a{color:#333;}
.footer-nav .fn-col:nth-child(2) { width: 200px;text-align: left; text-indent: 40px; }
.footer-nav .fn-col:nth-child(1) {border-left:none; text-align: left; width: 110px;}
.footer-nav .fn-col:nth-child(6) { border-right:none;}