<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*首页 S*/
/*product S*/
.content {
	position: relative;
	width: 100%;
}
.content .box {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 1020px;
	height: 100%;
	margin: 0 auto;
}
.content .list {
	overflow: hidden;
	width: 9999px;
}
.content .list li {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	width: 230px;
	padding: 0 12px;
}
.content .list li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #2A2A2A;
}
.content .list li a img {
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 230px;
	height: 265px;
	border: 1px solid #eee;
}
.content .list li a img:hover{
	box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);
}
.content .list li a&gt;p {
	display: block;
	padding: 0 10px;
	text-align: center;
	height: 50px;
	width: 100%;
	line-height: 50px;
	font-size: 14px;
}
.content .list li a&gt;p:hover {
	color: #b56109;
}
.content .prev,
.content .next {
	position: absolute;
	top: 110px;
	width: 40px;
	height: 50px;
	background-image: url(../images/control.png);
	background-repeat: no-repeat;
	font: 0/0 Arial;
	cursor: pointer;
}
.content .prev {
	left: 0px;
	background-position: 0 0;
}
.content .next {
	right: 0px;
	background-position: -40px 0;
}
.content .prev:hover {
	background-position: 0 -50px;
}
.content .next:hover {
	background-position: -40px -50px;
}
/*product E*/
/*aboutbar S*/
.aboutbar{
	height: 520px;
	overflow: hidden;
	width: 100%;
	background: url(../images/index_about_bg.jpg) 50% 0 no-repeat;
}
.aboutbar .title{
	color: #fff;
}
.aboutbar .content{
	width: 1040px;
	background-color: #Fff;
	padding: 30px;
}
.aboutbar .content .img{
	padding: 10px;
	width: 370px;
}
.aboutbar .content .img&gt;img{
	border: 1px solid #eee;
	border-radius: 5px;
}
.aboutbar .content .desc{
	position: relative;
	height: 100%;
	width: 620px;
	height: 220px;
	padding: 15px;
	text-indent: 2em;
	line-height: 24px;
	overflow: hidden;
}
.more{
	position: absolute;
	left: 20px;
	bottom: 0;
	padding: 5px 10px;
	background-color: #1BACE0;
	color: #fff;
	text-align: center;
	text-indent: 0;
	border-radius: 3px;
}
.more:hover{
	background-color: #1794c1;
}
/*casebar S*/
.casebar .content ul li{
	margin: 0px 11px;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	text-align: center;
	position: relative;
}
.casebar .content ul li&gt;a{
	display: block;
}
.casebar .content ul li&gt;a.img{
	z-index: 9;
}
.casebar .content ul li&gt;a.link{
	display: block;
	padding: 15px 10px;
}
.casebar .content ul li&gt;a.link:hover{
	color: #1BACE0;
}
.casebar .content ul li&gt;.hover{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 85px;
	padding: 70px 0;
	line-height: 24px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	background-color: rgba(27,172,224,.5);
	z-index: 2;
}
.casebar .content ul li&gt;.hover&gt;a{
	border: 1px solid #fff;
	font-size: 18px;
	padding: 6px 40px;
}
.casebar .content ul li&gt;.hover&gt;p{
	padding: 25px 0;
}
/*casebar E*/
/*newsbar S*/
.newsbar .content{
	width: 53%;
}
.newsbar .container{
	margin-bottom: 90px;
}
.newsbar .content ul li{
	margin-bottom: 50px;
}
.newsbar .content_r{
	width: 47%;
}
.newsbar .content .left .date{
	text-align: center;
	background-color: #1bace0;
	color: #fff;
	line-height: 26px;
	padding: 15px 20px;
}
.newsbar .content .left .date .day{
	font-size: 22px;
}
.newsbar .content .left .date .year{
	font-size: 16px;
}
.newsbar .content .right{
	width: 310px;
	padding: 0px 35px;
	line-height: 24px;
}
.newsbar .content .right h2{
	font-size: 16px;
}
.newsbar .content .right h2:hover{
	color: #1794C1;
}
.newsbar .content .right&gt;p{
	opacity: .7;
	padding-top: 10px;
}
.newsbar .content ul li:after{
	display: block;
	overflow: hidden;
	clear: both;
	height: 0;
	visibility: hidden;
	content: " ";
}
/*newsbar E*/
/*aboutbar E*/
/*首页 E*/
/*新闻列表S*/
/*left nav e*/

.container .c_left {
	width: 240px;
	margin-right: 60px;
	text-align: center;
}

.container .c_left .h2 {
	background-color: #2187db;
	height: 80px;
	color: #fff;
}

.container .c_left .h2&gt;h2 {
	font-size: 18px;
	padding-top: 20px;
	padding-bottom: 5px;
}

.container .c_left .h2 .en {
	color: #adcbee;
	font-size: 14px;
}

.container .c_left ul&gt;li {
	line-height: 58px;
	background-color: #f3f3f3;
}

.container .c_left ul&gt;li:hover{
	background-color: #fff;
}

.container .c_left ul&gt;li&gt;a {
	border-bottom: 1px solid #e1e2e3;
	display: block;
}

