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

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

/*邮箱 btoe@btoe.cn*/

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

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

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

.sjcTop,

.sjcBottom,

.sjcLeft,

.sjcRight,

.rightWow,

.leftWow,

.bottomWow,

.bg {

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

    transition: all 0.8s ease-out;

}



.banner {

    width: 100%;

    position: relative;

    background-color: #fff;

    padding-bottom: 30px;

}



.banner .swiper-wrapper {

    width: 100%;

    height: 560px;

}



.banner .swiper-wrapper .swiper-slide {

    width: 100%;

    height: 100%;

}



.banner .swiper-wrapper .swiper-slide>a {

    display: block;

    width: 100%;

    height: 100%;

}



.banner .swiper-wrapper .swiper-slide>a img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}





.banner .slider-btn-prev {

    position: absolute;

    z-index: 30;

    top: 50%;

    left: -81px;

    width: 81px;

    height: 81px;

    margin-top: -20px;

    background: url(../bgimg/arrowprev.png) 50% 50% no-repeat;

    transition: all 0.5s linear;

    cursor: pointer;

}



.banner:hover .slider-btn-prev {

    left: 10%;

}



.banner .slider-btn-next {

    position: absolute;

    z-index: 30;

    top: 50%;

    right: -81px;

    width: 81px;

    height: 81px;

    margin-top: -20px;

    background: url(../bgimg/arrownext.png) 50% 50% no-repeat;

    transition: all 0.5s linear;

    cursor: pointer;

}



.banner:hover .slider-btn-next {

    right: 10%;

    cursor: pointer;

}



.but-bot{

    position: absolute;

    z-index: 99;

    bottom: 5px;

    left: 0;

    width: 100%;

    height: 203px;

    background: url(../bgimg/ban-b-bg.png) no-repeat center;

    background-size: cover;

}



.but-bot .leftl .xunpan{

    position: relative;

    margin-top: 50px;

}



.but-bot .leftl .xunpan i{

	line-height: 40px;

	letter-spacing: 13px;

	color: #666666;

}





.but-bot .leftl .xunpan .tips {

    position: absolute;

    left: 36px;

    top: 36px;

    width: 180px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    background-color: #004ea2;

    border-radius: 4px;

    font-weight: bold;

    box-shadow: 5px 5px 2px rgba(158, 158, 158, .3);



    -webkit-transform: translateX(-20%) scale(0);

    -moz-transform: translateX(-20%) scale(0);

    -o-transform: translateX(-20%) scale(0);

    -ms-transform: translateX(-20%) scale(0);

    transform: translateX(-20%) scale(0);



    -webkit-transition: transform .6s, opacity .4s;

    -moz-transition: transform .6s, opacity .4s;

    -o-transition: transform .6s, opacity .4s;

    -ms-transition: transform .6s, opacity .4s;

    transition: transform .6s, opacity .4s;

    opacity: 0;

}



.but-bot .leftl .xunpan:hover .tips {

    -webkit-transform: translateX(-20%) scale(1);

    -moz-transform: translateX(-20%) scale(1);

    -o-transform: translateX(-20%) scale(1);

    -ms-transform: translateX(-20%) scale(1);

    transform: translateX(-20%) scale(1);

    opacity: 1;

}



.but-bot .leftl p:last-child{

    font-size: 16px;

	line-height: 40px;

	color: #333333;

}

.but-bot .rightr{

    margin-top: 100px;

}

.but-bot .rightr i{

    display: inline-block;

	font-family: Arial;

	font-size: 20px;

	font-weight: bold;

	line-height: 40px;

	color: #ffffff;

    vertical-align: middle;

    margin-right: 140px;

}









.yebl {

    width: 1300px;

    margin: 0 auto;

}





/* tit-box */

.tit-box {

    position: relative;

}



.tit-box::after {

    content: "";

    display: inline-block;

    position: absolute;

    width: 279px;

    height: 1px;

    background-color: #333333;

    left: -108px;

    top: 58px;

}



