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

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

/*邮箱 btoe@btoe.cn*/

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

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

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



/*banner*/

.fullSlide {

    width: 100%;

    position: relative;

    height: 710px;

    background: #fff;

    overflow: hidden;

  }

  

  .fullSlide .bd {

    width: 100%;

    height: 710px;

    margin: 0 auto;

    position: relative;

    z-index: 1;

    overflow: hidden;

  }



  

  .fullSlide .bd ul {

    width: 100%;

  }

  

  .fullSlide .bd li {

    width: 100% !important;

    height: 710px;

    overflow: hidden;

    text-align: center;

  }

  

  .fullSlide .bd li a {

    display: block;

    height: 710px;

  }

  

  .fullSlide .hd {

    width: 100%;

    position: absolute;

    z-index: 2;

    bottom: 40px;

    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;

    border-radius: 50%;

    margin: 12px;

    overflow: hidden;

    line-height: 99px;

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

    transition: all .3s ease-out;

    background: #fff;

  }

  

  .fullSlide .hd ul .on {

    background: #202f64;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

  }

  

  

  .fullSlide .next {

    width: 65px;

    height: 65px;

    position: absolute;

    top: 50%;

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

  }

  

  .fullSlide .prev {

    width: 65px;

    height: 65px;

    position: absolute;

    top: 50%;

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

  }





/* title*/



.title{

    margin: 0 auto;

    height: 98px;

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

    padding-left: 140px;



}





.title h3{

    font-size: 28px;

    color: #333;

    letter-spacing: 1px;

    padding-top: 5px;

}



.title h3 a{

    font-size: 28px;

    color: #333;

}



.title span{

    display: block;

    font-size: 14px;

    color: #999999;

    letter-spacing: 5px;

    margin-top: 10px;

}





/* te*/ 



.te_bg{

    width: 100%;

    height: 781px;

    margin: 0 auto;

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

}



.te_bg .te{

    width: 1300px;

    margin: 0 auto;

    padding-top: 65px;



}



.te_bg .te .title{

    width: 360px;

}



.te_bg .te .te_box{

    margin: 30px auto 0 auto;

    height: 520px;

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

}



.te_bg .te .te_box ul li{

    float: left;

    width: 186px;

    text-align: center;

    margin: 0 0px 0 16px;

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

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

    transition: all 0.5s ease-out;

}



.te_bg .te .te_box ul li:hover{

    transform: translateY(-10px);

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

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

}



.te_bg .te .te_box ul li:first-child{

    margin-left: 34px;

}



.te_bg .te .te_box ul li span{

    display: block;

    margin: 210px auto 0 auto;

    width: 107px;

    height: 107px;

    border-radius: 50%;

}



.te_bg .te .te_box ul li span img{

    display: block;

    width: 107px;

    height: 107px;



}



.te_bg .te .te_box ul li h5{

    font-size: 20px;

    color: #333333;

    font-weight: bold;

    margin: 55px auto 0 auto;

    height: 105px;

}



.te_bg .te .te_box ul li h5 i{

    display: block;

    font-size: 16px;

    color: #666666;

    line-height: 30px;

    margin-top: 5px;

}



.te_bg .te .te_box ul li:nth-child(2n) span{

    margin: 90px auto 0 auto;

    background: #f7f7f7;

}



.te_bg .te .te_box ul li:nth-child(2n) h5{

    margin: 20px auto 0 auto;



}



.te_bg .te .te_box ul li:nth-child(4) h5 i{

    width: 300px;

    margin-left: -57px;

}



.te_bg .te .te_box ul li:nth-child(5) h5 i{

    width: 300px;

    margin-left: -57px;

}





/* product*/ 



.pro_bg{

    width: 100%;

    margin: 60px auto 0 auto;

    background: url(../images/pro_bg.jpg) no-repeat center 140px;

}



.pro_bg .product{

    width: 1300px;

    margin: 0 auto;

}



.pro_bg .product .title{

    margin: 0 auto;

    width: 360px;

}



.pro_bg .product .pro_list{

    height: 60px;

    margin: 40px auto 0 auto;



}



.pro_bg .product .pro_list ul{

    float: left;

    width: 1050px;

}



