/*-----------------------------------------------------------*/
/*copyright by 动力无限  www.btoe.cn*/
/*邮箱 btoe@btoe.cn*/
/*合作电话 400-0599-360*/
/*版权所有违者必究*/
/*-----------------------------------------------------------*/


/*banner*/
.fullSlide {
    width: 100%;
    position: relative;
    height: 691px;
    background: #fff;
    overflow: hidden;
  }
  
  .fullSlide .bd {
    width: 100%;
    height: 691px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }

  
  .fullSlide .bd ul {
    width: 100% !important;
  }
  
  .fullSlide .bd li {
    width: 100% !important;
    height: 691px;
    overflow: hidden;
    text-align: center;
  }
  
  .fullSlide .bd li a {
    display: block;
    height: 691px;
  }

  
  .fullSlide .hd {
      width: 100%;
    position: absolute;
    z-index: 5;
    bottom: 115px;
    left: 0%;
    height: 2px;
    text-align: center;
  }
  
  .fullSlide .hd ul {
    text-align: center;
  }
  
  .fullSlide .hd ul li {
      display: inline-block;
      width: 42px;
      height: 2px;
      background: #ebebe6;
      margin: 0 12px;

  }
  
  .fullSlide .hd ul .on {
      background: none;
      background: #284f92;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
  }
  
  
  .fullSlide .next {
    width: 65px;
    height: 65px;
    position: absolute;
    top: 50%;
    z-index: 9;
    background: url(../images/bannerR.png) no-repeat center;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    right: 4%;
  }
  
  .fullSlide .prev {
    width: 65px;
    height: 65px;
    position: absolute;
    top: 50%;
    z-index: 9;
    background: url(../images/bannerL.png) no-repeat center;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    left: 4%;
  }


/*message*/

.message{
    width: 1202px;
    height: 211px;
    background: #fff;
    -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);
    box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);
    margin: -70px auto 0 auto;
    position: relative;
    z-index: 5;

}

.message .m_nr{
    float: left;
    margin: 45px 0 0 60px;
    width: 895px;
}

.message .m_nr .form-group1{
    float: left;
    width: 280px;
    height: 45px;
    border: 1px solid #ececec;
    margin-right: 18px;
}

.message .m_nr .form-group1 input{
    width: 280px;
    height: 45px;
    text-indent: 60px;
    font-size: 14px;
    color: #999;
    background: url(../images/m1.png) no-repeat 17px center;
}

.message .m_nr .form-group2{
    float: left;
    width: 324px;
    height: 45px;
    border: 1px solid #ececec;
}

.message .m_nr .form-group2 input{
    width: 324px;
    height: 45px;
    text-indent: 60px;
    font-size: 14px;
    color: #999;
    background: url(../images/m2.png) no-repeat 17px center;
}

.message .m_nr .form-group4{
    float: right;
    width: 252px;
    height: 45px;
    border: 1px solid #ececec;
}

.message .m_nr .form-group4 input{
    width: 120px;
    height: 45px;
    text-indent: 20px;
    font-size: 14px;
    color: #999;
    background: none;
}

.message .m_nr .form-group4 .imgcode{
    float: right;
    width: 104px;
    height: 44px;
}

.message .m_nr .form-group3{
    float: left;
    width: 893px;
    height: 70px;
    border: 1px solid #ececec;
    margin-top: 15px;
}

.message .m_nr .form-group3 textarea{
    width: 833px;
    height: 45px;
    font-size: 14px;
    color: #999;
    background: url(../images/m3.png) no-repeat 17px center;
    padding: 25px 0 0 60px;
}

.message .anniu{
    position: absolute;
    right: -18px;
    top: 102px;;
    width: 180px;
    height: 93px;
}

.message .anniu button{
    cursor: pointer;
    border: none;
    background: url(../images/anniu.png) no-repeat  center;
    width: 180px;
    height: 70px;
    font-size: 14px;
    color: #fff;
    padding-bottom: 23px;
    box-sizing: content-box;
}


/*about*/

.about{
    width: 1280px;
    margin: 40px auto 0 auto;
    background: url(../images/ab_bg.jpg) no-repeat  top center;
    position: relative;
}