.tit-box:hover::after {

    width: 400px;

}



.tit-box .ex {

    display: block;

    position: relative;

    left: 0;

    top: 0;

    font-family: Times New Roman;

    font-size: 60px;

    font-weight: bold;

    line-height: 60px;

    color: #333333;

    position: relative;

    top: 0;

    left: 0;

}



.tit-box .ex span{

    font-family: Times New Roman;

    font-size: 60px;

    font-weight: bold;

    line-height: 60px;

    color: #333333;

}



.tit-box .em {

    display: block;

    font-size: 30px;

    line-height: 50px;

    color: #333333;

}



.tit-box .em i {

    display: inline-block;

    width: 10px;

    height: 10px;

    background-color: #004ea2;

    vertical-align: middle;

    margin-right: 10px;

}



.tit-box>p {

    font-size: 16px;

    line-height: 40px;

    letter-spacing: 13px;

    color: #666666;

    margin-top: 5px;

}







/* pro */

.pro-box {

    overflow: hidden;

    padding-top: 95px;

}







.slide-pro .hd>ul {

    display: inline-block;

    box-sizing: border-box;

    height: 140px;

    background-color: #ffffff;

    border-radius: 5px;

    border: solid 6px #f8f8f8;

    display: flex;

    align-items: center;

    justify-content: center;

    padding-right: 80px;

    margin-top: 10px;

}





.slide-pro .hd>ul li {

    margin-left: 80px;

}



.slide-pro .hd>ul li .num {

    display: inline-block;

    font-family: Arial;

    font-size: 44px;

    font-weight: bold;

    line-height: 45px;

    vertical-align: middle;

    color: #e7e7e7;

    margin-right: 21px;

}



.slide-pro .hd>ul li .tit {

    display: inline-block;

    vertical-align: top;

    font-size: 18px;

    position: relative;

    color: #333333;

}





.slide-pro .hd>ul li .tit::after {

    content: "";

    display: inline-block;

    position: absolute;

    width: 76px;

    height: 1px;

    background-color: #cccccc;

    left: 0;

    bottom: -13px;

}



.slide-pro .hd>ul li .tit::before {

    content: "";

    display: inline-block;

    position: absolute;

    transform: rotate(45deg);

    left: 77px;

    bottom: -16px;

    width: 6px;

    height: 6px;

    border: solid 1px #cccccc;

}



.slide-pro .hd>ul li.on .num {

    color: #004ea2;

}



.slide-pro .hd>ul li.on .tit::before {

    transform: rotate(0deg);

}



.pro-bd {

    width: 1370px;

    margin: 0 auto;

    box-sizing: border-box;

    padding: 35px;

}



.pro-bd .bd ul {

    height: 618px;

}



.pro-bd .bd ul li {

    display: inline-block;

    width: 300px;

    height: 286px;

    position: relative;

    padding: 14px;

    box-sizing: border-box;

    border: solid 1px #e0e0e0;

    margin: 0 28px 46px 0;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

}



.pro-bd .bd ul li:nth-child(n+5) {

    margin-bottom: 0;

}



.pro-bd .bd ul li:nth-child(4n+4) {

    margin-right: 0;

}



.pro-bd .bd ul li .im {

    display: block;

    overflow: hidden;

    width: 100%;

    height: 200px;

}



.pro-bd .bd ul li .im img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.pro-bd .bd ul li:hover .im img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}



.pro-bd .bd ul li .tit {

    display: block;

    width: 70%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 16px;

    margin-top: 18px;

    line-height: 40px;

    color: #666666;

}



.pro-bd .bd ul li .more {

    display: inline-block;

    position: absolute;

    top: 214px;

    right: 25px;

}



.pro-bd .bd ul li.active {

    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.06);

    border: solid 1px #004ea2;

}





.pro-bd .bd ul li:hover .more {

    animation: rotate 1s infinite alternate;

}









/* adv-box */

.adv-box {

    margin: 30px 0 0 0;

    overflow: hidden;

}



