@charset "utf-8";
#content{
   width: 1120px;
    padding-top: 0px;
}
.linkarea{
   position: absolute;
    top: 2px;
    right: 24px;
}
#banner{
   margin-bottom: 10px;
}
.banner{
   min-width: 1120px;
    max-width: 2440px;
}
#banner .show{
   display: block;
    max-width: 2440px;
}
.banner img{
   width: 100%;
}
#elem-frontspecifies_show01-banner{
   position: relative;
}
#box_main{
   position: relative;
    max-width: 2440px;
}
#elem-frontspecifies_show01-qrcode{
   z-index: 9;
    position: absolute;
    text-align: center;
    top: 520px;
    right: 0px;
}
#banner_slide{
   position: absolute;
    width: 104px;
    bottom: 20px;
    right: 20px;
}
#banner_slide ul{
   width: 144px;
    display: block;
    height: 12px;
}
#banner_slide ul li{
   text-align: center;
    line-height: 16px;
    width: 12px;
    display: block;
    font-family: arial, helvetica, sans-serif;
    background: url(/uploads/image/icode/banner_btn.png) no-repeat;
    float: left;
    height: 12px;
    color: white;
    font-size: 10px;
    cursor: pointer;
    margin-right: 10px;
}
#banner_slide ul li.active{
   background: url(/uploads/image/icode/banner_btn_active.png) no-repeat;
}
#box_left{
   width: 192px;
    float: left;
}
#box_left h4{
   line-height: 30px;
    padding-left: 10px;
    background: #55acde;
    height: 30px;
    color: white;
    font-size: 16px;
}
#box_left h4 a{
   line-height: 30px;
    padding-left: 10px;
    background: #55acde;
    height: 30px;
    color: white;
    font-size: 16px;
}
#box_left p{
   line-height: 30px;
    padding-left: 20px;
    background: #e6e7e8;
    color: #5c5c5d;
    font-size: 13px;
    font-weight: normal;
}
#recruitment a{
   font-weight: normal;
}
#case{
   background: #e6e7e8;
}
#case img{
}
#case a{
   line-height: 20px;
    padding-left: 20px;
    display: block;
    color: #5c5c5d;
    font-size: 13px;
    font-weight: normal;
}
#case a.casepic{
   padding-left: 0px;
}
#case p{
   padding-bottom: 10px;
    line-height: 20px;
    font-weight: normal;
    padding-top: 10px;
}
#honour a{
   color: white;
    font-weight: normal;
}
#recruitment{
   margin-bottom: 10px;
}
#case{
   margin-bottom: 10px;
}
#box_center{
   padding-left: 18px;
    width: 588px;
    float: left;
}
#box_center .line{
   z-index: -10;
    position: relative;
    background: #a6c591;
    height: 2px;
    top: 12px;
}
#box_center a{
   cursor: pointer;
}
#box_center h4{
   padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    background: white;
    float: left;
    height: 30px;
    color: #4dac3b;
    margin-left: 20px;
    padding-top: 0px;
}
#box_center .link{
   width: 100%;
    padding-top: 34px;
}
#solution .link a{
   text-align: center;
    line-height: 93px;
    width: 93px;
    padding-right: 5px;
    display: block;
    float: left;
    height: 93px;
    color: white;
    font-size: 12px;
}
#solution .link a:hover{
   position: relative;
    font-size: 14px;
    top: -10px;
    font-weight: bold;
}
.energy_management{
   background: url(/uploads/image/icode/green_bg.png) no-repeat;
}
.electrical_safety{
   background: url(/uploads/image/icode/green_bg.png) no-repeat;
}
.data_center{
   background: url(/uploads/image/icode/green_bg.png) no-repeat;
}
.power_management{
   background: url(/uploads/image/icode/blue_bg.png) no-repeat;
}
.power_quality{
   background: url(/uploads/image/icode/blue_bg.png) no-repeat;
}
.motor_control{
   background: url(/uploads/image/icode/blue_bg.png) no-repeat;
}
.motor_control{
   padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
#intelligent_gizmos{
   padding-top: 30px;
}
#intelligent_gizmos a{
   text-align: center;
    padding-bottom: 0px;
    line-height: 20px;
    padding-left: 0px;
    width: 92px;
    padding-right: 0px;
    display: block;
    float: left;
    height: 93px;
    color: white;
    font-size: 12px;
    margin-right: 5px;
    padding-top: 0px;
}
#intelligent_gizmos a:hover{
   position: relative;
    font-size: 14px;
    top: -10px;
    font-weight: bold;
}
.intelligent_instrument{
   background:  #98999a no-repeat left bottom;
}
.motor_protection{
   background: url(/uploads/image/icode/motor_protection.png) #5bb8e8 no-repeat left bottom;
}
.electrical_fire{
   background:  #98999a no-repeat left bottom;
}
.active_filter{
   background: url(/uploads/image/icode/active_filter.png) #5bb8e8 no-repeat left bottom;
}
.medium_pressure{
   background:  #98999a no-repeat left bottom;
}
.precision_distribution{
   background: url(/uploads/image/icode/precision_distribution.png) #5bb8e8 no-repeat left bottom;
}
#technology{
   padding-top: 30px;
}
.technology{
   margin-top: 30px;
    padding-left: 18px;
    width: 549px;
    padding-right: 18px;
    background: url(/uploads/image/icode/technology_bg.png) no-repeat;
    height: 173px;
    padding-top: 20px;
}
.technology h3{
   color: #55acde;
    font-weight: normal;
}
.technology p{
   line-height: 20px;
    color: #5c5c5d;
    font-size: 14px;
    font-weight: normal;
    padding-top: 15px;
}
.technology a{
   margin-top: 6px;
    float: right;
    color: #55acde;
    font-size: 13px;
    font-weight: normal;
}
.technology a:hover{
}
#box_right{
   width: 309px;
    float: right;
}
#box_right .columnspace{
   padding-bottom: 18px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 18px;
}
#tab ul{
   height: 30px;
}
#tab ul li{
   width: 72px;
    display: inline-block;
    float: left;
    height: 26px;
    margin-right: 6px;
}
#tab ul li a{
   text-align: center;
    line-height: 26px;
    width: 72px;
    display: block;
    background: #5bb8e8;
    height: 26px;
    color: white;
    font-size: 13px;
    cursor: pointer;
}
#tab ul li a.hover{
   border-bottom: #91d8f7 1px solid;
    border-left: #91d8f7 1px solid;
    line-height: 29px;
    background: white;
    height: 29px;
    color: #989a9c;
    border-top: #91d8f7 1px solid;
    border-right: #91d8f7 1px solid;
}
#tab ul li a:hover{
   border-bottom: #91d8f7 1px solid;
    border-left: #91d8f7 1px solid;
    line-height: 29px;
    background: white;
    height: 29px;
    color: #989a9c;
    border-top: #91d8f7 1px solid;
    border-right: #91d8f7 1px solid;
}
.img img{
   width: 12px;
    display: block;
    height: 6px;
}
#tab ul li a .img{
   display: none;
}
#tab ul li a.hover .img{
   display: block;
}
#tab ul li a:hover .img{
   display: block;
}
#news{
   border-bottom: #91d8f7 1px solid;
    border-left: #91d8f7 1px solid;
    height: 510px;
    border-top: #91d8f7 1px solid;
    border-right: #91d8f7 1px solid;
}
#news .columnspace{
   display: none;
}
#news .current{
   display: block;
}
#frontspecifies_show01-indexabout{
   border-bottom: #68b434 5px solid;
    height: 470px;
}
#frontspecifies_show01-indexabout p{
   font-weight: normal;
}
#frontspecifies_show01-indexabout a{
   font-weight: normal;
}
.frontnews_list01-d4_c1 .newslist-01 .newstitle .linkarea{
   right: 0px;
}
.frontnews_list01-d4_c1 .newstitle li h3{
   font-weight: normal;
}
.frontnews_list01-d4_c1 .date{
   left: 0px;
}
#full-screen-slider{
   position: relative;
    width: 100%;
    max-width: 1680px;
    margin-bottom: 10px;
    height: 469px;
    top: 0px;
}
#slides{
   position: relative;
    padding-bottom: 0px;
    list-style-type: none;
    margin: 0px;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    display: block;
    height: 469px;
    list-style-image: none;
    padding-top: 0px;
}
#slides li{
   position: absolute;
    padding-bottom: 0px;
    list-style-type: none;
    margin: 0px;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    display: block;
    height: 100%;
    list-style-image: none;
    padding-top: 0px;
}
#slides li a{
   text-indent: -9999px;
    width: 100%;
    display: block;
    height: 100%;
}
#pagination{
   z-index: 9900;
    position: absolute;
    padding-bottom: 5px;
    list-style-type: none;
    margin: 0px;
    padding-left: 0px;
    width: 135px;
    padding-right: 15px;
    display: block;
    top: 430px;
    right: 6%;
    list-style-image: none;
    padding-top: 5px;
}
#pagination li{
   list-style-type: none;
    width: 12px;
    display: block;
    background: url(/uploads/image/icode/banner_btn.png) no-repeat;
    float: left;
    height: 12px;
    margin-left: 15px;
    list-style-image: none;
    border-radius: 5px;
}
#pagination li a{
   padding-bottom: 0px;
    text-indent: -9999px;
    margin: 0px;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    display: block;
    height: 100%;
    padding-top: 0px;
}
#pagination li.current{
   background: url(/uploads/image/icode/banner_btn_active.png) no-repeat;
}