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

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

/*邮箱 btoe@btoe.cn*/

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

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

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





/*banner*/

.fullSlide {

    width: 100%;

    position: relative;

    height: 650px;

    background: #FFF;

    overflow: hidden;

  }

  

  .fullSlide .bd {

    height: 650px;

    margin: 0 auto;

    position: relative;

    z-index: 1;

    overflow: hidden;

  }

  

  .fullSlide .bd ul {

    width: 100% !important;

  }

  

  .fullSlide .bd li {

    width: 100% !important;

    height: 650px;

    overflow: hidden;

    text-align: center;

  }

  

  .fullSlide .bd li a {

    display: block;

    height: 650px;

  }

  

  .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: #004e98;

    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%;

  }





/*title*/



.title{

    width: 1360px;

    margin: 0 auto;

    text-align: center;

}



.title span{

    display: block;

    font-family: Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    font-size: 40px;

    color: #e7e7e7;

    font-weight: bold;

    line-height: 40px;

}



.title h3{

    font-size: 26px;

    color: #333;

    font-weight: bold;

    margin: -28px auto 0 auto;

}



.title h3 a{

    font-size: 26px;

    color: #333;

    font-weight: bold;

}



.title i{

    width: 50px;

    height: 4px;

    background: #004e98;

    display: block;

    margin: 17px auto 0 auto;

}







/*product*/



.product_bg{

    width: 100%;

    margin: 0 auto;

    height: 538px;

    background: #f8f8f8;

}



.product_bg .product{

    width: 1360px;

    margin: 0 auto;

    padding-top: 70px;

}



.product_bg .product .pro_box{

    margin: 50px auto 0 auto;

}



.product_bg .product .pro_box ul li{

    float: left;

    width: 264px;

    height: 265px;

    background: #fff;

    border: 1px solid #dedede;

    margin: 0 3px;

    position: relative;

    z-index: 5;

}