.adv-con {

    position: relative;

}



.adv-tit h3 .ex {

    display: inline-block;

    vertical-align: middle;

    font-family: Times New Roman;

    font-size: 74px;

    font-weight: bold;

    line-height: 76px;

    color: #333333;

    margin-right: 20px;

}



.adv-tit h3 span {

    display: inline-block;

    vertical-align: top;

}



.adv-tit h3 span i:nth-child(1) {

    display: block;

    font-size: 30px;

    font-weight: bold;

    line-height: 50px;

    color: #333333;

    position: relative;

    top: 0;

    left: 0;

}



.adv-tit h3 span i:nth-child(1) span{

    font-size: 30px;

    font-weight: bold;

    line-height: 50px;

    color: #333333;

}





.adv-tit h3 span i:nth-child(2) {

    display: block;

    font-family: Arial;

    font-size: 14px;

    margin-top: 5px;

    line-height: 25px;

    letter-spacing: 20px;

    color: #999999;

}



.adv-tit .phone {

    margin-top: 20px;

    font-size: 24px;

    font-weight: bold;

    line-height: 40px;

    color: #333333;

}



.adv-tit .phone img {

    margin-right: 10px;

}





.slide-adv {

    position: relative;

    z-index: 9;

    width: 1612px;

    margin: 38px auto 0;

    left: 140px;

    padding: 118px 0 74px;

    background-color: #f6f6f6;

}



.slide-adv::after {

    content: "";

    display: inline-block;

    position: absolute;

    top: 0;

    right: 0;

    z-index: -2;

    height: 100%;

    width: 960px;

    background: url(../bgimg/adv-bg.jpg) no-repeat center;

    background-size: cover;

}



.slide-adv::before {

    content: "";

    display: inline-block;

    position: absolute;

    z-index: -1;

    top: 89px;

    right: 113px;

    width: 729px;

    height: 525px;

    border: solid 1px #ffffff;

    opacity: 0.3;

}



.slide-adv .hd {

    position: absolute;

    z-index: 99;

    top: 0;

    left: 0;

}



.slide-adv .hd ul li {

    position: relative;

    z-index: 9;

    width: 652px;

    height: 97px;

    padding: 5px 0;

    background-color: #f6f6f6;

    box-sizing: border-box;

    border-top: 1px solid #e6e6e6;

}



.slide-adv .hd ul li::after {

    content: "";

    display: inline-block;

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    background-color: #004ea2;

}





.slide-adv .hd ul li.on::after {

    width: 100%;

    z-index: -1;

}



.slide-adv .hd ul li:last-child {

    border-bottom: 1px solid #e6e6e6;

}



.slide-adv .hd ul li div {

    width: 100%;

    height: 100%;

    /* border-top: 1px solid #e6e6e6;

    border-bottom: 1px solid #e6e6e6; */

    display: flex;

    align-items: center;

    box-sizing: border-box;

    padding-left: 75px;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

}



.slide-adv .hd ul li div .icon {

    display: inline-block;

    width: 44px;

    border: solid 1px #cccccc;

    height: 44px;

    border-radius: 50%;

    margin-right: 30px;

    background: url(../bgimg/ai2.png) no-repeat center center;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

}



.slide-adv .hd ul li div p {

    font-size: 18px;

    color: #333333;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

}



.slide-adv .hd ul li.on div .icon {

    background: url(../bgimg/ai1.png) no-repeat center center;

}



.slide-adv .hd ul li.on div p {

    color: #fff;

}





.slide-adv .hd ul li div p i {

    font-family: Arial;

    font-style: italic;

    font-size: 14px;

    color: #999999;

    margin-left: 5px;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

}



.slide-adv .hd ul li.on div p i {

    color: #5e90c5;

}





.adv-bd .bd .text {

    margin-right: 182px;

    width: 528px;

    box-sizing: unset;

    display: inline-block;

    vertical-align: bottom;

    margin-bottom: 11px;

    margin-left: 83px;

}



