/* ==========================================================================
   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: 1200px;margin: 0 auto;}

/*header*/
header {width:100%;height:100px; background: #fff;}
.headcon{width: 1200px;position: relative;margin: 0 auto;padding:22px 0; height: 56px;}
.logo {position: absolute;top:22px;left:0;}
.topbar{height: 44px;background: #f3f4f4;border-bottom: 1px solid #ebecec;font: 300 14px/44px microsoft yahei; }

/*header globalnav*/
.globalnav {  /*overflow: hidden;*/right:0;  position: absolute; height: 46px;   line-height: 46px;padding:5px 0;}
.globalnav li { text-align: center;padding:0 20px;margin:0 2px; float: left; height:46px;   position: relative;font: 14px/46px microsoft yahei;}
.globalnav li a {  color: #373737;   text-decoration: none;}
.globalnav .active a{ color: #f6b900;  }
.globalnav .dropdown { position: absolute; z-index: 99; display: none; background: #fff; width:100%; text-align: center; left:0; padding:  0; }
.globalnav .dropdown a {color: #999999; 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 .dropdown a:hover { color: #fff; background: #f6b900; }


/* ==================================
   banner
   ================================== */
.banner { position: relative; min-width: 1200px; width: 100%; height: 580px; 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: 580px; }
.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: #fff;
   -webkit-border-radius: 13px;
   -moz-border-radius: 13px;
   -ms-border-radius: 13px;
   -o-border-radius: 13px;
   border-radius: 13px;}
.banner .hd .on {width: 30px; background: #f6b10b;
     -webkit-transition: all 0.8s;
   -moz-transition: all 0.8s;
   -o-transition: all 0.8s;
   transition: all 0.8s;
 }
.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: #f6b900; }    

/* ==========================================================================
   homeabout
   ========================================================================== */
.homeabout{width: 100%;padding:40px 0;}
.hometitle{ font: 300 30px/30px microsoft yahei; text-align: center;margin-bottom: 50px;}
.haboutbox{height: 350px;}
.haboutbox .textarea{width: 600px; height: 350px; overflow: hidden; float: left;}
.haboutbox .textarea .desc{font: 300 14px/30px microsoft yahei; height: 240px; overflow: hidden; }
.haboutbox .textarea a.more{background: #eab001;color: #fff; display: block; width: 150px; text-align: center; font: 300 14px/40px microsoft yahei;margin-top: 30px;}
.haboutbox .imgarea{width: 576px;height: 327px; overflow: hidden;float: right;background:url(../images/inco02.png) top center no-repeat;}
.haboutbox .imgarea .pic{overflow: hidden;margin:19px 0 0 70px;width: 433px;height: 271px; }

.haboutbox .imgarea .pic img{width: 433px;height: 271px;  transition: transform 2s;}
.haboutbox .imgarea .pic:hover  img{ transform: scale(1.1);}     


/********************home_pro css************************/
.home_pro{width: 100%;padding:40px 0; background:url(../images/homebg01.jpg) top center no-repeat;}
.hproGroup{  }
.hproGroup .parHd{ height:35px;position:relative; text-align: center;  margin-bottom: 30px;}
.hproGroup .parHd ul{  }
.hproGroup .parHd ul li{height: 35px; padding:0 20px; display: inline-block; *display:inline; zoom: 1; cursor:pointer; color: #2b2b2b; text-align: center; margin-left: 15px; font: 300 16px/35px microsoft yahei;}
.hproGroup .parHd ul li.on{ background:#eab001; color: #fff;}
.hproGroup .hproBox{ zoom:1;position:relative;   }

.hproGroup .sPrev,.hproGroup .sNext{ position:absolute; left:5px; top:80px; display:block; width:44px; height:44px; 
    -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms;
}
.hproGroup .sPrev{ left:-30px; background:url(../images/inco_05.png) top left no-repeat;  }
.hproGroup .sNext{left: auto; right:-30px; background:url(../images/inco_06.png) top left no-repeat;  }
.hproGroup .sPrev:hover{background:url(../images/inco_05.png) bottom left no-repeat;  }
.hproGroup .sNext:hover{ background:url(../images/inco_06.png) bottom left no-repeat;  }
.hproGroup .parBd{padding-top: 20px;}
.hproBox ul{ overflow:hidden; zoom:1;   }
.hproBox  li{ margin:0 8px; float:left; width:266px; height: 318px; overflow:hidden;  background: #ffffff; }
.hproBox  li .pic{  width:266px; height: 263px;  line-height: 263px;text-align:center; overflow: hidden; }
.hproBox  li .pic img{ max-width:266px; max-height: 263px;}
.hproBox  li .title01{margin:0 10px;font: 300 14px/50px microsoft yahei;border-top: 1px solid #e7e7e7; text-align: center;}
.hproBox  li .title01 a:hover{color: #eab001;}

/* ==========================================================================
   home_contact
   ========================================================================== */
.home_contact{width: 100%;padding:40px 0;}
.contactbox{padding-bottom:30px;margin-left: -100px;}
.contactbox li{width:300px;padding:0 6px; float: left;margin-left: 100px;}
.contactbox li .techbd{width:40px;height:40px; float: left;}
.contactbox li .techtext{font: 14px/24px microsoft yahei;  float: right; width:250px; height: 50px;}
.contactbox li .techtext h3{font: 18px/24px microsoft yahei; color: #1f1f21;}
.contactbox li i.inco{width:40px;height:40px; display: block; float: left;}
.contactbox li i.inco01{background:url(../images/inco03.png) left top no-repeat;}
.contactbox li:hover i.inco01{background:url(../images/inco03.png) right top no-repeat;}
.contactbox li i.inco02{background:url(../images/inco03.png) left -40px no-repeat;}
.contactbox li:hover i.inco02{background:url(../images/inco03.png) right -40px no-repeat;}
.contactbox li i.inco03{background:url(../images/inco03.png) left bottom no-repeat;}
.contactbox li:hover i.inco03{background:url(../images/inco03.png) right bottom no-repeat;}

.feedbackbox  .imgare{width: 380px; height: 405px; overflow: hidden; float: left;}
.feedbackmod{width: 760px; float: right;}
.feedbackmod h3{font: 300 20px/30px microsoft yahei; color: #4f4f50;}
.feedbackmod .desc{font: 300 14px/30px microsoft yahei;margin-top: 10px; }
.feedbackmod .desc span{color: #c30000;}
.hfeedback_con{padding-top: 20px;}
.hfeedback_con .ui-input{width:200px;height:18px;font: 300 13px/18px microsoft yahei;color: #727171;padding:10px 10px 10px 20px;margin-right:020px;float: left;border:1px solid #bebdbd;}
.hfeedback_con textarea{width:720px;height:120px;font: 300 13px/18px microsoft yahei;color: #727171;padding:10px 14px 10px 20px;float: left;border:1px solid #bebdbd;margin-top:30px;}
 .btn-field{padding-top:30px;}
 .btn-field .ui-btn{width:100%; text-align: center;  margin-right: 30px;font-family: microsoft yahei; height: 40px; font-size: 14px ; line-height: 40px;}
 .btn-field .ui-btn01{background: #eab001; color: #fff;border: 1px solid #eab001; }

/* ==========================================================================
   Footer
   ========================================================================== */
footer { color: #c5c5c5; font-size: 12px; background-color: #11181d; font-family: microsoft yahei;padding:20px 0; }
footer a { color: #fff; }
footer a:hover { text-decoration: underline; }

.foot_left{float: left;font: 300 14px/30px microsoft yahei;}
.foot_left .footnav a{margin:0 5px;}
.foot_left .footnav a:hover{color: #eea800;}
.fn-colwx{width:260px; float: right;}
.wxmod{width:260px;}
.wxmod .imgbox{width:107px;height:107px; display: block; float: left; }
.wxmod .imgbox img{width:107px;height:107px;}
.wxmod .desc {float: left;padding:15px 0 0  10px;font: 300 13px/24px microsoft yahei;color:#5b5b5b;}
.homeshare{color:#333;margin-top: 10px; }
.homeshare a{color:#fff; font-size: 13px;padding:2px 7px; background:url(../images/inco07.png) top center no-repeat;}
.homeshare a:hover{background:url(../images/inco08.png) top center no-repeat;}