.product_bg .product .pro_box ul li a{

    text-align: center;

    margin: 0 auto;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.product_bg .product .pro_box ul li a span{

    display: block;

    width: 64px;

    height: 64px;

    margin: 30px auto 20px auto;

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

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

    transition: all 0.5s ease-out;

}



.product_bg .product .pro_box ul li a h5{

    font-size: 16px;

    color: #333;

    margin: 0 auto 13px auto;

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

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

    transition: all 0.5s ease-out;

}



.product_bg .product .pro_box ul li a h6{

    font-size: 14px;

    color: #999;

    font-family: Arial, Helvetica, sans-serif;

    margin: 0 auto 15px auto;

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

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

    transition: all 0.5s ease-out;

}



.product_bg .product .pro_box ul li a i{

    width: 31px;

    height: 4px;

    background: #dedede;

    margin: 0 auto;

    display: block;

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

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

    transition: all 0.5s ease-out;



}



.product_bg .product .pro_box ul li a em{

    font-size: 14px;

    color: #666;

    font-family: Arial, Helvetica, sans-serif;

    margin: 22px auto 0px auto;

    display: block;

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

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

    transition: all 0.5s ease-out;

}



.product_bg .product .pro_box ul li.p1 a span{

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

}



.product_bg .product .pro_box ul li.p2 a span{

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

}



.product_bg .product .pro_box ul li.p3 a span{

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

}



.product_bg .product .pro_box ul li.p4 a span{

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

}



.product_bg .product .pro_box ul li.p5 a span{

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

}



.product_bg .product .pro_box ul li .line{

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

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 0;

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

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

    transition: all 0.5s ease-out;

    z-index: -1;

}



.product_bg .product .pro_box ul li:hover .line{

    height: 100%;

}



.product_bg .product .pro_box ul li.p1:hover a span{

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

}



.product_bg .product .pro_box ul li.p2:hover a span{

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

}



.product_bg .product .pro_box ul li.p3:hover a span{

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

}



.product_bg .product .pro_box ul li.p4:hover a span{

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

}



.product_bg .product .pro_box ul li.p5:hover a span{

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

}



.product_bg .product .pro_box ul li:hover a h5{

    color: #fff;



}



.product_bg .product .pro_box ul li:hover a h6{

    color: #79bbf1;



}



.product_bg .product .pro_box ul li:hover a i{

    background: #fff;

}



.product_bg .product .pro_box ul li:hover a em{

    color: #fff;

}





/*about*/



.ab_bg{

    width: 100%;

    margin: 75px auto 0 auto;

    height: 583px;

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

}



.ab_bg .about{

    width: 1360px;

    margin: 0 auto;

    position: relative;

}



.ab_bg .about .ab_nr{

    float: left;

    width: 680px;

    position: relative;



}



.ab_bg .about .ab_nr .txt{

    position: relative;

    height: 400px;

}



.ab_bg .about .ab_nr h5{

    font-size: 26px;

    color: #333;

    font-weight: bold;

}



.ab_bg .about .ab_nr span{

    display: block;

    font-size: 14px;

    color: #999;

    font-family: Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    margin-top: 8px;

}



.ab_bg .about .ab_nr em{

    display: block;

    width: 38px;

    height: 6px;

    background: #004e98;

    margin: 28px 0 0 0;

}



.ab_bg .about .ab_nr p{

    font-size: 14px;

    color: #666;

    text-indent: 2em;

    line-height: 38px;

    height: 114px;

    overflow: hidden;

    width: 655px;

    margin-top: 38px;

}



.ab_bg .about .ab_nr .xq{

    width: 139px;

    height: 40px;

    line-height: 40px;

    background: #004e98;

    margin-top: 60px;

    position: relative;

    z-index: 5;

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

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

    transition: all 0.5s ease-out;

}



.ab_bg .about .ab_nr .xq:hover{

    border-radius: 25px;

}



.ab_bg .about .ab_nr .xq a{

    display: block;

    font-size: 14px;

    color: #fff;

    font-family: Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    text-align: center;

}



.ab_bg .about .ab_nr h6{

    position: absolute;

    left: 0;

    bottom: 0;

    font-size: 127px;

    color: #f6f6f6;

    font-weight: bold;

    text-transform: uppercase;

    line-height: 110px;

    z-index: 1;

}



.ab_bg .about .ab_nr .ab_list{

    margin-top: 70px;



}



.ab_bg .about .ab_nr .ab_list ul li{

    float: left;

    width: 200px;

    margin-right: 40px;

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

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

    transition: all 0.5s ease-out;

}



.ab_bg .about .ab_nr .ab_list ul li:last-child{

    margin-right: 0;

}



.ab_bg .about .ab_nr .ab_list ul li a{

    display: block;

}



.ab_bg .about .ab_nr .ab_list ul li span{

    display: block;

    float: left;

    margin-right: 15px;

}



.ab_bg .about .ab_nr .ab_list ul li h5{

    font-size: 16px;

    color: #fff;

    padding-top: 3px;

}



.ab_bg .about .ab_nr .ab_list ul li h5 i{

    display: block;

    font-size: 14px;

    color: #4091de;

    font-family: Arial, Helvetica, sans-serif;

    margin-top: 4px;

}



.ab_bg .about .ab_nr .ab_list ul li:hover{

    transform: translateY(-5px);

    -webkit-transform: translateY(-5px);

    -o-transform: translateY(-5px);

}



.ab_bg .about .ab_img{

    float: right;

    width: 680px;

    height: 583px;

}



.ab_bg .about .ab_img img{

    width: 680px;

    height: 583px;

}







/*case*/



.case{

    width: 1360px;

    margin: 110px auto 0 auto;

}



.case .case_box{

    width: 1360px;

    margin: 60px auto 0 auto;

}



.case .case_box ul li{

    float: left;

    width: 435px;

    height: 249px;

    background: #f8f8f8;

    position: relative;

    overflow: hidden;

    margin-bottom: 17px;

}



.case .case_box ul li .pic{

    width: 425px;

    height: 239px;

    margin: 5px auto;

    position: relative;

}



.case .case_box ul li .pic img{

    width: 425px;

    height: 239px;

}



.case .case_box ul li .txt{

    width: 435px;

    height: 249px;

    position: absolute;

    left: 0;

    bottom: -249px;

    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;

}



.case .case_box ul li .txt a{

    text-align: center;

    font-size: 16px;

    color: #fff;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding: 0 20px;

    line-height: 249px;

}



.case .case_box ul li:hover .txt{

    bottom: 0;

}



.case .case_box ul li.case1{

    width: 458px;

    height: 514px;

    background: #f8f8f8;

    margin-right: 16px;

}



.case .case_box ul li.case1 .pic{

    margin: 3px auto;

    width: 452px;

    height: 280px;

}



.case .case_box ul li.case1 .pic img{

    width: 452px;

    height: 280px;

}



.case .case_box ul li.case1 .txt{

    position: relative;

    margin: 37px 0px 0 25px;

    height: 180px;

    background: none;

    bottom: 0;

    width: 395px;

}



.case .case_box ul li.case1 .txt a{

    font-size: 16px;

    color: #2372b3;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    line-height: 30px;

    text-align: left;

    padding: 0;

}



.case .case_box ul li.case1 .txt i{

    display: block;

    width: 40px;

    height: 1px;

    background: #2372b3;

    margin: 20px 0 20px 0;



}



.case .case_box ul li.case1 .txt p{

    font-size: 14px;

    color: #666;

    line-height: 32px;

    height: 96px;

    overflow: hidden;

}



.case .case_box ul li.case2,.case .case_box ul li.case4{

    margin-right: 16px;

}





.case .case_more{

    width: 148px;

    height: 40px;

    line-height: 40px;

    background: #004e98;

    position: relative;

    z-index: 5;

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

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

    transition: all 0.5s ease-out;

    margin: 43px auto 0 auto;

}





.case .case_more a{

    display: block;

    font-size: 14px;

    color: #fff;

    font-family: Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    text-align: center;

}





/*news*/



.news_bg{

    width: 100%;

    margin: 20px auto 0 auto;

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

}



.news{

    width: 1360px;

    margin: 0 auto;

    padding-top: 55px;

}



.news .news_box{

    width: 1360px;

    margin: 50px auto 0 auto;

}



.news .news_box ul li{

    float: left;

    width: 434px;

    height: 524px;

    position: relative;

    z-index: 5;

    -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .06);

    box-shadow: 0 0 8px 6px rgba(0, 0, 0, .06);

    margin: 0 9px;

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

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

    transition: all 0.5s ease-out;

}



