@charset "utf-8";
/*
 * 深圳凯特瑞
 * 请尊重他人劳动成果
 * 技术支持QQ:2863868475
 * 2024-10-08
 * coyright@tengcee.com
*/
@import url("public.css");
@import url("page.css");

/*头部*/
.header{ width: 100%;float: left;position: relative;z-index: 99; border-bottom:solid 1px #f5f5f5; background-color: #fff;}
.top1{ width: 100%;float: left;line-height: 35px; background-color:#02264d; color: #fff;position: relative;z-index: 99;}
.top1 .welcome{float: left; padding-left: 10px;}
.top1-right{ float: right; position: relative; }
.top1-right .cat{padding:0 15px;float: left; position: relative;}
.top1-right .cat a{ color: #fff; }
.top1-right .toptel{padding:0 15px;float: left;color: #fff; position: relative;}
.top1-right .toptel span{ color: #fa0;margin-left: 5px; font-size:16px;white-space: nowrap;}
.top1-right .kefu{padding:0 15px;float: left;color: #fff; position: relative;}
.top1-right .kefu i{ display: inline-block; }
.top1-right .kefubox{ position: absolute;left: 0;top: 35px;background-color:#02264d; padding:10px;box-sizing:border-box; display: none; width: 240px;}
.top1-right .kefu .arr{ display: inline-block; font-size: 12px;opacity: .8;}
.top1-right .kefubox .tit{ width: 100%;float: left;line-height: 1.5em;color: #fff;padding-left:5px;box-sizing:border-box;margin-top: 5px;}
.top1-right .kefubox .arclist{width: 100%;float: left;position: relative;margin:8px 0;}
.top1-right .kefubox .arclist span{float: left;line-height: 2em; padding:0 10px 0 5px;}
.top1-right .kefubox .arclist span a{ color: #fff;opacity: .6;}
.top1-right .kefubox .zaixiankefu{ width: 100%;float: left;line-height: 30px;height: 30px;text-align: center;margin:5px 0;background-color:#fa0;border-radius:5px;}
.top1-right .kefubox .zaixiankefu a{ color: #fff; }
.top1-right .kefubox .kefuphone{ width: 100%float:left;line-height: 35px; text-align: center;opacity: .8;}
.top1-right .kefu:hover { color: #fa0; }
.top1-right .kefu:hover .kefubox{display: block;}
.top1-right .kefu:hover .arr{-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; transform: rotate(180deg);}
.top1-right .cat::before,.top1-right .kefu::before,.top1-right .toptel::before{content:''; position: absolute;left: 0;top:10px; border-left:solid 1px rgba(255,255,255,.1);;height: 15px;}

.logobox{ width: 100%;float: left;position: relative;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;}
.logo{ position: relative;left:0; top: 0;padding:20px 0px 10px 0; box-sizing: border-box; flex:0 0 300px;float: left; padding-right: 50px}
.logo img{ max-width: 100%;height:auto;}
.logo p{ width:100%; line-height:30px;color: #999; text-align: center;margin-top:8px; font-size: 13px; font-weight:normal;}
.logo-right{ width:100%; position: relative;float: left; }
.top2{width:100%;float: left; position: relative;display: flex;align-content: flex-start;justify-content:flex-end; flex-wrap: nowrap;}

.nav{ float: left; box-sizing: border-box;position: relative;box-sizing: border-box;width:100%;margin-top:5px;}
.nav .navbox{ width:1300px;margin:0 auto; position: relative;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;}
.nav .navlist{ width: 100%;float: left;box-sizing:border-box;}
.nav .navlist li{text-align: center; font-size: 16px; line-height:45px;float: left;position: relative;padding:0 30px;}
.nav .navlist li a{ color: #333;}
.nav .navlist li .hot{position:absolute;}
.nav .navlist .on .hot,.nav .navlist li:hover .hot{-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; margin-top:-5px;}
.nav .navlist li a:hover{color:#0079fe;}
.nav .navlist .on a{ color:#0079fe;}
.nav .navlist dl{ width:100%; font-size:13px; position:absolute; top:45px; left:0px; background-color: #fff;display: none;padding:10px 0;min-width:100px}
.nav .navlist dl dd { height:30px; line-height:30px; text-align: center; white-space: nowrap; font-weight: normal; }
.nav .navlist dl dd a{color:#666; padding:0px; display: block; }
.nav .navlist dl dd a:hover{ color:#0079fe;}
.nav .navlist .on dl dd a{ color:#666; padding:0px; display: block; }
.nav .navlist .on dl dd a:hover{color:#0079fe;}
.nav .navlist .arr{ display: inline-block; color: #999;font-size: 12px;margin-left:3px;}

.so{flex:1; float: right;margin-top: 25px;position: relative;padding:0 80px 0 40px;box-sizing: border-box;}
.so .sobox{ width: 100%;float: left;position: relative;margin-top: 10px;}
.so .searchform{width: 100%;float: left;position: relative;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;}
.so .searchform .input{ width: 100%;float: left;line-height: 45px;height:45px;background-color:#fff;padding:0 10px 0 30px;box-sizing: border-box;outline: none;border-top-left-radius: 10px;border-bottom-left-radius: 10px; border:solid 2px #0079fe;}
.so .searchform .button1{width: 80px;flex:0 0 80px; height:45px;line-height:45px; background-color:#0079fe;color: #fff;outline: none;border:none; border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.so .searchform i{ position: absolute;top: 15px;left: 10px; color: #999 }
.so .hotkey{ width: 100%;float: left;margin-bottom: 10px; line-height: 2em; color: #999;margin-top: 5px;}
.so .hotkey a{ padding-right:10px; }
.topphone{width:180px;flex: 0 0 180px;float: right; margin-top:34px;}
.topphone .tel{ width:100%;line-height:50px;height: 50px;background-color:#0079fe;color: #fff; border-radius:30px; float: right; text-align: center; font-size: 15px;}
.topphone .tel i{ font-size:18px;margin-right: 5px; }
.topphone .tel a{ color: #fff;}

.imenu{ position: absolute;margin-top: 32px;z-index: 9999; display: none;width: 28px; float: left;right: 15px;}
.imenu .idh{ width: 28px;height: 28px;float: left;position: relative;}
.imenu .idh .dhline{ width: 100%;float: left;height: 3px;background-color:#0079fe;margin-top: 3px; position: relative;}
.imenu .idh .line1{}
.imenu .idh .line2{margin-top: 5px;}
.imenu .idh .line3{margin-top: 5px;}
.topfixed .imenu .idh .dhline{ background-color:#0079fe; }
/*左侧菜单*/
.overlay{position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.4);z-index: 999999; padding:80px 15%;box-sizing: border-box; display: none;}
.wapnavlist{ width:70%;position: absolute;left: -2000px;top: 0;background-color: #02264d; padding:15px; box-sizing:border-box;height: 100%; box-shadow: 0 0 10px rgba(0,0,0,.1); overflow-y: scroll;}
.navclose{ position: absolute; top:25px; right: 15px; z-index: 9999; cursor: pointer;}
.navclose i{ font-size:20px;color: #fff;}
.navclose img{ width: 35px; height: 35px; }
.overlay .nlogo{ width:100%; }
.overlay .nlogo span{ width:100%; float: left; }
.overlay .nlogo span img{ width: 100%; height: auto }
.nav3{position:relative; margin:1em 0; width: 100%; margin-top: 10px;;}
.nav3 li{float:left; line-height:45px; width: 100%;border-bottom:solid 1px #021f3e;color:#fff; box-sizing: border-box; font-size: 15px;}
.nav3 li a{ color:#fff;}
.nav3 li a i{ color: #fff; font-size:13px; opacity: .8; margin-right:5px;}
.nav3 li dl{width: 100%;float: left; margin:0 0 5px 0;}
.nav3 li dl dd{float:left; width: 50%;color:#fff;opacity: .7; text-align: center; box-sizing: border-box; font-size:13px; padding:5px;}
.nav3 li dl dd a{ width: 100%;float: left;text-align: center;line-height:35px; float: left;height: 35px;border:solid 1px #021f3e;}
.navbox_contact{ width: 100%;float: left; padding-top: 15px;text-align: center; }
.navbox_contact .nav_tel{ width: 100%; text-align: center;line-height: 45px;height: 45px; border-radius: 25px; background-color:#0079fe; margin:0 auto; display:inline-block; background-image: linear-gradient(to right, #0079fe 0, #72b0f3 100%);;}
.navbox_contact .nav_tel a{ color:#fff; }

@media screen and (max-width:1360px){
    .topbox{padding:0px 10px;box-sizing:border-box;}
    .nav .navlist{display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;}
    .nav .navlist li{padding:0;}
}
@media screen and (max-width:900px){
    .top{ height: 80px; }
    .topbox{ text-align:center; }
    .welcome{ display: none; }
    .logobox{ padding:0 0px;box-sizing:border-box;overflow: hidden;}
    .logo{ position: relative;left:0; top: 0;padding:10px; box-sizing: border-box;margin:0 auto; flex:0 0 180px;}
    .logo img{ max-width: 150px;height:auto;}
    .logo p{text-align: left;margin-top:5px;display: none;}
    .top2{width:90px;float:right; display: block;}
    .top1-right{ width:100%;text-align:center; }
    .top1-right .cat{ display:none; }
    .top1-right .kefu{ display: inline-block; float: none; display: none; }
    .top1-right .toptel{ display: inline-block; float: none; }

    .nav .navlist{display: none}
    .imenu{ display: block; }
    .so{ display: none; }
    .topphone{width:30px;flex: 0 0 30px;float:left; margin-top:30px;}
    .topphone .tel{ width:100%;line-height:30px;height: 30px;}
    .topphone .tel i{ font-size:16px;margin-right: 0px; }
    .topphone .tel span{ display: none }
    .topphone .tel a{ color: #fff;}
}

/*幻灯片*/
.banbox{ width:100%;float: left;position: relative;margin:10px 0 5px 0;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;}
.ban-center{ width:0;flex:1;float: left;padding:0 10px; box-sizing: border-box}
.ban-right{ width:260px;flex: 0 0 260px;position: relative;float: right;}
.banner { position: relative; width: 100%; overflow: hidden;z-index:9;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease; float: left;border-radius:5px;height: 360px; background-color:#fff;}
.banner .ban{ position: relative; }
.banner .swiper-container { width: 100%; height: 100%; color: #fff; }
.banner .swiper-slide {position: relative;overflow: hidden;}
.banner .swiper-slide a {display: block;}
.banner .swiper-pagination {position: absolute;width: 100%;z-index: 20;left: 0;bottom: 30px !important;text-align: center;}
.banner .swiper-pagination-bullet { width: 16px;height: 16px;border:solid 2px #fff; border-radius: 50%; background-color: transparent; opacity: 1;box-sizing:border-box;}
.banner .swiper-img{ width: 100%;height: 100%; background-size: cover; background-repeat: no-repeat;background-position: center;}
.banner .swiper-img a{ display: block;}
.banner .swiper-img img {width: 100%;height: auto;}
.banner a.prev_btn,.banner a.next_btn {position: absolute;z-index: 66;top: 50%;margin-top: -20px;width:40px;height:40px;opacity: 0.2;filter: alpha(opacity=20);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;border-radius: 50%;color: #0066cb; line-height: 40px; text-align: center; background-repeat: no-repeat; background-position: center;}
.banner a.prev_btn:hover,.banner a.next_btn:hover {opacity:0.8;filter: alpha(opacity=80);}
.banner a.prev_btn { left: 10px; background-image: url('../images/arrow-left2.png')}
.banner a.next_btn { right: 10px;background-image: url('../images/arrow-right2.png')}
.banner a i{ font-size: 18px; }
.banner .banbtns{ position:absolute; bottom:0; left: 0; width: 100%;z-index: 9991}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color:#f3113c;border:solid 2px #f3113c;}

@media screen and (max-width:900px){
	.banner{box-sizing:border-box;overflow: hidden;}
	.banner .swiper-img img {border-radius:10px;}
	.banner_scale,.swiper-img{border-radius:10px; overflow: hidden;}
	.banner .swiper-pagination {bottom: 5px !important;}
	.banner .swiper-pagination-bullet { width: 10px;height: 10px;}
}
@media screen and (max-width:600px){
    .banner a.prev_btn,.banner a.next_btn{ display: none; }
    .banner .swiper-pagination{ bottom: 10px !important; }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px; }
}
/* .banner_scale{height: 100%;-webkit-animation: mymove 7s;-o-animation:mymove 7s;animation: mymove 7s;} */
@keyframes mymove{
    from {transform: scale(1.08);}
    to {transform: scale(1.0);}
}
@-o-keyframes mymove{ /*Safari and Chrome*/
    from {transform: scale(1.08);}
    to {transform: scale(1.0);}
}
@-webkit-keyframes mymove{ /*Safari and Chrome*/
    from {transform: scale(1.08);}
    to {transform: scale(1.0);}
}
.hotpic{ width:100%;float: left;position: relative;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap; margin-top:10px;}
.hotpic .item{ width:32%;float: left;position: relative;background-color: #fff;border-radius:5px; overflow: hidden}
.hotpic .item .thumb{ width:100%;height: auto;}
.hotpic .item .thumb img{ width:100%;height: auto; }
/*banner上悬浮框*/
.banon{ width:100%;margin:0 auto;position: absolute; top: 0;left: 0;z-index: 1}
.fenleibox{ width:280px;flex:0 0 280px;float: left;padding:0px;box-sizing: border-box;background-color: #daedfb;position: relative;border-radius:5px;background-image: linear-gradient(135deg,#daedfb,#daedfb)}
.fenleibox .item{ width: 100%;float: left;padding:6px 25px; border-bottom:solid 1px #e3f3fe; box-sizing: border-box; position: relative; border-radius:5px;padding-bottom: 10px;}
.fenleibox .item:nth-last-child(1){ border-bottom:none; }
.fenleibox .item .tit{ width:100%;line-height:30px;font-size:15px; position: relative; padding-left: 5px;box-sizing:border-box;}
.fenleibox .item .tit a{ color: #666; }
.fenleibox .item i{ position: absolute;right: 25px; top: 25px; color: #666; opacity: .8; font-size: 12px;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.fenleibox .item .submenu{ width:100%;float: left;position: relative;-moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; font-size: 13px; padding:10px 15px;border-radius:5px; display: none;box-sizing:border-box;}
.fenleibox .item .submenu::before{content:''; position: absolute; top: -6px;left: 10px; border-bottom:solid 8px #4c97fd; border-left:solid 8px transparent;border-right:solid 8px transparent;}
.fenleibox .item .submenu span{float:left; line-height:28px;padding-right: 10px;}
.fenleibox .item .submenu span a{ color: #999;opacity: .9;}
.fenleibox .item .submenu span a:hover{ color: #fff;opacity: 1; }

.fenleibox .on {/*background-color: #4c97fd;background-image: linear-gradient(135deg,#0079fe,#4e9aee);*/}
.fenleibox .on .tit{ font-size: 16px;line-height: 40px;}
.fenleibox .on .tit a{ color: #000;}
.fenleibox .on .submenu span a{ color: #fff; opacity: .8;}
.fenleibox .on i{ color: #333; transform: rotate(90deg);-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.fenleibox .on .submenu{ display: block;height:auto;-moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in;background-color: #4c97fd;}


.hotbox{ width:100%;float: left;position: relative;padding:10px 20px;box-sizing: border-box;background-color:#fff;border-radius:5px;}
.hotbox .titlea{ width:100%;float: left;line-height: 40px;height: 40px; position: relative; font-size: 16px;}
.hotbox .titlea span{ float: right; font-size: 13px;}
.hotbox .titlea span a{ color: #999; }
.hotlist{ width:100%;float: left;position: relative;box-sizing: border-box;padding:5px 0; min-height:215px}
.hotlist li{ width:100%;float: left;padding:10px 0 10px 30px; border-bottom:solid 1px #f5f5f5;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;box-sizing: border-box; position: relative;}
.hotlist li .info{ width:0;flex:1; position: relative;padding-left: 0px; box-sizing: border-box}
.hotlist li .info .tit{ width:100%;float: left;line-height:1.5em; font-size: 13px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.hotlist li .info .tit a{ color: #333; }
.hotlist li .info .tit a:hover{color: #0079fe;}
.hotlist li .info .p{ width:100%;float: left;line-height:1.5em; font-size: 15px;margin-top:5px;}
.hotlist li .info .p a{ color: #999; }
.hotlist li .num{ width:22px;height: 22px;text-align: center;line-height:22px; border-radius:50%; position: absolute;top:10px;left: 0px; background-color: #f5f5f5;color: #666;}
.hotlist li:nth-child(1) .num{background-color: #f3113c;color:#fff;}
.hotlist li:nth-child(2) .num{background-color: #ff9069;color:#fff;}
.hotlist li:nth-child(3) .num{background-color: #ffc840;color:#fff;}
.hotlist li:nth-child(4) .num{background-color: #f7c8d1;color:#fff;}
.kefubox{ width:100%;float: left;position: relative; }
.kefubox .item{ width:33.3%;float: left;position: relative; text-align:center;padding:6px 0; }
.kefubox .item .icon{ width:100%;text-align:center;float: left;position: relative;}
.kefubox .item .icon i{font-size: 20px; width:40px;height: 40px;line-height:40px;margin:0 auto; border-radius:50%; display: inline-block;}
.kefubox .item .tit{ width:100%;text-align:center;float: left;line-height: 25px; color: #999;position: relative;}
.kefubox .item:nth-child(1) .icon i{ background-color: #d6e7ff; color: #84b5fb;}
.kefubox .item:nth-child(2) .icon i{ background-color: #dae1fb; color: #4875ee;}
.kefubox .item:nth-child(3) .icon i{ background-color: #e0f6fa; color: #05a6c3;}
.kefubox .item:nth-child(4) .icon i{ background-color: #fff4ec; color: #f39c3d;}
.kefubox .item:nth-child(5) .icon i{ background-color: #daeae3; color: #499b77;}
.kefubox .item:nth-child(6) .icon i{ background-color: #edebf5; color: #2a1c67;}
.kefubox .item .thumb{ width:150px;height: 150px;padding:10px; background-color:rgba(0,0,0,.2);position: absolute; top:-170px;left:0;margin-left: -50px; display: none;}
.kefubox .item .thumb span{ width:100%;height: auto;}
.kefubox .item .thumb span img{ width:100%;height: auto; }
.kefubox .item .thumb span::before{ border:solid 6px transparent;border-top:6px solid rgba(0,0,0,.2);position: absolute; bottom:-12px;left: 50%; content:'';margin-left: -8px;}
.kefubox .item:hover .thumb{ display: block; }
@media screen and (max-width:1300px){
    .fenleibox{ width:240px;flex:0 0 240px;}
    .ban-right{ width:240px;flex: 0 0 240px;}
}
@media screen and (max-width:1160px){
    .fenleibox{ width:220px;flex:0 0 220px;}
    .ban-right{ width:200px;flex: 0 0 200px;}
}
@media screen and (max-width:900px){
    .banbox{ flex-wrap: nowrap; flex-direction: column;}
    .fenleibox{display: none;}
    .ban-center{ width:100%; }
    .ban-center .banner{ height: auto; }
    .ban-right{ width:100%;flex: 0 0 100%;}
    .hotlist{min-height: auto;}
}

.main{ width: 100%;float: left;position: relative;padding:10px 0;}
.mainbox{ width:100%;padding:15px 25px;box-sizing: border-box;background-color: #fff;border-radius:5px; position: relative;margin:6px 0; float: left;}
.title{ width: 100%;float: left;position: relative; padding:0; box-sizing:border-box;}
.title .tit{float: left;font-size:24px;font-weight:bold;color: #222;position: relative;padding-left: 15px;line-height:45px;}
.title .tit::before{content:''; position: absolute;left:0; top: 15px;height: 15px;width: 5px;background-color:#0079fe;border-radius: 5px;}
.title .tit2{font-size:20px !important;}
.title  span{ font-size: 13px;color: #999;line-height:45px;padding-left: 10px;}
.title .morea{ float: right;line-height:45px;color: #999;}
.title .morea a{ color: #999; }
.title .tabs{ float: left;position: relative; padding-left: 40px; margin-top:10px;}
.title .tabs span{ padding:0 15px;line-height:30px;height: 30px;margin:0 3px; border-radius: 5px;background-color: #f5f5f5;color: #666; display: inline-block; cursor: pointer;}
.title .tabs .on{background-color: #f80;color: #fff;}

@media screen and (max-width:900px){
	.title{padding:0 10px;}
	.title .tit{ font-size:20px;}
    .title  span{display: none;}
    .mainbox{ width:100%;padding:10px;margin:5px 0;}
}

.bg1{ background-image:linear-gradient(90deg, #d5e7ff 0%, #f7faff 50%,#eff6ff 100%);}

/*热门推荐*/
.commendlist{ width:100%;float: left;position: relative;}
.commendlist li{ width:16.6%;float: left;padding:10px; box-sizing: border-box;position: relative; }
.commendlist li .liin{ width:100%;float: left;position: relative; border:solid 1px #f5f5f5;padding:10px; box-sizing: border-box; border-radius:5px;}
.commendlist li .thumb{ width:100%;float: left;position: relative;padding:20px;box-sizing:border-box; }
.commendlist li .thumb img{ width:100%;height: auto;}
.commendlist li i{ padding:0 10px;line-height: 25px;height: 25px;background-color:#f3113c;position: absolute;top: 0;left: 0;color: #fff;z-index: 2; border-top-left-radius: 5px;border-bottom-right-radius: 15px; font-style:normal; background-image:linear-gradient(to right,#f3113c 0,#f35371 100%);}
.commendlist li .tit{ width:100%;float: left;position: relative; line-height: 35px;text-align:center;white-space: nowrap; overflow: hidden;text-overflow:ellipsis; }
.commendlist li:hover .liin{ border:solid 1px #0079fe; }
@media screen and (max-width:900px){
   .commendlist li{ width:33.3%;float: left;padding:2px;} 
   .commendlist li .thumb{padding:10px;}
}
/*产品*/
.pbox{width:100%;float: left;position: relative;margin:10px 0;}
.pbox .item{ width:20%;float: left;position: relative; border:solid 1px #f5f5f5;position: relative;margin-top:-1px;margin-left: -1px; box-sizing: border-box;z-index: 1;}
.pbox .item .itemin{ width:100%;float: left;position: relative;padding:20px; box-sizing: border-box; border-radius:5px;}
.pbox .item .thumb{ width:100%;float: left;position: relative;padding:20px; box-sizing: border-box;}
.pbox .item .thumb img{ width:100%;height: auto;}
.pbox .item .new{ padding:0 10px;line-height: 25px;height: 25px;background-color:#f3113c;position: absolute;top: 0;left: 0;color: #fff;z-index: 2; border-top-left-radius: 1px;border-bottom-right-radius: 15px; font-style:normal; background-image:linear-gradient(to right,#0079fe 0,#72b0f3 100%);}
.pbox .item em{ padding:0 8px;line-height: 25px;height: 25px;background-color:#0079fe;position: absolute;top: 0;right: 0;color: #fff;z-index: 2; border-top-right-radius: 5px;border-bottom-left-radius: 15px; font-style:normal;}
.pbox .item .tit{ width:100%;float: left;position: relative; line-height: 35px;text-align:center;white-space: nowrap; overflow: hidden;text-overflow:ellipsis; }
.pbox .item2{ width:60%; }
.pbox .item2 .itemin{ padding:0; }
.pbox .item2 .thumb{padding: 0;}
.pbox .item:nth-child(4){ clear: both; }
.pbox .item:hover{ border:solid 1px #f5f5f5;z-index: 2;background-image:linear-gradient(to  top, #d5e7ff 0%, #fff 50%,#fff 100%);}
.pbox .item:hover .tit a{ color: #0079fe }
.cat-pic{ width:100%;float: left;position: relative; display: none; }
.cat-pic .thumb{ width:100%;float: left;position: relative;padding:0px; box-sizing: border-box;}
.cat-pic .thumb img{ width:100%;height: auto;}
@media screen and (max-width:900px){
   .pbox .item2{ display: none; }
   .cat-pic{ display: block; }
   .pbox .item{ width:33.3%;}
   .pbox .item .itemin{padding:10px;}
    .pbox .item .thumb{padding:10px;}
   .pbox .item:nth-child(4){ clear: none; }
   .pbox .item:nth-last-child(1){ display: none; }
}
.pbox2{width:100%;float: left;position: relative;margin:10px 0;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;}
.pbox2 .litpic{ width:320px;flex: 0 0 320px; position: relative;float: left;}
.pbox2 .litpic img{ width:100%;height: auto;}
.pbox2 .plist{ width:100%;float: left;position: relative;flex:1;}
.pbox2 .plist li{ width:25%;float: left;position: relative; border:solid 1px #f5f5f5;position: relative;margin-top:-1px;margin-left: -1px; box-sizing: border-box;z-index: 1;}
.pbox2 .plist li .itemin{ width:100%;float: left;position: relative;padding:20px; box-sizing: border-box; border-radius:5px;}
.pbox2 .plist li .thumb{ width:100%;float: left;position: relative;padding:20px; box-sizing: border-box;}
.pbox2 .plist li .thumb img{ width:100%;height: auto;}
.pbox2 .plist li .tit{ width:100%;float: left;position: relative; line-height: 35px;text-align:center;white-space: nowrap; overflow: hidden;text-overflow:ellipsis; }
.pbox2 .plist li .new{ padding:0 10px;line-height: 25px;height: 25px;background-color:#f3113c;position: absolute;top: 0;left: 0;color: #fff;z-index: 2; border-top-left-radius: 1px;border-bottom-right-radius: 15px; font-style:normal; background-image:linear-gradient(to right,#0079fe 0,#72b0f3 100%);}
.pbox2 .plist li:hover{ border:solid 1px #0079fe;z-index: 2;}
.pbox2 .plist li:hover .tit a{ color: #0079fe }
.pbox2 .plist li:nth-last-child(1){ display: none;}
@media screen and (max-width:1300px){
    .pbox2 .litpic{ width:280px;flex: 0 0 280px;}
}
@media screen and (max-width:1150px){
    .pbox2 .litpic{ width:240px;flex: 0 0 240px;}
}
@media screen and (max-width:900px){
    .pbox2{flex-direction: column;}
    .pbox2 .litpic{ display: none; }
    .pbox2 .plist li{ width:33.3%;}
    .pbox2 .plist li .itemin{padding:10px;}
    .pbox2 .plist li .thumb{padding:10px;}
    .pbox2 .plist li:nth-last-child(1){ display: inline-block;}
}
.youshi{ width:100%;float: left;margin:10px 0; position: relative; }
.youshi .item{ width:25%;float: left; position: relative;padding-right:10px;box-sizing: border-box;}
.youshi .item .itemin{ width:100%;float: left;position: relative;background-color:#fff;border-radius:5px;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;padding:25px 10px; box-sizing: border-box}
.youshi .item .icon{ width:100px; flex:0 0 100px; float: left; margin-top:5px; }
.youshi .item .icon i{ width:50px;height: 50px;float: right;border-radius:50%; line-height:50px;text-align: center; font-size:25px; background-color:#f5f5f5;}
.youshi .item .info{flex:1;width:0; float: left;padding:0px 0 0 20px; position: relative;}
.youshi .item .info .tit{ font-size:20px; font-weight:bold;line-height: 1.5em;}
.youshi .item .info .desc{ font-size:15px;line-height: 1.5em; color: #666;}
.youshi .item:nth-last-child(1){ padding-right: 0; }
.youshi .item:nth-child(1) .itemin{background-image:linear-gradient(135deg, #d5e7ff 0%, #f7faff 50%,#d5e7ff 100%);}
.youshi .item:nth-child(1) .itemin .icon i{ background-color:#0d55ff; color: #fff }
.youshi .item:nth-child(2) .itemin{background-image:linear-gradient(135deg, #b5b8dc 0%, #f2f5fe 50%,#d9e2fa 100%);}
.youshi .item:nth-child(2) .itemin .icon i{ background-color:#3038a6; color: #fff }
.youshi .item:nth-child(3) .itemin{background-image:linear-gradient(135deg, #f8d9c4 0%, #fcf2e9 50%,#f9e6d6 100%);}
.youshi .item:nth-child(3) .itemin .icon i{ background-color:#ed9b37; color: #fff }
.youshi .item:nth-child(4) .itemin{background-image:linear-gradient(135deg, #d8f0e5 0%, #f4fcf9 50%,#e6f9f1 100%);}
.youshi .item:nth-child(4) .itemin .icon i{ background-color:#489a76; color: #fff }
@media screen and (max-width:1100px){
    .youshi .item .icon{ width:60px; flex:0 0 60px;}
}
@media screen and (max-width:900px){
    .youshi .item .icon{ width:40px; flex:0 0 40px;}
    .youshi .item .icon i{ width:40px;height:40px;line-height: 40px; font-size: 18px;}
    .youshi .item{ width:50%;padding:5px;}
    .youshi .item .info .tit{ font-size:16px;}
}
/*合作品牌*/
.brandlist{ width:100%;float: left; position: relative;margin:5px 0;}
.brandlist li{ width:16.6%;float: left;padding:5px; box-sizing: border-box;position: relative; }
.brandlist li .thumb{ width:100%;float: left;position: relative;padding:10px; box-sizing: border-box;border:solid 1px #eee; border-radius:5px;}
.brandlist li .thumb img{ width:100%;height: auto;}
.brandlist li:nth-child(7),.brandlist li:nth-child(13){ clear:both}
@media screen and (max-width:900px){
   .brandlist li{ width:33.3%;}
   .brandlist li:nth-child(3n+1){clear:both}
}
/*新闻*/
.news{ width:100%;float: left;position: relative;margin:10px 0;}
.newsbox{ width:33.3%; float: left;position: relative;box-sizing: border-box;}
.newsbox2{ width:66.6%; float: left;position: relative;padding-left:15px;box-sizing: border-box;}
.box{ width:100%;float: left;padding:10px 25px; background-color:#fff;border-radius:5px; position: relative;box-sizing: border-box;}
.box .tits{ width:100%;float: left;line-height: 45px;height: 45px;border-bottom:solid 1px #eee; font-size:18px;font-weight:bold;}
.box .tits span{ float: right;font-weight:normal; color: #999;font-size:13px;}
.newsbox .firstnews{ width:100%;float: left;position: relative;margin:20px 0 10px 0;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;}
.newsbox .firstnews .thumb{ width:140px;flex:0 0 140px; float: left;position: relative; }
.newsbox .firstnews .thumb img{ width:100%;height: auto;border-radius:5px;}
.newsbox .firstnews .info{ width:0; flex:1; padding-left: 15px;box-sizing: border-box;position: relative;}
.newsbox .firstnews .info .tit{ width:100%;float: left;line-height: 1.6em;font-size:15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight:bold; }
.newsbox .firstnews .info .desc{ width:100%;float: left;position: relative;margin-top:5px; line-height: 1.5em;color: #999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;}
.newsbox .firstnews .info .p{ width:100%;float: left;text-align: right;line-height: 1.6em;color: #757575;margin-top:8px; }
.newsbox .newslist{ width:100%;float: left;position: relative;margin:5px 0; }
.newsbox .newslist li{ width:100%;float: left;line-height:45px;height: 45px;border-bottom:solid 1px #f5f5f5;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;position: relative;}
.newsbox .newslist li a{float: left;white-space: nowrap;overflow: hidden;text-overflow:ellipsis; flex:1;}
/*.newsbox .newslist li a::after{ position: absolute;content:''; width:5px;height: 5px;background-color:#0079fe;border:solid 0px #0079fe;top:20px; left: 0}*/
.newsbox .newslist li span{ float: right;position: relative;color: #999;flex:0 0 100px;width:100px;text-align:right;}
.newsbox .newslist li a:hover{color: #0079fe;}
.newsbox .newslist li i{ font-size:15px; color: #0b0f60;font-weight:bold;margin-right:8px; font-style: normal;}
.newsbox .newslist li:nth-child(1) i{color:#f3543d;}
.newsbox .newslist li:nth-child(2) i{color:#ff9069;}
.newsbox .newslist li:nth-child(3) i{color:#f7c8d1;}

.newsbox2 .newslist{ width:100%;float: left;position: relative;margin:5px 0; }
.newsbox2 .newslist li{ width:50%;float: left;line-height:45px;height: 45px;border-bottom:solid 1px #f5f5f5;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;position: relative;box-sizing: border-box}
.newsbox2 .newslist li span{ float: right;position: relative;color: #999;flex:100px;width:100px;text-align:right;}
.newsbox2 .newslist li a{width:100%;float: left;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.newsbox2 .newslist li a:hover{color: #0079fe;}
.newsbox2 .newslist li i{ font-size:15px; color: #0b0f60;font-weight:bold;margin-right:8px; font-style: normal;}
.newsbox2 .newslist li:nth-child(1) i{color:#f3543d;}
.newsbox2 .newslist li:nth-child(2) i{color:#ff9069;}
.newsbox2 .newslist li:nth-child(3) i{color:#f7c8d1;}
.newsbox2 .newslist li:nth-child(odd){ padding-right:10px;}
.newsbox2 .newslist li:nth-child(even){ padding-left:10px;}
.newsbox2 .asklist{ width:100%;float: left;position: relative;margin:4px 0 0; }
.newsbox2 .asklist li{ width:50%;float: left;position: relative; box-sizing: border-box}
.newsbox2 .asklist li .tit{ width:100%;float: left;line-height: 45px;height: 45px; white-space: nowrap;overflow: hidden;text-overflow:ellipsis; font-size:15px;}
.newsbox2 .asklist li .tit i{background-color:#f3543d; width:22px;height: 22px;line-height: 22px;text-align:center;float: left;margin-top:12px;margin-right:8px;font-style: normal;color: #fff;border-radius:2px;}
.newsbox2 .asklist li .desc{ width:100%;float: left;position: relative;margin-top:5px;}
.newsbox2 .asklist li .desc i{background-color:#8dc1fa; width:22px;height: 22px;line-height: 22px;text-align:center;float: left;margin-top:0px;margin-right:8px;font-style: normal;color: #fff;border-radius:2px; position: absolute;left: 0;top:0;}
.newsbox2 .asklist li .desc .info{ width:100%;float: left; padding-left: 30px;box-sizing: border-box }
.newsbox2 .asklist li .desc .info .cont{background-color:#e5f0fb;padding: 15px;border-radius:5px;color: #666}
.newsbox2 .asklist li .desc .info p{ line-height:1.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp: 3;-webkit-box-orient:vertical;}
.newsbox2 .asklist li:nth-child(1){padding-right:10px;}
.newsbox2 .asklist li:nth-child(2){padding-left:10px;}
@media screen and (max-width:1100px){
    .newsbox .firstnews .thumb{ width:120px;flex:0 0 120px;}
}
@media screen and (max-width:900px){
    .newsbox{ width:100%;}
    .newsbox2{ width:100%;padding-left:0px;}
    .box{padding:10px;}
    .newsbox2 .newslist li{ width:100%;}
    .newsbox2 .newslist li span{ display: none;}
    .newsbox2 .asklist li:nth-child(1){padding-right:0px;}
    .newsbox2 .asklist li:nth-child(2){padding-left:0px;}
    .newsbox2 .asklist li{ width:100%;margin:10px 0;}
    .newsbox2 .asklist li:nth-child(1){padding-right:0px;}
    .newsbox2 .asklist li:nth-child(2){padding-left:0px;}
}
.links{ width: 100%;float: left;position: relative;padding:10px 0 15px 0;}
.links .linklist{ width: 100%;float: left;position: relative;line-height:2em;}
.links .linklist .tit{ float: left;color: #333;}
.links .linklist a{ float: left;padding:0 10px;display: block;; color: #666; }