.container .c_left ul&gt;li&gt;a.last {
	border: none;
}
.container .c_left ul&gt;li.selected&gt;a,
.container .c_left ul&gt;li&gt;a:hover {
	border-bottom: 1px solid #2187db;
	color: #2187db;
	background-color: #fff;
}

.container .c_left ul&gt;li&gt;a {
	font-size: 14px;
}


/*left nav e*/


/*right content s*/

.container .c_right {
	width: 800px;
}

.container .c_right .posit {
	height: 50px;
	border-bottom: 1px solid #e1e2e3;
}

.container .c_right .posit .i {
	padding-top: 14px;
	font-size: 50px;
	border-bottom: 1px solid #2187db;
}

.container .c_right .posit .i&gt;i {
	font-size: 35px !important;
	color: #2187db;
}

.container .c_right .posit .h2 {
	padding-top: 50px;
	padding-bottom: 13px;
	border-bottom: 1px solid #2187db;
}

.container .c_right .posit .pos {
	line-height: 50px;
	text-align: left;
	color: #999;
	width: 100%;
}
.container .c_right .posit .pos&gt;i{
	font-size: 26px;
}
.container .c_right .posit .pos&gt;p&gt;a:hover {
	color: #2187db;
}

.container .c_right .content {
	padding-top: 20px;
}

.container .c_right .content&gt;img {
	display: block;
	margin: 0 auto;
}

.container .c_right .content p {
	line-height: 28px;
	text-indent: 2em;
}


/*right content e*/

/*newsList S*/

.container .content ul&gt;li {
	line-height: 50px;
	border-bottom: 1px dotted #e1e2e3;
}

.container .content ul&gt;li {
	line-height: 50px;
}
.container .content ul&gt;li&gt;.title{
	padding: 0;
}
.container .content ul&gt;li&gt;a.title{
	font-size: 16px;
}
.container .content ul&gt;li&gt;span {
	float: right;
}

.container .content ul&gt;li&gt;a:hover {
	color: #2187db;
}
.container .c_right .content p.time,
.container .c_right .content p.desc{
	text-indent: 0;
}
.container .c_right .content p.time{
	padding: 10px 0;
	color: #2187db;
}
/*newsList E*/
/*新闻列表E*/
/*news S*/
.container .c_right .news_show .new_title{
	font-size: 18px;
	padding: 20px 0 15px 0;
	text-align: center;
	color: #2187db;
}
.container .c_right .news_show .time{
	display: block;
	color: #b5b5b5;
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px dashed #e1e2e3;
}
.container .c_right .news_show p{
	padding-top: 10px;
	text-indent: 2em;
	line-height: 28px;
}
.container .c_right .news_page{
	text-align: left;
}
.container .c_right .news_page&gt;p{
	padding: 5px 0;
}
.container .c_right .news_page&gt;p&gt;.back{
	border-radius: 5px;
	background-color: #2187db;
	color: #fff;
}
.container .c_right .news_page&gt;p&gt;a{
	border: none;
}
.container .c_right .news_page&gt;p&gt;a:hover{
	background-color: #fff;
	color: #2187db;
}
.container .c_right .news_page&gt;p&gt;.back:hover{
	background-color: #1476c7;
	color: #fff;
}

/*news E*/
/*serviceList and case S*/

.container .c_right .service&gt;dl,
.container .c_right .case&gt;dl {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	padding: 25px 55px 0 0;
	text-align: center;
}

.container .c_right .service&gt;dl&gt;dd,
.container .c_right .case&gt;dl&gt;dd {
	padding-top: 10px;
}
.container .c_right .service&gt;dl&gt;dt,
.container .c_right .case&gt;dl&gt;dt{
	width: 216px;
    height: 200px;
}
.container .c_right .service&gt;dl&gt;dt&gt;a&gt;img,
.container .c_right .case&gt;dl&gt;dt&gt;a&gt;img {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-radius: 3px;
	border: 1px solid #eee;
}

.container .c_right .service&gt;dl&gt;dt&gt;a&gt;img:hover,
.container .c_right .case&gt;dl&gt;dt&gt;a&gt;img:hover {
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);
}

.container .c_right .service&gt;dl&gt;dd&gt;a:hover,
.container .c_right .case&gt;dl&gt;dd&gt;a:hover
 {
	color: #2187db;
}
.container .c_right .case&gt;dl.last,
.container .c_right .service&gt;dl.last {
	padding: 20px 0 0 0;
}

/*serviceList  and case E*/
/*proShow S*/
.container .c_right .product_show&gt;img{
	direction: block;
	margin:  0 auto;
}
.container .c_right .product_show&gt;h2{
	font-size: 16px;
	color: #2187db;
}
/*vodie S*/
.container .c_right .video_show video{
	display: block;
	margin: 30px auto;
}
/*video E*/
.about_show&gt;img{
	display: block;
	margin: 30px auto;
}
.about_show{
	line-height: 26px;
	min-height: 500px;
}
/*联系我们S*/
.contact{
	line-height: 26px;
}
.contact&gt;h2{
	font-size: 16px;
	margin: 25px 0;
}
.contact&gt;img{
	display: block;
	margin: 30px 0;
}
/*联系我们E*/
.container .c_right .product&gt;dl&gt;dt{
	width: 216px;
    height: 250px;
    overflow: hidden;
}</pre></body></html>