.news .news_box ul li .pic{

    background: #f8f8f8;

    width: 434px;

    height: 262px;

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

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

    transition: all 0.5s ease-out;

    z-index: 5;

}



.news .news_box ul li .pic img{

    width: 428px;

    height: 256px;

    display: block;

    margin: 3px auto;

}



.news .news_box ul li .txt{

    margin: 40px 30px 0 30px;

    z-index: 5;



}



.news .news_box ul li .txt a{

    display: block;

    font-size: 16px;

    color: #333;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

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

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

    transition: all 0.5s ease-out;

}



.news .news_box ul li .txt span{

    display: block;

    font-size: 14px;

    color: #999;

    margin: 15px 0 5px 0;

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

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

    transition: all 0.5s ease-out;

}



.news .news_box ul li .txt p{

    font-size: 14px;

    color: #666;

    line-height: 32px;

    height: 128px;

    overflow: hidden;

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

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

    transition: all 0.5s ease-out;

}



.news .news_box ul li .line{

    width: 434px;

    height: 524px;

    position: absolute;

    left: 0;

    top: 0;

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

    opacity: 0.1;

    z-index: -1;

}



.news .news_box ul li.on{

    background: #004e98;

}



.news .news_box ul li.on .pic{

    background: #006cc4;

}



.news .news_box ul li.on .txt a{

    color: #fff;



}



.news .news_box ul li.on .txt span{

    color: #6ebeff;



}



.news .news_box ul li.on .txt p{

    color: #9bd2fe;

}





/*message*/



.message_bg{

    width: 100%;

    margin: 70px auto 0 auto;

    background: url(../images/footer_bg.jpg) repeat top center;

    height: 205px;

    border-bottom: 1px solid #5789b9;

    overflow: hidden;

}



.message_bg .message{

    width: 1360px;

    margin: 0 auto;

    padding-top: 60px;

    height: 54px;

    position: relative;

}



.message_bg .message .ewm{

    position: absolute;

    right: 0;

    top: 60px;

    width: 100px;

    height: 100px;

}



.message_bg .message .ewm img{

    width: 100px;

    height: 100px;

}





.message_bg .message .form-group1{

    float: left;

    width: 244px;

    height: 54px;

    background: rgba(255, 255, 255, 0.2);

    margin-right: 30px;

}



.message_bg .message .form-group1 input{

    width: 244px;

    height: 54px;

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

    text-indent: 55px;

    font-size: 14px;

    color: #fff;

}

.message_bg .message  input::-webkit-input-placeholder {color: #fff;}

.message_bg .message  textarea::-webkit-input-placeholder {color: #fff;}

.message_bg .message .form-group2{

    float: left;

    width: 280px;

    height: 54px;

    background: rgba(255, 255, 255, 0.2);

    margin-right: 30px;

}



.message_bg .message .form-group2 input{

    width: 280px;

    height: 54px;

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

    text-indent: 55px;

    font-size: 14px;

    color: #fff;

}



.message_bg .message .form-group3{

    float: left;

    width: 382px;

    height: 54px;

    background: rgba(255, 255, 255, 0.2);

    margin-right: 30px;

}



.message_bg .message .form-group3 textarea{

    width: 328px;

    height: 37px;

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

    font-size: 14px;

    color: #fff;

    padding: 17px 0px 0 54px;

}



.message_bg .message .anniu{

    float: left;

    width: 120px;

    height: 54px;

    background: #ccdcea;



}



.message_bg .message .anniu button{

    width: 120px;

    height: 54px;

    background: #ccdcea;

    border: none;

    cursor: pointer;

    font-weight: bold;

    font-size: 16px;

    color: #004e98;

}



.message_bg .links{

    margin: 35px auto 0 auto;

    line-height: 30px;

    width: 1360px;



}



.message_bg .links h5{

    float: left;

    font-size: 18px;

    color: #fff;



}



.message_bg .links h5 span{

    color: #4787c4;

    font-family: Arial, Helvetica, sans-serif;

    text-transform: uppercase;



}





.message_bg .links .yq{

    float: right;

    width: 1200px;

}



.message_bg .links .yq a{

    font-size: 14px;

    color: #aecdea;

    margin: 0 15px;

}