@charset "utf-8";
/*
 * 君君信息
 * 请尊重他人劳动成果，你可以模仿页面，但是请自己写代码！
 * 技术支持：QQ2863868475
 * 2024-08-26
 * coyright@tengcee.com
*/
@import url("public.css");
@import url("page.css");

/*优势*/
.youshi{ width: 100%;float: left;position: relative;padding:50px 0;background-color:#fff;}
.youshi .item{ width: 25%;float: left;position: relative;text-align:center;}
.youshi .item .icon{ width: 100%;float: left; box-sizing: border-box;}
.youshi .item .icon span{float: left; font-size: 30px; width: 100%; color: #666;opacity: .8; color: #fc1d27; background: -webkit-linear-gradient(0deg, #23abc4, #fc1d27); background: linear-gradient(0deg, #23abc4, #fc1d27); -webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent; color: transparent;}
.youshi .item .icon span img{ width: 80px;height: auto;}
.youshi .item .info{ width: 100%;float: left; margin-top:35px;}
.youshi .item .info .num{ width: 100%;float: left;line-height: 2.5em;font-size: 15px; color: #666; padding-bottom: 10px;}
.youshi .item .info .num em{ font-size: 50px;font-weight:900;color: #222; font-style:normal;}
.youshi .item .info .text{ width: 100%;float: left;line-height:1.5em;font-size: 18px; color: #666}
@media screen and (max-width:1300px){
	.youshi .item .info .num em{ font-size: 35px;}
	.youshi .item .info .text{font-size: 16px;}
}
@media screen and (max-width:900px){
	.youshi{padding:20px 0}
	.youshi .item .info{ margin-top:10px;}
	.youshi .item .info .num em{ font-size: 20px;}
	.youshi .item .info .text{font-size: 13px;color: #999}
}
.service{ width: 100%; float: left; padding:50px 0 50px 0; box-sizing: border-box;background-color:#f5f5f5; }
.service .plist{ width: 100%; float: left;position:relative;margin:20px 0;}
.service li{ width: 25%;padding:5px; box-sizing: border-box; float: left;}
.service .pin{ width: 100%; float: left; padding:25px; box-sizing: border-box; background-color: #fff; position:relative;box-shadow: 0px 0px 30px 0px rgba(56, 108, 203, 0.1); overflow: hidden;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.service li .thumb{ width: 100%; float: left;padding:25px 0; text-align: center;}
.service li .thumb i{ height: 50px; line-height: 50px; font-size: 45px; color:#3073f5;}
.service li .info{ width: 100%; padding:20px 0; float: left; position:relative;z-index: 1; }
.service li .info .tit{ width: 100%; float: left; line-height: 50px; text-align: center; font-size: 18px; font-weight: bold; color: #222;}
.service li .info .desc{ width: 100%; float: left; line-height:2em; text-align: center; font-size: 14px; color: #666; opacity: .9; margin:5px 0; height: 8em;}
.service li .info .detail { width: 100%; float:left; padding-top:20px; text-align: center;z-index: 1 }
.service li .info .detail a{ width: 140px; line-height: 35px;height: 35px; text-align: center;margin:0 auto;border-radius:20px; display:inline-block; color: #fff;}
.service .circle1{ width: 120px;height: 120px; margin-top:30px; background-color:#3073f5;border-radius:50%; position:absolute;top: -60px;right:-50px; opacity: .07;z-index: 0}
.service .circle2{ width: 250px;height: 250px; margin-top:10px; background-color:#ff6700;border-radius:50%; position:absolute;bottom:-20px;right:30%; opacity: .03;z-index: 0}
.service li:hover .pin{ margin-top: -30px; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.service .color1 i{ color:#01b499 !important;}
.service .color2 i{ color:#ff7877 !important;}
.service .color3 i{ color:#1cc1fe !important;}
.service .color4 i{ color:#b686f7 !important;}
.service .color5 i{ color:#2ece7d !important;}
.service .color6 i{ color:#ffc000 !important;}
.service .color7 i{color:#f58e03 !important;}
.service .color8 i{ color:#01b499 !important;}
.service .color1 .circle1,.service .color1 .circle2,.service .color1 .detail a{background-color:#01b499 !important;}
.service .color2 .circle1,.service .color2 .circle2,.service .color2 .detail a{background-color:#ff7877 !important;}
.service .color3 .circle1,.service .color3 .circle2,.service .color3 .detail a{background-color:#1cc1fe !important;}
.service .color4 .circle1,.service .color4 .circle2,.service .color4 .detail a{background-color:#b686f7 !important;}
.service .color5 .circle1,.service .color5 .circle2,.service .color5 .detail a{background-color:#2ece7d !important;}
.service .color6 .circle1,.service .color6 .circle2,.service .color6 .detail a{background-color:#ffc000 !important;}
.service .color7 .circle1,.service .color7 .circle2,.service .color7 .detail a{background-color:#f58e03 !important;}
.service .color8 .circle1,.service .color8 .circle2,.service .color8 .detail a{background-color:#01b499 !important;}
.arr1-bg{ background-image:url('../images/index_arr.png'); background-position:center -60px; background-repeat: no-repeat;}
@media screen and (max-width:1200px){
	.service li .info .desc{ width: 100%; float: left; line-height:1.8em; text-align: center; font-size: 14px; color: #666; opacity: .9; margin:5px 0; height: 12.8em;}
}
@media screen and (max-width:750px){
	.service{padding:20px 0 10px 0; }
    .service li{ width: 100%; padding:3px 5px;}
    .service .pin{padding:5px 15px;}
    .service li .thumb{padding:25px 0 5px 0;}
	.service li .thumb i{ height: 40px; line-height: 40px; font-size: 40px; color:#3073f5;}
	.service li .info{padding:10px 0;}
	.service li .info .tit{line-height: 40px;}
	.service li .info .desc{height: auto;}
	.service li .info .detail {padding-top:10px; }
	.arr1-bg{background-size:150px;background-position:center -30px;}
	.service li:hover .pin{ margin-top:0; }
}
.blue{ color: #0079fe !important;}
.blue1{ background-color:#eaf3fb; }
.gary1{ background-color:#f7f7f7; }
.blue2{background:linear-gradient(45deg,rgba(61,126,251,1) 0%,rgba(4,80,227,1) 100%); }
.blue3{ background-color:#2484ff !important; }/*浅蓝*/
.orangebg{background-color:#ff6700 !important;}
.redbg{background-color:#fb3635 !important;}
.greenbg{ background-color: #01b499 !important; }
.green{ color: #01b499 !important; }

.morea{ width: 100%; float: left; padding-top: 30px;text-align: center; }
.morea a{ width: 200px; line-height: 55px;height: 55px; border-radius:35px; text-align: center;color:#Fff; font-size: 18px; display: inline-block;margin:0 5px;}
.morea .a1{ border:solid 1px #1778d9; color: #1778d9;}
.morea .a2{background:linear-gradient(90deg,rgba(70,123,245,1) 0%,rgba(127,166,255,1) 100%);}/*橙色*/
.morea .a3{background:linear-gradient(90deg,#fc1d27 0%,#fe6a70 100%);}/*红色*/
.morea .a4{background:linear-gradient(90deg,rgba(3,163,139,1) 0%,rgba(2,200,170,1) 100%);}/*深蓝*/
.morea .a5{background:linear-gradient(90deg,#0079fe 0%,#5ca7fa 100%);}/*亮蓝*/
.morea .a6{background:linear-gradient(90deg,#2a1c67 0%,#621c90 100%);}/*紫色*/
.moreb{ width: 100%; float: left; padding-top: 30px; text-align: center;}
.moreb a{ width: 200px; line-height: 55px;height: 55px; display:inline-block; background-color:#fc1d27; color: #fff; font-size: 16px;margin:0 5px;background-image: linear-gradient(to right, #f74e56 0%, #fc1d27 100%); border-top-left-radius: 35px; border-bottom-right-radius: 35px;}
.moreb a.bluebg{background: linear-gradient(90deg, #0079fe 0%, #5ca7fa 100%);color: #fff;}
.moreb a i{ color: #fff;margin-right:10px; font-size: 18px;}
.moreb a.a1{}
@media screen and (max-width:900px){
	.moreb{padding-top: 5px;margin-bottom:10px;}
	.moreb a{ width: 150px; line-height: 40px;height: 40px;font-size: 15px;}
	.morea{ width: 100%; float: left; padding-top: 20px; text-align: center;}
	.morea a{ width: 45%; line-height: 45px;height: 45px;margin-right:2%;margin-left:2%;font-size: 1rem;}
	.morea .a1{ border:solid 1px #1778d9;color: #1778d9;}
}

/*第二部分service*/
.service2{ width: 100%;float:left;position: relative; margin:30px 0 0 0;}
.service2 .item{ width: 50%;float: left;padding:10px;box-sizing: border-box;position: relative;}
.service2 .item .itemin{ width: 100%;float: left;position: relative; box-sizing: border-box;background-color:#1e7aff;box-shadow: 0px 0px 30px 0px rgba(56, 108, 203, 0.1);border-radius: 15px; padding: 30px; overflow:hidden; }
.service2 .item .info{ width: 100%; float: left; position:relative; }
.service2 .item .info h3{ width: 100%; float: left; line-height: 3em; color: #fff; font-size: 24px; position: relative;}
.service2 .item .info h3 span{ margin-left: 15px; position: relative;padding:0 15px;background-color:#086af9;border-radius:2px; font-size: 13px;font-weight: normal;display: inline-block; height: 30px;line-height: 30px;}
.service2 .item .info h3 span::before{ content:''; position: absolute;left:-15px; top: 5px;width: 0;height: 0;border: 10px solid transparent; border-right: 10px solid #086af9;}
.service2 .item .info p{ width: 100%; float: left; line-height: 2em; color: #fff; opacity: .9;height:4em; overflow: hidden; font-size: 16px}
.service2 .item .ico{ width: 120px;height: 120px; float: left; text-align: center;padding:40px 0; position:absolute; top: -25px;right: -25px; box-sizing: border-box; background-color:rgba(255,255,255,.1); border-radius: 50%; }
.service2 .item .ico span{ width: 40px;line-height: 40px;height: 40px; text-align: center; border-radius:50%; font-size:30px;  margin:0 auto; display:inline-block; color: #fff;}
.service2 .item .t1{ background-image:linear-gradient(to right,#4e95fc,#086af9); }
.service2 .item .t2{ background-color:#2acca3; background-image:linear-gradient(to right,#2acca3,#01a87e);}
.service2 .item .t3{ background-color:#05a6c3;background-image:linear-gradient(to right,#33d6f4,#05a6c3);}
.service2 .item .t4{ background-color:#f6566e;background-image:linear-gradient(to right,#f6566e,#d0213b);}
.service2 .item .t5{ background-color:#7d6bf1;}
.service2 .item .t6{ background-color:#008cff;}
.service2 .item .t2 .info span{background-color:#01a87e;}
.service2 .item .t2 .info span::before{border-right: 10px solid #01a87e;}
.service2 .item .t3 .info span{background-color:#05a6c3;}
.service2 .item .t3 .info span::before{border-right: 10px solid #05a6c3;}
.service2 .item .t4 .info span{background-color:#d0213b;}
.service2 .item .t4 .info span::before{border-right: 10px solid #d0213b;}

.service2 .item .itemlist{ width: 100%;float: left;margin:25px 0; position: relative;}
.service2 .item .itemlist .items{ float: left;padding-right: 10px;margin: 3px 0;}
.service2 .item .itemlist .items span{float: left;padding:0 30px;line-height: 40px;height: 40px;border-radius:25px;background-color:rgba(255,255,255,.95);}
.service2 .item .itemlist .items span:hover a{color: #fff;}
.service2 .item .t1 .itemlist .items span:hover{background-color:#086af9;}
.service2 .item .t2 .itemlist .items span:hover{background-color:#2acca3;}
.service2 .item .t3 .itemlist .items span:hover{background-color:#05a6c3;}
.service2 .item .t4 .itemlist .items span:hover{background-color:#d0213b;}
@media screen and (max-width:900px){
	.service2{margin:10px 0 0 0;}
	.service2 .item{ width: 100%;float: left;padding:10px;}
	.service2 .item .itemlist .items span{padding:0 15px;}
}
/*服务优势*/
.fuwuyoushi{ width: 100%;float: left;position: relative;padding:50px 0; background-image:url('../images/bg2.jpg'); background-position:center; background-repeat:no-repeat; background-attachment: fixed;box-sizing: border-box;}
.fuwuyoushi .itemlist{ width: 100%;float: left;margin:20px 0; position: relative;}
.fuwuyoushi .itemlist .item{ width: 25%;float: left;padding:10px;box-sizing: border-box; }
.fuwuyoushi .itemlist .item .itemin{ width: 100%;float: left;position: relative;padding:50px 25px;box-sizing: border-box; background-color: rgba(255, 255, 255, 0.05);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.fuwuyoushi .itemlist .item .info{ width: 100%;float: left;position: relative; }
.fuwuyoushi .itemlist .item .tit{ width: 100%;float: left;text-align:center; font-size: 24px;color: #fff;line-height: 2em;padding:10px 0;}
.fuwuyoushi .itemlist .item .desc{ width: 100%;float: left;text-align:center; font-size: 14px;color: #fff;line-height: 2em; opacity: .6;height: 4em;}
.fuwuyoushi .itemlist .item .thumb{ width: 100%; text-align:center;float: left;position: relative; margin-bottom:20px; }
.fuwuyoushi .itemlist .item .thumb image{ width: 60px;height: auto; }
@media screen and (max-width:1200px){
	.fuwuyoushi .itemlist .item .desc{height:6em;}
}
@media screen and (max-width:900px){
	.fuwuyoushi{padding:10px 0;}
	.fuwuyoushi .itemlist .item{ width: 100%;float: left;padding:5px 10px;box-sizing: border-box;}
	.fuwuyoushi .itemlist .item .itemin{ padding:20px;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;}
	.fuwuyoushi .itemlist .item .thumb{ width: 80px;flex:0 0 80px;float: left;margin-top: 10px;margin-bottom:0;}
	.fuwuyoushi .itemlist .item .tit{text-align:left; font-size: 18px;padding:0px 0;}
	.fuwuyoushi .itemlist .item .desc{text-align:left; font-size: 13px;color: #fff;height: auto;}
}
/*案例*/
.case{ width: 100%;float: left;position: relative;padding:50px 0;}
.casebox{ width: 100%; float: left; position:relative; top: 0px; left:0; padding:20px 0px; box-sizing:border-box; overflow: hidden;}
.casebox .caselist{ padding-bottom: 30px; position: relative; }
.casebox li{ width:50%; float: left; box-sizing: border-box;position: relative; overflow: hidden;overflow: hidden; padding:10px;box-sizing:border-box;}
.casebox li .casein{ width: 100%; float: left;box-sizing: border-box;position: relative; padding: 0px;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap; box-shadow: 0 0 10px rgba(0,0,0,.1)}
.casebox li .thumb {float: left; width: 360px;position: relative; flex:0 0 360px;}
.casebox li .thumb img{ width: 100%; height: auto; opacity: .95}
.casebox li .info{ width: 100%;float: left;padding: 30px;box-sizing: border-box; position: relative; }
.casebox li .info .tit{ width: 100%; float: left; position:relative;line-height:1.5em;font-size:24px; font-weight: bold; padding-bottom: 10px;}
.casebox li .info .itemlist{ width: 100%;float: left;margin:10px 0; position: relative;}
.casebox li .info .itemlist .t{ width: 60px;line-height: 30px;height: 30px;background-color:#086af9;color: #fff; position: absolute; top: 3px;left:0; text-align: center;border:solid 1px #005ee6; border-radius:2px;}
.casebox li .info .itemlist .t::after{ content:''; position: absolute;right:-15px; top: 5px;width: 0;height: 0;border: 10px solid transparent; border-left: 10px solid #086af9;}
.casebox li .info .itemlist .con{ width: 100%;float: left;color: #666;padding-left:80px;}
.casebox li .info .itemlist .con .p{width: 100%;float: left;line-height: 1.6em;color: #666;padding:15px; background-color:#f0f5fb;border-radius:2px;overflow: hidden; }
.maxrow{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;line-clamp: 5;-webkit-box-orient:vertical;width: 100%;float: left;}
.casebox li .info .itemlist .con .p p{margin:3px 0;}
.casebox li .info .green .t{background-color: #01a87e; border:solid 1px #02926e;}
.casebox li .info .green .t::after{border-left: 10px solid #01a87e;}
.casebox li .info .green .con .p{background-color: #eafcf8}
.casebox li .info .xiangmu{ width: 100%;float: left;margin:10px 0; position: relative;}
.casebox li .info .xiangmu .t{ width: 60px;line-height: 30px;height: 30px;background-color:#fc1d27;color: #fff; position: absolute; top: 3px;left:0; text-align: center;border:solid 1px #e5030d; border-radius:2px;}
.casebox li .info .xiangmu .t::after{ content:''; position: absolute;right:-15px; top: 5px;width: 0;height: 0;border: 10px solid transparent; border-left: 10px solid #fc1d27;}
.casebox li .info .xiangmu .xiangmulist{ width: 100%;float: left;color: #666;padding-left:80px;}
.casebox li .info .xiangmu .xiangmulist .item{float: left;line-height: 35px;color: #666; background-color:#fce4e5;border-radius:2px; padding:0 15px;margin:3px 5px 3px 0;}
.casebox li .info .detail{ width: 100%;float: left;padding-top:20px; line-height: 2em;}
.casebox li .info .detail a{ color: #666;padding:0 30px; background-color: #f0f5fb; line-height:45px;border-radius:5px;float: left;}
.casebox li .info .detail a:hover{background-color:#086af9;color: #fff;}
.casebox .swiper-button-next,.casebox .swiper-button-prev{/* display: none;*/ background-repeat: no-repeat;background-position: center center; width: 30px; height: 30px;background-size: contain;-moz-background-size: contain;-webkit-background-size: contain; top: 50%;filter:alpha(opacity=20);opacity:0.2;}
/*.casebox .swiper-button-next{ background-image:url('../images/arrow-right2.png'); right: 10px;}
.casebox .swiper-button-prev{ background-image:url('../images/arrow-left2.png'); left: 10px;}*/
.casebox .swiper-button-next:hover,.casebox .swiper-button-prev:hover{filter:alpha(opacity=80);opacity:0.8;}
.casebox .swiper-pagination {position: absolute;width: 100%;z-index: 20;left: 0;bottom: 0px !important;text-align: center;}
.casebox .swiper-pagination-bullet { width: 15px;height: 15px; border-radius: 50%;transition: 800ms }
.casebox .swiper-pagination-bullet-active{background-color: #e60b11;width: 30px;border-radius: 10px; transition: 800ms}
@media screen and (max-width:1300px){
    .casebox li .thumb {float: left; width: 280px;position: relative; flex:0 0 280px;}
    .casebox .swiper-button-next,.casebox .swiper-button-prev{ display: none; }
    .casebox li .info{padding: 15px;}
    .casebox li .info .tit{font-size:18px;}
    .casebox li .info .itemlist .t{display: none;}
    .casebox li .info .itemlist .con{padding-left:0px;}
    .casebox li .info .xiangmu .t{display: none;}
    .casebox li .info .xiangmu .xiangmulist{padding-left:0px;}
    .casebox li .info .detail{padding-top:20px;}
    .casebox li .info .detail a{padding:0 15px;}
    .casebox li .info .xiangmu .xiangmulist .item{ padding:0 10px;margin: 3px; margin-left:0;}
}
@media screen and (max-width:1000px){
    .casebox li .info .green{ display: none; }
}
@media screen and (max-width:900px){
	.case{padding:15px 0;}
	.casebox{padding:5px 0px;}
    .casebox .swiper-button-next{ right: 5px;}
    .casebox .swiper-button-prev{ left: 5px;}
    .casebox li .thumb {float: left; width: 100%;position: relative; flex:0 0 100%; max-height: 400px;overflow:hidden;}
    .casebox li .info .green{ display: block; }
    .casebox li .casein{ flex-wrap: wrap;}
    .casebox li .info .itemlist .t{display: block;}
    .casebox li .info .itemlist .con{padding-left:80px;}
    .casebox li .info .xiangmu .t{display:block;}
    .casebox li .info .xiangmu .xiangmulist{padding-left:80px;}
}

.case2{ width: 100%;float: left;position: relative;padding:10px 0 50px 0;}
.case2 .caselist{ padding-bottom: 0px; position: relative; }
.case2 li{ width:12.5%; float: left; box-sizing: border-box;position: relative; overflow: hidden;overflow: hidden; padding:5px;box-sizing:border-box;}
.case2 li .casein{ width: 100%; float: left;box-sizing: border-box;position: relative; padding: 0px;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap; box-shadow: 0 0 10px rgba(0,0,0,.1)}
.case2 li .thumb {float: left; width: 100%;position: relative;}
.case2 li .thumb img{ width: 100%; height: auto;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity:0.7;}
.case2 li .thumb img:hover{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;opacity:1;}
@media screen and (max-width:900px){
	.case2{padding:10px 0;}
}
/*案例*/
.news{ width: 100%;float: left;position: relative;padding:50px 0; background-color: #f0f5fb;}
.catlist{ width: 100%;float: left;padding:15px 0; text-align: center;box-sizing: border-box;}
.catlist .catbox{ padding:0 10px; display: inline-block;}
.catlist .catbox a{padding:0 25px; line-height: 45px;float: left;height: 45px;background-color:#fff;border-radius:25px; color: #666}
.catlist .catbox a:hover,.catlist .on a{background-color:#086af9;color: #fff}
.newsbox{ width: 100%;float: left;position: relative;margin:10px 0;}
.newsbox .newsleft{ width: 30%;float: left;box-sizing: border-box;background-color: #fff;position: relative;margin-top: 10px;}
.newsbox .newsmid{ width: 30%;float: left;box-sizing: border-box;position: relative; padding-left: 20px;}
.newsbox .newsright{ width: 40%;float: left;box-sizing: border-box;position: relative; padding-left: 20px;}
.newsbox .newsleft .thumb{ width: 100%; float: left;position: relative; }
.newsbox .newsleft .thumb img{ width: 100%;height: auto;}
.newsbox .newsleft .info{ width: 100%;float: left;padding:30px 25px;box-sizing: border-box;position: relative; }
.newsbox .newsleft .info .date{ width: 100%;float: left;position: relative;}
.newsbox .newsleft .info .lines{ width: 100%;float: left;margin:10px 0; border-bottom:solid 1px #f5f5f5; }
.newsbox .newsleft .info .date .day{ width: 100%;float: left;font-size: 45px;color: #999; line-height: 1.2em;}
.newsbox .newsleft .info .date .month{ width: 100%;float: left;font-size: 13px;color: #999; line-height: 1.5em;}
.newsbox .newsleft .info .date .arr{ position: absolute; right: 0px;top: 30px; font-size: 30px; }
.newsbox .newsleft .info .tit{ width: 100%;float: left;line-height:2em;font-size: 18px;margin-top: 10px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.newsbox .newsleft .info .desc{ width: 100%;float: left;line-height:2em; color: #777;margin: 10px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp: 3;-webkit-box-orient:vertical;}
.newsbox .newsmid .newslist{ width: 100%;float: left;position: relative; }
.newsbox .newsmid .newslist li{ width: 100%;float: left;padding:25px;box-sizing: border-box;position: relative;background-color: #fff;margin:10px 0;}
.newsbox .newsmid .newslist li .date{ width: 100%;float: left;position: relative;}
.newsbox .newsmid .newslist li .lines{ width: 100%;float: left;margin:10px 0; border-bottom:solid 1px #f5f5f5; }
.newsbox .newsmid .newslist li .date .day{ width: 100%;float: left;font-size: 45px;color: #999; line-height: 1.2em;}
.newsbox .newsmid .newslist li .date .month{ width: 100%;float: left;font-size: 13px;color: #999; line-height: 1.5em;}
.newsbox .newsmid .newslist li .date .arr{ position: absolute; right: 0px;top: 30px; font-size: 30px; }
.newsbox .newsmid .newslist li .tit{ width: 100%;float: left;line-height:2em;font-size: 18px;margin-top: 10px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.newsbox .newsmid .newslist li .desc{ width: 100%;float: left;line-height:2em; color: #777;margin: 10px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp: 3;-webkit-box-orient:vertical;height: 6em;}

.newsbox .newsright .newslist{ width: 100%;float: left;position: relative;background-color: #fff;padding:22px 25px; box-sizing: border-box;margin-top: 10px;}
.newsbox .newsright .newslist li{ width: 100%;float: left;box-sizing: border-box;position: relative;margin:5px 0; border-bottom:solid 1px #f0f5fb;}
.newsbox .newsright .newslist li:nth-last-child(1){border-bottom:none;}
.newsbox .newsright .newslist li .date{ width: 100px;float: left;position: absolute; top: 10px;left:25px;}
.newsbox .newsright .newslist li .date .day{ width: 100%;float: left;font-size: 45px;color: #999; line-height: 1.2em;}
.newsbox .newsright .newslist li .date .month{ width: 100%;float: left;font-size: 13px;color: #999; line-height: 1.5em;}
.newsbox .newsright .newslist li .arr{ position: absolute; right: 25px;top: 40%; font-size: 30px; }
.newsbox .newsright .newslist li .tit{ width: 100%;float: left;line-height:100px;font-size: 18px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;padding:0 60px 0 100px;box-sizing: border-box; }
.links{ width: 100%;float: left;padding:35px 0; background-color: #222;position: relative;}
.links .tit{ width: 100%;float: left;font-size: 18px;color: #999;line-height:2em;}
.links .linklist{ width: 100%;float: left;position: relative; }
.links .linklist a{ color: #666;margin-right: 10px; float: left;line-height:2em;}
.links .linklist a:hover{ color: #fff;}
@media screen and (max-width:1360px){
	.catlist{ width: 100%;float: left;padding:10px 5px; text-align: center;}
	.catlist .catbox{ padding:3px; display: inline-block; width: 25%; box-sizing: border-box;float: left}
	.catlist .catbox a{padding:0 5px;white-space: nowrap; overflow:hidden;text-overflow:ellipsis;width: 100%;float: left;line-height: 35px;height: 35px;}
	.newsbox{margin:0;padding:10px;box-sizing: border-box;}
	.newsbox .newsleft{ width: 100%;margin-top: 0px;}
	.newsbox .newsmid{ width: 100%; padding-left: 0px;}
	.newsbox .newsright{ width: 100%; padding-left: 0px;}
	.newsbox .newsright .newslist{padding:10px;}
	.newsbox .newsright .newslist li .date{ width: 60px;top: 10px;left:5px;text-align: center;}
	.newsbox .newsright .newslist li .tit{ width: 100%;float: left;line-height:100px;font-size: 16px;padding:0 40px 0 60px; }
	.newsbox .newsright .newslist li .arr{right: 5px;}
}