@charset "utf-8";
/*
 * 厦门好时捷
 * 请尊重他人劳动成果，你可以模仿页面，但是请自己写代码！
 * 技术支持：QQ2863868475
 * 2026-04-01
 * coyright@tengcee.com
*/
@import url("public.css");
@import url("page.css");
/*@import url("iconfont/iconfont.css");*/
.header { position:relative; left:0; z-index:9999; width:100%;min-height: 135px;}
.logo_right { float:right;}
.top1 {height: 40px; width: 100%; line-height: 40px; color: #222;position:relative; background-color: #f5f5f5}
.top1_right {float:right; display: inline-block;position:relative;}
.top1_right span { line-height: 40px; color: #666; float: right;margin:0 5px;position:relative;  }
.top1_right span a { color:#333; text-decoration:none; }
.top1_right .linea { color:#666; margin:0 2px;float: right; }
.top1_right span em{ color: #ff0000;font-style: normal; }
.top1_right .toptel{}
.top1_right .toptel .tel{color:#c30d23 ;}
.top1_right .toptel a{text-decoration: underline;color:#c30d23;font-weight:bold;}
.top1_right .toptel i{ font-size:14px;margin-right: 3px;}

#weixin2 { float: right; width: 140px; position: absolute; top: 38px; right: -20px;padding-top: 8px; display:none; line-height: 20px; text-align: center; color: #666; z-index:999; box-shadow: 0 0 10px rgba(0,0,0,.2)}
#weixin2::before{content:''; position: absolute; top: -20px;left: 50%;border:solid 15px transparent;border-bottom: solid 15px #fff;margin-left:-10px;}
#weixin2 p{float:left; line-height: 25px; background-color: #FFF; text-align: center; padding: 5px; }
#weixin2 img {width: 120px;height: auto;}

.logobox{width: 100%;float: left;position: relative;background-color: #fff;z-index: 99;}
.logobox2{ position: fixed;z-index: 999;top: 0;left: 0;box-shadow:0 0 10px rgba(0,0,0,.1);}
.logoflex{width: 100%;float: left;position: relative;display: flex;flex-direction: row;justify-content: space-between}
.logo { float: left; padding: 10px 0;position: relative;flex:0 0 160px;}
.logo img{max-width:100%;height: auto;}
.logo-text{ float: left; padding-left:50px; background-image:url('../images/linea.png');background-position:20px center; background-repeat:no-repeat; margin-top: 25px; padding-top:5px;}
.logo-text h4{font-size: 22px;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: #005bac;font-weight: 600;width: 100%;float: left;}
.logo-text h4 span{ float: left;margin-right:1px; }
.logo-text p{font-size: 18px;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: #333;}

.logobox2 .logo{padding: 5px 0;max-width:120px;}
.logobox2 .navlist li {line-height: 70px; height:70px;-webkit-transition: all 0.3s ease-in; -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;}
.logobox2 .search{margin: 15px 0 10px 0;transition: all 0.3s ease-in;}

.nav{ width:100%; float:left; position: relative;padding:0 50px; box-sizing: border-box;}
.navlist { float:left; width: 100%; position: relative; }
.navlist li { float: left; font-size: 16px; line-height: 95px; height:95px; position:relative;width:12.5%; text-align: center;-webkit-transition: all 0.3s ease-in; -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;}
.navlist li a { color:#333; text-decoration:none; display:block; }
.navlist li a i{margin-left:3px; opacity: .8;transition: all 0.3s ease-in;}
.navlist li a:hover { color:#c30d23; text-decoration:none; }
.navlist li:hover a i{transform: rotate(180deg);transition: all 0.3s ease-in;}
.navlist li.on a {text-decoration:none;color:#c30d23;}
.navlist dl{ width:100%; font-size:13px; position:absolute; top:95px; left:0px; background-color: #fff;z-index: 10;box-shadow:0 0 10px rgba(0,0,0,.1); padding:10px 0;}
.navlist dl dd { height:40px; line-height:40px; text-align: center; white-space: nowrap; font-weight: normal; }
.navlist dl dd a{ color:#333; padding:0px; }
.navlist dl .on a{ color:#c30d23;}
.navlist li.on dl dd a{ color:#333;}
.navlist li.on dl .on a{ color:#c30d23;}
.navlist dl dd a:hover{ color:#c30d23;}
.navlist li.on { color:#c30d23;}
.logobox2 .navlist dl{top: 70px;}

.search{ width: 250px;float: right;flex:0 0 250px; position: relative;margin: 30px 0 10px 0;transition: all 0.3s ease-in;}
.search .search-form{float: left;position: relative;width: 100%;}
.search .search-input{ width: 100%;line-height: 40px;height: 40px;padding:0 10px;box-sizing: border-box;border:solid 1px #e2e2e2; float: left; border-radius:3px;}
.search .search-btn{ position: absolute;top: 10px;right: 10px;border:none; background-color:#fff;}
.search .search-btn i{font-size:20px;color:#c30d23}

.imenu { float: right; margin-top:27px; margin-right: 10px; display: none;position: relative;}
.imenu .dh{width: 25px; cursor: pointer;}
.imenu .menuline{ width: 25px;height:2px;background-color:#666;float: left;border-radius:5px;}
.imenu .l1{margin-top: 3px;}
.imenu .l2{margin-top: 5px;width: 16px;}
.imenu .l3{margin-top: 5px;width: 22px;}
.logobox2 .imenu {margin-top:20px;}
.isearch { float: right;line-height: 70px; margin-right: 0px; display: none;position:absolute; cursor: pointer;right: 40px;top: 0;width: 40px;text-align:center; padding-top: 2px}
.logobox2 .isearch {line-height: 60px;}
.isearchclose{ width: 100%;text-align: center;margin-bottom: 40px;display: none; }
.isearchclose span{ font-size: 30px;color: #fff;cursor: pointer; display: inline-block;border:solid 1px rgba(255,255,255,.5);border-radius: 50%; background-color:rgba(255,2552,255,.03);padding:3px;}
@media screen and (max-width:1200px){
    .logo{ padding-left: 10px; }
    .nav{padding:0 20px;}
    .search{ width: 180px;flex:0 0 180px;}
}
@media screen and (max-width:1000px){
	.nav{padding:0 10px;}
    .search{ width: 120px;flex:0 0 120px;}
}
@media screen and (max-width:900px){
	.header{min-height: auto;}
	.top1{ display: none;}
	.logo{ width: 130px; box-sizing: border-box; padding:10px; flex:0 0 130px;}
	.logo img {width: 100%; height: auto;}
	.nav{ display: none; }
	.search{display: none;}
	.imenu{display: block;}
	.isearch{display: block;}
	.search{ width: 100%;height: 100vh;position: fixed;z-index: 9999;background-color:rgba(0,0,0,.6);padding:20px;box-sizing:border-box;top: 0;left: 0;margin:0;}
	.search .searchbox{width: 100%;margin-top:40%;}
	.isearchclose{ display: block; }
}

.nav_wap{ display: none;height:50px; line-height:50px; width: 100%; position:relative; background-color: #005bac;font-size:1rem;}
.nav_wap li { float:left; width: 16.6%; text-align:center; font-size:.9rem; position:relative; border-left:solid 1px #014e93; border-right: solid 1px #0475db; box-sizing:border-box;}
.nav_wap li a{ color: #fff; }
.nav_wap li.cur{background-color:#0475db;}
@media screen and (max-width:1200px){
	.nav_ul li{ text-align: center;}
    .nav_ul li a{ padding: 0 auto; }
    .nav_ul li.home{}
    .nav_ul .nav_line{ display: none; }
}
@media screen and (max-width:900px){
	.nav{ display: none; }
	.nav_wap{display: block;}
}

/*左侧菜单*/
.overlay{position: fixed;display: none;width: 0;height: 0;top: 0;right: 0;background-color: rgba(255,255,255,.95);z-index: 999998;transform-origin: top right; transform: scale(0); border-radius: 0 0 0 200vh;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); box-sizing: border-box;}
.overlay.active {width: 200vw;height: 150vh;border-radius: 0 0 0 250vh;  transform: scale(1); padding-left:100vw;}
.nav_close{ position: absolute; top:38px; right: 18px;z-index: 99999;}
.nav_close img{ width: 35px; height: 35px; }
.icontact{ width: 100%; position: relative;margin-top:40px; padding:0px;box-sizing: border-box;float: left; }
.icontact .itel{ width:100%; height:55px; float:left; color:#fff; text-align:center;border-radius:35px; font-size:15px; line-height:55px;    background-color: #c30d23;background-image: linear-gradient(270deg, #ff7b55, #f5151d);}
.icontact .itel i{color: #fff;font-size: 18px;margin-right: 10px;}
.icontact .itel a{color: #fff;}

.navbox{position:relative; left:0; top:0px; z-index: 99;padding:0;overflow-y: hidden;height: 100%; padding:20px;transition: all .5s;}
.nav2{position:relative; float: right; margin width: 100%;}
.nav2 li{float:left;width: 100%;position: relative;margin:5px 0; border-bottom: solid 1px rgba(0,0,0,.1);}
.nav2 li .pname{ width: 100%;float: left;line-height: 45px; font-size: 16px;}
.nav2 li .pname a{ color: #fff;}
.nav2 li .pname i{ font-size: 12px;color: #fff;margin-right: 0px;float: right;transform: rotate(0deg);margin-top:5px;transition:all ease 0.5s;}
.nav2 li .pname em{ font-size: 15px;color: #fff;margin-right: 2px; }
.nav2 li .sub{ width: 100%;float: left; position: relative;display: none;}
.nav2 li .sub span{width: 33.3%; box-sizing: border-box; float: left;padding:3px;}
.nav2 li .sub span a{ color: #fff;border:solid 1px rgba(255,255,255,.1);line-height: 35px;text-align:center;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;opacity: .8;}
.nav2 li.on .sub{display: block;}
.nav2 li.on .pname i{transform: rotate(90deg); transition:all ease 0.5s;}

.mmenu2{width: 100%;float: left;position: relative;padding:80px 0 15px 0;}
.mmenu2 .item{ width: 25%;float: left;padding:5px;box-sizing: border-box; position: relative;border:solid 0px #f5f5f5;}
.mmenu2 .item .itemin{ width: 100%;float: left;position: relative;padding:5px;box-sizing: border-box;}
.mmenu2 .item .icon{ width: 100%;float: left;text-align:center;}
.mmenu2 .item .icon img{width: 50px;height: auto}
.mmenu2 .item .tit{ width: 100%;float: left;position: relative;box-sizing: border-box; line-height: 35px;text-align: center}

/*banner*/
.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;}
.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.8;filter: alpha(opacity=80);-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:1;filter: alpha(opacity=100);}
.banner a.prev_btn { left: 50px; background-image: url('../images/arrow-left2.png')}
.banner a.next_btn { right: 50px;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:#008cea;border:solid 2px #008cea;}

@media screen and (max-width:900px){
	.banner{box-sizing:border-box;z-index: 980;overflow: hidden;}
	.banner_scale,.swiper-img{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);}
}


/*常用css*/
.mainbox {width: 100%; position: relative;padding: 50px 0;float: left;}
.garybg{background-color:#f7f7f7;}
.main { float: left; width: 100%; position: relative; }
.main2 {width: 100%; position: relative;padding: 25px 0; }
.main1 { background-color: #f3f7fa; width: 100%; padding: 45px 0; position: relative; }

.title { width: 100%; padding: 25px 0 10px 0; position: relative;overflow: hidden;}
.title h2 { font-size: 40px; line-height: 1.6em;color: #000; text-align: center; width: 100%;font-weight: bold;position: relative;float: left;}
.title h2 span{ color: #c30d23; line-height: 50px; font-size:40px; text-transform: uppercase; margin:0 20px;}
.title h3 { font-size: 40px; line-height: 50px; color: #000; text-align: center; width: 100%; font-weight: bold;position: relative;float: left;}
.title i,.title h3 span{ color: #c30d23; line-height: 50px; font-size:40px; text-transform: uppercase; font-style:normal;}
.title .desc{line-height: 40px; color: #777; text-align: center;width: 100%; font-size: 18px; text-transform: uppercase; position: relative;display: flex; align-items: center;justify-content: center; text-align: center;margin-top:10px; opacity: .7;}
.title .desc span{height: 40px; display: inline-flex; align-items: center; justify-content: center;margin:0 4px;}
.title .desc span.tleft{ width: 60px;background-image:url('../images/title-left.png'); background-position:center; display: inline-block; background-repeat:no-repeat;flex-shrink: 0;}
.title .desc span.tright{ width: 60px;background-image:url('../images/title-right.png'); background-position:center; display: inline-block; background-repeat:no-repeat;flex-shrink: 0;}
.title2 { width: 100%; margin: 10px 0 10px 0; position: relative;overflow: hidden; float: left;line-height: 50px;}
.title2 .tit { font-size: 28px;color: #000;font-weight: bold;position: relative;float: left;padding-left:15px; box-sizing: border-box;}
.title2 .tit::before{content:''; position: absolute;left: 0px;top:50%;;margin-top:-11px;height: 22px;width: 6px;background-color:#f5151d;border-radius:3px;}
.title2 .desc{ padding-left:40px;color:#777; float: left; font-size: 18px;}
.title2 .tit-more{ float: right; font-size: 15px;}
.title2 .tit-more a{ color:#777;}
.line1{ width: 100%; line-height: 2px; height: 2px; border-bottom: solid 1px #e2e2e2; position: absolute; top: 30px; z-index: 0;}

@media screen and (max-width:1200px){
	.title{padding:15px 0; box-sizing: border-box;}
	.title h2 { font-size:30px;}
	.title h3 { font-size: 26px; line-height: 50px;}
	.title p{ padding: 5px 10px; box-sizing: border-box; font-size: .9rem; line-height: 1.5em; }
}
@media screen and (max-width:900px){
	.title{padding:15px 10px;box-sizing:border-box;}
	.title h2 { font-size: 26px; line-height:1.5em;margin-bottom: 5px;}
	.title h2 span{line-height: 1.8em; font-size:16px; margin:0 10px;width: 100%;float: left;}
	.title h2 i{ font-size: 26px; }
	.title h3 { font-size: 26px; line-height:1.5em;margin-bottom: 5px;}
	.title h3 span{line-height: 1.8em; font-size:16px; margin:0 10px;width: 100%;float: left;}
	.title p{ padding: 5px 10px; box-sizing: border-box; font-size: .9rem; line-height: 1.5em; }
	.title .desc{font-size: 13px;margin-top:10px;line-height:1.5em;}
	.title .desc span{height: 30px;}
	.main1 {padding: 15px 0;}
	.mainbox {padding: 20px 0;}

	.title2 {line-height: 40px;padding:0 15px ; box-sizing:border-box;margin:10px 0 0 0;}
	.title2 .tit { font-size: 18px;padding-left:15px;}
	.title2 .tit::before{left: 2px;}
	.title2 .desc{display: none}
	.title2 .tit-more{ float: right; font-size: 15px;}
	.title2 .tit-more a{ color:#777;}
}

.more{ width:240px; margin:25px auto 5px auto; border:solid 0px #e2e2e2; border-radius: 5px;line-height:60px; height:60px; background-color:#fff; position:relative;box-shadow: 0 0 10px rgba(0,0,0,.05)}
.more .more-text{ width: 100%; text-align: center;font-size: 16px; position: relative; z-index: 9;}
.more .more-text i{margin-left:15px; font-size:13px;}
.more .more-ico{ width: 60px;flex:0 0 60px;}
.more a{color: #666; display: block; position: relative;}
.more::before{height: 0px;width: 100%;transition: all ease 0.5s;background-color:#c30d23;content:'';position: absolute;left: 0;bottom: 0;z-index: 0;border-radius: 5px;}
.more:hover::before{width: 100%;height: 60px;}
.more:hover a{ color:#fff; }
@media screen and (max-width:900px){
	.more{ width:200px; margin:20px auto 5px auto;border-radius: 5px;line-height:50px; height:50px;}
}

.catlist{ width: 100%; text-align: center; font-size: 0px; margin:10px 0; float: left;}
.catlist .item{ padding: 0px; font-size: 15px; display:inline-block;box-sizing: border-box; }
.catlist .item-line{ padding: 0px; font-size: 15px; display:inline-block;box-sizing: border-box;color: #999}
.catlist .item a{line-height:40px; height: 40px;color:#333;display: block; text-align: center; padding:0 15px;}
.catlist .item.on,.catlist .item a:hover {color:#c30d23; text-decoration:none;}
.catlist .item.on a{ color: #c30d23; }
.catlist .item-line:nth-last-child(1){display: none;}
@media screen and (max-width:900px){
	.catlist{padding: 0 10px;box-sizing: border-box;}
	.catlist .item a{line-height:30px; height: 30px;padding:0 10px;}
}

.entries{width: 100%;float: left;position: relative;padding:40px 0;}
.entries .item{ width: 20%;float: left;padding:5px;box-sizing: border-box; position: relative;border:solid 0px #f5f5f5;}
.entries .item .itemin{ width: 100%;float: left;position: relative;padding:10px; box-shadow:0 0 10px rgba(0,0,0,.1); display: flex;box-sizing: border-box;transition: all .4s ease;}
.entries .item .info{ width: 100%;float: left;position: relative; padding:10px;box-sizing: border-box;}
.entries .item .info .t{ width: 100%;float: left;line-height: 2em;font-size:20px;}
.entries .item .info .d{ width: 100%;float: left;line-height: 1.6em;font-size:13px;height: 4.8em;color: #757575;margin-top: 5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp: 3;-webkit-box-orient:vertical;}
.entries .item .icon{ width: 60px;flex: 0 0 60px;float: right;text-align:center;margin-top:40px;}
.entries .item .icon span{ font-size:36px;color: #c30d23;font-weight:bold;}
.entries .item:hover .itemin{box-shadow:0 0 15px rgba(0,0,0,0.15);margin-top: -10px;margin-bottom: 10px;transition: all .4s ease;}
@media screen and (max-width:1200px){
	.entries .item .info .t{font-size:16px;}
}
@media screen and (max-width:900px){
	.entries{ display: none; }
	.entries .item{ width:100%;}
	.entries{padding:15px 0;}
}

.mmenu{width: 100%;float: left;position: relative;padding:15px 0; display: none}
.mmenu .item{ width: 20%;float: left;padding:5px;box-sizing: border-box; position: relative;border:solid 0px #f5f5f5;}
.mmenu .item .itemin{ width: 100%;float: left;position: relative;padding:5px;box-sizing: border-box;}
.mmenu .item .icon{ width: 100%;float: left;text-align:center;}
.mmenu .item .icon img{width: 50px;height: auto}
.mmenu .item .tit{ width: 100%;float: left;position: relative;box-sizing: border-box; line-height: 35px;text-align: center}
@media screen and (max-width:900px){
	.mmenu{ display: block; }
}
.xiaoguotu{ width: 100%;float: left;position: relative;padding:20px 0;box-sizing: border-box; }
.xiaoguolist{ width: 100%; float: left; padding:0 20px 10px 20px; position: relative;box-sizing: border-box;}
.xiaoguolist li{ width: 16.6%; float: left; box-sizing: border-box;position: relative; overflow: hidden; padding:10px;}
.xiaoguolist li .liin{ width: 100%; float: left;box-sizing: border-box;position: relative; border:solid 0px #f5f5f5; border-radius:2px;overflow: hidden; box-shadow:0 0 10px rgba(0,0,0,.1);}
.xiaoguolist .thumb {float: left; width: 100%; position: relative; box-sizing:border-box;}
.xiaoguolist .thumb img{ width: 100%; height:auto; opacity: .9;background-color: #2a7eef;}
.xiaoguolist .info {float: left; width: 100%; position: relative; box-sizing:border-box; padding:10px 15px;}
.xiaoguolist .info .tit{ width: 100%;float: left;position: relative;line-height:45px; display: flex;}
.xiaoguolist .info h3{ width:100%; line-height:45px; float:left; font-size: 18px; padding: 0px; color: #222;box-sizing: border-box; font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xiaoguolist .info .tit .mianji{float: right; color: #999;text-align:center;white-space: nowrap;}
.xiaoguolist .info .tit .mianji span{margin:0 10px;}
.xiaoguolist .info p{ width:100%; line-height:25px; padding:0 10px;box-sizing: border-box; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; color: #999; text-align: center; height: 50px; float: left;padding-bottom: 15px;background-color: #f5f5f5; }
.xiaoguolist .info dt{ width: 100%; padding:15px 0; float: left;background-color: #f5f5f5;  }
.xiaoguolist .swiper-slide-active {-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;}
.xiaoguolist .swiper-button-next,.xiaoguolist .swiper-button-prev{background-repeat: no-repeat;background-position: center center; width: 40px; height: 40px;background-size: contain;-moz-background-size: contain;-webkit-background-size: contain; top: 50%;filter:alpha(opacity=85);opacity:0.85;}
.xiaoguolist .swiper-button-next{ background-image:url('../images/arrow-right2.png'); right: 20px;}
.xiaoguolist .swiper-button-prev{ background-image:url('../images/arrow-left2.png'); left: 20px;}
.xiaoguolist .swiper-button-next:hover,.shili .swiper-button-prev:hover{ filter:alpha(opacity=100);opacity:1;}
.swiper-button-prev:after, .swiper-button-next:after {content:'';}
@media screen and (max-width:900px){
	.xiaoguotu{ padding:2px 0; }
	.xiaoguolist{padding:0 0 10px 0;}
	.xiaoguolist li{ width:100%;padding: 5px;}
	.xiaoguolist h3{font-size:13px;}
	.xiaoguolist p{ width:100%; line-height:1.6em; height: 3.2em; font-size: .8rem;}
	..xiaoguolist .swiper-button-next,.xiaoguolist .swiper-button-prev{ display: none; }
}
@media screen and (max-width:1280px){
	.xiaoguolist .swiper-button-next{ right: 5px;}
	..xiaoguolist .swiper-button-prev{ left: 5px;}
}

/*案例*/
.case{ width: 100%;float: left;position: relative;padding:20px 0;box-sizing: border-box; }
.case .item{ width:24.5%;float: left; position: relative;padding:8px;box-sizing: border-box;}
.case .item .itemin{ width: 100%;float: left; position: relative;padding:0px;box-sizing: border-box;border-radius:15px; overflow: hidden;}
.case .item .thumb {float: left; width: 100%; position: relative; box-sizing:border-box;}
.case .item .thumb img{ width: 100%; height:auto; opacity: .9;background-color: #2a7eef;transition: all 0.3s ease-in;}
.case .item .layer{ width: 100%;height: 100%;position: absolute;background-color:rgba(0,0,0,0);top: 0;left: 0;z-index: 10;background-image:linear-gradient(to top, rgba(0,0,0,.5) 0%,rgba(0,0,0,.1) 50%);}
.case .item .info {float: left; width: 100%;box-sizing:border-box; padding:15px;position: absolute;left: 0;bottom: 0}
.case .item .info .tit{ width:100%; line-height:2em; float:left; font-size: 18px; padding: 0px; color: #fff;box-sizing: border-box; font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin:2px 0;}
.case .item .info .tit a{ color: #fff;}
.case .item .info .desc{float: left; color: #fff;white-space: nowrap;width: 100%;line-height: 2em;font-size: 13px;}
.case .item .info .desc span{margin-right:15px;opacity: .6}
.case .item .info .time{float: left; color: #fff;width: 100%;line-height: 2em;font-size: 15px;}
.case .item .cate{float: left; color: #fff;width: 100%; position: absolute;top: 15px;left: 15px;}
.case .item .cate span{ padding:0 12px;line-height:30px;height: 30px;background:linear-gradient(270deg,#f5151d,#f5151d);border-radius:25px;float: left; }
.case .item:nth-child(1){width: 50%;}
.case .item:nth-child(1) .info {padding:25px;}
.case .item:nth-child(1) .info .tit{ font-size: 24px;margin:6px 0;}
.case .item:nth-child(1) .info .desc{font-size: 15px;}
.case .item:nth-child(1) .cate span{ padding:0 15px;line-height:35px;height: 35px;}
.case .item .hottag{position:absolute;display:block;right:5px;top:20px;height:30px;line-height:30px;font-size:14px;color:#fff;padding:0 5px 0 12px;border-top-left-radius:13px;border-bottom-left-radius:13px;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FF7B55,endColorstr=#F5151D);background:-webkit-gradient(linear,right top,left top,from(#ff7b55),to(#f5151d));background:linear-gradient(270deg,#ff7b55,#f5151d);font-style:normal;z-index: 999}
.case .item .hottag:after{content:" ";width:0;height:0;border-width:2px;border-style:solid;position:absolute;right:0;bottom:-4px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color: #a00005 transparent transparent #a00005;}
.case .item:hover .thumb img{transform: scale(1.2, 1.2);background-color:#000;-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;}
@media screen and (max-width:900px){
	.case{padding:10px 0 0 0;}
	.case .item{ width:100%;}
	.case .item:nth-child(1){width: 100%;}
	.case .item:nth-child(1) .info {padding:10px;}
	.case .item:nth-child(1) .info .tit{ font-size: 15px;margin:0;}
	.case .item:nth-child(1) .info .desc{font-size: 13px;}
	.case .item .itemin{border-radius:5px;}
	.case .item .info {padding:10px;}
	.case .item .info .tit{font-size: 15px;}
	.case .item .info .tit a{ color: #fff;}
	.case .item .info .desc span{margin-right:10px;opacity: .6}
}
/*流程*/
.liucheng{ width: 100%;position: relative;padding:60px 0; float: left; background-image:url('../images/cbg.jpg');background-size:100%;margin-top: 30px;}
.liucheng .liuchenglist{ width: 100%;float: left;position: relative;display: flex;margin:20px 0;}
.liucheng .liuchenglist .item{ width: 25%;float: left;padding:10px;box-sizing: border-box;}
.liucheng .liuchenglist .item .itemin{ width: 100%;float: left;position: relative;background-color:rgba(0,0,0,.3); padding:15px 0;border-radius:5px;}
.liucheng .liuchenglist .item .icon{ width: 100%;float: left; position: relative; text-align: center;margin:15px 0;color: #fff;}
.liucheng .liuchenglist .item .icon i{ font-size:45px; opacity: .8;color: #c30d23; transition:all ease .5s;}
.liucheng .liuchenglist .item .info{ width: 100%;float: left;position: relative;padding:15px 0;text-align: center;}
.liucheng .liuchenglist .item .info .tit{ width: 100%;float: left;line-height: 35px;font-size: 18px;color: #fff; }
.liucheng .liuchenglist .item .info .desc{ width: 100%;float: left;line-height: 1.8em;font-size: 15px;color: #fff;opacity: .6;height:3.6em;}
.liucheng .liuchenglist .item:hover .itemin{background-color:#c30d23; transition:all ease .5s;}
.liucheng .liuchenglist .item:hover .icon i{ color: #fff !important; }
@media screen and (max-width:900px){
	.liucheng{padding:40px 0;margin-top: 20px;}
	.liucheng .liuchenglist{margin:10px 0; flex-direction: column;}
	.liucheng .liuchenglist .item{ width: 100%; padding:5px 10px;}
	.liucheng .liuchenglist .item .itemin{ padding:10px 0; display: flex;}
	.liucheng .liuchenglist .item .icon{margin:15px 0;width: 80px; flex:0 0 80px;}
	.liucheng .liuchenglist .item .info{ width: 100%;padding:10px 0; text-align: left;}
	.liucheng .liuchenglist .item .info .tit{ line-height: 35px;font-size: 16px;color: #fff; }
	.liucheng .liuchenglist .item .info .desc{font-size: 13px;height: auto;}
}
.gonglue{ width: 100%;float: left;position: relative;padding:40px 0 60px 0;background-color:#f5f5f5;}
.gonglue .gongluebox{ width: 100%;position: relative;padding:0;display: flex;align-items: stretch;background-color:#fff;overflow: hidden;}
.gonglue .gongluebox .swiper{ width:65%;flex:0 0 65%;position: relative;height: 100%;}
.gonglue .gongluebox .swiper .thumb{ width: 100%;float: left;}
.gonglue .gongluebox .swiper .thumb img{ width: 100%;height: auto;}
.gonglue .gongluebox .gonglueright{ width: 35%;flex:0 0 35%;background-color:#fff; padding:10px 30px;box-sizing: border-box;display: flex;flex-direction: column;height: auto;}
.gonglue .gongluelist{ width: 100%;position: relative;overflow-y: auto;flex: 1;}
.gonglue .gongluelist li{ width: 100%;float: left;padding:8px 0; border-bottom:solid 1px #f5f5f5;display: flex;line-height:35px;}
.gonglue .gongluelist li .tit{ width: 100%;float: left;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.gonglue .gongluelist li .tit a{color:#333;}
.gonglue .gongluelist li .tit a:hover{color:#c30d23;}
.gonglue .gongluelist li .time{ float: right;flex:0 0 80px; color:#999; text-align: right;}
.gonglue .gongluelist li:nth-child(1){}
.gonglue .gongluelist li:nth-last-child(1){border-bottom:none;}
.gonglue .gongluelist .first{ flex-direction: column; padding-bottom:15px;}
.gonglue .gongluelist .first .tit{ font-size: 18px; line-height:2em;}
.gonglue .gongluelist .first .tit i{ width: 20px;height: 20px;line-height: 20px;text-align: center;background-color:#f5151d; color:#fff; float: left;margin-top:8px;font-size: 13px; font-style: normal;border-radius:5px;margin-right:3px;}
.gonglue .gongluelist li.first .desc{ width: 100%;float: left;line-height:1.4em;font-size: 14px;color: #999;margin:6px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp: 3;-webkit-box-orient:vertical;}
.gonglue .gongluelist li.first .time{ width: 100%;flex:0 0 100%;}
.gonglue .gongluelist li.first .p{ width: 100%;float: left;line-height:30px;font-size: 14px;color: #999;margin-top:6px;}
.gonglue .gongluelist li.first .p .t{float: left;}
.gonglue .gongluelist li.first .p .detail{float: right; }
.gonglue .gongluelist li.first .p .detail a { border:solid 1px #e2e2e2;border-radius:15px;padding:0 10px;line-height:30px; float: left; color: #666;font-size: 13px}
.gonglue .gongluelist li.first .p .detail a:hover{background-color:#c30d23; color:#fff;border:solid 1px #c30d23;}

.gonglueswiper{ width: 100%;float: left;position: relative;height: 100% !important}
.gonglueswiper .swiper-slide {height: 100% !important;}
.gonglue .swiper-button-next,.gonglue .swiper-button-prev{ background-repeat: no-repeat;background-position: center center; width: 40px; height: 40px;background-size: contain;-moz-background-size: contain;-webkit-background-size: contain; top: 50%;filter:alpha(opacity=85);opacity:0.65;}
.gonglue .swiper-button-next{ background-image:url('../images/arrow-right2.png'); right: 5px;}
.gonglue .swiper-button-prev{ background-image:url('../images/arrow-left2.png'); left: 5px;}
.gonglue .swiper-button-next:hover,.gonglue .swiper-button-prev:hover{ filter:alpha(opacity=100);opacity:1;}
.gonglueswiper .swiper-img{ width: 100%;float: left;position: relative; }
.gonglueswiper .swiper-img img{ width: 100%;height: auto;}
.gonglueswiper .tit{ width: 100%;float: left;padding:15px 25px;box-sizing: border-box;background-color:rgba(0,0,0,.5); position: absolute;left: 0;bottom: 0;color:#fff;line-height: 1.5em;font-size: 16px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.gonglueswiper .tit a{ color:#fff; }
.gonglueswiper .swiper-pagination {position: absolute;width: 100%;z-index: 20;left: 0;bottom: 60px !important;text-align: center;}
.gonglueswiper .swiper-pagination-bullet { width: 16px;height: 16px;border:solid 2px #fff; border-radius: 50%; background-color: transparent; opacity: 1;box-sizing:border-box;}
.gonglueswiper .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color:#c30d23;border:solid 2px #c30d23;}
@media screen and (max-width:1200px){
	.gonglue .gongluelist li:nth-last-child(1){display: none;}
}
@media screen and (max-width:1100px){
	.gonglue .gongluelist li:nth-last-child(2){display: none;}
}
@media screen and (max-width:1000px){
	.gonglue .gongluelist li:nth-last-child(3){display: none;}
}
@media screen and (max-width:900px){
	.gonglue{padding:10px 0;}
	.gonglue .gongluebox{flex-direction: column; padding:10px; box-sizing:border-box;}
	.gonglue .gongluebox .swiper{ width:100%;flex:0 0 100%;}
	.gonglueswiper .tit{padding:10px;font-size: 15px;text-align: center}
	.gonglueswiper .swiper-pagination{display: none;}
	.gonglue .gongluebox .gonglueright{ width: 100%;flex:0 0 100%; padding:10px;}
	.gonglue .gongluelist .first .tit{ font-size: 16px;}
	.gonglue .gongluelist li:nth-last-child(1){display: flex;}
	.gonglue .gongluelist li:nth-last-child(2){display: flex;}
	.gonglue .gongluelist li:nth-last-child(3){display: flex;}
}

.news{ width: 100%;float: left;position: relative;padding:40px 0 10px 0;}
.newsmain{ width: 100%;float: left;position: relative;}
.newsmain .newsbox{ width: 33.3%;float: left;position: relative;padding:15px;box-sizing: border-box;}
.newsmain .newsbox .newsin{ width: 100%;float: left;position: relative;box-shadow:0 0 10px rgba(0,0,0,.1);}
.newsmain .newsbox .catimg{ width: 100%;float: left;position: relative; overflow: hidden; }
.newsmain .newsbox .catimg img{ width: 100%;float: left;position: relative;}
.newsmain .newsbox .catimg .catname{ width:100%;height:100%;text-align: center;position: absolute;padding-top: 25%;font-size: 18px;color:#fff; background-color:rgba(0,0,0,.5);box-sizing: border-box;}
.newsmain .newsbox .catimg .catname span{background-color:rgba(0,0,0,.6);height: 40px;line-height: 40px;width: 120px;margin:0 auto;display: inline-block; }
.newsmain .newsbox .catimg .catname span i{margin-right:5px; opacity: .8}
.newsmain .newsbox .newsfirst{ width: 100%;float: left;position: relative; padding:15px;box-sizing: border-box;display: flex; border-bottom:solid 1px #f5f5f5;padding-top:25px;}
.newsmain .newsbox .newsfirst .thumb{ width: 160px;flex:0 0 160px;float: left;position: relative; }
.newsmain .newsbox .newsfirst .thumb img{ width: 100%;height: auto; }
.newsmain .newsbox .newsfirst .info{ width: 100%;float: left;position: relative; padding-left:15px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;flex-direction: column;}
.newsmain .newsbox .newsfirst .info .tit{ width: 100%;float: left;line-height: 1.5em;font-size: 16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical; font-weight: bold;}
.newsmain .newsbox .newsfirst .info .desc{ width: 100%;float: left;line-height: 1.4em;font-size: 13px;color:#666;margin-top: 8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical; display: none}
.newsmain .newsbox .newsfirst .info .p{ width: 100%;float: left;line-height:30px;font-size: 14px;color: #999;margin-top:6px;}
.newsmain .newsbox .newsfirst .info .p .t{float: left;}
.newsmain .newsbox .newsfirst .info .p .detail{float: right; }
.newsmain .newsbox .newsfirst .info .p .detail a { border:solid 1px #e2e2e2;border-radius:15px;padding:0 10px;line-height:30px; float: left; color: #666;font-size: 13px}
.newsmain .newsbox .newsfirst .info .p .detail a:hover{background-color:#c30d23; color:#fff;border:solid 1px #c30d23;}
.newslist{ width: 100%;float: left;position: relative; padding:15px;box-sizing: border-box;}
.newslist li{ width: 100%;float: left;padding:0; border-bottom:solid 1px #f5f5f5;display: flex;position: relative;}
.newslist li .tit{ width: 100%;float: left;line-height:40px;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;padding-left: 10px;color:#999;}
.newslist li .tit::before{content:'';width: 5px;height: 5px;border-radius:50%;background-color:#e2e2e2; position: absolute;left: 0;top: 50%;margin-top: -3px;}
.newslist li .tit a{color:#666;}
.newslist li .tit a:hover{color:#c30d23;}
.newslist li .time{ float: right;flex:0 0 80px; color:#999; text-align: right;line-height:40px;}
.newslist li:nth-last-child(1){border-bottom:none;}

.asklist{ width: 100%;float: left;position: relative; padding:15px;box-sizing: border-box;height: 475px;}
.asklist li{ width: 100%;float: left;padding:15px 0; border-bottom:solid 1px #f5f5f5;position: relative; box-sizing: border-box;}
.asklist li .q{ width: 100%;float: left;line-height:2em;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;color:#999;}
.asklist li .a{ width: 100%;float: left;line-height:1.5em;font-size: 15px;position: relative;color:#999;margin:5px 0;}
.asklist li .q i {display: inline-block;width: 20px;height: 20px;line-height: 20px;text-align: center;background: #ff5722;color: #fff;font-style: normal;font-size: 12px; border-radius: 4px;margin-right: 10px;flex-shrink: 0;float: left;margin-top: 8px;}
.asklist li .a i {display: inline-block;width: 20px;height: 20px; line-height: 20px; text-align: center;background: #4caf50;color: #fff;font-style: normal; font-size: 12px;border-radius: 4px; margin-right: 10px;flex-shrink: 0;}
@media screen and (max-width:900px){
	.news{padding:15px 0 10px 0;}
	.newsmain .newsbox{ width:100%;padding:10px;}
}

.links { line-height: 25px; color: #999; padding:15px 0; float: left; width: 100%;}
.links b { font-weight:normal; float:left; width:90px; text-align:center;}
.links span{ float: left; }
.links a { color:#999; padding-left:15px; padding-right:15px; display:block; float:left;}

.comyoushi{ width: 100%;float: left;position: relative;padding:60px 0;background-image:url('../images/combg.jpg');background-position:center;box-sizing: border-box;}
.combox{ width: 100%;float: left;position: relative;display: flex; }
.combox .company{float: left; flex:0 0 30%;}
.combox .company .blogo{width: 200px;float: left;height: auto; margin-top:30px;}
.combox .company .blogo img{ width: 100%;height: auto;}
.combox .yslist{float: left;width: 70%;display: flex;}
.combox .yslist .item{width: 25%;float: left;text-align: center}
.combox .yslist .item .icon{ width: 100%;float: left; line-height: 1.5em;color:#fff; opacity: 0.3;display: none}
.combox .yslist .item .icon i{ font-size: 30px; }
.combox .yslist .item .number{ width: 100%;float: left; line-height: 60px;color:#fff;}
.combox .yslist .item .number i{ font-size:40px;font-style: normal;}
.combox .yslist .item .tit{ width: 100%;float: left; line-height: 30px;color:#fff; font-size: 16px; opacity: 0.6}
@media screen and (max-width:900px){
	.comyoushi{padding:30px 0;}
	.combox{flex-direction: column;}
	.combox .company{flex:0 0 100%;}
	.combox .company .blogo{width: 100%;float: left;height: auto; margin-top:0px; text-align: center}
	.combox .company .blogo img{ width: 200px;height: auto;}
	.combox .yslist{width: 100%;display: flex;margin-top: 15px}
	.combox .yslist .item .icon i{ font-size: 15px; }
	.combox .yslist .item .number{line-height: 40px;}
	.combox .yslist .item .number i{ font-size:18px;font-style: normal;}
	.combox .yslist .item .tit{font-size: 11px;opacity: 0.2}
	.combox .yslist .item:nth-last-child(1){display: none;}
}
/*底部*/
.footer { width: 100%; padding-top: 30px; padding-bottom: 30px; background-color: #222;float: left;}
.show{ display: block; }
.hide{ display: none;}
.footerlink{ width: 100%;float: left;position: relative; border-bottom:solid 1px rgba(255,255,255,.1);padding-bottom: 10px; padding-top: 40px;}
.footerlink .footerbox{ float: left;width: 100%;float: left;box-sizing: border-box;position: relative; }
.footerlink .linkbox{ float: left;width: 100%;float: left;padding-right: 300px;box-sizing: border-box;position: relative; }
.footerlink .link-tab{width: 100%;float: left;position: relative;}
.footerlink .link-tab .item{ padding:0 15px; line-height: 35px;background-color:#000; margin-right:10px; float: left; color:#999; cursor: pointer;}
.footerlink .link-tab .on{ color:#fff; background-color:rgba(255,255,255,.1);}
.footerlink .link-content{ width: 100%; padding:15px 0;float: left;}
.footerlink .linklist{ width: 100%;float: left;}
.footerlink .linklist li{line-height: 30px;float: left;margin-right:15px; display: block;}
.footerlink .linklist li a{ color:#6b6b6b;}
.footerlink .linklist li a:hover{ color:#fff;}
.bottom { width: 100%; padding-top: 30px;float: left; display: flex;position: relative;box-sizing:border-box;}
.bottom-left{ width:100%;float: left; position: relative; padding-right: 40px; box-sizing: border-box;}
.bottom-right{flex:0 0 400px; float: right;position: relative;}
.bottom-menu {width: 100%;float: left; line-height: 40px;}
.bottom-menu a{float: left;margin-right:20px;float: left; color:#999; font-size: 16px}
.btel{ width: 300px;float: right;position: absolute; right: 15px;top: 0;z-index: 10; }
.btel .t{ width: 100%;float: left;position: relative;line-height: 25px;color:#999;text-align: right;font-size: 16px; }
.btel .tel{ width: 100%;float: left;position: relative;line-height: 2em;color:#fff;text-align: right;font-size:30px; }

.copyright{width: 100%;float: left; line-height:2em;margin:10px 0;color:#6b6b6b; font-size: 14px; box-sizing: border-box;}
.copyright a{color:#6b6b6b;text-decoration: underline;}
.qrcodelist{ width: 100%;float: right;}
.qrcodelist .item{ width: 33.3%;float: left;padding:0 10px;box-sizing:border-box;}
.qrcodelist .item .thumb{ width: 100%;float: left; padding:10px;border:solid 1px rgba(255,255,255,.1);box-sizing: border-box; }
.qrcodelist .item .thumb img{ width: 100px;height: auto }
.qrcodelist .item .tit{ width: 100%;line-height: 40px;text-align: center;font-size: 15px;color: #6b6b6b }
@media screen and (max-width:900px){
	.footer {padding-top: 10px; padding-bottom: 30px;}
	.footerlink .footerbox{padding:0px 15px;}
	.footerlink{padding-top: 15px;}
	.btel{display: none;}
	.footerlink .linkbox{padding-right: 0px;}

	.bottom {padding: 15px; flex-direction: column;}
	.bottom-menu {float: left; line-height: 30px;text-align:center;}
	.bottom-menu a{margin:0;font-size: 15px;text-align:center;width: 25%;}
	.bottom-left{padding-right: 0px; }
	.bottom-right{flex:0 0 100%;}
	.copyright{margin:15px 0; line-height: 1.6em;font-size: 13px;text-align: center}
	.qrcodelist .item{ width: 33.3%;float: left;padding:0 5px;}
	.qrcodelist .item .thumb img{ width: 100%;height: auto }
}
/*手机版*/
.bottombox{ position:fixed; z-index:9999; height:60px; width:100%; bottom:0px; text-align:center; margin-right: auto; margin-left: auto; background-color: #09182b; display: none; }
.footnav{width: 100%;position: relative;}
.footnav li{ float:left; width:20%; border-right: 1px solid #0f223d; border-left: 1px solid #253e63; box-sizing: border-box;height: 60px;padding:10px 0;}
.footnav li a{display:block;width:100%;}
.footnav li a .icon{width:100%;text-align:center;float: left;}
.footnav li a .icon span{ font-size: 20px;color: #6e7e92; }
.footnav li a .icon img{max-width:25px;margin:0 auto;line-height:25px;vertical-align:middle}
.footnav li a .text{ line-height:20px; font-size:13px; color:#6e7e92; width:100%; }
.footnav li.home{ background-color: #005bac; border-left: none; }
.footnav li.home a .icon span{ color: #fff; }
.footnav li.home a .text{ color: #fff; }
.footnav{z-index:100;}

@media screen and (max-width:1200px){
    
}
@media screen and (max-width:900px){
   
}