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

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

/*邮箱 btoe@btoe.cn*/

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

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

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





/*banner*/

.fullSlide {

    width: 100%;

    position: relative;

    height: 650px;

    background: #fff;

    overflow: hidden;

    top: -35px;

  }

  

  .fullSlide .bd {

    width: 100%;

    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: 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: #024383;

    -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=80);

    -moz-opacity: .8;

    opacity: .8;

    -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=80);

    -moz-opacity: .8;

    opacity: .8;

    -webkit-transition: all .5s linear;

    transition: all .5s linear;

    left: 4%;

  }







/*title*/



.title{

    margin: 0 auto;

    text-align: center;

}



.title span{

    display: block;

    font-size: 50px;

    color: #666666;

    text-transform: uppercase;

    font-weight: bold;

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

    line-height: 42px;

}



.title span i{

    color: #014383;

    font-size: 50px;

    text-transform: uppercase;

    font-weight: bold;

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

}



.title h3{

    font-size: 26px;

    color: #333333;

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

    margin: 5px 0;

}



.title h3 a{

    font-size: 26px;

    color: #333333;

}



.title p{

    font-size: 14px;

    color: #666666;

    letter-spacing: 5px;

}



/*product*/ 



.product{

    width: 1300px;

    margin: 55px auto 0 auto;





}



.product .pro_list{

    margin: 35px auto 0 auto;

    height: 55px;

    border-bottom: 1px solid #dfdfdf;



}



.product .pro_list ul li{

    float: left;

    height: 55px;

    line-height: 55px;

    width: 325px;

    position: relative;

}



.product .pro_list ul li h5 a{

    float: left;

    width: 270px;

    font-size: 16px;

    color: #333333;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    overflow: hidden;

    display: block;

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

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

    transition: all 0.5s ease-out;

}



.product .pro_list ul li h5 a i{

    margin-right: 15px;

    margin-top: 20px;

    display: block;

    float: left;

    width: 35px;

    height: 15px;

    background: #cccccc 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_list ul li .more{

    display: block;

    float: right;

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

    width: 17px;

    height: 17px;

    margin-top: 19px;

    margin-right: 15px;

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

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

    transition: all 0.5s ease-out;

}

 

.product .pro_list ul li.on .more{

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

}



.product .pro_list ul li.on h5 a i{

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

}



.product .pro_list ul li.on h5 a {

    font-weight: bold;

}

 

.product .pro_list ul li::after{

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 1px;

    background: #0169cc;

    content: "";

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

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

    transition: all 0.5s ease-out;

}



.product .pro_list ul li.on::after{

    width: 100%;

}



.product .pro_box{

    margin: 50px auto 0 auto;

    width: 1360px;



} 



.product .pro_box ul li{

    float: left;

    width: 300px;

    margin: 0 35px 20px 0;

}



.product .pro_box ul li .pic{

    width: 298px;

    height: 238px;

    border: 1px solid #dddddd;

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

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

    transition: all 0.5s ease-out;

}



.product .pro_box ul li .pic img{

    width: 280px;

    height: 220px;

    margin: 9px;

}



.product .pro_box ul li .txt{

    height: 55px;

    line-height: 55px;

    width: 280px;

    margin: 0 auto;

} 



.product .pro_box ul li .txt h5 a{

    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;

    float: left;

    width: 135px;

}



.product .pro_box ul li .txt .more{

    float: right;

    font-size: 14px;

    color: #999999;

    padding-left: 80px;

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

}

 



.product .pro_box ul li:hover .pic{

    background: #014383;

    border: 1px solid #014383;

}





/*ys*/ 



.ys_bg{

    width: 100%;

    height: 856px;

    margin: 60px auto 0 auto;

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

}



.ys_bg .ys{

    width: 1300px;

    margin: 0 auto;

    position: relative;

}



.ys_bg .ys .ys_t{

    position: absolute;

    right: 0;

    top: 95px;

    text-align: right;

}



.ys_bg .ys .ys_t span{

    font-size: 80px;

    color: #fff;

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

    font-weight: bold;

    text-transform: uppercase;

    line-height: 65px;

    display: block;

}



