@charset "utf-8";
#content{
   width: 1120px;
    padding-top: 0px;
}

li{list-style: none;}

.content{width:1250px;margin: 0 auto;}
.title{width:470px;margin: 0 auto;margin-bottom: 80px;}
.about{margin-top:80px;height:750px;}

.aboutnr{width:640px;float:left;border-right:1px solid #eee;}
.aboutlr{width:600px;float:right;}
.aboutnr p{width:606px;float:left;line-height: 40px;}


.data{height:300px;}
.data li{width:20%;height:200px;float:left;}
.demo{width:150px;height:80px;text-align: center;margin-top: 60px;}
.demo>div {
    margin: 0 auto;
    display: block;
    max-width: 140px;
    margin-bottom: 4px;
}
.demo span.counter8 {
    float: left;
    font-size: 38px;
    color: #2aa3dc;
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    margin-left: 28px;
}

.counter9 {
    float: left;
    color: #8cc341;
    line-height: 38px;
    font-size: 38px;
    margin-top: 4px;
    margin-left: 6px;
}

.jia8 {
    color: #2aa3dc;
    font-weight: bold;
    font-size: 32px;
}
.demo span.counter {
    float: left;
    font-size: 38px;
    color: #2aa3dc;
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    margin-left: 13px;
}
.demo_text {
    font-size: 20px;
    color: #2aa3dc;
    line-height: 22px;
    max-width: none!important;
    letter-spacing: 4px;
}
.demo span.counter2 {
    float: left;
    font-size: 38px;
    color: #8cc341;
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    margin-left: 13px;
}
.counter3 {
    float: left;
    color: #8cc341;
    line-height: 38px;
    font-size: 38px;
    margin-top: 4px;
    margin-left: 6px;
}

.jia2 {
    color: #8cc341;
    font-weight: bold;
    font-size: 32px;
}
.demo_text2 {
    font-size: 20px;
    color: #8cc341;
    line-height: 22px;
    max-width: none!important;
    letter-spacing: 0px;
    text-align: center;
}
.demo span.counter4 {
    float: left;
    font-size: 38px;
    color: #2aa3dc;
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    margin-left: 35px;
}
.counter5 {
    float: left;
    color: #8cc341;
    line-height: 38px;
    font-size: 38px;
    margin-top: 4px;
    margin-left: 6px;
}
.jia4 {
    color: #2aa3dc;
    font-weight: bold;
    font-size: 32px;
}
.demo_text4 {
    font-size: 20px;
    color: #2aa3dc;
    line-height: 22px;
    max-width: none!important;
    letter-spacing: 0px;
    text-align: center;
}

.demo span.counter6 {
    float: left;
    font-size: 38px;
    color: #8cc341;
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    margin-left: 26px;
}
.counter7 {
    float: left;
    color: #8cc341;
    line-height: 38px;
    font-size: 38px;
    margin-top: 4px;
    margin-left: 6px;
}
.jia6 {
    color: #8cc341;
    font-weight: bold;
    font-size: 32px;
}
.demo_text6 {
    font-size: 20px;
    color: #8cc341;
    line-height: 22px;
    max-width: none!important;
    letter-spacing: 0px;
    text-align: center;
}

.jia {
    color: #2aa3dc;
    font-weight: bold;
    font-size: 32px;
}
























.data li:nth-child(1)
{
background-image: url(../img/s222.jpg);
}
.data li:nth-child(1):hover .demo span.counter{
	color:#fff;
}
.data li:nth-child(1):hover .jia{
	color:#fff;
}
.data li:nth-child(1):hover .demo_text{
	color:#fff;
}

.data li:nth-child(1):hover {
	background-image: url(../img/s227.jpg);
}








.data li:nth-child(2)
{
background-image: url(../img/s223.jpg);
}

.data li:nth-child(2):hover .demo span.counter2{
	color:#fff;
}
.data li:nth-child(2):hover .jia2{
	color:#fff;
}
.data li:nth-child(2):hover .demo_text2{
	color:#fff;
}

.data li:nth-child(2):hover {
	background-image: url(../img/s228.jpg);
}










.data li:nth-child(3)
{
background-image: url(../img/s222.jpg);
}
.data li:nth-child(3):hover .demo span.counter4{
	color:#fff;
}
.data li:nth-child(3):hover .jia4{
	color:#fff;
}
.data li:nth-child(3):hover .demo_text4{
	color:#fff;
}

.data li:nth-child(3):hover {
	background-image: url(../img/s227.jpg);
}









.data li:nth-child(4)
{
background-image: url(../img/s223.jpg);
}
.data li:nth-child(4):hover .demo span.counter6{
	color:#fff;
}
.data li:nth-child(4):hover .jia6{
	color:#fff;
}
.data li:nth-child(4):hover .demo_text6{
	color:#fff;
}
.data li:nth-child(4):hover {
	background-image: url(../img/s228.jpg);
}









.data li:nth-child(5)
{
background-image: url(../img/s222.jpg);
}
.data li:nth-child(5):hover .demo span.counter8{
	color:#fff;
}
.data li:nth-child(5):hover .jia8{
	color:#fff;
}
.data li:nth-child(5):hover .demo_text8{
	color:#fff;
}
.data li:nth-child(5):hover {
	background-image: url(../img/s227.jpg);
}








.demo_text8 {
    font-size: 20px;
    color: #2aa3dc;
    line-height: 22px;
    max-width: none!important;
    letter-spacing: 0px;
    text-align: center;
}
.solution{height:800px;}
.solution .service{width:1070px;height:500px;}
.solution li{width:258px;height:227px;margin-bottom: 30px;float:left;margin-right:8px;}
.solution .part{width:421px;float:right;height:467px;background: url(/skin/img/a134.jpg);}
.solution .part p{color:#2aa3dc;font-size: 26px;margin: 40px 0 30px;padding-left: 50px;}
.solution .part li{height:10px;padding-left: 50px;}

.solution .service li:nth-child(1){
	background: url(/skin/img/ena117.jpg);
}
.solution .service li:nth-child(2){
	background: url(/skin/img/ens02.jpg);
}
.solution .service li:nth-child(3){
	background: url(/skin/img/ens230.jpg);
}

.solution .service li:nth-child(4){
	background: url(/skin/img/ens64.jpg);
}

.solution .service li:nth-child(5){
	background: url(/skin/img/ena121.jpg);
}
.solution .service li:nth-child(6){
	background: url(/skin/img/ens12.jpg);
}
.solution .service li:nth-child(7){
	background: url(/skin/img/ensy.jpg);
}
.solution .service li:nth-child(8){
	background: url(/skin/img/ensc.jpg);
}













.solution .service li:nth-child(1):hover{
	background: url(/skin/img/ena123.jpg);
}
.solution .service li:nth-child(2):hover{
	background: url(/skin/img/ens03.jpg);
}
.solution .service li:nth-child(3):hover{
	background: url(/skin/img/ens05.jpg);
}

.solution .service li:nth-child(4):hover{
	background: url(/skin/img/ena126.jpg);
}

.solution .service li:nth-child(5):hover{
	background: url(/skin/img/ena127.jpg);
}
.solution .service li:nth-child(6):hover{
	background: url(/skin/img/ens13.jpg);
}
.solution .service li:nth-child(7):hover{
	background: url(/skin/img/ens133.jpg);
}
.solution .service li:nth-child(8):hover{
	background: url(/skin/img/ens134.jpg);
}
















.pro{height:900px;}
.pro .pror {height:503px;}
.pro .pror li {width:32%;float:left;border: 1px solid #b5b5b6;box-shadow: 5px 5px 0px 2px #efefef;margin-bottom: 30px;
    margin-right: 10px;}
.pro .pror p {text-align: center;font-size: 22px;margin-bottom: 30px;}
.pro .pror li img{display: block;text-align: center;}

.newsc li{width:50%;float:left;margin-bottom: 50px;}
.newsc .newsimg img{float:left;width: 184px;height:138px;}
.newsimg{float:left;width: 184px;height:138px;}
.newsp{width:410px;float:left;}

.newsp{width:410px;float:right;}







.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(../img/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(../img/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(../img/green_bg.png) no-repeat;
}
.electrical_safety{
   background: url(../img/green_bg.png) no-repeat;
}
.data_center{
   background: url(../img/green_bg.png) no-repeat;
}
.power_management{
   background: url(../img/blue_bg.png) no-repeat;
}
.power_quality{
   background: url(../img/blue_bg.png) no-repeat;
}
.motor_control{
   background: url(../img/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: url(../img/intelligent_instrument.png) #98999a no-repeat left bottom;
}
.motor_protection{
   background: url(../img/motor_protection.png) #5bb8e8 no-repeat left bottom;
}
.electrical_fire{
   background: url(../img/electrical_fire.png) #98999a no-repeat left bottom;
}
.active_filter{
   background: url(../img/active_filter.png) #5bb8e8 no-repeat left bottom;
}
.medium_pressure{
   background: url(../img/medium_pressure.png) #98999a no-repeat left bottom;
}
.precision_distribution{
   background: url(../img/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(../img/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: 680px;
    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: 630px;
    right: 6%;
    list-style-image: none;
    padding-top: 5px;
}
#pagination LI{
   list-style-type: none;
    width: 12px;
    display: block;
    background: url(../img/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(../img/banner_btn_active.png) no-repeat;
}