@import url("core.css");
@import url("qr.css");
@import url("../font-awesome/css/font-awesome.min.css");
@import url("animate.css");
@import url("common.css");
/***/
.w1840{max-width:1840px;margin:0 auto;padding: 0 30px;}
.w1440{max-width: 1440px;margin:20px auto;}
body{overflow-x: hidden;}
/*footer**/

@media (max-width: 1440px) {
    .w1840{padding: 0 20px;}
    .w1440{padding: 0 20px;}
}
/**/




/*common-font*/
.h1{font-size: 50px;font-weight: 500;text-align: center;}
.h1::after{content:"";display: block;width: 80px;height: 5px;margin:0 auto;margin-top: 20px;background-color: #0072da;}
h2{font-size: 35px;}
hr{background-color: #0072da;width: 53px;height: 4px;}
.font14{font-size: 14px;line-height: 18px;font-weight: 200;}
.font16{font-size: 16px;line-height: 20px;font-weight: 200;}
.font17{font-size: 17px;line-height: 22px;font-weight: 200;}
.font18{font-size: 18px;line-height: 24px;font-weight: 300;}
.font20{font-size: 20px;line-height: 30px;font-weight: 300;}
.mt25{margin-top: 25px;}
.mb30{margin-bottom: 30px;}
.mb65{margin-bottom: 65px;}
.w50{width: 50%;}
.w70{width: 70%;}
b{font-weight: 500;}
img{width: 100%;height: auto;display: block;}
.wcenter{}
.to-big .img{overflow: hidden;}
.to-big .img img{transition: all 0.6s;-webkit-transition: all 0.6s;}
.to-big:hover .img img{transform: scale(1.05);}
#pages {min-height: 50px;margin: 20px 0;}


/*common-page-banner*/
#page_banner{background-size: cover;height:40vh;width: 100%;background-position: center;background-repeat: no-repeat;position: relative;}
#page_banner .w1400{position: absolute;bottom: 75px;left: 0;right:0;margin:0 auto;width: 100%;}
#page_banner h1{font-size: 70px;text-transform: uppercase;font-weight: 300;}
#page_banner hr{height: 4px;margin: 30px 0;}
#page_banner p{width: 400px;}
#page_banner.white *{color: #131313;}


/*common-position*/
.position{color:#3E3A39;font-size:14px;padding:1.25rem 0;}
.position a{color:#333;vertical-align: middle;display: inline-block;}
.position span{margin:0 10px;vertical-align: middle;color:#333;}
.position font{vertical-align: middle;}
.position a:hover{color:#0072da;}
.position a img{width: auto;}
	

/*common-page-cate*/
#project_cate{padding: 55px 0 100px;}
#project_cate .cate_box a{display: flex;justify-content: center;align-items: center;float: left;width: 19%;margin-right: 1.25%;outline: 1px solid #ccc;color: #333;text-align: center;height: 60px;line-height: 30px;}
#project_cate .cate_box a:nth-child(5n){margin-right: 0;}
#project_cate .cate_box a:hover,#project_cate .cate_box a.on{background-color: #0072da;color: #fff;outline: 1px solid #0072da;}

/*common-page-cate*/
#blog_cate{padding: 55px 0 100px;}
#blog_cate .cate_box{text-align: center;}
#blog_cate .cate_box a{display: flex;justify-content: center;align-items: center;float: left;width: 19%;margin-right: 1.25%;outline: 1px solid #ccc;color: #333;text-align: center;height: 60px;line-height: 30px;}
#blog_cate .cate_box a:nth-child(5n){margin-right: 0;}
#blog_cate .cate_box a:hover,#blog_cate .cate_box a.on{background-color: #0072da;color: #fff;outline: 1px solid #0072da;}
#blog_cate .cate_box .clearfix{display: flex;justify-content: center;}

/*common-tag-box*/
.tag_box{width: 100%;}
.tag_box a{display: block;float: left;width: 100%;border: 1px solid #ccc;margin-bottom: 2%;height: 45px;line-height: 25px;overflow: hidden;padding: 10px;}
.tag_box a:hover{background-color: #0072da;color: #fff;}

/*common-pages*/
#pages nav{width: 100%;text-align: center;float: unset;margin-right: unset;align-content: unset;}
#pages a,#pages span{display: inline-block;width: 37px;line-height: 37px;height: 37px;margin:0 10px;}
#pages span{background-color: #0072da;color: #fff;border: 1px solid #0072da;position: relative;top:3px}
#pages a:hover{background-color: #0072da;color: #fff;}
#pages a.next,#pages a.prev{display: inline-block;width: 100px;line-height: 37px;height: 37px;border: 1px solid #0072da;text-transform: uppercase;}
#pages a.next:hover,#pages a.prev:hover{background-color: #0072da;color: #fff;}

#pages a.prev .fa-angle-left::before{content:"PREV"}
#pages a.next .fa-angle-right::before{content:"NEXT"}


.new-video-box{position:fixed;z-index:3333;display:none;width:100%;background:rgba(0,0,0,0.8);top:0;left:0;height:100vh;animation-name: beclose;animation-duration: 0.5s;animation-timing-function: ease-out;}
.new-video-box.open{display:block;animation-name: beopen;animation-duration: 0.5s;animation-timing-function: ease-out;}
#closebutton{font-size: 2rem;color: #fff;transform: scale(1, 0.89);display: inline-block;width: auto;position: absolute;right: 5%;top: 5%;}
.video-center{display:flex;align-items:center;height:100%;width:100%;}
.video-center video{width:70%;display:block;margin:0 auto;}
@media(max-width:800px){
	#videourl{width:100%;}
	}
@keyframes beopen{0%{opacity:0;}100%{opacity:1;}}
@keyframes beclose{0%{opacity:1;}100%{opacity:0;}}


/*media1540*/
@media (max-width: 1540px) {
    .w1840{padding: 0 20px;}
    header .w1840{padding: 0 20px;}
}

/*media1440*/
@media (max-width: 1440px) {
    .h1{font-size: 35px;}
    h2{font-size: 26px;}
    .font14{font-size: 14px;line-height: 22px;}
    .font16{font-size: 15px;line-height: 23px;}
    .font17{font-size: 16px;line-height: 23px;}
    .font18{font-size: 17px;line-height: 24px;}
    .font20{font-size: 18px;line-height: 30px;}

    /**/
    #pro_dis {padding: 50px 0;}
    

    
    
    
}



/*media1280*/
@media (max-width: 1280px) {

    

}



/*media1100*/
@media (max-width: 1100px) {
    .h1{font-size: 30px;}
    h2{font-size: 22px;}
    .font14{font-size: 12px;line-height: 21px;}
    .font16{font-size: 14px;line-height: 22px;}
    .font17{font-size: 15px;line-height: 22px;}
    .font18{font-size: 16px;line-height: 23px;}
    .font20{font-size: 17px;line-height: 27px;}
    .mb30 {margin-bottom: 15px;}
    .mt20 {margin-top: 15px;}
    .mt25 {margin-top: 20px;}
    .mb60 {margin-bottom: 30px;}
    .mb65 {margin-bottom: 35px;}
    .w50{width: 100%;}
    .w70{width: 100%;}
    /**/
    
    
}

/*media900*/
@media (max-width: 900px) {
}

/*media768px*/
@media (max-width: 768px) {
   
    .h1 {font-size: 22px;}
    
}


/*media500px*/
@media (max-width: 500px) {
    

    /**/
}


/*media400px*/
@media (max-width: 400px) {
    /**/
    
}

/*common-media*/

@media(max-width:1440px){
    #page_banner {padding: 150px 0;}
    #page_banner h1 {font-size: 40px;}

    /**/
    #project_cate { padding: 40px 0 50px;}
    #project_cate .cate_box a {line-height: 30px;font-size: 16px;}

    /**/
    #blog_cate { padding: 40px 0 50px;}
    #blog_cate .cate_box a {line-height: 30px;font-size: 16px;}

    
    .w1400{padding:0 30px;width: 100%;}
}

@media(max-width:1100px){
    #page_banner {padding: 80px 0;height: 300px;}
    #page_banner h1 {font-size: 30px;}
    #page_banner hr {margin: 15px 0;}
    #page_banner p{width: 80%;}

    /**/
    
    #project_cate .cate_box a{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    #project_cate .cate_box a:nth-child(5){margin-right: 2%;}
    #project_cate .cate_box a:nth-child(2n){margin-right: 0;}

    /**/
    #blog_cate .cate_box .clearfix{display: block;}
    #blog_cate .cate_box a{width: 49%;margin-right: 2%;margin-bottom: 2%;float: left;}
    #blog_cate .cate_box a:nth-child(5){margin-right: 2%;}
    #blog_cate .cate_box a:nth-child(2n){margin-right: 0;}


}

@media(max-width:768px){
    #page_banner {padding: 50px 0;height: 200px;}
    #page_banner p{width: 100%;font-size: 13px;line-height: 19px;}
    /**/
    #project_cate .cate_box a{height: 40px;font-size: 14px;line-height: 18px;}
    /**/
    #blog_cate .cate_box a{height: 40px;font-size: 14px;line-height: 18px;}
}


/*banner*/
#banner_top .swiper-pagination-bullet{background: #fff;opacity: 0.8;width: 10px;height: 10px;}
#banner_top .swiper-pagination-bullet-active{background: #0072da;opacity: 1;}
#banner_top .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 5%;}

#banner_top .img_box {position: relative;}
#banner_top .img_box .banner_con{position: absolute;left: 0;right: 0;top:0;}
#banner_top .img_box .banner_con .banner_tit{font-size: 62px;line-height: 65px;font-weight: 400;margin-top: 13%;text-transform: uppercase;}
#banner_top .img_box .banner_con .banner_tit font{font-size: 26px;font-weight: 300;text-transform:capitalize;display: block;}
#banner_top .img_box .banner_con hr{display: block;width: 50px;background-color: #0072da;height: 3px;margin: 10px 0 30px;}
#banner_top .img_box .banner_con p{font-size: 18px;line-height: 24px;margin-bottom: 120px;width: 500px;font-weight: 200;}
#banner_top .img_box .banner_con a{transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;border: 1px solid #fff;line-height: 45px;height: 45px;text-align: center;font-size: 14px;color: #fff;display: inline-block;background-position: 140px center;background-image: url(../images/jtban.png);background-repeat: no-repeat;padding-right: 85px;padding-left: 50px;}

#banner_top .img_box .banner_con .banner_tit{opacity: 0;transform: translateY(100px); transition: 0.5s all ease-out;-webkit-transition-delay: .3s; transition-delay: .3s;}
#banner_top .img_box .banner_con .banner_tit font{opacity: 0;transform: translateY(100px);transition: 0.5s all ease-out;-webkit-transition-delay: .5s; transition-delay: .5s;}
#banner_top .img_box .banner_con hr{opacity: 0;transform: translateY(100px);transition: .5s all ease-out;-webkit-transition-delay: .6s; transition-delay: .6s;}
#banner_top .img_box .banner_con  p{opacity: 0;transform: translateY(100px);transition: .5s all ease-out;-webkit-transition-delay: .7s; transition-delay: .7s;}
#banner_top .img_box .banner_con  .url{opacity: 0;transform: translateY(100px);transition: .5s all ease-out;-webkit-transition-delay: 0.8s; transition-delay: 0.8s;}

#banner_top .swiper-slide-active  .img_box .banner_con .banner_tit{opacity: 1;transform: translateY(0);}
#banner_top .swiper-slide-active  .img_box .banner_con .banner_tit font{opacity: 1;transform: translateY(0);}
#banner_top .swiper-slide-active  .img_box .banner_con hr{opacity: 1;transform: translateY(0);}
#banner_top .swiper-slide-active  .img_box .banner_con  p{opacity: 1;transform: translateY(0);}
#banner_top .swiper-slide-active  .img_box .banner_con  .url{opacity: 1;transform: translateY(0);}
#banner_top .swiper-slide-active  .img_box .banner_con  a:hover{background-color: #fff;color: #0072da;background-image: url(../images/jtban-l.png);}

@media (max-width:1460px){
    #banner_top .img_box .banner_con .banner_tit{font-size: 48px;line-height: 50px;font-weight: 400;margin-top: 10%;}
    #banner_top .img_box .banner_con .banner_tit font{font-size: 22px;}
    #banner_top .img_box .banner_con hr{height: 3px;margin: 10px 0 30px;}
    #banner_top .img_box .banner_con p{font-size: 16px;line-height: 22px;margin-bottom: 80px;width: 500px;}
    #banner_top .img_box .banner_con a{line-height: 45px;height: 45px;font-size: 14px;}

}


@media (max-width:1100px){
    #banner_top .img_box .banner_con .banner_tit{font-size: 36px;line-height: 39px;font-weight: 400;margin-top: 10%;}
    #banner_top .img_box .banner_con .banner_tit font{font-size: 18px;}
    #banner_top .img_box .banner_con hr{height: 3px;margin: 10px 0 30px;}
    #banner_top .img_box .banner_con p{font-size: 13px;line-height: 17px;margin-bottom: 50px;width: 500px;}
    #banner_top .img_box .banner_con a{line-height: 30px;height: 30px;font-size: 12px;padding-left: 30px;padding-right: 60px;background-position: 110px center;background-size: 20px auto;}
}

@media (max-width:768px){
    .w1400{padding: 0 20px}
    #banner_top .img_box .banner_con .banner_tit{font-size: 22px;line-height: 24px;font-weight: 400;margin-top: 5%;}
    #banner_top .img_box .banner_con .banner_tit font{font-size: 15px;}
    #banner_top .img_box .banner_con hr{height: 3px;margin: 10px 0 15px;}
    #banner_top .img_box .banner_con p{font-size: 12px;line-height: 14px;margin-bottom: 20px;width: 200px;}
    #banner_top .img_box .banner_con a{line-height: 30px;height: 30px;font-size: 12px;padding-left: 30px;}

}

@media (max-width:500px){
    #banner_top .img_box .banner_con .banner_tit{font-size: 18px;line-height: 24px;font-weight: 400;margin-top: 5%;}
    #banner_top .img_box .banner_con .banner_tit font{font-size: 14px;}
    #banner_top .img_box .banner_con p{display: none;}
    #banner_top .img_box .banner_con a{line-height: 25px;height: 25px;font-size: 12px;padding-left: 20px;padding-right: 50px;background-position: 90px center;background-size: 10px auto;}
}



/*#product*/
#product .pro-box{margin-top: 60px;}
#product {padding:100px 0;}
#product a{display: block;float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;border-radius: 15px;overflow: hidden;position: relative;}
#product a:nth-child(3n){margin-right: 0%;}
#product a .con{position: absolute;width: 100%;bottom:0;left: 0;text-align: center;padding: 0 15px;padding-bottom: 20px;}
#product a .con b{display: block;font-size: 22px;margin-bottom: 15px;}
#product a .con p{font-size: 12px;padding:10px;background-color: transparent;width: 120px;margin:0 auto;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#product a:hover .con p{background-color: #0072da;color: #fff;}

@media(max-width:1460px){
    #product a .con b{font-size: 20px;}
}
@media(max-width:1100px){
    #product{padding:35px 0}
    #product .pro-box{margin-top: 25px;}
    #product a .con b{font-size: 18px;}
}
@media(max-width:768px){
    #product a{width: 49%;}
    #product a:nth-child(3n){margin-right: 2%;}
    #product a:nth-child(2n){margin-right: 0;}
    #product a .con b{font-size: 16px;}
}




/*#app*/
#application .h1{color: #fff;}
#application{padding:100px 0;background-image: url(../images/sol-back.webp);background-position: center;background-repeat: no-repeat;background-size:cover;}
#application .app-imgs{margin-top: 60px;position: relative;}
#application .app-imgs img{display: block;width: 100%;}
#application .app-imgs .app-box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;z-index: 3;}
#application .app-imgs .app-box a{display: block;width: 25%;position: relative;border-left: 1px solid #999;
    background-size: 100% 70%;background-position: left bottom;background-repeat: no-repeat;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
#application .app-imgs .app-box a:hover{background-image: url(../images/solback.webp);}
#application .app-imgs .app-box a .con{position: absolute;bottom:0;left:0;width:100%;padding:25px;text-align: center;}
#application .app-imgs .app-box a .con *{color: #fff;}
#application .app-imgs .app-box a .con b{font-size: 24px;}
#application .app-imgs .app-box a .con p{font-size: 16px;line-height: 24px;font-weight: 300;width: 60%;margin: 15px auto;height: 0px;overflow: hidden;
    transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
#application .app-imgs .app-box a:hover .con p{height: 50px;}
#application .app-imgs .app-box a .con span{display: block;font-size: 12px;}

@media(max-width:1460px){

}
@media(max-width:1100px){
    #application {padding:35px 0;}
    #application .app-imgs .swiper-container{display: none;}
    #application .app-imgs{margin-top: 25px;}
    #application .app-imgs .app-box{display: block;height: auto;position: relative;}
    #application .app-imgs .app-box a{width: 100%;display: block;margin-top: 15px;
    background-position: center;background-repeat: no-repeat;background-size: cover;height: 150px;}
    #application .app-imgs .app-box a:nth-child(1){background-image: url(../images/sollist1.webp);}
    #application .app-imgs .app-box a:nth-child(2){background-image: url(../images/sollist1.webp);}
    #application .app-imgs .app-box a:nth-child(3){background-image: url(../images/sollist1.webp);}
    #application .app-imgs .app-box a:nth-child(4){background-image: url(../images/sollist1.webp);}
    #application .app-imgs .app-box a .con b{font-size: 20px;}
    #application .app-imgs .app-box a .con p{font-size: 14px;}
}
@media(max-width:768px){
    #application .app-imgs .app-box a .con b{font-size: 16px;}
    #application .app-imgs .app-box a .con p{font-size: 12px;}
}




/*#solution*/
#solution{padding:100px 0}
#solution .sol-box{margin-top: 60px;}
#solution .sol-box a{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 2%;border-radius: 15px;overflow: hidden;}
#solution .sol-box a:nth-child(4n){margin-right: 0;}
#solution .sol-box a img{display: block;width: 100%;}
#solution .sol-box a .con{padding: 25px 20px;background-color: #f1f1f1;}
#solution .sol-box a .con b{font-size: 20px;display: block;}
#solution .sol-box a .con p{font-size: 14px;line-height: 23px;height: 43px;margin:15px 0 25px;color: #666;overflow: hidden;}
#solution .sol-box a .con span{font-size: 12px;color: #0072da;padding:10px 0;background-color: transparent;-webkit-transition: all 0.6s ease;}
#solution .sol-box a:hover .con span{padding:10px 15px;background-color: #0072da;color: #fff;}


@media(max-width:1460px){
    #solution .sol-box a .con b{font-size: 18px;}
    #solution .sol-box a .con p{font-size: 13px;line-height: 22px;height: 40px;}
}
@media(max-width:1100px){
    #solution{padding:35px 0}
    #solution .sol-box{margin-top: 25px;}
    #solution .sol-box a{width: 32%;}
    #solution .sol-box a:nth-child(4n){margin-right: 2%;}
    #solution .sol-box a:nth-child(3n){margin-right: 0;}
    #solution .sol-box a .con b{font-size: 16px;}
    #solution .sol-box a .con p{font-size: 12px;line-height: 22px;margin:10px 0 15px;}

}
@media(max-width:768px){
    #solution .sol-box a{width: 49%;}
    #solution .sol-box a:nth-child(3n){margin-right: 2%;}
    #solution .sol-box a:nth-child(2n){margin-right: 0;}
    #solution .sol-box a .con{padding: 15px 10px;}
    
}


/*#about*/
#about{padding:100px 0;background-color: #f8f8f8;}
#about .con{float: left;width: 48%;}

#about .con .h1{text-align: left;}
#about .con .h1::after{display: none;}
#about .con .des{margin-top: 50px;}
#about .con p{font-size: 16px;line-height: 24px;color: #333;}
#about .top .con>p{margin-top: 35px;}
#about .con ul{margin:45px 0;}
#about .con ul li{margin-top: 30px;}
#about .con ul li:nth-child(1){margin-top: 0px;}
#about .con ul b{font-size: 20px;}
#about .con ul b::after{content:"";display: block;width: 20px;height: 2px;background-color: #0072da;margin:10px 0;}
#about .con ul p{color: #666;}
#about .con a{display: inline-block;font-size: 14px;padding:10px 35px;border: 1px solid #0072da;background-color: #0072da;color: #fff;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#about .con a:hover{background-color: transparent;border-color: #0072da;color: #0072da;}

#about .img{float: right;width: 50%;}

#about .numbox{margin-top: 50px;}
#about .numbox{display: flex;background-color: #fff;}
#about .numbox li{width: 25%;padding:25px;}
#about .numbox li b font{font-size: 62px;color: #0072da;}
#about .numbox li b sub{font-size: 30px;position: relative;top: -6px;color: #0072da;}
#about .numbox li:nth-child(1) b sub{font-size: 20px;color: #333;}
#about .numbox li p{font-size: 22px;color: #555;margin-top: 20px;}

@media(max-width:1460px){
    #about .numbox li b font{font-size: 50px;}
    #about .numbox li p{font-size: 18px;}
}
@media(max-width:1100px){
    #about{padding:35px 0;}
    #about .numbox li b font{font-size: 40px;}
    #about .numbox li p{font-size: 16px;}

    #about .top .con>p{margin-top: 20px;}
    #about .con ul{margin:15px 0}

    #about .con ul b{font-size: 18px;}
    #about .con p{font-size: 14px;}

}
@media(max-width:768px){
    #about .con{width: 100%;}
    #about .img{width: 100%;margin-top: 20px;}
    #about .numbox{flex-wrap: wrap;margin-top: 20px;}
    #about .numbox li{width: 50%;padding: 15px;}
    #about .numbox li b font{font-size: 32px;}
    #about .numbox li p{font-size: 14px;margin-top: 10px;}
    
}


/*#news*/
#news{padding:100px 0;}
#news .news-box{margin-top: 60px;display: flex;flex-wrap: wrap;gap: 20px;}

#news .news-box .list:nth-child(1){flex: 1.3;background-color: #f8f8f8;}
#news .news-box .list:nth-child(1) .con{padding:20px;background-color: #f8f8f8;}
#news .news-box .list:nth-child(1) b{font-size: 24px;line-height: 30px;}
#news .news-box .list:nth-child(1) p{font-size: 14px;line-height: 23px;margin:20px 0 20px;color: #888;}
#news .news-box .list:nth-child(1) span{font-size: 12px;}

#news .news-box .list:nth-child(2){flex: 1.8;}
#news .news-box .list:nth-child(2) a{background-color: #f8f8f8;display:flex;padding:25px 0px;margin-top: 20px;}
#news .news-box .list:nth-child(2) a:nth-child(1){margin-top: 0;}
#news .news-box .list:nth-child(2) a .time{-webkit-transition: all 0.6s ease;transition: all 0.6s ease;width: 110px;text-align: center;padding:0 15px;border-right: 1px solid #aaa;}
#news .news-box .list:nth-child(2) a .time b{font-size: 36px;display: block;margin-bottom: 10px;color: #888;}
#news .news-box .list:nth-child(2) a .time p{font-size: 13px;color: #888;}
#news .news-box .list:nth-child(2) a:hover .time *{color: #0072da;}

#news .news-box .list:nth-child(2) a .con{padding-right: 35px;padding-left: 15px;}
#news .news-box .list:nth-child(2) a .con b{display: block;margin-bottom: 10px;overflow: hidden;height: 16px;font-size: 16px;}
#news .news-box .list:nth-child(2) a .con p{font-size: 14px;line-height: 20px;color: #888;}

#news .news-box .list:nth-child(3){flex: 1;background-color: #f8f8f8;padding:30px 20px}
#news .news-box .list:nth-child(3) .top_title{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #aaa;}
#news .news-box .list:nth-child(3) .top_title b{font-size: 20px;float: left;}
#news .news-box .list:nth-child(3) .top_title a{font-size: 14px;color: #555;float: right;}

#news .news-box .list:nth-child(3) .top_title a:hover{color: #0072da;}

#news .news-box .list:nth-child(3) .list_con li{margin-bottom: 20px;}
#news .news-box .list:nth-child(3) .list_con a b{font-size: 16px;line-height: 23px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;width: 95%;}
#news .news-box .list:nth-child(3) .list_con a p{font-size: 14px;line-height: 20px;color: #888;}

@media screen and (max-width: 1100px) {
    #news{padding:35px 0;}
    #news .news-box{display: block;}
    #news .news-box .list{margin-top: 20px;}
    #news .news-box{margin-top: 25px;}

    #news .news-box .list:nth-child(1) b{font-size: 20px;}
    #news .news-box .list:nth-child(1) p{margin-bottom: 15px;font-size: 13px;}
}