.ys_bg .ys .ys_t span i{

    font-size: 80px;

    color: #ff7e15;

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

    font-weight: bold;

    text-transform: uppercase;

}



.ys_bg .ys .ys_t  h3{

    font-size: 40px;

    color: #fff;

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

    display: inline-block;

    padding-left: 65px;

}



.ys_bg .ys .ys_t h3 em{

    font-size: 40px;

    color: #ff7e15;

    font-weight: bold;



}



.ys_bg .ys .zx{

    top: 275px;

    right: 0;

    position: absolute;

    z-index: 5;

}



.ys_bg .ys .zx .zixun{

    float: left;

}



@keyframes msClock {

    0%,70%,100% {

      transform: rotate(0) scale(1);

    }

    10%,30% {

      transform: rotate(-15deg) scale(1.1);

    }

    20%,40% {

    transform: rotate(15deg) scale(1.1);

    }

}

.ys_bg .ys .zx .zixun .qq_img{

    width: 65px;

    height: 65px;

    animation: msClock 1.2s linear infinite;

    animation: msClock 1.2s linear infinite;

}



.ys_bg .ys .zx .tel{

    float: left;

    width: 456px;

    height: 65px;

    line-height: 65px;

    background: #fff;

    border-radius: 45px;

    margin-left: 48px;

} 



.ys_bg .ys .zx .tel p{

    font-size: 36px;

    color: #333;

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

    padding-left: 75px;

    background: url(../images/tel.png) no-repeat 27px center ;

}



.ys_bg .ys .zx .tel p i{

    font-size: 20px;

    color: #333;

    margin-right: 10px;

}





.ys_bg .ys .ys_box{

    width: 1300px;

    margin: 0 auto;

    padding-top: 410px;

    position: relative;

}



.ys_bg .ys .ys_box .ys_img{

    top: 90px;

    left: -70px;

    position: absolute;

}





.ys_bg .ys .ys_box .bd{

    width: 610px;

    margin-left: 690px;

    height: 275px;



}



.ys_bg .ys .ys_box .bd ul li{

    float: left;

    width: 570px;

    font-size: 18px;

    color: #fff;

    line-height: 50px;

    padding-left: 40px;

    background: url(../images/xt4.png) no-repeat left 25px ;

}



.ys_bg .ys .ys_box .hd{

    width: 1360px;

    margin: 0 auto;

}



.ys_bg .ys .ys_box .hd ul li{

    float: left;

    width: 190px;

    margin-right: 85px;

    position: relative;

}



.ys_bg .ys .ys_box .hd ul li:last-child{

    margin-right: 0;

}



.ys_bg .ys .ys_box .hd ul li span{

    display: block;

    font-size: 30px;

    color: #fff;

    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;

}



.ys_bg .ys .ys_box .hd ul li i{

    display: block;

    width: 190px;

    height: 1px;

    background: #fff;

    margin: 10px 0 10px 0;

}



.ys_bg .ys .ys_box .hd ul li h5{

    font-size: 20px;

    color: #fff;

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

    position: absolute;

    left: 0;

    top: 54px;

    width: 0;

    height: 2px;

    background: #ff7e15;

    content: "";

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

    color: #ff7e15;

    font-weight: bold;

}



.ys_bg .ys .ys_box .hd ul li.on h5{

    color: #ff7e15;

    font-weight: bold;

}



.ys_bg .ys .ys_box .hd ul li.on::after{

    width: 100%;

}





/*case*/ 



.case{

    width: 1300px;

    margin: 95px auto 0 auto;





}



.case .case_box{

    margin: 60px auto 0 auto;

    width: 1360px;



}



.case .case_box ul li{

    float: left;

    width: 400px;

    height: 450px;

    border: 1px solid #dddddd;

    margin-right: 50px;

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

    width: 380px;

    height: 300px;

    margin: 10px 10px 0 10px;



}



.case .case_box ul li .pic img{

    width: 380px;

    height: 300px;

}



.case .case_box ul li .pic .more a{

    display: block;

}



.case .case_box ul li .txt{

    width: 380px;

    margin: 0 auto;

    text-align: center;

} 



.case .case_box ul li .txt h5 a{

    height: 58px;

    line-height: 58px;

    border-bottom: 1px solid #dddddd;

    font-size: 18px;

    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;

}