.adv-bd .bd .text p:nth-child(1) {

    font-size: 22px;

    line-height: 30px;

    color: #333333;

}



.adv-bd .bd .text p:nth-child(1) i {

    font-family: Arial;

    font-size: 40px;

    font-weight: bold;

    line-height: 40px;

    color: #333333;

}



.adv-bd .bd .text p:nth-child(2) {

    font-size: 16px;

    line-height: 40px;

    color: #333333;

    opacity: 0.7;

    margin-top: 15px;

}



.adv-bd .bd div>img {

    width: 665px;

    height: 470px;

    object-fit: cover;

    background-color: #ffffff;

    box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.09);

}



.adv-bd .bd>div {

    position: relative;

    padding-bottom: 55px;

}



.adv-bd .bd div .num {

    position: absolute;

    z-index: 99;

    bottom: 0;

    right: 220px;

    font-family: Arial;

    font-size: 120px;

    font-weight: bold;

    line-height: 120px;

    color: #004ea2;

}





.slide-adv>a {

    position: absolute;

    bottom: 61px;

    left: 113px;

    display: inline-block;

    width: 147px;

    height: 44px;

    line-height: 44px;

    text-align: center;

    font-size: 16px;

    color: #333333;

    background-color: #ffffff;

    border-radius: 5px;

}



.slide-adv>a:hover {

    left: 123px;

}



.slide-adv>a i {

    border-radius: 50%;

    position: absolute;

    top: -5px;

    z-index: 9;

    left: -33px;

    width: 52px;

    height: 52px;

    text-align: center;

    line-height: 52px;

    background-color: #035fa6;

}



.slide-adv>img {

    position: absolute;

    top: -102px;

    left: -138px;

}



/* case-box */

.case-box {

    overflow: hidden;

    padding: 80px 0 80px;

}



.case-tit>p {

    font-size: 16px;

    letter-spacing: 13px;

    color: #666666;

    margin-top: 40px;

}



.myCase {

    margin-top: 30px;

    overflow: hidden;

}



.myCase ul li {

    width: 100%;

    position: relative;

    height: 360px;

    box-sizing: border-box;

    border-radius: 5px;

    padding: 8px 9px;

    border: solid 1px #e6e6e6;

}



.myCase ul li::after {

    content: "";

    display: inline-block;

    position: absolute;

    left: 0;

    bottom: 0;

    height: 3px;

    background-color: #004ea2;

    width: 0;

}



.myCase ul li:hover::after {

    width: 100%;

}



.myCase ul li .im {

    display: block;

    width: 100%;

    height: 190px;

    overflow: hidden;

}



.myCase ul li .im img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.myCase ul li:hover .im img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}



.myCase ul li .icon {

    display: inline-block;

    position: absolute;

    left: 50%;

    top: 180px;

    transform: translateX(-50%);

    width: 36px;

    height: 36px;

    background-color: #e7e7e7;

    border: solid 3px #ffffff;

    border-radius: 50%;

}



.myCase ul li .icon::after {

    content: "";

    display: inline-block;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 7px;

    height: 12px;

    background: url(../bgimg/cr2.png) no-repeat center;

    background-size: cover;

}



.myCase ul li .tit {

    text-align: center;

    display: block;

    font-size: 18px;

    line-height: 40px;

    color: #333333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin: 35px 0 0px 0;

}



.myCase ul li p {

    width: 80%;

    margin: 0 auto;

    font-size: 15px;

    line-height: 28px;

    color: #666666;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.myCase ul .swiper-slide-active::after {

    width: 100%;

}



.myCase ul .swiper-slide-active .icon,

.myCase ul li:hover .icon {

    background-color: #004ea2;

}



.myCase ul .swiper-slide-active .icon::after,

.myCase ul li:hover  .icon::after {

    background: url(../bgimg/cr1.png) no-repeat center;

}





/* about-box */