.about::after{
    position: absolute;
    left: 0;
    top: -180px;
    width: 1px;
    height: 588px;
    background: #eeeeee;
    content: "";
}

.about .ab_l{
    float: left;
    width: 535px;
    margin-left: 60px;
}

.about .ab_l h3{
    font-size: 32px;
    color: #284f92;
    font-weight: bold;
    line-height: 36px;
}

.about .ab_l p{
    font-size: 16px;
    color: #666;
    line-height: 36px;
    height: 144px;
    overflow: hidden;
    margin-top: 25px;
}

.about .ab_l .more{
    display: block;
    margin-top: 50px;
    font-size: 16px;
    color: #666;
    padding-left: 5px;
    line-height: 44px;
    background: url(../images/more.png) no-repeat left  center;
}

.about .ab_img{
    float: right;
    margin: 0px 0px 0 0;
    width: 631px;
    height: 417px;
}

.about .ab_img img{
    width: 611px;
    height: 417px;
}


/*fc*/

.fc{
    width: 1280px;
    margin: 0 auto;
    position: relative;
}

.fc .fc_list{
    position: relative;
    width: 675px;
    top: -68px;
    height: 92px;
}

.fc .fc_list ul li{
    float: left;
    width: 180px;
    text-align: center;
    margin-right: 40px;
}

.fc .fc_list ul li a{
    display: block;
    font-size: 16px;
    color: #333333;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.fc .fc_list ul li a span{
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto;
}

.fc .fc_list ul li a i{
    display: block;
    width: 1px;
    height: 17px;
    background: #eeeeee;
    margin: 15px auto 0 auto;
}

.fc .fc_list ul li.fc1 a span{
    background: url(../images/fc1.png) no-repeat   center;
}

.fc .fc_list ul li.fc2 a span{
    background: url(../images/fc2.png) no-repeat   center;
}

.fc .fc_list ul li.fc3 a span{
    background: url(../images/fc3.png) no-repeat   center;
}

.fc .fc_list ul li.fc1.casehover a span{
    background: url(../images/fc11.png) no-repeat   center;
}

.fc .fc_list ul li.fc2.casehover a span{
    background: url(../images/fc22.png) no-repeat   center;
}

.fc .fc_list ul li.fc3.casehover a span{
    background: url(../images/fc33.png) no-repeat   center;
}


.fc .fc_list ul li.casehover a{
    color: #284f92;

}

.fc .fc_box{
    margin: 0 auto;
    width:1360px;
    position: relative;
    top: -30px;

} 

.fc .fc_box  ul li{
    float: left;
    width: 279px;
    margin-right: 50px;
}