.case .case_box ul li .txt i{

    display: block;

    width: 20px;

    height: 3px;

    background: #ff7e15;

    margin: -2px 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 ul li .txt p{

    font-size: 14px;

    color: #666666;

    line-height: 26px;

    height: 52px;

    overflow: hidden;

    margin: 10px 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 ul li.on{

    border: 1px solid #fff;

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

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

}



.case .case_box ul li.on h5 a{

    font-weight: bold;

    border-bottom: 1px solid #80a1c1;

}



.case .case_box ul li.on i{

    background: #014383;

}



.case .case_box ul li.on p{

    color: #333;



}







/*about*/ 



.ab_bg{

    width: 100%;

    margin: 95px auto 0 auto;

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



}



.ab_bg .about{

    width: 1300px;

    margin: 0 auto;

}



.ab_bg .about .ab_l{

    float: left;

    width: 620px;

    position: relative;

}



.ab_bg .about .ab_l .title{

    text-align: left;

}



.ab_bg .about .ab_l .title h3{

    width: 160px;

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

}



.ab_bg .about .ab_l .txt{

    margin-top: 65px;

}



.ab_bg .about .ab_l .txt h5 a{

    font-size: 20px;

    color: #333333;

    font-weight: bold;

}



.ab_bg .about .ab_l .txt i{

    display: block;

    width: 100px;

    height: 1px;

    background: #014383;

    margin: 25px 0 25px 0;

}



.ab_bg .about .ab_l .txt p{

    font-size: 14px;

    color: #666666;

    line-height: 32px;

    height: 123px;

    width:680px;

    overflow: hidden;

}



.ab_bg .about .ab_l .yyzz img{

    background-color:#ffffff;

    border:3px #eeeeee solid;

    width:264px;

    height:188px;

    z-index:99;

    position: absolute;

    top:0;

    left:410px;

}



.ab_bg .about .ab_l .ab_list{

    width: 849px;

    height: 264px;

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

    position: relative;

    z-index: 5;

    left: -12px;

    margin-top: 35px;

}



.ab_bg .about .ab_l .ab_list ul{

    padding-top: 60px;

}



.ab_bg .about .ab_l .ab_list ul li{

    float: left;

    width: 335px;

    height: 100px;

    margin: 0 10px 0 50px;

}



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

    float: left;

    font-size: 14px;

    color: #666666;

    margin-top: 3px;

}



.ab_bg .about .ab_l .ab_list ul li h5 span{

    display: block;

    float: left;

    font-size: 50px;

    color: #014383;

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

    font-weight: bold;

    line-height: 50px;

    width: 120px;

}



.ab_bg .about .ab_l .ab_list ul li h5 em{

    display: block;

    float: left;

    margin-top: 23px;

}



.ab_bg .about .ab_l .ab_list ul li p{

    float: left;

    margin-left: 20px;

    font-size: 20px;

    color: #333333;



}



.ab_bg .about .ab_l .ab_list ul li p i{

    display: block;

    font-size: 12px;

    color: #cccccc;

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

    text-transform: uppercase;

    margin-top: 2px;

}







.ab_bg .about .ab_l .ab_list .more a{

    display: block;

    width: 80px;

    height: 80px;

    position: absolute;

    right: 12px;

    top: 93px;

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

}



.ab_bg .about .ab_l .ab_list .ab_ico1{

    display: block;

    width: 80px;

    height: 80px;

    position: absolute;

    right: 12px;

    top: 173px;

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

}





.ab_bg .about .ab_r{

    float: right;

    width: 555px;

    height: 610px;

    position: relative;

} 



.ab_bg .about .ab_img{

    width: 555px;

    height: 610px;

} 



.ab_bg .about .ab_img img{

    width: 555px;

    height: 610px;

}



.ab_bg .about .ab_r .ab_ico{

    position: absolute;

    left: 80px;

    bottom: 0;

    width: 80px;

    height: 80px;

}





/*fc*/ 



.fc{

    width: 1300px;

    margin: 0 auto;

    position: relative;

}



.fc .fc_list{

    position: absolute;

    right: 0;

    top: -64px;



}



.fc .fc_list ul li{

    float: left;

    width: 205px;

    height: 50px;

    line-height: 50px;

    border: 1px solid #fff;

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

    padding-left: 80px;

    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;

}



.fc .fc_list ul li.fc1 a{

    background: url(../images/ab1.png) no-repeat 45px center ;

}



.fc .fc_list ul li.fc2 a{

    background: url(../images/ab2.png) no-repeat 45px center ;

}



.fc .fc_list ul li.casehover a{

    color: #014383;



}



.fc .fc_list ul li.casehover{

    border: 1px solid #0054a6;

}



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

    background: url(../images/ab11.png) no-repeat 45px center ;

}



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

    background: url(../images/ab22.png) no-repeat 45px center ;

}