.about-box {

    overflow: hidden;

    height: 855px;

    background: url(../bgimg/ab-bg.jpg) no-repeat center;

    background-size: cover;

}



.about-con {

    width: 1101px;

    margin: 0 auto;

    padding: 225px 0 0 0;

    position: relative;

    left: 120px;

}



.ab-left {

    width: 624px;

    box-sizing: border-box;

}



.ab-left .tit-box .em span {

    font-size: 16px;

    letter-spacing: 13px;

    color: #666666;

    margin-left: 5px;

}



.ab-left>P {

    font-size: 16px;

    line-height: 40px;

    color: #666666;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    margin: 30px 0 53px;

}



.ab-left .more {

    display: block;

    width: 145px;

    height: 50px;

    background-color: #004ea2;

    border-radius: 25px;

    text-align: center;

    font-size: 16px;

    line-height: 50px;

    color: #e7e7e7;

}





.ab-left .more:hover {

    transform: translateY(-8px);

    color: #004ea2;

    background-color: #fff;

}





.ab-right {

    vertical-align: top;

    width: 426px;

    height: 365px;

    box-sizing: border-box;

    overflow: hidden;

    box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.07);

    border: solid 20px #ffffff;

}



.ab-right img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.ab-right:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}



.ab-ul {

    margin-top: 50px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.ab-ul li a:nth-child(1) {

    display: inline-block;

    width: 160px;

    height: 160px;

    text-align: center;

    line-height: 160px;

    background-color: rgba(255, 255, 255, 0.5);

    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.04);

    border: solid 1px rgba(244, 244, 244, 0.5);

    border-radius: 50%;

    box-sizing: border-box;

}



.ab-ul li:hover a:nth-child(1) {

    box-shadow: 0px 0px 35px 0px rgba(0, 78, 162, 0.4);

    border: solid 1px rgba(0, 78, 162, 0.4);

}





.ab-ul li a:nth-child(1) img {

    width: 148px;

    height: 148px;

    box-shadow: 0px 0px 59px 0px rgba(0, 0, 0, 0.08);

    display: inline-block;

    border-radius: 50%;

}





.ab-ul li a:nth-child(2) {

    display: inline-block;

    vertical-align: middle;

    margin-left: 18px;

}



.ab-ul li a:nth-child(2) i {

    display: block;

}



.ab-ul li a:nth-child(2) i:nth-child(1) {

    font-size: 20px;

    line-height: 30px;

    color: #333333;

}



.ab-ul li a:nth-child(2) i:nth-child(2) {

    font-family: Arial;

    font-size: 14px;

    line-height: 30px;

    color: #999999;

}







/* news-box */

.news-box {

    overflow: hidden;

    padding: 75px 0 0 0;

    background: url(../bgimg/n-bg.jpg) no-repeat center;

    background-size: cover;

}



.slide-news .hd ul {

    margin-top: 20px;

    border-bottom: 1px solid #e0e0e0;

}



.slide-news .hd ul li {

    display: inline-block;

    position: relative;

    padding-bottom: 21px;

    margin-left: 116px;

}



.slide-news .hd ul li::after {

    content: "";

    display: inline-block;

    position: absolute;

    left: 0;

    width: 0;

    height: 2px;

    bottom: 0;

    background-color: #004ea2;

}



.slide-news .hd ul li.on::after {

    width: 100%;

}



.slide-news .hd ul li a {

    font-size: 18px;

    line-height: 39px;

    color: #333333;

}



.slide-news .hd ul li.on a {

    color: #004ea2;

}



.slide-news .hd ul li a i {

    display: inline-block;

    width: 29px;

    height: 29px;

    background: url(../bgimg/ni1.png) no-repeat center;

    background-size: contain;

    vertical-align: middle;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    margin-right: 20px;

}



.slide-news .hd ul li:nth-child(2) a i {

    background: url(../bgimg/ni2.png) no-repeat center;

}



.slide-news .hd ul li:nth-child(3) a i {

    background: url(../bgimg/ni3.png) no-repeat center;

}