.fc .fc_box  ul li .pic{
    width: 279px;
    height: 196px;
    background: url(../images/pro_list.png) no-repeat   center;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.fc .fc_box  ul li .pic img{
    width: 265px;
    height: 181px;
    margin: 7px;

}

.fc .fc_box  ul li .txt{
    height: 50px;
    line-height: 50px;
    text-align: center;

}

.fc .fc_box  ul li .txt a{
    font-size: 16px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.fc .fc_box  ul li:hover .pic{
    background: url(../images/pro_list1.png) no-repeat   center;
}

.fc .fc_box  ul li:hover  .txt a{
    color: #284f92;

}



/*banner_1*/

.banner_1{
    width: 100%;
    height: 280px;
    margin: 55px auto 0 auto;
    background: url(../images/banner_1.jpg) no-repeat  center;
    position: relative;
}

.banner_1 .cont{
    width: 1280px;
    margin: 0 auto;
}

.banner_1 .cont span{
    display: block;
    font-size: 70px;
    color: #ffffff;
    font-weight: bold;
    font-family: 'Times New Roman', Times, serif;
    text-transform: uppercase;
    letter-spacing: 15px;
    text-align: center;
    line-height: 60px;
    padding-top: 55px;
}

.banner_1 .cont .txt{
    margin: 30px auto 0 auto;
    width: 850px;

}

.banner_1 .cont .txt h5{
    float: left;
    font-size: 26px;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 5px;
}

.banner_1 .cont .txt h5 i{
    display: block;
    font-size: 22px;
    color: #ffffff;
    font-weight: normal;
    margin-top: 8px;
}

.banner_1 .cont .txt .tel{
    float: right;
    font-size: 14px;
    color: #ffffff;
    background: url(../images/tel1.png) no-repeat  left center;
    padding-left: 60px;
    height: 50px;
    margin-top: 30px;
}


.banner_1 .cont .txt .tel p{
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 2px;
}

/*title*/

.title{
    height: 109px;
    background: url(../images/title.png) no-repeat  left top;
    padding-left: 40px;
    margin-left: -40px;
    position: relative;

}

.title span{
    display: block;
    font-size: 47px;
    color: #333333;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: 40px;
    padding: 25px 0 6px 0;

}

.title h3{
    font-size: 28px;
    color: #333333;
}


.title h3 a{
    font-size: 28px;
    color: #333333;
}


/*product*/

.product{
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.product .pro_l{
    float: left;
    width: 28%;
    background: #f8f8f8;
    height: 840px;
}

.product .pro_l .title{
    margin-top: 60px;
    margin-left: 20%;
}

.product .pro_l .sideMenu{
    margin-top: 50px;
}

.product .pro_l .sideMenu h3{
    height: 103px;
    line-height: 103px;
    border-bottom: 1px dashed #e5e5e5;
    position: relative;
    z-index: 5;
    padding-left: 28%;
}

.product .pro_l .sideMenu h3 a{
    font-size: 18px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    width: 80%;
    padding-right: 20%;
    background: url(../images/buttom6.png) no-repeat left center;
    padding-left: 30px;

}
.product .pro_l .sideMenu h3 a em{
    position: relative;
    float: right;
    margin-right: 25px;
}
.product .pro_l .sideMenu h3 a em::after{
    position: absolute;
    left: 0px;
    top: 0px;
    content: "+";
    font-size: 34px;
    color: #333;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.product .pro_l .sideMenu h3.on a em::after{
    content: "-";
    font-size: 34px;
    color: #fff;
}

.product .pro_l .sideMenu h3::after{
    position: absolute;
    right: -23px;
    top: 0px;
    content: "";
    z-index: -1;
    width: 0;
    height: 116px;
    background: url(../images/buttom4.png) no-repeat center;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.product .pro_l .sideMenu h3.on::after{
    width: 552px;
}

.product .pro_l .sideMenu h3.on a{
    color: #fff;
    background: url(../images/buttom5.png) no-repeat left center;
}

.product .pro_l .sideMenu ul{ display:none; }


.product .pro_l .sideMenu ul li{
    height: 50px;
    line-height: 50px;
}

.product .pro_l .sideMenu ul li a{
    color: #727272;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding-left: 28%;
}

.product .pro_l .sideMenu ul li:hover a{
    color: #284f92;
}

.product .pro_r{
    float: right;
    width: 71%;
    margin-top: 65px;
} 


.product .pro_r ul li{
    float: left;
    width: 30%;
    margin: 0 1.5% 20px 1.5%;
}

.product .pro_r ul li .pic{
    width: 100%;
    height: 310px;
    border: 1px solid #e3e3e3;
    position: relative;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.product .pro_r ul li .pic img{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 95%;
    height: 93%;
    margin: 10px;

}

.product .pro_r ul li .txt{
    height: 60px;
    line-height: 60px;
    text-align: center;

}

.product .pro_r ul li .txt a{
    font-size: 16px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.product .pro_r ul li:hover .txt a{
    color: #284f92;
}

.product .pro_r ul li:hover .pic{
    border: 1px solid #284f92;
}



/*ys*/

.ys_bg{
    width: 100%;
    height: 780px;
    margin: 5px auto 0 auto;
    background: url(../images/ys_bg.jpg) no-repeat  top center;
    position: relative;
}

.ys_bg .ys{
    width: 1280px;
    margin: 0 auto;
    position: relative;
}

.ys_bg .ys .title{
    position: absolute;
    left: 0px;
    top: 5px;
    z-index: 5;
}


.ys_bg .ys .title p{
    font-size: 16px;
    color: #333333;
    height: 80px;
    line-height: 80px;
    border-top: 1px solid #e8e8e8;
    margin-top: 45px;
    width: 752px;
}

.ys_bg .ys .ys_box{
    width: 1280px;
    margin: 0 auto;
    position: relative;

}

.ys_bg .ys .ys_box .bd{
    width: 1280px;
    margin: 0 auto;
}

.ys_bg .ys .ys_box .bd ul li{
    width: 1280px;
    margin: 0 auto;
    float: left;

}

.ys_bg .ys .ys_box .bd ul li .txt{
    float: left;
    width: 700px;
    margin-top: 355px;
}

.ys_bg .ys .ys_box .bd ul li .txt h5{
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}

.ys_bg .ys .ys_box .bd ul li .txt p{
    font-size: 16px;
    color: #e0e3ec;
    line-height: 36px;
}

.ys_bg .ys .ys_box .bd ul li .ys_img{
    float: right;
    width: 499px;
    margin-top: 35px;

}

.ys_bg .ys .ys_box .bd ul li .ys_img img{
    width: 499px;
    height: 499px;
    border-radius: 50%;
}

.ys_bg .ys .ys_box .bd ul li .ys_img span{
    display: block;
    font-size: 153px;
    color: #284f92;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    line-height: 120px;
    margin-top: 20px;
}


.ys_bg .ys .ys_box .hd{
    position: absolute;
    left: 0px;
    top: 635px;;
} 

.ys_bg .ys .ys_box .hd ul li{
    float: left;
    border-radius: 50%;
    width: 137px;
    height: 137px;
    background: #fff;
    border-radius: 50%;
    margin-right: 40px;
    -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);
    box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);
}

.ys_bg .ys .ys_box .hd ul li .txt{
    border-radius: 50%;
    width: 127px;
    height: 127px;
    border: 1px dashed #eeeeee;
    margin: 5px;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.ys_bg .ys .ys_box .hd ul li .txt span{
    display: block;
    width: 46px;
    height: 46px;
    margin: 22px auto 10px auto;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.ys_bg .ys .ys_box .hd ul li .txt p{
    font-size: 18px;
    color: #888;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.ys_bg .ys .ys_box .hd ul li.ys1 .txt span{
    background: url(../images/ys_ico1.png) no-repeat  center;
}

.ys_bg .ys .ys_box .hd ul li.ys2 .txt span{
    background: url(../images/ys_ico2.png) no-repeat  center;
}

.ys_bg .ys .ys_box .hd ul li.ys3 .txt span{
    background: url(../images/ys_ico3.png) no-repeat  center;
}

.ys_bg .ys .ys_box .hd ul li.ys4 .txt span{
    background: url(../images/ys_ico4.png) no-repeat  center;
}

.ys_bg .ys .ys_box .hd ul li.on .txt{
    border: 1px dashed #284f92;
}

.ys_bg .ys .ys_box .hd ul li.on .txt p{
    color: #284f92;
}


.ys_bg .ys .ys_box .hd ul li.ys1.on .txt span{
    background: url(../images/ys_ico11.png) no-repeat  center;
}

.ys_bg .ys .ys_box .hd ul li.ys2.on .txt span{
    background: url(../images/ys_ico22.png) no-repeat  center;
}

.ys_bg .ys .ys_box .hd ul li.ys3.on .txt span{
    background: url(../images/ys_ico33.png) no-repeat  center;
}

.ys_bg .ys .ys_box .hd ul li.ys4.on .txt span{
    background: url(../images/ys_ico44.png) no-repeat  center;
}


.ys_bg .ys .ys_box .prev{
    position: absolute;
    left: 0px;
    top: 548px;
    background: url(../images/buttom1.png) no-repeat  left top;
    font-size: 21px;
    color: #fff;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 28px 0 0 10px;
} 

.ys_bg .ys .ys_box .tel{
    position: absolute;
    left: 210px;
    top: 538px;
    font-size: 14px;
    color: #e7e7e7;
    background: url(../images/tel2.png) no-repeat  left center;
    padding-left: 25px;
    height: 40px;
} 

.ys_bg .ys .ys_box .tel span{
    display: block;
    font-size: 18px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
}


/*case*/

.case{
    width: 1280px;
    margin: 35px auto 0 auto;
    height: 810px;
}

.case .case_t{
    height: 110px;

}

.case .case_t .title{
    float: left;
}

.case .case_t .more a{
    float: right;
    font-size: 14px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding-right: 45px;
    background: url(../images/more1.png) no-repeat  right center;
    line-height: 29px;
    margin-top: 75px;
    display: block;
} 
 
.case .case_box{
    margin: 50px auto 0 auto;
    position: relative;
} 

.case .case_box .nr1{
    position: relative;

}

.case .case_box .nr1 ul li{
    width: 342px;
}

.case .case_box .nr1 ul li .pic{
    width: 340px;
    height: 255px;
    border: 1px solid #e3e3e3;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
 
.case .case_box .nr1 ul li .pic img{
    width: 330px;
    height: 245px;
    margin: 5px;
}

.case .case_box .nr1 ul li .txt{
    height: 60px;
    line-height: 60px;

} 

.case .case_box .nr1 ul li .txt h5 a{
    float: left;
    width: 240px;
    font-size: 16px;
    color: #414141;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding-left: 20px;
    background: url(../images/buttom2.png) no-repeat  left center;
}

.case .case_box .nr1 ul li .txt .more{
    display: block;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #6a6a6a;
    text-transform: capitalize;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}


.case .case_box .nr1 ul li:hover .pic{
    border: 1px solid #284f92;

}


.case .case_box .nr1 ul li:hover .txt h5 a{
    color: #284f92;

}

.case .case_box .nr1 ul li:hover .txt .more{
    color: #284f92;
}

.case .case_box .nr1 ul li.c1{
    position: absolute;
    left: 0px;
    top: 0px;
} 

.case .case_box .nr1 ul li.c2{
    position: absolute;
    left: 0px;
    top: 330px;
} 

.case .case_box .nr1 ul li.c3{
    position: absolute;
    right: 0px;
    top: 0px;
} 

.case .case_box .nr1 ul li.c4{
    position: absolute;
    right: 0px;
    top: 330px;
} 

.case .case_box .nr2{
    position: absolute;
    left: 380px;
    top: 0px;
    width: 522px;
}


.case .case_box .nr2 .pic{
    width: 520px;
    height: 392px;
    border: 1px solid #e3e3e3;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.case .case_box .nr2 .pic img{
    width: 510px;
    height: 382px;
    margin: 5px;
}

.case .case_box .nr2 .txt{
    margin: 10px auto 0 auto;

} 

.case .case_box .nr2 .txt .txt_t{
    height: 90px;
    line-height: 90px;
    border-bottom: 1px solid #ececec;

}

.case .case_box .nr2 .txt h5 a{
    float: left;
    width: 240px;
    font-size: 18px;
    color: #284f92;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding-left: 25px;
    background: url(../images/buttom3.png) no-repeat left center;

}

.case .case_box .nr2 .txt .more{
    display: block;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    width: 75px;
    height: 26px;
    line-height: 26px;
    background: #284f92;
    border-radius: 45px;
    text-align: center;
    margin-top: 32px;
}

.case .case_box .nr2 .txt p{
    font-size: 16px;
    color: #a8a8a8;
    line-height: 36px;
    height: 72px;
    overflow: hidden;
    margin-top: 20px;
}


/*lc*/

.lc_bg{
    width: 100%;
    margin: 45px auto 0 auto;
    height: 696px;
    background: url(../images/lc_bg.jpg) no-repeat center;
}

.lc_bg .lc{
    width: 1280px;
    margin: 0 auto;
    padding-top: 25px;
}

.lc_bg .lc .lc_t{
    height: 110px;
}

.lc_bg .lc .lc_t .title{
    float: left;
}

.lc_bg .lc .lc_t .tel{
    float: right;
    padding-left: 40px;
    font-size: 16px;
    color: #333;
    background: url(../images/tel3.png) no-repeat  left center;
    height: 66px;
    margin-top: 60px;
}

.lc_bg .lc .lc_t .tel i{
    display: block;
    font-size: 28px;
    color: #333;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}


.lc_bg .lc .lc_box{
    margin: 65px auto 0 auto;
    position: relative;
    width: 1360px;
}

.lc_bg .lc .lc_box ul li{
    float: left;
    text-align: center;
    width: 160px;
    height: 180px;
    border: 1px solid #dedede;
    margin: 0 60px 52px 0;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.lc_bg .lc .lc_box ul li:nth-child(7){
    margin-left: 445px;
}

.lc_bg .lc .lc_box ul li em{
    margin: 0 auto;
    width: 24px;
    height: 2px;
    background: #dddddd;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.lc_bg .lc .lc_box ul li h5{
    font-size: 16px;
    color: #656565;
    margin: 10px auto 5px auto;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.lc_bg .lc .lc_box ul li span{
    display: block;
    font-size: 18px;
    color: #cccccc;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}



.lc .lc_box ul li .te_list {
    display: block;
    overflow: hidden;
    transition-duration: 0.7s;
    margin: 25px auto 15px auto;
    width: 54px;
    height: 53px;
  }
  
  .lc .lc_box ul li .te_list .te_img {
    display: block;
    position: relative;
    transition: 0.7s;
    font-size: 0;
  }
  
  .lc .lc_box ul li .te_list .te_img i{
    display: block;
    width: 54px;
    height: 53px;
    text-align: center;
    line-height: 53px;
    margin: 0px auto;
  }

  .lc .lc_box ul li .te_list .te_img i img{
    vertical-align: middle;
    display: inline-block;
    width: 54px;
    height: 53px;
  }

  .lc .lc_box ul li .te_list .te_img i:before{
    /* 辅助ie8图片居中 */
    content: '';
    height: 53px;
    width: 1px;
    font-size: 0;
  }
  
  
  .lc .lc_box ul li .te_list .te_img {
    width: 100%;
    height: 200%;
    top:0;
  }

  .lc .lc_box ul li.on .te_img {
    top:-53px;
  }

  .lc_bg .lc .lc_box ul li.on{
      border: 1px solid #284f92;
  }

  .lc_bg .lc .lc_box ul li.on em{
      background: #284f92
  }

  .lc_bg .lc .lc_box ul li.on h5{
      color: #284f92
  }

  .lc_bg .lc .lc_box ul li.on span{
    color: #284f92
  }

  .lc_bg .lc .lc_box .lc_nr{
      position: absolute;
      left: 0px;
      top: 234px;
      border: 1px solid #dedede;
      width: 384px;
      height: 180px;
  }

  .lc_bg .lc .lc_box .lc_nr h5{
      margin: 40px 0 0 10px;
      font-size: 23px;
      color: #323232;
      font-weight: bold;
      padding-left: 50px;
      background: url(../images/xt1.png) no-repeat left center;
  }

  .lc_bg .lc .lc_box .lc_nr p{
    margin: 20px 0 0 60px;
    font-size:16px;
    color: #323232;
  }

  .lc_bg .lc .lc_box .lc_nr p i{
      display: block;
      font-size:12px;
      color: #bfbfbf;
      font-family: Arial, Helvetica, sans-serif;
      margin-top: 3px;
  }


/* news */

.news{
    width: 1280px;
    margin: 40px auto 0 auto;
    position: relative;
    height: 690px;
}

.news .news_t{
    height: 110px;
}

.news .news_t .title{
    float: left;
}

.news .news_t .more{
    float: right;
    padding-right: 45px;
    background: url(../images/more1.png) no-repeat right center;
    line-height: 29px;
    margin-top: 75px;
} 
.news .news_t .more a{
    font-size: 14px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.news .news_box{
    margin: 50px auto 0 auto;
    position: relative;
} 

.news .news_box .news_top{
    width: 976px;
    height: 257px;
    background: #f8f8f8;
}

.news .news_box .news_top .news_img{
    float: left;
    width: 429px;
    height: 257px;
}

.news .news_box .news_top .news_img img{
    width: 429px;
    height: 257px;
}

.news .news_box .news_top .txt{
    float: right;
    width: 480px;
    height: 257px;
    position: relative;
} 

.news .news_box .news_top .txt h5 a{
    font-size: 18px;
    color: #284f92;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    width: 400px;
    margin-top: 47px;
    position: relative;
}

.news .news_box .news_top .txt::after{
    position: absolute;
    left:-170px;
    top: 62px;
    content: "";
    z-index: 1;
    width: 139px;
    height: 2px;
    background: #284f92;
}

.news .news_box .news_top .txt p{
    font-size: 14px;
    color: #727272;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    width: 400px;
    margin-top: 10px;

}

.news .news_box .news_top .txt em{
    display: block;
    font-size: 55px;
    color: #fcfcfc;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: 50px;
    margin-top: 25px;

}

.news .news_box .news_top .txt .more{
    display: block;
    font-size: 14px;
    color: #727272;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    margin-top: -37px;

}

.news .news_box .news_top .txt .time{
    position: absolute;
    left: 360px;
    top: 170px;

}

.news .news_box .news_top .txt .time span{
    display: block;
    font-size: 36px;
    color: #323232;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 30px;
}

.news .news_box .news_top .txt .time i{
    font-size: 12px;
    color: #676767;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5px;
    display: block;
}

.news .news_box .news_top .txt .more2{
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: url(../images/more2.png) no-repeat  center;
    width: 52px;
    height: 50px;
} 

.news .news_box .list{
    margin-top: 40px;

}
.news .news_box .list ul li{
    float: left;
    width: 250px;
    height: 95px;
    background: #f8f8f8;
    border-radius: 8px;
    margin: 0 37px 37px 0;
    padding: 0 25px;
}

.news .news_box .list ul li h5 a{
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;

}

.news .news_box .list ul li .more{
    border-top: 1px dashed #cccccc;
    height: 40px;
    line-height: 40px;

}

.news .news_box .list ul li .more span{
    display: block;
    float: left;
    font-size: 14px;
    color: #999999;
    font-family: Arial, Helvetica, sans-serif;

}

.news .news_box .list ul li .more a{
    display: block;
    float: right;
    font-size: 12px;
    color: #656565;
    font-family: Arial, Helvetica, sans-serif;

}

.news .news_box .list ul li:hover h5 a{
    color: #284f92;
}

.news .news_list{
    position: absolute;
    right: 0;
    top: 160px;
    width: 168px;
    height: 459px;
    z-index: 5;
    -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);
    box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);
}

.news .news_list ul li{
    width: 168px;
    height: 152px;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    z-index: 5;
}

.news .news_list ul li.n3{
    border-bottom: none;
}

.news .news_list ul li a{
    display: block;
    text-align: center;
    padding-top: 45px;
}

.news .news_list ul li a span{
    display: block;
    margin: 0 auto 10px auto;
    width: 37px;
    height: 37px;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.news .news_list ul li a i{
    display: block;
    font-size: 18px;
    color: #333333;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.news .news_list ul li a i em{
    display: block;
    font-size: 14px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.news .news_list ul li::after{
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 152px;
    background: url(../images/news_list.png) no-repeat center;
    content: "";
    z-index: -1;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.news .news_list ul li.casehover::after{
    width: 247px;

}

.news .news_list ul li.n1 a span{
    background: url(../images/news1.png) no-repeat center;
}

.news .news_list ul li.n2 a span{
    background: url(../images/news2.png) no-repeat center;
}

.news .news_list ul li.n3 a span{
    background: url(../images/news3.png) no-repeat center;
}


.news .news_list ul li.n1.casehover a span{
    background: url(../images/news11.png) no-repeat center;
}

.news .news_list ul li.n2.casehover a span{
    background: url(../images/news22.png) no-repeat center;
}

.news .news_list ul li.n3.casehover a span{
    background: url(../images/news33.png) no-repeat center;
}


.news .news_list ul li.casehover  a span{
    float: left;
    margin-left: -40px;
    margin-top: 15px;

}

.news .news_list ul li.casehover  a i{
    float: left;
    text-align: left;
    color: #fff;
    margin: 10px 0 0 25px;
}

.news .news_list ul li.casehover  a i em{
    opacity: 1;
}


/* links */

.links{
    width: 1280px;
    margin: 45px auto 0 auto;
    position: relative;
    overflow: hidden;
}

.links .links_t{
    float: left;
    width: 114px;
    background: url(../images/links_t.png) no-repeat top center;

}

.links .links_t i{
    display: block;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    text-align: center;
    padding-top: 22px;
}

.links .yq{
    float: right;
    width: 1140px;
} 

.links .yq a{
    font-size: 14px;
    color: #999999;
    margin: 0 10px;

}