.pro_bg .product .pro_list ul li{

    float: left;

    width: 125px;

    height: 40px;

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

    padding: 20px 0 0 20px;

    margin-right: 65px;

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

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

    transition: all 0.5s ease-out;

}



.pro_bg .product .pro_list ul li a{

    display: block;

    font-size: 16px;

    color: #333;

    text-align: center;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.pro_bg .product .pro_list ul li a i{

    display: block;

    font-size: 12px;

    color: #cccccc;

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



}



.pro_bg .product .pro_list ul li:hover{

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

}



.pro_bg .product .pro_list .more{

    display: block;

    float: right;

    font-size: 18px;

    color: #333333;

    font-weight: bold;

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

    padding-right: 26px;

    line-height: 60px;

    margin-top: 2px;

}

 



.pro_bg .product .pro_box{

    margin: 30px auto 0 auto;

height: 710px;

} 



.pro_bg .product .pro_box .pro_show{

    height: 370px;

}



.pro_bg .product .pro_box .pro_show .pic{

    float: left;

    width: 540px;

    height: 368px;

    border: 1px solid #d6d6d6;

}



.pro_bg .product .pro_box .pro_show .pic img{

    width: 540px;

    height: 368px;

}



.pro_bg .product .pro_box .pro_show .txt{

    float: right;

    width: 700px;

    margin-top: 80px;

}  

 

.pro_bg .product .pro_box .pro_show .txt h5 a{

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 18px;

    color: #333333;

    font-weight: bold;

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

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

    transition: all 0.5s ease-out;

}



.pro_bg .product .pro_box .pro_show:hover .txt h5 a{

    color: #202f64;



}



.pro_bg .product .pro_box .pro_show .txt p{

    font-size: 14px;

    color: #666666;

    line-height: 36px;

    height: 72px;

    overflow: hidden;

    margin: 25px 0 0 0px;

    position: relative;

    padding-left: 50px;



}



.pro_bg .product .pro_box .pro_show .txt p::after{

    position: absolute;

    left: 8px;

    top: 5px;

    width: 2px;

    height: 100px;

    background: #f1e419;

    content: "";

}



.pro_bg .product .pro_box .pro_show .txt .more{

    display: block;

    margin-top: 37px;

    font-size: 18px;

    color: #333333;

    font-weight: bold;

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

    width: 100px;

}



.pro_bg .product .pro_box .list{

    margin: 40px auto 0 auto;

    width: 1360px;

} 



.pro_bg .product .pro_box .list ul li{

    float: left;

    width: 300px;

    margin-right: 33px;

}

 

.pro_bg .product .pro_box .list ul li .pic{

    width: 298px;

    height: 218px;

    border: 1px solid #d6d6d6;

    overflow: hidden;



}

 

.pro_bg .product .pro_box .list ul li .pic img{

    width: 298px;

    height: 218px;

    overflow: hidden;

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

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

    transition: all 0.5s ease-out;

}



.pro_bg .product .pro_box .list ul li:hover .pic img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.pro_bg .product .pro_box .list ul li .txt{

    margin: 0 auto;



} 



.pro_bg .product .pro_box .list ul li .txt .txt_t{

    height: 50px;

    line-height: 50px;



}



.pro_bg .product .pro_box .list ul li .txt .txt_t a{

    float: left;

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

    padding-left: 20px;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    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;

    width: 130px;

}



.pro_bg .product .pro_box .list ul li .txt .txt_t i{

    display: block;

    float: right;

    width: 142px;

    height: 1px;

    background: #000000;

    margin-top: 24px;

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

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

    transition: all 0.5s ease-out;

}



.pro_bg .product .pro_box .list ul li .txt p{

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

    padding-right: 20px;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 14px;

    color: #666;

    margin: 0 20px;

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

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

    transition: all 0.5s ease-out;

}



.pro_bg .product .pro_box .list ul li:hover .txt .txt_t i{

    background: #ede50e;

}



.pro_bg .product .pro_box .list ul li:hover .txt p{

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

}







/* banner_1*/ 



.banner_1{

    width: 100%;

    height: 320px;

    margin: 75px auto 0 auto;

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

}



.banner_1 .cont{

    width: 1300px;

    margin: 0 auto;

}



.banner_1 .cont .txt{

    float: left;

    margin-top: 60px;

}



.banner_1 .cont .txt h5{

    overflow: hidden;

}



.banner_1 .cont .txt h5 b{

    font-size: 44px;

    color: #ede50e;

    font-weight: bold;

    font-family: "simsun";

    float: left;

    line-height: 70px;

    width: 190px;

    margin-right: 25px;



}



.banner_1 .cont .txt h5 span {

    display: block;

    float: left;

    font-size: 36px;

    color: #ffffff;

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

    text-transform: uppercase;

    line-height: 36px;

}



.banner_1 .cont .txt h5 i{

    font-size: 18px;

    color: #ffffff;

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

    text-transform: uppercase;

    display: block;

    margin-top: 3px;

}



.banner_1 .cont .txt p{

    font-size: 17px;

    color: #ffffff;

    margin: 20px 0 25px 0;

}



.banner_1 .cont .txt .tel{

    font-size: 30px;

    color: #ffffff;

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

}



.banner_1 .cont .txt .tel em{

    font-size: 30px;

    color: #ffffff;

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

    margin-left: 5px;

}



.banner_1 .cont .zx{

    float: right;

    width: 64px;

    height: 64px;

    margin-top: 130px;

} 







/* ys*/ 



.ys_bg{

    width: 100%;

    height: 1975px;

    margin: 0px auto 0 auto;

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

}



.ys_bg .ys{

    width: 1300px;

    margin: 0 auto;

    height: 1205px;

    padding-top: 85px;

    position: relative;

    overflow: hidden;

}



.ys_bg .ys .ys_t{

    position: absolute;

    left: 420px;

    top: 130px;

    width: 487px;

    background: url(../images/ys_t.png) no-repeat top left ;

    z-index: 5;

}



.ys_bg .ys .ys_t h3{

    font-size: 20px;

    color: #333333;

    padding-top: 70px;



}





.ys_bg .ys .ys_box{

    position: relative;

}



.ys_bg .ys .ys_box .bd{

    width: 1300px;

    margin: 0 auto;

}





.ys_bg .ys .ys_box .bd ul li{

    float: left;

    width: 1300px;

    margin: 0 auto;

}



.ys_bg .ys .ys_box .bd ul li .ys1{

    width: 1300px;

    height: 607px;

}



.ys_bg .ys .ys_box .bd ul li .ys1 .txt{

    float: left;

    width: 515px;



}



.ys_bg .ys .ys_box .bd ul li .ys1 .txt span{

    display: block;

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

    width: 100px;

    height: 75px;

    font-size: 50px;

    font-weight: bold;

    color: #202f64;

    font-family: 'Times New Roman', Times, serif;

    padding: 39px 0 0 15px;

    margin-left: 80px;



}



.ys_bg .ys .ys_box .bd ul li .ys1 .txt i{

    display: block;

    font-size: 14px;

    color: #333333;

    text-transform: uppercase;

    margin-top: 180px;

}



.ys_bg .ys .ys_box .bd ul li .ys1 .txt h5{

    font-size: 20px;

    color: #333333;

    font-weight: bold;

    padding-top: 20px;

    margin-top: 60px;

    background: url(../images/buttom6.png) no-repeat left top ;

}



.ys_bg .ys .ys_box .bd ul li .ys1 .txt p{

    font-size: 14px;

    color: #666666;

    line-height: 30px;

    text-indent: 2em;

    margin-top: 35px;

}



.ys_bg .ys .ys_box .bd ul li .ys1 .ys_img{

    float: right;

    width: 605px;

    height: 607px;

    overflow: hidden;



}



.ys_bg .ys .ys_box .bd ul li .ys1 .ys_img img{

    width: 605px;

    height: 607px;

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

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

    transition: all 0.5s ease-out;

    overflow: hidden;

}





.ys_bg .ys .ys_box .bd ul li:hover .ys1 .ys_img img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.ys_bg .ys .ys_box .bd ul li .ys2{

    width: 1300px;

    height: 607px;

    margin-top: 91px;

}



.ys_bg .ys .ys_box .bd ul li .ys2 .txt{

    float: right;

    width: 605px;

    position: relative;



}



.ys_bg .ys .ys_box .bd ul li .ys2 .txt span{

    display: block;

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

    width: 100px;

    height: 75px;

    font-size: 50px;

    font-weight: bold;

    color: #202f64;

    font-family: 'Times New Roman', Times, serif;

    padding: 39px 0 0 15px;

    margin-left: 80px;

    position: absolute;

    right: 0;

    top: 5px;



}



.ys_bg .ys .ys_box .bd ul li .ys2 .txt i{

    display: block;

    font-size: 14px;

    color: #333333;

    text-transform: uppercase;

    margin-top: 75px;

}



.ys_bg .ys .ys_box .bd ul li .ys2 .txt h5{

    font-size: 20px;

    color: #333333;

    font-weight: bold;

    padding-top: 20px;

    margin-top: 60px;

    background: url(../images/buttom6.png) no-repeat left top ;

}



.ys_bg .ys .ys_box .bd ul li .ys2 .txt p{

    font-size: 14px;

    color: #666666;

    line-height: 30px;

    margin-top: 75px;

    width: 510px;

    font-family: "simsun";

}



.ys_bg .ys .ys_box .bd ul li .ys2 .ys_img{

    float: left;

    width: 614px;

    height: 500px;

    overflow: hidden;



}



.ys_bg .ys .ys_box .bd ul li .ys2 .ys_img img{

    width: 614px;

    height: 500px;

    overflow: hidden;

    -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 .bd ul li:hover .ys2 .ys_img img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.ys_bg .ys .ys_box .hd{

    position: absolute;

    right: 45px;

    top: 990px;

}



.ys_bg .ys .ys_box .hd ul li{

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #c7c7c7;

    margin-bottom: 20px;

    -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.on{

    background: #676767;

}



.ys_bg .ys .ys_box .prev{

    position: absolute;

    right: 604px;

    top: 607px;

    background: #202f64;

    width: 83px;

    height: 91px;

    line-height: 91px;

    text-align: center;

    font-size: 18px;

    color: #eff2f7;

    text-transform: uppercase;

    font-family: 'Times New Roman', Times, serif;

    font-weight: bold;

    cursor: pointer;

    z-index: 5;

}





/* case*/ 



.case{

    width: 1280px;

    margin: 60px auto 0 auto;

}



.case .title{

    width: 360px;



}



.case .case_box{

    width: 1280px;

    margin: 25px auto 0 auto;

    position: relative;

} 



.case .case_box .swiper-slide{

    position: relative;

    height: 435px;

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

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

    transition: all 0.5s ease-out;

}



.case .case_box .swiper-slide .pic{

    width: 353px;

    height: 215px;

    margin: 25px auto 0 auto;



    

}



.case .case_box .swiper-slide .pic img{

    display: block;

    width: 100%;

    height: 100%;



}



.case .case_box .swiper-slide .txt{

    width: 353px;

    margin: 0px auto 0 auto;

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

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

    transition: all 0.5s ease-out;

}



.case .case_box .swiper-slide .txt .txt_l{

    float: left;

    width: 290px;



}



.case .case_box .swiper-slide .txt .txt_l h5 a{

    height: 45px;

    line-height: 45px;

    border-bottom: 1px solid #000000;

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

    padding-left: 15px;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    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;

}



.case .case_box .swiper-slide .txt .txt_l span{

    display: block;

    font-size: 28px;

    color: #d9d9d9;

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

    font-weight: bold;

    margin: 15px 0 0 15px;

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

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

    transition: all 0.5s ease-out;

}



.case .case_box .swiper-slide .txt .txt_l p{

    font-size: 14px;

    color: #666666;

    line-height: 30px;

    height: 60px;

    overflow: hidden;

    margin: 5px 0 0 15px;

    opacity: 0;

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

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

    transition: all 0.5s ease-out;

}



.case .case_box .swiper-slide .txt .more{

    display: block;

    float: right;

    width: 14px;

    height: 16px;

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

    margin-top: 35px;



} 



.case .case_box .swiper-slide-next{

    background: #f7f7f7;

}



.case .case_box .swiper-slide-next  .txt{

    margin: 15px auto 0 auto;

}



.case .case_box .swiper-slide-next  .txt .txt_l span{

    height: 1px;

    opacity: 0;

    margin: 0;

}

.case .case_box .swiper-slide-next  .txt .txt_l p{

    opacity: 1;

}



.swiper-button-next{

    position: absolute;

    left: 965px;

    top:380px;

    font-size: 14px;

    color: #333;

    text-transform: uppercase;

    width: 53px;

    height: 53px;

    text-align: center;

    line-height: 53px;

    background: #fff;

    border-radius: 50%;

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

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

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

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

    transition: all 0.5s ease-out;

    outline: none;

}





.swiper-button-prev{

    position: absolute;

    left: 300px;

    top:380px;

    font-size: 14px;

    color: #333;

    text-transform: uppercase;

    width: 53px;

    height: 53px;

    text-align: center;

    line-height: 53px;

    background: #fff;

    border-radius: 50%;

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

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

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

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

    transition: all 0.5s ease-out;

    outline: none;

}



.swiper-button-next:hover{



    background: #f1e419;

    

}



.swiper-button-prev:hover{



    background: #f1e419;

    

}



.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {

    content: 'next';

    display: none;

}



.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {

    content: 'prev';

    display: none;

}







/* about*/ 



.ab_bg{

    width: 100%;

    height: 946px;

    margin: 0px auto 0 auto;

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

}



.ab_bg .about{

    width: 1300px;

    margin: 0 auto;

    padding-top: 60px;

    position: relative;

}



.ab_bg .about .ab_l{

    float: left;

    width: 765px;

}



.ab_bg .about .ab_l .title{

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

}



.ab_bg .about .ab_l .title h3{

    color: #fff;

    text-shadow: #192758 6px 8px 3px;

 }



 .ab_bg .about .ab_l .title span{

     color: #9ea2b1;



 }



 .ab_bg .about .ab_l .txt{

     margin-top: 35px;



 }



 .ab_bg .about .ab_l .txt h3{

     font-size: 20px;

     color: #fff;

     font-weight: bold;



 }



 .ab_bg .about .ab_l .txt p{

     font-size: 14px;

     color: #aab0c5;

     line-height: 34px;

     height: 238px;

     text-indent: 2em;

     overflow: hidden;

     margin-top: 17px;



 }



 .ab_bg .about .ab_l .txt .more{

     display: block;

     margin-top: 115px;

     display: block;

    font-size: 18px;

    color: #fff;

    font-weight: bold;

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

    width: 170px;

 }

 

 .ab_bg .about .ab_r{

     float: right;

     width: 470px;

     height: 622px;

     position: relative;

     margin-top: 25px;

 } 



 .ab_bg .about .ab_r .ab_img{

    width: 470px;

    height: 622px;

    position: relative;

 }



 .ab_bg .about .ab_r .ab_img img{

    width: 470px;

    height: 622px;

 }



 

 .ab_bg .about .ab_r .ry{

    width: 353px;

    height: 215px;

    position: absolute;

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

    left: -185px;

    bottom: -106px;

 }



 .ab_bg .about .ab_r .ry img{

    width: 311px;

    height: 177px;

    margin: 19px 21px;

 }





 .ab_bg .about .ab_nr{

     position: absolute;

     top: 510px;

     left: 365px;



 } 



 .ab_bg .about .ab_nr h5{

     overflow: hidden;



 }



 .ab_bg .about .ab_nr h5 i{

     font-size: 80px;

     color: #fff;

     font-weight: bold;

     font-style: italic;

     display: block;

     float: left;

     line-height: 80px;



 }



 .ab_bg .about .ab_nr h5 span{

     display: block;

     font-size: 20px;

     color: #fff;

     text-transform: uppercase;

     font-style: italic;

     border-bottom: 1px solid #fff;

     width: 234px;

     line-height: 50px;

     float: left;

     margin-left: 20px;

     margin-top: 18px;

 }



 .ab_bg .about .ab_nr h5 span em{

    font-style: italic;

 }



 .ab_bg .about .ab_nr p{

    font-size: 18px;

    color: #fff;

    font-weight: bold;

    margin-top: 15px;

 }





 /* fc*/ 



 .fc{

     width: 1300px;

     margin: -80px auto 0 auto;

     position: relative;

     z-index: 9;

 }



 .fc::after{

     position: absolute;

     content: "";

     left: 0;

     top: -1px;

     background: url(../images/fc_bg.png) no-repeat left top;

     width: 49px;

     height: 65px;

 }







 .fc .fc_list{

    height: 81px;

 }



 .fc .fc_list ul li{

    float: left;

    width: 270px;

    height: 81px;

    line-height: 81px;

    background: #1d2c63;

    margin-right: 4px;

    -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{

    font-size: 20px;

    color: #fff;

    display: block;

    padding-left: 120px;

    letter-spacing: 1px;

    -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.fc1 a{

    background: url(../images/fc1.png) no-repeat 70px center;

 }



 .fc .fc_list ul li.fc2 a{

    background: url(../images/fc2.png) no-repeat 70px center;

 }



 .fc .fc_list ul li.on{

    background: #ede50e;

 }



 .fc .fc_list ul li.on a{

     color: #1d2c63;

 }



 .fc .fc_list ul li.fc1.on a{

    background: url(../images/fc11.png) no-repeat 70px center;

 }



 .fc .fc_list ul li.fc2.on a{

    background: url(../images/fc22.png) no-repeat 70px center;

 }



 .fc .fc_box{

     width: 1360px;

     margin: 30px auto 0 auto;

 } 



 .fc .fc_box ul li{

     float: left;

     width: 204px;

     margin-right: 15px;

 }



 .fc .fc_box ul li .pic{

     width: 200px;

     height: 240px;

     border: 2px solid #f7f7f7;



 }

 

 .fc .fc_box ul li .pic img{

    width: 200px;

    height: 240px;

 }



 .fc .fc_box ul li .txt{

     height: 60px;

     line-height: 60px;



 } 



 .fc .fc_box ul li .txt h5 a{

     float: left;

     width: 130px;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    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_box ul li .txt .more{

     display: block;

     width: 40px;

     height: 10px;

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

     float: right;

     margin-top: 25px;

     -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 .txt .more{

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

 }







 

/* news*/ 



.news_bg{

    width: 100%;

    height: 878px;

    margin: 45px auto 0 auto;

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

}



.news_bg .news{

    width: 1300px;

    margin: 0 auto;

    position: relative;

}



.news_bg .news .title{

    width: 360px;

}



.news_bg .news .news_list{

    position: absolute;

    left: 0;

    top: 139px;

    width: 210px;

    height: 340px;

    background: #f9f9f9;

    border-radius: 8px;

} 



.news_bg .news .news_list ul li{

    height: 113px;

    line-height: 113px;

    border-bottom: 1px  solid #fae5ba;

    position: relative;

    z-index: 5;

}



.news_bg .news .news_list ul li:last-child{

    border-bottom: none;

}



.news_bg .news .news_list ul li a{

    display: block;

    padding-left: 100px;

    font-size: 16px;

    color: #333;

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

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

    transition: all 0.5s ease-out;

}



.news_bg .news .news_list ul li.n1 a{

    background: url(../images/news1.png) no-repeat 50px center ;

}



.news_bg .news .news_list ul li.n2 a{

    background: url(../images/news2.png) no-repeat 50px center ;

}



.news_bg .news .news_list ul li.n3 a{

    background: url(../images/news3.png) no-repeat 50px center ;

}



.news_bg .news .news_list ul li::after{

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    content: "";

    background: #202f64;

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

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

    transition: all 0.5s ease-out;

    width: 0;

    height: 113px;

}



.news_bg .news .news_list ul li.n1::after{

    border-top-left-radius: 8px;

    border-top-right-radius: 8px;



}



.news_bg .news .news_list ul li.n3::after{

    border-bottom-left-radius: 8px;

    border-bottom-right-radius: 8px;



}



.news_bg .news .news_list ul li.casehover a{

    color: #f1e419;



}



.news_bg .news .news_list ul li.casehover::after{

    width: 100%;

}



.news_bg .news .news_list ul li.n1.casehover a{

    background: url(../images/news11.png) no-repeat 50px center ;

}



.news_bg .news .news_list ul li.n2.casehover a{

    background: url(../images/news22.png) no-repeat 50px center ;

}



.news_bg .news .news_list ul li.n3.casehover a{

    background: url(../images/news33.png) no-repeat 50px center ;

}



.news_bg .news .news_box{

    margin: 40px auto 0 auto;

} 



.news_bg .news .news_box .news_top{

    width: 1000px;

    margin-left: 300px;

    position: relative;

    height: 333px;

    border-top: 1px solid #edeef2;

    border-bottom: 1px solid #edeef2;

}



.news_bg .news .news_box .news_top ul li{

    position: relative;

    overflow: hidden;

    height: 75px;

    width: 1000px;

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

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

    transition: all 0.5s ease-out;

    margin-bottom: 40px;



}



.news_bg .news .news_box .news_top ul li .txt{

    height: 75px;

    width: 1000px;

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

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

    transition: all 0.5s ease-out;

}



.news_bg .news .news_box .news_top ul li .txt .txt_l{

    float: left;

    width: 670px;

}



.news_bg .news .news_box .news_top ul li .txt .txt_l span{

    display: block;

    font-size: 12px;

    color: #3a4053;

}



.news_bg .news .news_box .news_top ul li .txt .txt_l a{

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 16px;

    color: #131a32;

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

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

    transition: all 0.5s ease-out;

    margin-top: 13px;

}





.news_bg .news .news_box .news_top ul li .txt .more a{

    display: block;

    float: right;

    font-size: 12px;

    color: #3a4053;

    margin-right: 35px;

    margin-top: 35px;

}



.news_bg .news .news_box .news_top ul li .txt_on{

    height: 0px;

    width: 1000px;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

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

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

    transition: all 0.5s ease-out;

} 



.news_bg .news .news_box .news_top ul li .txt_on .txt_nr{

    float: left;

    width: 670px;

    margin-top: 20px;

}



.news_bg .news .news_box .news_top ul li .txt_on .txt_nr span{

    display: block;

    font-size: 12px;

    color: #3a4053;

}



.news_bg .news .news_box .news_top ul li .txt_on .txt_nr h5 a{

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 16px;

    color: #131a32;

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

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

    transition: all 0.5s ease-out;

    margin-top: 8px;

}



.news_bg .news .news_box .news_top ul li .txt_on .txt_nr p{

    font-size: 14px;

    color: #5f657b;

    line-height: 30px;

    height: 60px;

    overflow: hidden;

    margin-top: 8px;



}



.news_bg .news .news_box .news_top ul li .txt_on .txt_nr .more{

    display: block;

    width: 108px;

    height: 34px;

    line-height: 34px;

    border-radius: 5px;

    text-align: center;

    font-size: 14px;

    color: #182557;

    background: #f1e419;

    margin-top: 30px;





}



.news_bg .news .news_box .news_top ul li .txt_on .news_img{

    float: right;

    width: 292px;

    height: 209px;



} 



.news_bg .news .news_box .news_top ul li .txt_on .news_img img{

    width: 292px;

    height: 209px;

}



.news_bg .news .news_box .news_top ul li.on{

    height: 209px;

}



.news_bg .news .news_box .news_top ul li.on .txt{

    display: none;

}



.news_bg .news .news_box .news_top ul li.on .txt_on{

    opacity: 1;

    height: 209px;

}



.news_bg .news .news_box .list{

    width: 1300px;

    height: 129px;

    border: 1px solid #edeef2;

    margin: 50px auto 0 auto;

    position: relative;

} 



.news_bg .news .news_box .list ul li{

    float: left;

    width: 380px;

    height: 64px;

    line-height: 64px;

    margin: 0 28px 0 25px;

}



.news_bg .news .news_box .list ul li a{

    float: left;

    width: 260px;

    font-size: 14px;

    color: #131a32;

    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;

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

    padding-left: 15px;

}



.news_bg .news .news_box .list ul li span{

    display: block;

    float: right;

    font-size: 12px;

    color: #3a4053;

}



.news_bg .news .news_box .list::after{

    position: absolute;

    left: 25px;

    width: 1250px;

    height: 1px;

    top: 64px;

    background: #edeef2;

    content: "";

}



.news_bg .news .news_box .list ul li:hover a{

    transform: translateX(5px);

    -webkit-transform: translateX(5px);

    -o-transform: translateX(5px);

}





/* links*/ 



.links{

    width: 1300px;

    margin: 60px auto 0 auto;

    overflow: hidden;

}



.links .links_t{

    float: left;

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

    width: 179px;

    height: 78px;

}



.links .links_t i{

    display: block;

    font-size: 20px;

    color: #333333;

    padding: 7px 0 0 90px;

}



.links .yq{

    float: right;

    width: 1095px;

    margin-top: 5px;

} 



.links .yq a{

    font-size: 14px;

    color: #666666;

    margin: 0 15px;

    line-height: 30px;

}