.fc .fc_box{

  height: 225px;  width: 1360px;

    margin: 0 auto;

    padding-top: 48px;

} 



.fc .fc_box ul li{

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

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

transition: all 0.5s ease-out;   float: left;

    width: 300px;

    height: 225px;

    border: 1px solid #dddddd;

    position: relative;

    margin-right: 33px;

}

 

 



.fc .fc_box ul li:hover{

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

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

}.fc .fc_box ul li .pic{

    width: 280px;

    height: 205px;

    margin: 10px;

    overflow: hidden;

}



.fc .fc_box ul li .pic img{

    width: 280px;

    height: 205px;

    overflow: hidden;

}



.fc .fc_box ul li .txt{

    position: absolute;

    bottom: 20px;

    left: 50px;

    width: 200px;

    height: 40px;

    line-height: 40px;

    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;



} 



.fc .fc_box ul li .txt a{

    font-size: 16px;

    color: #fff;

    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;

    max-width: 100px;

    min-width: 70px;

    position: relative;

    text-align: center;

    margin: 0 auto;

    padding: 0 20px;

}



.fc .fc_box ul li .txt a::before{

    position: absolute;

    left: 0px;

    top: 21px;

    content: "";

    width: 15px;

    height: 1px;

    background: #fff;

}



.fc .fc_box ul li .txt a::after{

    position: absolute;

    right: 0;

    top: 21px;

    content: "";

    width: 15px;

    height: 1px;

    background: #fff;

}



.fc .fc_box ul li:hover .txt{

    height: 0;

    opacity: 0;



}







/*news*/



.news_bg{

    width: 100%;

    margin: 95px auto 0 auto;

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

}





.news{

    width: 1300px;

    margin: 0 auto;

    position: relative;

}



.news .title{

    height: 175px;

    padding-top: 90px;





}



.news .title span{

    color: #fff;



}



.news .title span i{

    color: #ff7e15;



}



.news .title h3{

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

}



.news .title h3 a{

    color: #fff;



}



.news .title p{

    color: #fff;

    opacity: 0.5;

}





.news  .news_list{

    position: absolute;

    left: 0;

    top: 325px;

    z-index: 5;

    width: 210px;

}



.news  .news_list ul li{

    width: 210px;

    height: 110px;

    line-height: 110px;

    margin-bottom: 13px;

    background: #edf3f8;

    position: relative;

    z-index: 5;

}



.news  .news_list ul li a{

    display: block;

    padding-left: 88px;

    font-size: 18px;

    color: #333;

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

    background: url(../images/news1.png) no-repeat 25px 40px ;

}



.news  .news_list ul li.n2 a{

    background: url(../images/news2.png) no-repeat 25px 40px ;

}





.news  .news_list ul li.n3 a{

    background: url(../images/news3.png) no-repeat 25px 40px ;

}





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

    background: url(../images/news11.png) no-repeat 25px 40px ;

}



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

    background: url(../images/news22.png) no-repeat 25px 40px ;

}





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

    background: url(../images/news33.png) no-repeat 25px 40px ;

}



.news  .news_list ul li.casehover a{

    color: #fff;

}



.news  .news_list ul li.casehover a i{

    color: #fff;

}



.news  .news_list ul li::after{

    position: absolute;

    content: "";

    z-index: -1;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    background: #014383;

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

}





.news  .news_box{

    margin: 60px auto 0 auto;

    width: 1300px;

    position: relative;

} 