.slide-news .hd ul li:nth-child(1).on a i {

    background: url(../bgimg/ni12.png) no-repeat center;

}



.slide-news .hd ul li:nth-child(2).on a i {

    background: url(../bgimg/ni32.png) no-repeat center;

}



.slide-news .hd ul li:nth-child(3).on a i {

    background: url(../bgimg/ni22.png) no-repeat center;

}







.n-top li {

    display: inline-block;

    width: 400px;

    margin: 45px 45px 0 0;

    box-sizing: border-box;

}



.n-top li:last-child{

    margin-right: 0;

}



.n-top .nt-t span {

    vertical-align: top;

    display: inline-block;

    width: 59px;

    height: 70px;

    box-sizing: border-box;

    border-radius: 5px;

    border: solid 1px #e0e0e0;

}



.n-top .nt-t span i:nth-child(1) {

    display: block;

    font-family: Arial;

    font-size: 30px;

    font-weight: bold;

    line-height: 39px;

    text-align: center;

    color: #333333;

    margin-top: 5px;

}



.n-top .nt-t span i:nth-child(2) {

    display: block;

    font-family: Arial;

    font-size: 14px;

    line-height: 16px;

    text-align: center;

    color: #666666;

}



.n-top .nt-t>p {

    display: inline-block;

    width: 317px;

    vertical-align: top;

    margin-left: 16px;

    box-sizing: border-box;

}



.n-top .nt-t>p .tit {

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

	font-size: 16px;

	color: #333333;

}



.n-top .nt-t>p .desc{

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

	font-size: 15px;

	color: #666666;

    margin: 18px 0 30px;

}



.n-top .nt-t>p  .more{

    display: block;

    font-size: 14px;

	color: #666666;

}



.n-top .nt-t:hover>p .more,

.n-down li:hover p .more{

    transform: translateX(8px);

    color: #004ea2;

}





.n-top li>a{

    width: 100%;

    height: 268px;

    display: block;

    overflow: hidden;

    margin-top: 40px;

}



.n-top li>a img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}





.n-top li:hover>a img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}



.n-down li{

    display: inline-block;

    position: relative;

    width: 400px;

    box-sizing: border-box;

    margin: 30px 43px 20px 0;

}



.n-down li:last-child{

    margin-right: 0;

}



.n-down li span{

    display: inline-block;

    vertical-align: top;

    width: 59px;

	height: 70px;

	border-radius: 5px;

	border: solid 1px #e0e0e0;

}





.n-down li span i:nth-child(1) {

    display: block;

    font-family: Arial;

    font-size: 30px;

    font-weight: bold;

    line-height: 39px;

    text-align: center;

    color: #333333; 

    margin-top: 5px;

}



.n-down li span i:nth-child(2) {

    display: block;

    font-family: Arial;

    font-size: 14px;

    line-height: 16px;

    text-align: center;

    color: #666666;

}





.n-down li p{

    display: inline-block;

    width: 317px;

    vertical-align: top;

    margin-left: 16px;

    box-sizing: border-box;

}



.n-down li p .tit{

    display: block;

    font-size: 16px;

    line-height: 45px;

	color: #333333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.n-down li p .desc{

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 15px;

    color: #666666;

}



.n-down li p .more{

    position: absolute;

    top: 11px;

    right: 0;

    font-size: 14px;

	color: #666666;

}







.news-bd .bd>div{

    height: 595px;

}



























@keyframes rotate {

    from {

        transform: rotate(10deg);

    }



    to {

        transform: rotate(-10deg);

    }

}





@-moz-keyframes rotate {

    from {

        transform: rotate(10deg);

    }



    to {

        transform: rotate(-10deg);

    }

}



@-webkit-keyframes rotate {

    from {

        transform: rotate(10deg);

    }



    to {

        transform: rotate(-10deg);

    }

}



@-o-keyframes rotate {

    from {

        transform: rotate(10deg);

    }



    to {

        transform: rotate(-10deg);

    }

}