<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
.top{ width: 100%; height:120px; background: #fff; }
.banner{ width: 100%; height: 400px; background-repeat: no-repeat; background-attachment: fixed;background-position: center -130px;}
.banner1{background-image: url("../../../template/pc/rainbow/static/images/subbanner1.jpg"/*tpa=https://www.sanboen.com../../../template/pc/rainbow/static/images/subbanner1.jpg*/);}
.banner2{background-image: url("../../../template/pc/rainbow/static/images/subbanner2.jpg"/*tpa=https://www.sanboen.com../../../template/pc/rainbow/static/images/subbanner2.jpg*/);}
.banner3{background-image: url("../../../template/pc/rainbow/static/images/subbanner3.jpg"/*tpa=https://www.sanboen.com../../../template/pc/rainbow/static/images/subbanner3.jpg*/);}
.banner4{background-image: url("../../../template/pc/rainbow/static/images/subbanner4.jpg"/*tpa=https://www.sanboen.com../../../template/pc/rainbow/static/images/subbanner4.jpg*/);}
.banner5{background-image: url("../../../template/pc/rainbow/static/images/subbanner5.jpg"/*tpa=https://www.sanboen.com../../../template/pc/rainbow/static/images/subbanner5.jpg*/);}
.pageT{ width: 1280px; margin:0 auto; height: 160px;}
.Title{ font-size: 30px; font-family:'微软雅黑';font-weight: bold;color: #000; margin-top: 50px; float: left;}
.Title div span{ color: #076ce0;}
.Title div em{color: #e62128; font-style: normal;}
.pos{ color: #999999; float: right; margin-top: 90px; font-size: 14px;}
.nav{ width: 1280px; height: 80px; margin: 0 auto; background: #f7f7f7; border-radius: 10px;}
.nav li{ float:left; margin: 0 40px;}
.nav li a{ display: block; font-size: 18px; color: #1e1e1e; font-family: "微软雅黑"; line-height: 80px; position: relative;}
.nav li a:hover{color: #076ce0; font-weight: bold;}
.nav li a:hover::before{content: " "; display: block; height: 2px; background: #076ce0; width: 100%; position: absolute; bottom: 0;}
.nav li a.on{ color: #076ce0; font-weight: bold;}
.nav li a.on::before{content: " "; display: block; height: 2px; background: #076ce0; width: 100%; position: absolute; bottom: 0;}
.pageC{ width: 1280px; margin: 50px auto;font-size: 16px; color: #666; }
.pageC p{ line-height:28px; margin-bottom:26px; text-indent: 32px;}
#cssmenu&gt;ul&gt;li&gt;a.on{ color: #076ce0 !important; font-weight: bold;}
#aboutL{float: left; width:460px; border-radius: 20px; overflow: hidden;}
#aboutR{float: right; width: 745px;}
/*企业文化*/
.culture{ width: 100%;}
.culture li{ width: 640px; height: 300px; float: left;}
.culture li:nth-child(2),.culture li:nth-child(3){background: #f7f7f7;}
.culture .culture_L{ float: left; width: 240px; height: 240px;margin-left: 30px; margin-top: 30px;}
.culture .culture_R{ float: right; width: 290px; height: 240px;margin-top: 30px;margin-right: 30px;}
.culture .culture_R span{display: block; width: 150px; height: 50px; border-radius: 10px; text-align: center; color: #fff; line-height: 50px; font-size: 20px; font-weight: bold; font-family: "微软雅黑"; margin-top: 30px; margin-bottom: 20px;}
.culture .culture_R p{text-indent: 0; display: block;}

/*组织架构*/
.structure{ width: 1280px;}

/*发展历程*/
.main{ background: url("../../../template/pc/rainbow/static/images/history.jpg"/*tpa=https://www.sanboen.com../../../template/pc/rainbow/static/images/history.jpg*/) no-repeat right bottom;min-height: 700px;padding-top: 30px;}
.time-axis{	margin: 0;padding:0 60px;position: relative;}
.time-axis:before{content: '';position: absolute;left: 161px;top: 15px;width: 1px;height: 100%;background-color: #E4E4E4;}
.time-axis-item{list-style: none;padding-left: 150px;position: relative;line-height: 45px;font-size: 16px;color: #141414;}
.time-axis-achievement{margin: 0;}
.time-axis-date{position: absolute;left: 0;top: 0;color: #666;}
.time-axis-date span{position: absolute;right: -49px;top: 35%;display: block;width: 13px;height: 13px;border: 1px solid #ccc;border-radius: 100%;background-color: #fff;}
.time-axis-date span:after{content: '';position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 7px; height: 7px; margin: auto; background-color: #ccc; border: 1px solid #ccc; border-radius: 100%;}
.time-axis-item:last-child .time-axis-date span{border-color: #076ce0;}
.time-axis-item:last-child .time-axis-date span:after{background-color: #076ce0;border-color: #076ce0;}
  
/*企业荣誉*/
#honor li{ width: 300px; height: 300px;  float: left; margin: 15px 10px;}
#honor li a{ display: table-cell; width: 288px; height:288px; padding: 5px; border: 1px solid #e8e8e8; line-height:288px;vertical-align: middle;overflow: hidden;}
#honor li a:hover{border: 1px solid #076ce0; }
#honor li a img{max-width: 288px; max-height: 288px;  width: auto; height: auto; margin: 0 auto; display: block;transition: all 0.3s linear;}
#honor li a:hover img{transform: scale(1.2,1.2);transform-origin: center center; }

/*办公环境*/
#office li{ width: 300px; height: 330px;  float: left; margin: 15px 10px;}
#office li span{ display: block;line-height: 30px; text-align: center;}
#office li a{ display: table-cell; width: 288px; height:288px; padding: 5px; border: 1px solid #e8e8e8; line-height:288px;vertical-align: middle;overflow: hidden;}
#office li a:hover{border: 1px solid #076ce0; }
#office li a img{max-width: 288px; max-height: 288px;  width: auto; height: auto; margin: 0 auto; display: block;transition: all 0.3s linear;}
#office li a:hover img{transform: scale(1.2,1.2);transform-origin: center center; }

/*合作企业*/
#partner_T{width: 1200px; margin:0 auto 30px auto; color: #076ce0; font-size: 20px; font-weight: bold; line-height: 1.8;}
#partner{ width: 1280px;}
#partner li{ float: left; width: 280px; height: 180px;padding: 9px; border: 1px solid #e8e8e8; margin:10px 10px; overflow: hidden;}
#partner li img{transition: all 0.3s linear;width: 280px; height: 180px;}
#partner li:hover img{transform: scale(1.2,1.2);transform-origin: center center;}

/*薪酬福利*/
.welfare{width: 1278px; border: 1px solid #e8e8e8; background: #f7f7f7; margin-bottom: 30px;}
.welfare_L{ float:left;}
.welfare_img{ width: 490px;}
.welfare img{display: block; width: 100%;}
.welfare_R{ float:right;}
.welfare_C{ padding: 0 90px; width: 605px;}
.welfareT{ display:block; font-size: 20px; font-weight: bold; color: #076ce0; margin-top: 40px; margin-bottom: 15px;}
p.welfareP{text-indent: 0;}
.welfareP b{display: inline-block;font-size: 12px; width: 20px; text-align: center; line-height: 20px;margin-right: 10px; background: #b0b0b0; border-radius: 50%; color: #fff;}
.pageC .tips{ padding:0px 0 20px;border-bottom:1px solid #e5e5e5; font-size:14px;position:relative;}
.pageC .tips h1{ margin:0; font-weight: bold; font-size:22px; color:#3488e8;background:url("../../../template/pc/rainbow/static/images/TextList001729-icon1.png"/*tpa=https://www.sanboen.com../../../template/pc/rainbow/static/images/TextList001729-icon1.png*/) no-repeat left bottom; padding:20px 40px 5px 40px ;}
.pageC .tips p{ padding-top:10px;margin:0;color:#555; font-size:15px; font-weight:bold; }
.pageC ol.type {font-size: 16px;background-color: #3488e8;color: #fff;}
.pageC .type{display:table; width: 100%;}
.pageC .type li{display: table-cell;vertical-align: middle;text-align: center;padding-top: 10px;padding-bottom: 10px;line-height: 24px;}
.pageC .type li:nth-child(1){width:30%;}
.pageC .type li:nth-child(2){ width:12%;}
.pageC .type li:nth-child(3){ width:12%;}
.pageC .type li:nth-child(4){ width:20%;}
.pageC .con{line-height: 26px; border-bottom: 1px solid #ccc;padding: 30px 50px; background: #f7f7f7;}
.list .type{border-bottom: 1px solid #ccc;}
.con{display:none}

/*企业新闻*/
.new_ul{ width:100%;}
.new_ul li{ width:calc(100% - 32px); height: 250px; margin-bottom: 30px; padding:15px; transition: all 0.2s linear; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.new_ul li:hover{ background: #f7f7f7}
.new_ul li:hover .new_T{color:#31a5e7}
.new_img{ width:350px; height: 250px; float: left;overflow: hidden;}
.new_img img{ width: 350px; height: 250px;transition: all 0.3s linear;}
.new_img:hover img{transform: scale(1.2,1.2);transform-origin: center center; }
.new_T{ width: 820px; float: left; height: 80px; line-height: 80px; margin-left: 50px;overflow:hidden;  text-overflow:ellipsis;  -o-text-overflow:ellipsis;  -webkit-text-overflow:ellipsis;  -moz-text-overflow:ellipsis;  white-space:nowrap;}
.new_T h2{width: 820px; overflow:hidden;  text-overflow:ellipsis;  -o-text-overflow:ellipsis;  -webkit-text-overflow:ellipsis;  -moz-text-overflow:ellipsis;  white-space:nowrap;}
.new_C{width: 820px; display: block; float: left;margin-left: 50px; height: 78px; line-height: 26px; color: #999; font-size: 16px;  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;}
.new_D{width: 820px; display: block; float: left;margin-left: 50px; line-height: 60px; color: #999; font-size: 16px; }

.news_display_T{ text-align: center; border-bottom: dashed 1px #ccc; color: #076ce0;}
.news_display_T span{line-height: 60px; color: #999;}
.news_display_C{padding-top: 30px;}
.news_display_btn{ display: block;margin: 50px auto; width: 160px; height: 50px; line-height: 50px; border-radius: 30px; text-align: center;background: #f7f7f7; border: 1px solid #e1e1e1;}
.news_display_btn:hover{ background:#076ce0; color: #fff;}
.info_pn span{ display:block;font-size:14px;line-height: 26px;}
.info_pn span a{ color:#999;}
.info_pn span a:hover{color:#3488e8;}
.info_pn&gt;a{display: block;}


/*页码样式*/
.Page{ text-align: center;}
.Page span{ padding:0px 3px; display:inline-block;}
.Page a{ display:inline-block; margin:0px 2px; border:1px solid #ededed; padding:0 1em; color:#666; line-height:35px; border-radius:3px;transition: .3s ease-out;background: #fff}
.Page a:hover{ color:#fff; border:1px solid #3488e8; background:#3488e8;}
.Page .p_cur,.Page .p_count,.Page .p_total,.Page .p_jump,.Page .a_first,.Page .a_end{ display:none;}
.Page .p_cur b{ color:#F00;}
.Page .p_count b{ color:#F00;}
.Page .p_total b{ color:#F00;}
.Page .p_page em{ font-style:normal;}
.Page .p_page em a{}
.Page .p_page em a.a_cur{ color:#fff; background:#3488e8; border-color:#3488e8;}
.Page .p_page b{ font-weight:normal;}

/*产品*/
.pro_detail img{ float: left;}
.pro_detail_T{ width: 100%; height: 110px; float: left;}
.pro_detail_T img{ display: block; margin:35px auto 0 auto; float:none;}

/*底部样式*/
#foot{ width: 100%; height: 400px; background: #120098; position: relative;}
#flogo{width: 284px; height: 37px; position: absolute; top: 50px; left:4vw; }
#qcode{ width: 100px; position: absolute;left:4vw; top: 167px; }
#qcode div{padding-top: 10px; padding-left: 37px; background: url("../../../template/pc/rainbow/static/images/wx1.png"/*tpa=https://www.sanboen.com../../../template/pc/rainbow/static/images/wx1.png*/) no-repeat;height:16px;  color: #fff; background-position:8px 7px; }
#web_map{width:50vw;position: absolute;top: 65px;left:27vw;}
#web_map li{float:left;margin-right: 4.2vw;}
#web_map li a{ color: #a7a3d0;}
#web_map li a:hover{color:#cdcbe3;}


#web_map ul{}
#web_map dl dt{ line-height: 35px; color: #fff; font-size: 16px; font-weight: bold;}
#web_map dl dd{ line-height: 24px;}
#web_map div{ width: 42vw; line-height: 80px;font-size: 14px; color: #a7a3d0; border-top: solid 1px #4133ad; margin-top:45px;}
#web_map div a{color: #a7a3d0;}
#web_map div a:hover{color:#cdcbe3;}
#ftel img{ margin-bottom: 20px;}
#ftel{ width: 300px;position: absolute;top: 78px; right:4vw; }
#ftel div{font-size: 14px; color:#a7a3d0; line-height: 26px;}
.pT{ color: #008fd7;font-size: 22px; font-weight: bold; margin-bottom: 20px;}
.pC{line-height: 28px;}
.pimg{width: 100%; text-align: center; margin-bottom: 26px;}
.pimg img{ float:none;}

@media all and (max-width:1280px){
	#logo { width: 210px; top: 20px;}
	#logo a img{ width: 100%;}
	.top{height: 70px;}
	
	/*内页样式*/
	.pageT{ width: 93vw; height: 70px;}
	.Title{font-size: 20px;margin-top: 20px; text-align: center; float: none;}
	.pos{display: none;}
	.nav{ width: 93vw; margin: 0 auto; background:none; height: auto;}
	.nav ul{float: none; text-align: center;}
	.nav li{ display: inline-block;margin: 6px;float: none; }
	.nav li a{font-size: 16px; padding: 0 4vw; line-height: 40px; background: #f7f7f7; border-radius: 10px;}
	.nav li a.on{background:#076ce0; color: #fff;}
	.nav li a.on::before{display: none;}
	.nav li a:hover::before{display: none;}
	.pageC{ width: 93vw;margin: 30px auto; font-size: 16px;}
	.pageC p{line-height: 24px;text-indent: 32px;margin-bottom: 10px;}
	#aboutL{float: left; width:100%; border-radius: 10px; overflow: hidden; margin-bottom: 20px;}
	#aboutL img{width: 100%; float: left;}
	#aboutR{float: left; width: 100%;}
	/*企业文化*/
	.culture li{ width: 100%; height: auto; background: none !important; border-bottom: solid #eee 1px;}
	.culture .culture_L{width: 35%; margin: 30px 0 30px 0; height: auto;}
	.culture .culture_L img{width: 100%;}
	.culture .culture_R{width: 55%;margin: 0; height: auto;}
	.culture .culture_R span{ width: 170px; border-radius:6px; height: 40px; line-height: 40px; font-size: 16px;}
	.culture .culture_R p{ margin-bottom: 30px;}
	/*发展历程*/
	.time-axis{ padding: 0 20px;}
	.time-axis:before{left: 121px;}
	.main{background: none; min-height: inherit; padding-top: 0;}
	.time-axis-item{line-height: 26px;}
	.time-axis-date span{ top: 29%;}
	/*合作伙伴*/
	#partner_T{ width: 100%; font-size: 16px;}
	#partner{width: 100%;}
	#partner li{width:41.5vw; height: 26.5vw; padding: 1vw; margin: 1vw;}
	#partner li img{ width: 100%; height: auto;}
	/*组织架构*/
	.structure{ width: 100%;}
	.structure img{ width: 100%;}
	/*荣誉证书*/
	#honor li{ width: 44.5vw; height: 44.5vw; margin:1vw;}
	#honor li a{ width: 42vw; height: 42vw; padding: 1vw;}
	#honor li a img{max-width:42vw; max-height:42vw;}
	/*新闻资讯*/
	.new_img{ width: 100%;height:60vw;}
	.new_ul li{height:calc(60vw + 178px)}
	.new_img img{width: 100%;height:60vw;}
	.new_T{ width: 100%; margin: 0; line-height: 60px;height: 60px;}
	.new_T h2{font-size: 16px;width: 100%;  overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap;}
	p.new_C{ width: 100%; margin: 0; line-height: 26px;}
	.new_D{width: 100%;margin: 0; line-height: 40px; height: 40px;}
	.Page{display: none;}
	.news_display_T h1{font-size: 18px;}
	.news_display_C img{ width: 100%;}
	/*产品详情*/
	.pro_detail img {width: 100%;}
	/*人才招聘*/
	.welfare {width: 100%;border: none;background:none;margin-bottom: 30px;}
	.welfare_img{ width: 100%;}
	.welfare_C{ width: 100%; padding: 0;}
	p.welfareP{text-indent: 0;line-height: 28px;}
	.pageC .con{padding:20px;}
	/*内页banner*/
	.banner{ width: 100%; height: 400px;background-position:center bottom; background-attachment: inherit; background-repeat: no-repeat; }
	.banner1{background-image: url("../../../template/pc/rainbow/static/images/mpbanner-1.jpg"/*tpa=https://www.sanboen.com../../../template/pc/rainbow/static/images/mpbanner-1.jpg*/);}
	.banner2{background-image: url("../../../template/pc/rainbow/static/images/mpbanner-2.jpg"/*tpa=https://www.sanboen.com../../../template/pc/rainbow/static/images/mpbanner-2.jpg*/);}
	.banner3{background-image: url("../../../template/pc/rainbow/static/images/mpbanner-3.jpg"/*tpa=https://www.sanboen.com../../../template/pc/rainbow/static/images/mpbanner-3.jpg*/);}
	.banner4{background-image: url("../../../template/pc/rainbow/static/images/mpbanner-4.jpg"/*tpa=https://www.sanboen.com../../../template/pc/rainbow/static/images/mpbanner-4.jpg*/);}
	.banner5{background-image: url("../../../template/pc/rainbow/static/images/mpbanner-5.jpg"/*tpa=https://www.sanboen.com../../../template/pc/rainbow/static/images/mpbanner-5.jpg*/);}
	/*环境设备*/
	#office li{ width: 44.5vw; height: 54vw; margin:1vw;}
	#office li a{ width: 42vw; height: 42vw; padding: 1vw;}
	#office li a img{max-width:42vw; max-height:42vw;}
	/*底部样式*/
	#flogo { width: 280px; top: 30px;}
	#flogo a img{ width: 100%;}
	#qcode{display: none;}
	#ftel{right:inherit;left: 3.5vw;top: 100px;}
	#ftel img{width:280px;}
	#web_map ul{display: none;}
	#web_map{ width: 93vw; left: 3.5vw; top: 320px;}
	#web_map div{width: 100%; font-size: 12px; line-height: 20px; margin-top:0px; padding-top: 14px;}
	#web_map div a{ display: block;}
}
@media all and (max-width:768px){
	.banner{ background-position:center bottom; -webkit-animation: parallax_bn linear 15s infinite both;animation: parallax_bn linear 15s infinite both;}
}
@-webkit-keyframes parallax_bn {
  0% {
    background-position: -300px 100%;
  }
  100% {
    background-position: -600px 100%;
  }
}</pre></body></html>