.news  .news_box .news_top{

    width: 1100px;

    margin-left: 270px;

    position: relative;

    height: 360px;

    overflow: hidden;

}



.news  .news_box .news_top ul li{

    float: left;

    width: 485px;

    height: 182px;

    margin-right: 65px;

    margin-bottom: 25px;

}



.news  .news_box .news_top ul li h5 a{

    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 .news_top ul li h5 a i{

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

    font-size: 16px;

    color: #999999;

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

    padding-right: 12px;

    margin-right: 12px;



}



.news  .news_box .news_top ul li p{

    font-size: 14px;

    color: #999999;

    line-height: 27px;

    height: 54px;

    overflow: hidden;

    margin: 15px 0 25px 0;

}



.news  .news_box .news_top ul li .more{

    width: 125px;

    height: 30px;

    line-height: 30px;

    background: #fff;

    position: relative;

    z-index: 5;

    padding-right: 20px;



}



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

    display: block;

    font-size: 14px;

    color: #fff;

    padding-left: 20px;

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

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

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

    transition: all 0.5s ease-out;

}



.news  .news_box .news_top::after{

    position: absolute;

    left: 0;

    top: 182px;

    width: 1030px;

    height: 1px;

    background: #eeeeee;

    content: "";

}



.news  .news_box .news_top ul li .more::after{

    position: absolute;

    left: 0;

    top: 0px;

    width: 0px;

    height: 30px;

    background: #014383;

    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_box .news_top ul li:hover .more::after{

    width: 100%;

}



.news  .news_box .news_top ul li:hover .more a{

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

}



.news  .news_box .news_top ul li:hover h5 a{

    color: #014383;

}



.news  .news_box .list{

    width: 1360px;

    height: 335px;

    margin: 55px auto 0 auto;

} 



.news  .news_box .list ul li{

    float: left;

    width: 292px;

    margin-right: 45px;

}



.news  .news_box .list ul li .pic{

    width: 290px;

    height: 220px;

    border: 1px solid #dddddd;

    -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 .pic img{

    width: 270px;

    height: 200px;

    margin: 10px;

}



.news  .news_box .list ul li .txt{

    margin-top: 20px;



}



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

    padding-left: 25px;

    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;

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



}



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

    font-size: 14px;

    color: #999;

    line-height: 27px;

    height: 54px;

    overflow: hidden;

    margin-top: 15px;

    -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:hover .pic{

    background: #014383;

    border: 1px solid #014383;

}



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

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

    color: #014383;

}



.news  .news_box .list ul li:hover .txt p{

    color: #666666;



}







/*links*/



.links{

    width: 1300px;

    margin: 40px auto 0 auto;

    overflow: hidden;

}



.links .links_t{

    float: left;

    font-size: 30px;

    color: #ff7e15;

    font-weight: bold;

    text-transform: uppercase;

    line-height: 30px;

}



.links .yq{

    float: right;

    width: 1195px;

} 



.links .yq a{

    font-size: 14px;

    color: #666666;

    margin-right: 15px;

    line-height: 30px;

}







/*f_cont*/



.f_cont_bg{

    width: 100%;

    height: 341px;

    margin: 50px auto 0 auto;

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

}



.f_cont_bg .f_cont{

    width: 1300px;

    margin: 0 auto;

    padding-top: 72px;

}



.f_cont_bg .f_cont .f_cont_box{

    margin: 50px auto 0 auto;

    width: 1360px;

}



.f_cont_bg .f_cont .f_cont_box ul li{

    float: left;

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

    width: 300px;

    height: 130px;

    margin-right: 32px;

}



.f_cont_bg .f_cont .f_cont_box ul li img{

    display: block;

    float: left;

    margin: 50px 20px 0 25px;

    width: 32px;

    height: 32px;

}



.f_cont_bg .f_cont .f_cont_box ul li p{

    float: left;

    font-size: 14px;

    color: #333;

    line-height: 26px;

    width: 180px;

    margin-top: 38px;

}



.f_cont_bg .f_cont .f_cont_box ul li p span{

    display: block;

    font-size: 14px;

    color: #666666;

}



.f_cont_bg .f_cont .f_cont_box ul li p i{

    display: block;

    font-size: 16px;

    color: #333;

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

}