/*-----------------------------------------------------------*/

/*copyright by 动力无限  www.btoe.cn*/

/*邮箱 btoe@btoe.cn*/

/*合作电话 400-0599-360*/

/*版权所有违者必究*/

/*-----------------------------------------------------------*/



/*banner*/

.fullSlide {

    width: 100%;

    position: relative;

    height: 550px;

    background: #FFF;

    overflow: hidden;

}



.fullSlide .bd {

    height: 550px;

    margin: 0 auto;

    position: relative;

    z-index: 1;

    overflow: hidden;

}



.fullSlide .bd ul {

    width: 100% !important;

}



.fullSlide .bd li {

    width: 100% !important;

    height: 550px;

    overflow: hidden;

    text-align: center;

}



.fullSlide .bd li a {

    display: block;

    height: 550px;

}



.fullSlide .hd {

    width: 100%;

    position: absolute;

    z-index: 2;

    bottom: 0;

    left: 0;

    height: 30px;

    text-align: center;

}



.fullSlide .hd ul {

    text-align: center;

}



.fullSlide .hd ul li {

    cursor: pointer;

    display: inline-block;

    zoom: 1;

    width: 12px;

    height: 12px;

    margin: 7px;

    background-color: #fff;

    overflow: hidden;

    line-height: 99px;

    border-radius: 50%;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



.fullSlide .hd ul .on {

    width: 20px;

    background: #f7011e;

    border-radius: 6px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}





.fullSlide .next {

    width: 29px;

    height: 56px;

    position: absolute;

    top: 50%;

    margin-top: -30px;

    z-index: 2;

    background: url(../images/bannerR.png) no-repeat center;

    filter: alpha(opacity=30);

    -moz-opacity: .3;

    opacity: .3;

    -webkit-transition: all .5s linear;

    transition: all .5s linear;

    right: 10%;

}



.fullSlide .prev {

    width: 29px;

    height: 56px;

    position: absolute;

    top: 50%;

    margin-top: -30px;

    z-index: 2;

    background: url(../images/bannerL.png) no-repeat center;

    filter: alpha(opacity=30);

    -moz-opacity: .3;

    opacity: .3;

    -webkit-transition: all .5s linear;

    transition: all .5s linear;

    left: 10%;

}





/*sou*/



.notice_bg {

    width: 100%;

    height: 50px;

    margin: 0 auto;

    border-bottom: 1px solid #eee;

}



.notice_bg .sou {

    width: 1200px;

    height: 50px;

    margin: 0 auto;

}



.notice {

    width: 690px;

    margin: 0px auto;

    height: 50px;

    overflow: hidden;

    float: left;

}



.notice h5 {

    font-size: 14px;

    float: left;

    line-height: 50px;

    color: #0064b9;

    font-weight: bold;

    background: url(../images/buttom4.png) no-repeat left center;

    padding-left: 25px;

}



.noticTipTxt {

    color: #666;

    height: 28px;

    line-height: 28px;

    overflow: hidden;

    margin: 10px 0 0 20px;

    width: 500px;

    float: left;

}



.noticTipTxt li {

    height: 33px;

    line-height: 33px;

}



.noticTipTxt a {

    color: #666;

    font-size: 14px;

    text-decoration: none;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    float: left;

    width: 392px;

}



.noticTipTxt span {

    color: #666;

    font-size: 12px;

    float: right;

}



.search {

    width: 362px;

    height: 33px;

    float: right;

    color: #666;

    line-height: 33px;

    font-size: 12px;

    padding-left: 8px;

}



.search_t a {

    padding: 0 10px;

    color: #666;

    font-size: 12px;

}



.search2 {

    float: left;

    width: 304px;

    height: 31px;

    line-height: 31px;

    text-align: left;

    margin-top: 10px;

    border: 1px solid #b3b2b3;

    padding-left: 6px;

    color: #a7a6a6;

    font-size: 12px;

}



.search_s input {

    float: left;

    width: 50px;

    height: 33px;

    margin-top: 10px;

}







/*product*/



.product {

    width: 1200px;

    margin: 40px auto 0 auto;

    height: 690px;

}



.product .list {

    width: 240px;

    height: 660px;

    float: left;

    background: url(../images/cp_left.jpg) no-repeat center;

}



.product .list .list_t h3 a {

    font-size: 24px;

    color: #fff;

    font-weight: normal;

    padding: 102px 0 0 28px;

    display: block;

}









.product .list .list_con {

    padding: 25px 0 0 28px;

}



.product .list .list_con ul li {

    height: 30px;

    line-height: 30px;

    margin-bottom: 15px;

    background: url(../images/list.png) no-repeat 10px center;

    width: 185px;

}



.product .list .list_con ul li a {

    font-size: 14px;

    color: #fff;

    padding-left: 20px;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    overflow: hidden;

    display: block;

}



.product .list .list_con ul li:hover {

    background: url(../images/list1.png) no-repeat left center;

}



.product .list .rexian {

    margin: 20px 30px 0 30px;
    overflow: hidden;
    display: none;
}



.product .list .rexian .ms {

    font-size: 30px;

    color: #fff;

    font-weight: bold;

    height: 90px;

    text-align: center;

    background: url(../images/xt1.png) no-repeat bottom center;

}



.product .list .rexian .ms p {

    font-size: 18px;

    color: #eee;

    font-weight: normal;

    margin-top: 5px;

}



.product .list .rexian .tel {

    margin: 20px 0px 0 0px;

    background: url(../images/tel1.png) no-repeat top center;

    font-size: 14px;

    color: #eee;

    text-align: center;

    padding-top: 50px;

}



.product .list .rexian .tel p {

    font-size: 18px;

    color: #eee;

}



.product .tab_box {

    width: 950px;

    float: right;

}



.product .tab_box ul li {

    float: left;

    margin: 0 0px 25px 24px;

    width: 290px;

    height: 200px;

    border: 1px solid #eee;

    position: relative;

}



.product .tab_box ul li img {

    width: 290px;

    height: 200px;

    position: relative;

}



.product .tab_box ul li p {

    width: 290px;

    height: 30px;

    position: absolute;

    left: 0;

    bottom: 0;

    background: url(../images/ico1.png) repeat center;

    z-index: 5;

}



.product .tab_box ul li p a {

    height: 30px;

    line-height: 30px;

    text-align: center;

    font-size: 14px;

    color: #fff;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    padding: 0 10px;

}



.product .tab_box ul li p span {

    width: 0;

    height: 30px;

    position: absolute;

    left: 0;

    bottom: 0;

    background: #0064b9;

    z-index: -1;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.product .tab_box ul li:hover p span {

    width: 100%;

}





/*te*/



.te_bg {

    width: 100%;

    margin: 10px auto 0 auto;

    height: 680px;

    background: url(../images/te_bg.jpg) repeat-x bottom center;

}



.te_bg .te {

    width: 1200px;

    margin: 0 auto;

    padding-top: 35px;

    height: 645px;

}



.te_bg .te .te_t {

    width: 1200px;

    margin: 50 auto;

    text-align: center;

}



.te_bg .te .te_t h3 {

    font-size: 30px;

    color: #fff;

    font-weight: bold;

    background: url(../images/te_t.png) no-repeat bottom center;

    height: 60px;

}



.te_bg .te .te_t p {

    font-size: 18px;

    color: #fff;

    font-weight: normal;

    margin-top: 10px;

}



.te_bg .te .te_nr {

    margin-top: 120px;

}



.te_bg .te .te_nr dl {

    width: 285px;

    height: 400px;

    background: #fff;

    float: left;

    margin: 0 15px 0 0;

    box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.2);

}



.te_bg .te .te_nr dl dt {

    width: 178px;

    height: 155px;

    background: url(../images/te_list.png) no-repeat center;

    margin: -77px auto 0 auto;

    font-size: 62px;

    color: #fff;

    font-weight: bold;

    line-height: 155px;

    text-align: center;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.te_bg .te .te_nr dl dd {

    margin: 30px auto 0 auto;

}



.te_bg .te .te_nr dl dd h5 {

    font-size: 36px;

    font-weight: bold;

    color: #0064b9;

    text-align: center;

}



.te_bg .te .te_nr dl dd p {

    font-size: 14px;

    color: #333;

    line-height: 32px;

    text-align: center;

    padding: 10px 33px 0 33px;

}



.te_bg .te .te_nr dl dt:hover {

    -webkit-filter: none;

    -moz-filter: none;

    filter: none;

    -ms-filter: none;

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    transform: rotate(360deg);

}





/*ysbg*/



.ysbg {

    width: 100%;

    margin: 10px auto 0 auto;

    height: 1015px;

    background: url(../images/ys_bg.jpg) no-repeat bottom center;

    position: relative;

}



.ysbg .advantage {

    width: 1200px;

    margin: 0 auto;

    position: relative;

    height: 1015px;

}



.advantage .ys_t {

    width: 1200px;

    margin: 0 auto;

    height: 145px;

    color: #cfcfcf;

    font-size: 42px;

    font-weight: bold;

    text-transform: uppercase;

}



.advantage .ys_t h5 {

    color: #0064b9;

    font-size: 42px;

    font-weight: bold;

}



.advantage .ys_t h5 span {

    color: #333;

    font-size: 20px;

    font-weight: normal;

    padding-left: 20px;

}



.advantage .ys1 {

    position: absolute;

    top: 155px;

    width: 485px;

    height: 300px;

    right: 65px;

}



.advantage .ys1 .yst {

    color: #333;

    font-size: 22px;

    font-weight: bold;

}



.advantage .ys1 .yscon {

    color: #666;

    font-size: 15px;

    margin-top: 15px;

}



.advantage .ys1 .yscon p {

    line-height: 24px;

}



.advantage .ys1 .yst span {

    color: #f7011e;

}



.advantage .ys2 {

    position: absolute;

    top: 325px;

    width: 485px;

    height: 300px;

    right: 65px;

}



.advantage .ys2 .yst {

    color: #333;

    font-size: 22px;

    font-weight: bold;

}



.advantage .ys2 .yscon {

    color: #666;

    font-size: 15px;

    margin-top: 15px;

}



.advantage .ys2 .yscon p {

    line-height: 24px;

}



.advantage .ys2 .yst span {

    color: #f7011e;

}





.advantage .ys3 {

    position: absolute;

    bottom: 355px;

    width: 300px;

    height: 100px;

    right: 25px;

}



.advantage .ys3 .yst {

    color: #fff;

    font-size: 22px;

    font-weight: bold;

}



.advantage .ys3 .yscon {

    color: #fff;

    font-size: 15px;

    margin-top: 15px;

}



.advantage .ys3 .yscon p {

    line-height: 24px;

}



.advantage .ys3 .yst span {

    color: #f7011e;

}



.advantage .tu1 {

    width: 590px;

    height: 363px;

    position: absolute;

    left: 0;

    top: 145px;

}



.advantage .tu2 {

    width: 290px;

    height: 235px;

    position: absolute;

    left: 0;

    bottom: 130px;

}



.advantage .tu3 {

    width: 265px;

    height: 265px;

    position: absolute;

    right: 48px;

    bottom: 15px;

}



.advantage .message {

    position: absolute;

    left: 320px;

    bottom: 115px;

    width: 500px;

    height: 270px;

}



.advantage .message h5 {

    font-size: 18px;

    color: #666;

    font-weight: bold;

}



.advantage .message h5 span {

    font-size: 12px;

    color: #ccc;

    font-weight: normal;

    margin-left: 5px;

}



.advantage .message .message_nr {

    width: 430px;

    height: 47px;

    margin: 40px 25px 0 30px;

}



.advantage .message .form-group1 {

    width: 200px;

    height: 47px;

    float: left;

    margin: 0px 21px 0 0;

    border: 1px solid #ccc;

}



.advantage .message .form-group1 input {

    width: 160px;

    height: 47px;

    font-size: 16px;

    color: #999;

    padding-left: 40px;

    background: url(../images/m1.png) no-repeat 10px center;

}



.advantage .message .form-group2 {

    width: 200px;

    height: 47px;

    float: left;

    border: 1px solid #ccc;

}



.advantage .message .form-group2 input {

    width: 160px;

    height: 47px;

    font-size: 16px;

    color: #999;

    padding-left: 40px;

    background: url(../images/m2.png) no-repeat 10px center;

}



.advantage .message .form-group3 {

    width: 426px;

    height: 70px;

    margin: 15px 0 0 30px;

    border: 1px solid #ccc;

}



.advantage .message .form-group3 input {

    width: 386px;

    height: 50px;

    font-size: 16px;

    color: #999;

    padding-left: 40px;

    background: url(../images/m3.png) no-repeat 10px 15px;

}



.advantage .message .codeText{

    float: left;

    width: 130px;

    height: 30px;

    border: 1px solid #ccc;

    font-size: 16px;

    color: #999;

    margin: 15px 0 0 30px;

    text-indent: 20px;

}



.advantage .message .imgcode{

    float: left;

    width: 85px;

    height: 32px;

    margin-top: 15px;

}



.advantage .message .anniu{

    width: 110px;

    height: 30px;

    float: left;

    margin: 16px 0 0 30px;

    background: #f7011e;

    border-radius: 25px;



}



.advantage .message .anniu button{

    background: #f7011e;

    border-radius: 25px;

    width: 110px;

    height: 30px;

    border: none;

    cursor: pointer;

    font-size: 16px;

    color: #fff;

}







/*case*/





.case {

    width: 1200px;

    margin: 50px auto 0 auto;

    height: 380px;

    position: relative;

}



.case .case_t {

    width: 1200px;

    margin: 50px auto 0 auto;

    text-align: center;

}



.case .case_t h3 {

    font-size: 30px;

    color: #333;

    font-weight: bold;

    background: url(../images/case_t.jpg) no-repeat bottom center;

    height: 60px;

}



.case .case_t p {

    font-size: 18px;

    color: #666;

    font-weight: normal;

    margin-top: 10px;

}



.case .case-left {

    width: 1200px;

    margin: 40px auto 0 auto;

    height: 235px;

    position: relative;

}



.case .bd {

    width: 1200px;

    margin: 0 auto;

}



.case .bd ul li {

    width: 282px;

    height: 237px;

    border: 1px solid #d4d5d9;

    float: left;

    margin: 0 8px;

    position: relative;

}



.case .bd ul li a {

    width: 276px;

    height: 231px;

    display: block;

    overflow: hidden;

    margin: 2px;

}



.case .bd ul li img {

    position: relative;

    width: 276px;

    height: 231px;

    border: 1px solid #f9f9f9;

    transition: all 0.4s;

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

    -o-transition: all 0.4s;

}



.case .bd ul li p {

    position: absolute;

    bottom: 3px;

    left: 2px;

    width: 276px;

    height: 30px;

    background: url(../images/ico1.png) repeat center;

    z-index: 5;

}



.case .bd ul li p a {

    width: 276px;

    height: 30px;

    line-height: 28px;

    text-align: center;

    font-size: 14px;

    color: #fff;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    padding: 0 5px;

}



.case .bd ul li img:hover {

    transform: scale(1.1, 1.1);

    -ms-transform: scale(1.1, 1.1);

    -webkit-transform: scale(1.1, 1.1);

    -o-transform: scale(1.1, 1.1);

    -moz-transform: scale(1.1, 1.1);

    overflow: hidden;

}



.case .case-left .prev {

    display: block;

    width: 16px;

    height: 30px;

    float: left;

    overflow: hidden;

    cursor: pointer;

    background: url(../images/left.jpg) no-repeat;

    position: absolute;

    top: 100px;

    left: -38px;

    z-index: 99;

}



.case .case-left .next {

    display: block;

    width: 16px;

    height: 30px;

    float: right;

    overflow: hidden;

    cursor: pointer;

    background: url(../images/right.jpg) no-repeat;

    position: absolute;

    top: 100px;

    right: -38px;

    z-index: 99;

}



.case .bd ul li p span {

    width: 0;

    height: 30px;

    position: absolute;

    left: 0;

    bottom: 0;

    background: #0064b9;

    z-index: -1;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.case .bd ul li:hover p span {

    width: 100%;

}



/*about*/



.about_bg {

    width: 100%;

    margin: 50px auto 0 auto;

    height: 610px;

    background: url(../images/ab_bg.jpg) no-repeat center;

}



.about_bg .about {

    width: 1200px;

    margin: 0 auto;

    height: 260px;

    padding-top: 70px;

}



.about .ab_nr {

    width: 540px;

    float: left;

    margin-left: 205px;

    padding-top: 15px;

}



.about .ab_nr h3 a {

    font-size: 26px;

    color: #0064b9;

    font-weight: bold;

}



.about .ab_nr h3 span {

    font-size: 14px;

    color: #ccc;

    font-weight: normal;

    display: block;

    margin-top: 5px;

}



.about .ab_nr p {

    font-size: 14px;

    color: #666;

    line-height: 30px;

    height: 90px;

    overflow: hidden;

    margin-top: 55px;

    text-indent: 2em;

}



.about .ab_img {

    width: 400px;

    height: 260px;

    float: right;

    border: 1px solid #ccc;

}



.about .ab_img img {

    width: 400px;

    height: 260px;

}



.about_bg .ry {

    width: 1200px;

    margin: 0 auto;

    height: 260px;

}



.about_bg .ry .ry_t h3 a {

    font-size: 18px;

    color: #0064b9;

    font-weight: bold;

    margin-left: 205px;

    display: block;

}



.about_bg .ry ul {

    float: right;

    width: 1010px;

    margin-top: 50px;

}



.about_bg .ry ul li {

    width: 145px;

    height: 200px;

    float: left;

    border: 1px solid #ccc;

    margin-left: 21px;

    position: relative;
    overflow: hidden;

}



.about_bg .ry ul li img {

    width: 145px;

    height: 200px;

    position: relative;

}



.about_bg .ry ul li p {

    width: 145px;

    height: 25px;

    position: absolute;

    left: 0;

    bottom: 0;

    background: url(../images/ico1.png) repeat center;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.about_bg .ry ul li p a {

    height: 25px;

    line-height: 25px;

    text-align: center;

    font-size: 14px;

    color: #fff;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    padding: 0 5px;

}



.about_bg .ry ul li:hover p {

    width: 145px;

    height: 200px;

}



.about_bg .ry ul li:hover p a {

    height: 200px;

    line-height: 200px;

}





.about_bg .ry .phone {

    width: 165px;

    height: 240px;

    float: left;

    text-align: center;

    margin-left: 15px;

}



.about_bg .ry .phone span {

    font-size: 18px;

    color: #fff;

    font-weight: bold;

    padding-top: 150px;

    display: block;

}



.about_bg .ry .phone p {

    font-size: 14px;

    color: #fff;

    font-weight: normal;

    padding-top: 5px;

}





/*news*/



.news_bg {

    width: 100%;

    margin: 0 auto;

    height: 500px;

}



.news_bg .news {

    width: 1200px;

    margin: 0 auto;

    padding-top: 50px;

}



.news .news_l {

    float: left;

    width: 750px;

}



.news .news_l .news_t {

    height: 40px;

    line-height: 40px;

    border-bottom: 1px solid #e2e2e2;

}



.news .news_l .news_t .biaoti {

    float: left;

}



.news_t .biaoti h3 a {

    font-size: 26px;

    color: #0064b9;

    font-weight: bold;

}



.news_t .biaoti h3 span {

    font-size: 21px;

    color: #ccc;

    font-weight: normal;

    font-family: "宋体";

    letter-spacing: 2px;

}



.news_t .news_fl {

    float: right;

}



.news_t .news_fl ul li {

    float: left;

    margin-right: 25px;

}



.news_t .news_fl ul li a {

    font-size: 16px;

    color: #333;

}



.news_t .news_fl ul li.n1 a {

    background: url(../images/news_t.jpg) no-repeat left center;

    padding-left: 25px;

}



.news_t .news_fl ul li.casehover a {

    color: #0064b9;

}



.news_nr {

    width: 750px;

    margin-top: 25px;

}



.news_nr .nr {

    height: 110px;

    background: url(../images/xt.png) no-repeat bottom left;

}



.news_nr .nr .nr_t {

    height: 30px;

    line-height: 30px;

}



.news_nr .nr .nr_t h5 a {

    color: #0064b9;

    font-size: 16px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    float: left;

    width: 500px;

}



.news_nr .nr .nr_t span {

    float: right;

    color: #666;

    font-size: 14px;

}





.news_nr .nr p {

    color: #666;

    font-size: 14px;

    line-height: 24px;

    height: 50px;

    overflow: hidden;

    margin-top: 10px;

}



.news_nr ul {

    margin-top: 20px;

}



.news_nr ul li {

    width: 360px;

    float: left;

    height: 40px;

    line-height: 40px;

    border-bottom: 1px solid #dcdcdc;

    margin-right: 15px;

    position: relative;

}



.news_nr ul li a {

    width: 230px;

    float: left;

    color: #666;

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

}



.news_nr ul li span {

    float: right;

    color: #666;

    font-size: 14px;

}





.news_nr ul li i {

    width: 0;

    height: 1px;

    position: absolute;

    left: 0;

    bottom: 0;

    background: #0064b9;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.news_nr ul li:hover i {

    width: 100%;

}





.news_r {

    float: right;

    width: 415px;

    height: 441px;

    background: #f5f5f5;

}



.news_r .question_t {

    width: 415px;

    height: 60px;

    background: url(../images/wen_t.jpg) no-repeat center;

}



.news_r .question_t a {

    color: #fff;

    font-size: 22px;

    font-weight: bold;

    line-height: 60px;

    padding-left: 10px;

}



.news_r .quest_nr ul li {

    width: 415px;

    height: 53px;

    line-height: 53px;

    border-bottom: 1px solid #fff;

}



.news_r .quest_nr ul li a {

    width: 280px;

    float: left;

    color: #666;

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    padding-left: 10px;

}



.news_r .quest_nr ul li span {

    float: right;

    color: #666;

    font-size: 14px;

    padding-right: 10px;

}



.news_nr ul li a:hover {

    color: #0064b9;

}



.news_r .quest_nr ul li a:hover {

    color: #0064b9;

}





/*links*/



.links {

    width: 1200px;

    margin: 20px auto 0 auto;

    height: 50px;

    line-height: 50px;

}



.links h3 {

    float: left;

    font-size: 14px;

    font-weight: bold;

    color: #0064b9;

    text-transform: uppercase;

}



.links .yq {

    float: left;

}



.links .yq a {

    font-size: 14px;

    color: #666;

    margin: 0 10px;

}

.te_bg,.ysbg{
    display: none;
}