<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*zwp 2017-10-39*/
/*公共部分开始*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, b {
	padding: 0;
	margin: 0;
	font-weight: normal;
}
html {
	height: 100%;
	overflow: -moz-scrollbars-vertical;
	overflow: hidden;
	overflow-y:auto;
} /*始终让 Firefox 显示滚动条*/
* {
	word-wrap: break-word;
	margin: 0;
	padding: 0;
}/*文字强制换行word-break:keep-all;(Ff)*/
table {
	border-collapse: collapse;
}/*细线表格*/
fieldset, img {
	border: none;
}/*清除描边*/
ul, li {
	list-style-type: none;
}/*无列表项目标记*/
a {
	text-decoration: none;
	color: #828385
}/* 链接无下划线,有为underline;链接去框 */
a:link {
	color: #828385;
}/* 未访问的链接 */
a:visited {
	color: #828385;
}/* 已访问的链接 */
a:hover {
	color: #4e9cd8;
}/* 鼠标在链接上 */
a:active {
	color: #828385;
blr:expression(this.onFocus=this.blur());
}/* 点击激活链接 */
body {
	font-family:"Microsoft YaHei";
	font-size: 12px;
	color: #828385;
	background:#f5f5f5;
	min-width:1220px;
}
textarea,select, input {
	vertical-align: middle;
	outline: none;
}
input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox] {
	cursor: pointer;
	outline: none;
}
.imghover .pic{ overflow:hidden;}/* 设置图片经过放大 */
.imghover .pic img{ overflow:hidden; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}/* 设置图片经过放大 */
.imghover:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05);}/* 设置图片经过放大 */

.autoImg{
	position: relative;
	overflow: hidden;
	padding-top: 66.66666667%;
	background: #fafafa;
}
.autoImg img{
	max-width: 100%;
	max-height: 100%;
	left: 50%;
	top: 50%;
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

/*浏览器滚动条*/
::-webkit-scrollbar {width:8px;background:#f0f0f0;}
::-webkit-scrollbar-button {}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {width:8px;background:#333;}
::-webkit-scrollbar-corner {background:#f0f0f0;}
::-webkit-resizer {}
::-webkit-scrollbar:horizontal{height:9px;}
/************/
::-webkit-input-placeholder{}    /* 使用webkit内核的浏览器 */
:-moz-placeholder{}                  /* Firefox版本4-18 */
::-moz-placeholder{}                  /* Firefox版本19+ */
:-ms-input-placeholder{}           /* IE浏览器 */

.clear {
	clear: both;
}
.h10 {
	clear: both;
	height: 10px;
}
.h15 {
	clear: both;
	height: 16px;
}
.h20 {
	clear: both;
	height: 20px;
}
.h25 {
	clear: both;
	height: 25px;
}
.h30 {
	clear: both;
	height: 30px;
}
.h35 {
	clear: both;
	height: 35px;
}
.h40 {
	clear: both;
	height: 40px;
}
.h45 {
	clear: both;
	height: 45px;
}
.h50 {
	clear: both;
	height: 50px;
}
.h55 {
	clear: both;
	height: 55px;
}
.h60 {
	clear: both;
	height: 60px;
}
.h65 {
	clear: both;
	height: 65px;
}
.h70 {
	clear: both;
	height:70px;
}
.h80 {
	clear: both;
	height: 80px;
}

.fl {
	float: left;
	display: inline;
}
.fr {
	float: right;
	display: inline;
}
/**************/
.tableCont{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top:0px;
    z-index: 3;
}
.table{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: table;
    position: relative;
    z-index: 3;
}
.tableCell{
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}
/*公共部分结束*/
/*^
 * 框架
 * @return
 */	
.wrap{
	clear:both;
	width:1200px;
	margin:0 auto;
	}
.minH{
	min-height:350px;
	height:auto !important;
	height:350px;
	}
/*
头部样式开始
*/
.headBoxH{clear:both;height:87px}
.headBox{
	width: 100%;
	height: 87px;
	background-color:#fff;
	position:fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
.logo{margin-left:3.906%;margin-top: 20px;}
.logo img{display: block;height: 50px;}

/**/
.headTel{height: 87px;line-height: 87px;padding-right: 1.5%;padding-left: 15px}
.telBox{font-size: 20px;color: #666;padding-left: 30px;position: relative}
.telBox i{position: absolute;left: 0;top: 0;width: 21px;height: 87px;background: url(../images/tel.png) no-repeat center center;}

.navShare{width: 86px;height: 87px;line-height: 87px;margin-left: 15px}
.navShare a{
	height: 35px!important;
	width: 25px!important;
	margin: 6px -6px 6px 0!important;
	background-image: url(../images/share.png)!important;
	background-repeat: no-repeat!important;
}
.navShare .bdshare-button-style0-16{margin-top: 20px}
.navShare .bdshare-button-style0-16 .bds_weixin {background-position: 0 0!important;}
.navShare .bdshare-button-style0-16 .bds_tsina {background-position: -39px 0!important;}


/**/
.menuDl dd{float: left;position: relative;}
.menuDl dd .a1{display: block;height: 87px;line-height: 87px;text-align: center;font-size:15px;color: #333;padding:0 25px;}
@media only screen and (max-width: 1750px) {
	.menuDl dd .a1{padding:0 15px;}
}
@media only screen and (max-width: 1600px) {
	.menuDl dd .a1{padding:0 12px;font-size: 15px;}
	.logo{margin-top: 25px}
	.logo img{ height: 40px;}
	.telBox{font-size: 16px}
}
@media only screen and (max-width: 1430px) {
	.logo{margin-left:1%;margin-top: 25px;}
	.logo img{ height: 40px;}
	.menuDl dd .a1{padding:0 10px; font-size: 14px;}
	.telBox{font-size: 16px}
}
.menuDl dd.hover .a1{color:#fff;background: #1c7eeb}
.menuDl dd .a1:after{
	content: "";
	width: 18px;
	height: 10px;
	position: absolute;
	bottom:0;
	left: 50%;
	margin-left: -9px;
	background-image: url(../images/qkIcon6.png);
	background-position: center center;
	background-repeat: no-repeat;
	display:none;
	
}
.menuDl dd:hover .a1:after{display: block}
.menuDl dd .div_a{
	width: 1200px;
	overflow: hidden;
	background-color:#fff;
	position: fixed;
	top: 87px;
	left:50%;
	display: none;;
	margin-left: -600px;
}
.menuDl dd .div_a.div_a2{
	height:390px;
}
.nav_tab{width: 50%;background: #f2f2f2;height: 390px;}
.nav_tabUl{width: 320px;margin-left: 205px;text-align: center;padding-top: 25px}
.nav_tabUl li{height: 40px;border-bottom: 1px solid #d1d1d1;line-height: 40px;font-size: 14px;color: #333;position: relative;padding: 5px 0}
.nav_tabUl li i{position: absolute;right: 0;top: 22px;width: 0;height: 9px;background: url(../images/moreNav.png) no-repeat center center;transition: all .3s;-webkit-transition: all .3s}
.nav_tabUl li:hover{border-color: #1c7eeb;color: #1c7eeb}
.nav_tabUl li:hover i{position: absolute;right: 0;top: 22px;width: 16px;height: 9px;background: url(../images/moreNav_h.png) no-repeat center center;}
.nav_tabUl li.hover{border-color: #1c7eeb;color: #1c7eeb}
.nav_tabUl li.hover i{position: absolute;right: 0;top: 22px;width: 16px;height: 9px;background: url(../images/moreNav_h.png) no-repeat center center;}

.nav_tabText{margin-left: 60px;position: relative;overflow: hidden}
.nav_tabText .pic{ width: 415px;height: 200px;}
.nav_tabText .pic img{ width:100%; height:100%;}
.navTb{padding: 20px 0;font-size: 14px;color: #666;}
.underMore a{display: block;width: 155px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background: #1c7eeb;position: relative}
.underMore a span{padding: 0 35px;}
.underMore a i{position: absolute;right: 25px;top: 16px;width: 16px;height: 9px;background: url(../images/moreNav.png) no-repeat center center;}
.underMore a:hover{background: #1c71d9}


/*
头部样式结束
*/

/*
banner开始
*/
.bannerBox{width: 100%;position: relative;}
.bannerSlick{width: 100%;height: 100%;overflow: hidden;position: relative;}
.bannerSlick .slick{width: 100%;overflow: hidden;position: relative;}
.bannerSlick .slick a{display: block;width: 100%;height: 100%;padding-top:41.06%;background-repeat: no-repeat;background-position: center center;background-size:cover;}

.bannerSmall{position: absolute;left: 18.75%;bottom: 0;background: #fff;z-index: 5;height: 82px;width: 360px;}
.bannerSmall .bannerBtn{position: relative;width: 170px;height: 82px;}
.bannerSmall .bannerBtn i{position: absolute;background: #e6e6e6;width: 1px;height: 18px;left: 94px;top: 32px}
.smallSwiper{width: 178px;height: 82px;position: relative;padding: 2px}
.smallSwiper .slick{width:178px;overflow: hidden;position: relative;}
.smallSwiper .slick .slick-slid{width: 100%;overflow: hidden;height: 100%}
.smallSwiper .slick .slick-slid a{display: block;width: 100%;padding-top:45.067%;background-repeat: no-repeat;background-position: center center;background-size:cover;}
.bannerBox .bt{
	display: block;
	width: 12px;
	height: 82px;
	cursor: pointer;
	background-image: url(../images/icon2.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	z-index: 999;
	opacity: .6;
}
.bannerBox .bt.banPrev{left:12%;background-position:left center}
.bannerBox .bt.banNext{left:37%;background-position:right center}
.bannerBox .bt:hover{opacity: 1}
/*
banner结束
*/

/*产品展示start*/
.productBox{width: 100%;background: #fff;overflow: hidden}
.proTit{border-bottom: 1px solid #ddd;overflow: hidden}
.proFl{height: 100px;line-height: 100px;font-size: 30px;color: #333;}
.proFl i{font-style: normal;color: #666;padding-left: 10px;font-size: 28px}

.proFr{overflow: hidden;}
.pro_name{overflow: hidden;height: 50px;line-height: 50px;}
.pro_name dd{float: left;position: relative}
.pro_name dd i{position: absolute;right: -1px;top: 25px;width: 3px;height: 3px;background: #999}
.pro_name dd a{font-size: 14px;color: #333;padding: 0 22px}
.pro_name dd:hover a{color: #1c7eeb}
.pro_name dd.hover a{color: #1c7eeb}

.more a{display: block;height: 50px;line-height: 50px;color: #1c7eeb;position: relative}
.more a:after{content: "";position: absolute;right: 8px;bottom: -1px;width: 20px;height: 4px;background: #1c7eeb}

.product_dl{ overflow: hidden; margin: 0 -10px}
.product_dl dd{ overflow: hidden; float: left; display: inline; width: 33.3333%; margin-bottom:30px;}
.product_dl dd .a{ display: block;}
.product_dl dd .con{ overflow: hidden; margin: 0 10px}
.product_dl dd .pic{ width: 100%; overflow: hidden; position: relative;}
.product_dl dd .pic:before{ display: block; content: ''; padding-top: 66.666666667%;}
.product_dl dd .pic img{ display:block; width:100%; height:100%; position:absolute; left:0px; top:0px;}
.product_dl dd .text{ display: block; height: 40px; line-height: 40px;text-align: left; color: #333; font-size: 16px; overflow:hidden;}
.product_dl dd:hover .text{ color: #1c7eeb;}
/*产品展示end*/

/*关于我们start*/
.aboutUs_box{width: 100%;background: #f5f5f5;overflow: hidden}
.aboutFl{width: 45%;position: relative;}
.aboutBox{overflow: hidden}
.aboutBox h3{font-size: 18px;color: #1f7ce6;margin-bottom: 20px}
.aboutBox h3 a{color: #1f7ce6}
.aboutBox .intro{font-size: 14px;color: #555;line-height: 30px;}
.aboutMore{display: block;width: 220px;height: 50px;line-height: 50px;border: 1px solid #ddd;border-radius: 3px;font-size: 14px;position:relative }
.aboutMore a{color: #666666;padding: 0 25px;position: relative;display: block}
.aboutMore a em{position: absolute;right: 0;top: 0;width: 50px;height: 50px;display: block;background:#1f7ce6 url(../images/iconMore.png) no-repeat 23px center;opacity: .9}
.aboutMore:hover a em{opacity: 1}
.aboutMore:hover a{color: #1f7ce6}
.aboutMore:hover{border-color: #1f7ce6}

.aboutFr{overflow: hidden;height: 384px;width: 568px;position: relative;background: url(../images/border.png) no-repeat center center}
.aboutBg{padding: 22px;overflow: hidden}
.aboutBg .pic{width: 100%; overflow: hidden; position: relative;}
.aboutBg .pic:before{ display: block; content: ''; padding-top: 65%;}
.aboutBg .pic img{display:block; width:100%; height:100%; position:absolute; left:0px; top:0px;}
/*关于我们end*/

/*设备展示start*/
.deviceBox{width: 100%;height: 486px;background: url(../test/baCol1.png) no-repeat center center;background-size: cover}
.devTitle{overflow: hidden;padding:60px 0 30px}
.devFl{font-size: 30px;color: #fff;line-height: 70px}
.devFl i{font-style: normal;color: #fff;padding-left: 10px;font-size: 28px}
.devNum{width:147px;height:57px;position: relative;background: url(../images/nums.png) no-repeat center center}

.devPic{width: 400px;height: 360px;position: relative;overflow: hidden}
.devPic a{background: rgba(0,0,0,.3);display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-align: center;color: #fff}
.devPic a .dev1{font-size: 20px;line-height: 30px;padding: 10px 0 25px;position: relative}
.devPic a .dev1:after{content: "";position: absolute;left: 50%;bottom: 0;width: 46px;height: 2px;background: #fff;margin-left: -23px}
.devPic a .dev2{font-size: 14px;line-height: 26px;padding: 10px 0 30px;}
.devPic a .detail{width: 124px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #fff;margin: 0 auto;font-size: 14px;transition: all .3s;-webkit-transition: all .3s}
.devPic a:hover .detail{color: #1f7ce6;border-color: #1f7ce6}

.devPic .pic{ width: 100%; overflow: hidden; position: relative;}
.devPic .pic:before{ display: block; content: ''; padding-top: 90%;}
.devPic .pic img{ display:block; width:100%; height:100%; position:absolute; left:0px; top:0px;}
.dev_dl{overflow: hidden}
.dev_dl dd{width: 50%;float: left}
.dev_dl dd a{display: block}
.dev_dl dd .pic{ width: 100%; overflow: hidden; position: relative;}
.dev_dl dd .pic:before{ display: block; content: ''; padding-top: 45%;}
.dev_dl dd .pic img{ display:block; width:100%; height:100%; position:absolute; left:0px; top:0px;}
/*设备展示end*/

/*新闻中心start*/
.newsBox{width: 100%;background: #fff;}
.newsTitle{height: 50px;line-height: 50px;padding-bottom: 20px;overflow: hidden}
.newsFl{font-size: 30px;color: #333;line-height: 70px}
.newsFl i{font-style: normal;color: #666;padding-left: 10px;font-size: 28px}
.dewsFr a{font-size: 16px;color: #999}
.dewsFr a:hover{color: #1f7ce6}

.newsCom{overflow: hidden;position: relative}
.newsComFl{width: 39.583333%;position: relative;}
.newsComFr{width: 56.666667%;position: relative}
.newsComFl a{display: block}
.newsComFl .pic{ width: 100%; overflow: hidden; position: relative;}
.newsComFl .pic:before{ display: block; content: ''; padding-top: 56.2105%;}
.newsComFl .pic img{ display:block; width:100%; height:100%; position:absolute; left:0px; top:0px;}
.newsComFl .text{background: #1f7ce6;padding: 28px;height: 142px;font-size: 14px;color: #fff}
.newsComFl .text .title{font-size: 18px;line-height: 28px;margin-bottom: 10px}
.newsComFl .text .time{margin-bottom: 20px;line-height: 24px;}
.newsComFl .text .newTxt{line-height: 30px;}


.newsTbFl{padding-top: 10px;overflow: hidden}
.newsTbFl h3{padding: 10px 0 15px;font-size: 16px;border-bottom: 1px solid #ddd}
.newsTbFl h3 a{color: #333;}
.newsTbFl h3:hover a{color: #1f7ce6}
.newsIntr{font-size: 14px;color: #858585;line-height: 34px;padding-top: 5px}

.newsTime{height: 120px;overflow: hidden;position: relative;margin-left: 30px}
.newsTime span{display: block;text-align: right}
.newsTime span.span1{font-size: 34px;color: #858585;font-weight: bold;padding-top: 10px}
.newsTime span.span2{font-size: 14px;color: #666;}
.newsTime i{display: block;position: absolute;right: 0;bottom: 15px;width: 8px;height: 14px;background: url(../images/rigt.png) no-repeat center center}

.indexList1{ overflow: hidden;padding-top: 10px}
.indexList1 dd{ overflow: hidden; height: 60px; line-height: 60px; border-bottom: 1px solid #ddd;font-size: 14px}
.indexList1 dd a{ display: block;overflow: hidden;color: #333;font-size: 16px}
.indexList1 dd span{ float: right; display: inline; overflow: hidden; margin-left: 50px;color: #888}
.indexList1 dd:hover a{ color: #1f7ce6;}
.indexList1 dd:hover a em{ background: #1f7ce6;}
/*新闻中心end*/

.honorBox{background: #f5f5f5;width: 100%;overflow: hidden;position: relative}
.honorList{position: relative;}
.honorList .prev{display: block;position: absolute;left:-30px;top: 50%;width: 20px;height: 30px;background: url(../images/hoPrev.png) no-repeat center center;margin-top: -15px;cursor: pointer}
.honorList .next{display: block;position: absolute;right:-45px;top: 50%;width: 20px;height: 30px;background: url(../images/hoNext.png) no-repeat center center;margin-top: -15px;cursor: pointer}
.honor_dl{margin: 0px -10px;overflow:hidden;}
.honor_dl dd{width: 25%;float: left;display: inline;}
/*.honor_dl dd .pic{width: 100%;height: 100%}*/
/*.honor_dl dd .pic img{width: 100%;height: 100%;}*/
.honor_dl dd a{ display: block; position: relative;background: #f7f7f7;margin: 0px 10px;text-align:center;-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear; transition: all 0.3s linear;}
.honor_dl dd:hover a{
	-webkit-box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
}


/*
底部样式开始
*/
.footBox1{width: 100%;background: #2f3134;overflow: hidden}
.footBox2{width: 100%;background: #1e2023;overflow: hidden}

.footerMenu{ overflow: hidden;position: relative;width: 75%}
.footerMenu dt{position: absolute;left: 0;width: 100%;height: 1px;background: #595a5d;top: 44px}
.footerMenu dd{ float: left; display: inline; margin-right: 85px;}
.footerMenu dd:last-child{margin-right: 0}
.footerMenu dd em{ font-style: normal; display: block; line-height: 50px; height: 50px; overflow: hidden;position: relative}
.footerMenu dd em:before{content: "";position: absolute;left: 22px;bottom: 4px;width: 11px;height: 4px;background: #fff}
.footerMenu dd em a{ font-size: 14px; color: #fff;}
.footerMenu dd em a:hover{ color:#1f7ce6;}
.footerMenu dd span{ font-style: normal; display: block; line-height: 18px; padding: 5px 0; overflow: hidden;}
.footerMenu dd span a{ font-size: 14px; color: #999999;}
.footerMenu dd span a:hover{ color:#1f7ce6;}

.footerFr{overflow: hidden;font-size: 14px}
.ewmBox span{display: block;text-align: center;height: 50px;line-height: 50px;color: #fff}
.ewmBox img{display: block;width: 128px;height: 128px;}

.footerLast{height: 70px;line-height: 70px;;font-size: 14px;color: #999999;text-align: center}
.footerLast img{padding:  0 10px}
.footerLast a{padding: 0 5px;color: #999}
.footerLast a:hover{color: #fff}
/*
底部样式结束
*/

/*
/////////////////////////内页
*/
/*subBanner*/
.subBanner{
	clear: both;
	width: 100%;
	padding-top:21.6145%;
	background-position: center center;
	background-size: cover;
	position: relative;
}
.subBannerC{
	width: 1200px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left:-600px;
	background-repeat: no-repeat;
	background-position: left center;
}

.subPageRC {
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

/*二级导航*/
.navBox{
	clear: both;
	height: 62px;
	background: rgba(254,254,255,.9);
}
.navF1{width: 193px;height: 62px;background: url(../images/navBg.png) no-repeat center center;font-size: 28px;color: #fff;line-height: 62px;}
.navF1 span{padding-left: 30px}
.nav{overflow: hidden;margin-left: 30px}
.nav a{
	float: left;
	height: 62px;
	line-height: 62px;
	padding:0 25px;
	color: #333333;
	font-size: 16px;
	position: relative;
	left:-1px;
}
.nav a:hover{color:#1c7eeb}
.nav a.hover{color:#1c7eeb}

/*当前位置*/
.location{ overflow: hidden; height: 70px; line-height: 70px; padding: 0 10px;}
.locationL{ font-size: 26px;color: #555}
.locationR{ overflow: hidden; font-size: 14px; color: #666}
.locationR span{ float: left; display: block;width: 13px;height: 72px;background: url(../images/home.png) no-repeat center center;margin-right: 12px;}
.locationR a{ float: left; display: inline;padding: 0 10px}
.locationR a:hover{ color:#1c7eeb;}
.locationR a.hover{ color:#1c7eeb;}
.locationR em{ float: left; display: inline; font-style: normal; margin: 32px 5px;
	width:0;
	height:0;
	border-width:5px 0 5px 6px;
	border-style:solid;
	border-color:transparent transparent transparent #adadad;/*透明 透明 透明 黄*/
	}

/*行业动态start图文*/
.innerCon{overflow: hidden}

.innerConFl{width: 70.5%}
.adMent{background: #fff;padding: 30px;width: 266px;font-size: 14px;}
.adCom{font-size: 24px;color: #333;font-weight: bold;padding: 0 0 18px;}
.adMent .pic{ width: 100%; overflow: hidden; position: relative;}
.adMent .pic:before{ display: block; content: ''; padding-top: 66.1654%;}
.adMent .pic img{ display:block; width:100%; height:100%; position:absolute; left:0px; top:0px;}

.adMent .text h3{font-size: 16px;line-height: 22px;font-weight: bold;padding: 20px 0 10px}
.adMent .text h3 a{color: #333;}
.adMent .text h3 a:hover{color: #197de0}
.adMent .text .time{color: #888;}
.adMent .text .intro{line-height: 24px;padding: 10px 0 20px}
.adMent .detail a{display: block;width: 160px;height: 40px;line-height: 40px;border: 1px solid #ddd;font-size: 16px;color: #666;transition: all .3s;-webkit-transition: all .3s}
.adMent .detail a span{padding-left: 10px;}
.adMent .detail a i{font-style: normal;float: right;font-size: 22px;padding-right: 8px}
.adMent .detail a:hover{color: #197de0;border-color: #197de0}

.imgText{overflow:hidden;position:relative;}
.imgText dd{overflow:hidden; padding: 20px;margin-bottom:5px;background:#ffffff;}
.imgText dd .pic{width:230px;height:150px;overflow:hidden;margin-right:20px;position:relative;}
.imgText dd .pic img{poaition:absolute;width:100%;height:100%;display:block;top:0;left:0;}
.imgText dd .text{overflow:hidden;margin-right:20px;}
.imgText dd .text .title {line-height:35px;height:35px;overflow:hidden}
.imgText dd .text .title a{font-size:16px;color:#333;}
.imgText dd .text .time{font-size:14px;color:#888888;line-height:25px;height:25px;margin-bottom:8px;}
.imgText dd .text .text_con{height:48px;font-size:14px;color:#888888;line-height:24px;overflow:hidden;margin-bottom:19px;}
.imgText dd .text .btn{height:16px;line-height:16px;font-size:14px;color:#999;}
.imgText dd:hover .title a{color:#1c7eeb;}
/*行业动态end*/



/*文字列表2开始*/
.textList2{padding:0 20px;background: #fff;overflow: hidden}
.textList2 dd{height:70px;line-height:69px;list-style:none;border-bottom:1px solid #CCC;}
.textList2 dd .time{color:#a7a5a5;margin-left:7px;font-size:14px;float:left;display:inline;}
.textList2 dd .yuan{width:10px;height:10px; border:2px solid #1c7eeb;border-radius:50%;float:left;display:inline;margin-top:28px;}
.textList2 dd a{margin-left:19px;color:#333;font-size:16px;float:left;display:inline;}
.textList2 dd a:hover{color:#1c7eeb;}
.textList2 dd:last-child{border-bottom-style:none;height:90px;}
/*文字列表2结束*/

/*图片列表页的开始*/
.imgList{overflow:hidden;}
.imgList dd{float:left;display:inline;width:33.3333%; margin-bottom:20px;}
.imgList dd a{display:block;padding-right:20px;}
.imgList dd .pic{position:relative;padding-top:66.6667%;overflow:hidden;}
.imgList dd .pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.imgList dd .text{height:65px;text-align:center; background:#FFF;overflow:hidden;position:relative; transition:all .5s; -webkit-transition:all .5s;}
.imgList dd .text .title{height:65px;line-height:65px;overflow:hidden;font-size:16px;color:#333333; transition:all .5s; -webkit-transition:all .5s;}
.imgList dd .text .info{height:60px;line-height:40px;overflow:hidden;font-size:14px;color:#ffffff;}
.imgList dd:hover .text{margin-top:-60px;background:#1c7eeb;height:125px;color:#ffffff;}
.imgList dd:hover .text .title{ color:#FFF;}
/*图片列表页的结束*/

/*产品展示开始*/
.imgList2{overflow:hidden;}
.imgList2 dd{float:left;display:inline;width:33.3333%;}
.imgList2 dd .con{padding-right:20px;}
.imgList2 dd .pic{position:relative;padding-top:74.3600%;overflow:hidden;}
.imgList2 dd .pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.imgList2 dd .text{height:60px;line-height:60px; overflow:hidden;position:relative; color:#333333;font-size:16px;}
.imgList2 dd .pic .shade{position:absolute;z-index:2;width:100%;height:100%;background:rgba(28,126,235,0.8);top:0;left:0; transition:all .5s; -webkit-transition:all .5s; opacity:0;}
.imgList2 dd .pic .shade .more{position:absolute;width:100%;height:40px;line-height:40px;color:#fff;font-size:36px;text-align:center;top:50%;margin-top:-20px;}
.imgList2 dd .pic .shade:before{ display:block; content:''; position:absolute; width:0; height:0; left:50%; margin-left:-159px; top:50%; margin-top:-110px; border:1px solid #FFF; border-right:transparent; border-bottom:transparent; z-index:3; transition:all .5s; -webkit-transition:all .5s;}
.imgList2 dd .pic .shade:after{ display:block; content:''; position:absolute; width:0; height:0; right:50%; margin-right:-160px; bottom:50%; margin-bottom:-111px; border:1px solid #FFF; border-top:transparent; border-left:transparent; z-index:3; transition:all .5s; -webkit-transition:all .5s;}
.imgList2 dd:hover .shade{ opacity:1;}
.imgList2 dd:hover .pic .shade:before{ width:318px; height:220px; }
.imgList2 dd:hover .pic .shade:after{ width:318px; height:220px; }
/*产品结束*/

/*右边公共样式*/
.adBox{background: #fff;width: 326px;font-size: 14px;}
.adPic1 .pic{ width: 100%; overflow: hidden; position: relative;}
.adPic1 .pic:before{ display: block; content: ''; padding-top: 107.361963%;}
.adPic1 .pic img{ display:block; width:100%; height:100%; position:absolute; left:0px; top:0px;}

.adPic2 .pic{ width: 100%; overflow: hidden; position: relative;}
.adPic3 .pic:before{ display: block; content: ''; padding-top: 39.877309%;}
.adPic2 .pic img{ display:block; width:100%; height:100%; position:absolute; left:0px; top:0px;}
/*右边公共样式结束*/


/*团队管理开始*/
.imgBox {
	position: relative;
	overflow: hidden;
}
.imgText2{overflow:hidden;position:relative;}
.imgText2 dd{overflow:hidden; padding: 20px;margin-bottom:5px;background: #fff}
.imgText2 dd .pic{width:300px;height:200px;overflow:hidden;margin-right:20px;position:relative;}
.imgText2 dd .pic a{display: block}
.imgText2 dd .imgBox {
	height: 200px;
	width: 300px;
}
.imgText2 dd .pic img{position:absolute;width:100%;height:100%;display:block;top:0;left:0;}
.imgText2 dd .text{overflow:hidden;margin-right:20px;}
.imgText2 dd .text .title {line-height:60px;height:60px;overflow:hidden;margin-bottom:17px;}
.imgText2 dd .text .title .team_name{font-size:20px;color:#333;line-height:59px;float:left;display:inline;border-bottom:1px solid #333;}
.imgText2 dd .text .title span{margin-left:20px;}
.imgText2 dd .text .text_con{height:52px;font-size:14px;color:#888888;line-height:26px;overflow:hidden;margin-bottom:27px;}
.imgText2 dd .text .btn2{width:88px;height:30px;border:1px solid #ccc;border-radius:16px;line-height:30px;text-align:center;display:block;}
.imgText2 dd:hover .text .btn2{color:#1c7eeb; border-color:#1c7eeb;}
/*团队管理结束*/



/*联系方式*/
.lx_content{padding-left:20px;padding-top:46px;background: #fff;padding-bottom: 100px}
.lx_content h3{font-size:28px;color:#1c7eeb;height:50px;width:600px;border-bottom:1px solid #ccc;margin-bottom:25px; }
.address{margin-bottom:55px;}
.address span{line-height:30px;font-size:16px;color:#666666;display:block;}
.erweima dl{overflow:hidden;}
.erweima dl dd{float:left;width:128px;margin-right:50px;}
.erweima dl dd img{width:128px;height:128px;}
.erweima dl dd span{height:55px;line-height:55px;font-size:14px;color:#666666;text-align:center;dispaly:block;text-align:center;}
/*联系方式end*/

/*招聘列表详情*/
.rmt_dl{margin-bottom: 20px}
.rmt_dl dt{height: 60px;line-height: 60px;overflow: hidden;background: #ebebeb;}
.rmt_dl dt span{display:block;float: left;height:60px;text-align:center;color:#666;width: 16.666666666667%;font-size: 16px;}
.rmt_dl dd{display:block;clear:both;overflow:hidden;background:#adadad;margin-bottom: 5px}
.rmt_dl dd .div1{clear:both;height:56px;background:#adadad;overflow:hidden;-webkit-transition: all 0.2s;text-align: center;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;}
.rmt_dl dd .div1 span{display:inline;float:left;height:56px;line-height:56px;color:#fff;font-size:15px;width: 16.66666666667%}
.rmt_dl dd .div1 span.span1{}
.rmt_dl dd .div1 span.span2{}
.rmt_dl dd .div1 span.span3{}
.rmt_dl dd .div1 span.span4{}
.rmt_dl dd .div1 span.span5{}
.rmt_dl dd .div1 span.span6{cursor:pointer;text-align:center;background: url(../images/jia.png) no-repeat center center;}

.rmt_dl dd .div2{clear:both;overflow:hidden;padding:10px 30px;color:#666666;font-size:16px;line-height:30px;text-align:left;display:none;background: #fff;border-bottom: 1px solid #1c7eeb;border-left: 1px solid #1c7eeb;border-right: 1px solid #1c7eeb}
.rmt_dl dd .div2 b{ color: #333;}
.rmt_dl dd.hover .div1{ background:#1c7eeb;}
.rmt_dl dd.hover .div1 span{ color:#fff;}
.rmt_dl dd:hover .div1{ background:#1c7eeb;}
.rmt_dl dd:hover .div1 span{ color:#fff;}
.rmt_dl dd .div1 span.span6.jian{ background: url(../images/jian.png) no-repeat center center;}
.div2Btn{ overflow:hidden; padding-top:20px;}
.div2Btn a{ display:block; width:140px; height:40px; background:#e2807f; color:#FFF; text-align:center; font-size:16px; line-height:40px;}
.rctBtn{ overflow:hidden;border-top: 1px solid #ddd;padding: 10px;}
.rctBtn span{display: block}
.rctBtn a{display: block;color: #1c7eeb}
/*招聘列表详情end*/

/*地图开始*/
.map{border: 1px solid #ddd;width: 843px;position: relative;height: 360px}
/*.map a{position: absolute;display: block;width: 120px;height: 120px;left: 50%;bottom: -60px;background: url(../images/location.png) no-repeat center center;margin-left: -60px}*/
/*.map a:hover{opacity: .9}*/
.mapCon{width: 845px;background: #fff;height: 270px;text-align: center;font-size: 16px;color: #666;line-height: 270px}

/*地图开始结束*/


/*在线留言*/
.messageTop{padding: 20px;background: #fff}
.msg_dl{overflow: hidden;margin: 0 -15px;}
.msg_dl dd{width: 33.333%;overflow: hidden;float: left;display: block;padding: 0 0 15px;position: relative}
.msgDiv1{margin: 0 15px;border: 1px solid #ddd;border-radius: 2px;height: 48px;line-height: 48px;padding: 0 16px;font-size: 14px;color: #666;}
.msgDiv1 span{display: block;margin-right: 10px;}
.msg_input{overflow: hidden;}
.msgInp{width: 100%;height: 48px;border: 0;line-height: 48px;outline: none;}
.msg_dl dt{padding: 15px 0;float: left;width: 100%}
.msgDiv2{margin: 0 15px;border: 1px solid #ddd;border-radius: 2px;line-height: 24px;font-size: 14px;color: #666;position: relative;}
.msgDiv2 .msgSpan{position: absolute;left: 16px;top: 10px;}
.msgTat{padding: 15px 16px}
.msgText{width: 100%;outline: none;border: 0;resize:none;height: 180px;font-size: 14px;color: #333}

.codeBox{margin: 0 auto;overflow: hidden;font-size: 14px;padding: 15px 0 30px}
.codeP{height: 50px;margin-left: 20px;width: 90px;}
.codeP img{height: 50px}
.subMitB{width: 250px;height: 50px;line-height: 50px;border-radius: 2px;background: #1c7eeb;}
.subMitB a{display: block;color: #fff;text-align: center;font-size: 14px;}
.subMitB:hover{background: #1a74dc;}
.codeInput{overflow: hidden;}
.codeIn{width: 150px;outline: none;border: 0;height: 48px;line-height: 48px;border: 1px solid #ddd;padding: 0 10px;border-radius: 2px;font-size: 14px;color: #333}

/*发展历程*/
.historytabe{ padding-left:40px;background: #fff;padding-bottom: 100px}
.historytabe strong{ display:block; width:38px; height:38px; background:url(../images/scale.png) center no-repeat; margin-left:102px;}
.history-fix{ position:relative; margin-top:22px; width:780px; overflow:hidden; cursor:url(../images/mouse.png) 16 16, default;}
.history-bg{width:7px;height:100%;border-radius:3px;overflow:hidden;position:absolute;left:119px;top:0;background:#575d64;}
.history-bg i{ display: block; border-radius: 4px; height: 80px; background-color: #1c7eeb; transition: 400ms; -ms-transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms;}
.history-list{ position:relative;}
.history-list li{ padding-top:46px; height:46px; position:relative; padding-left:132px;}
.history-list li:nth-child(2n+2){ padding-left:0;}
.history-list li .dot{ display:block; width:21px; height:5px; background:#1c7eeb; border-radius:2px; position:relative; top:7px; display:none;}
.history-list li .year{ color:#5d5d5d; font-size:24px; line-height:normal; padding-left:28px; position:relative;}
.history-list li .year:before{ content:""; width:11px; height:3px; background:#5d5d5d; position:absolute; left:0; top:50%; margin-top:-1px;}
.history-list li.act .dot{ display:block;}
.history-list li.act .year{ display:none;}
.history-list li.act .history-info{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.history-list li:nth-child(2n+2) .year{ padding-left:0; padding-right:28px;}
.history-list li:nth-child(2n+2) .year:before{ left:97px;}
.history-info{ position:absolute; left:338px; width:405px; opacity:0; visibility:hidden; transform:scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8); transition:400ms; -webkit-transition:400ms;}
.history-info:before{ content:""; width:14px; height:26px; background:url(../images/arrow2.png) center no-repeat; position:absolute; left:-14px; top:34px;}
.history-t{ position:relative;}
.history-t b{color:#ffffff;font-size:48px;display:block;padding-left:20px;line-height:101px;background:#1c7eeb;font-weight:normal;position:relative;}
.history-t b:before{ content:""; width:23px; height:6px; background:#fff; position:absolute; left:210px; top:50%; margin-top:-3px;}
.history-t small{ display:block; padding-right:65px; color:#fdfdfd; font-family:Arial; line-height:2; height:48px; background:url(../images/calder.png) right top no-repeat; position:absolute; right:4px; top:7px; padding-top:5px;}
.history-text{ padding:20px; background:#fff;font-size: 14px;color: #555;line-height: 28px}
.history-text p{ color:#5d5d5d; font-size:14px; margin-bottom:30px;}
.history-text img{ display:block; width:100%; height:auto;}
/*.history-icon{ width:385px; left:-70px; margin-top:160px; position:relative;}*/
/*.history-icon:before{ content:""; width:24px; height:26px; background:url(../images/downico.png) center no-repeat; position:absolute; left:50%; margin-left:-12px; top:-8px;}*/
/*.history-icon span:before{ content:""; width:40.5%; height:1px; background:#84675b; position:absolute; left:0; top:0;}*/
/*.history-icon span:after{ content:""; width:40.5%; height:1px; background:#84675b; position:absolute; right:0; top:0;}*/





/*新闻+单篇*/
.articleT {
	clear: both;
	line-height:50px;
	font-size:20px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}
.articleT2 {
	height:35px;
	font-size: 14px;
	color: #666;
	line-height: 35px;
	text-align: center;
	padding-bottom: 25px;
	border-bottom: 1px solid #c7c7c7;
	position: relative;
}
.articleT2 span{
	margin: 0 10px;
	padding-top: 2px;
	color: #666666;
	background-position:left center;
	background-repeat: no-repeat;
}
.articleT2 span.span1{
	padding-left:22px;
	background-image: url(../images/icon10.png);
}
.articleT2 span.span2{
	padding-left:34px;
	background-image: url(../images/icon11.png);
}
.articleT2 .span3{
	padding-left:42px;
	position: relative;
}
.articleT2 .span3 .shareBt{position: absolute;left: 0;top: 0}
.articleT2 .span3 .shareBt a{background-image: url(../images/iconShare.png);}
.articleT2 .span3 .shareBt .bdshare-button-style0-16 a, .articleT2 .span3 .shareBt .bdshare-button-style0-16 .bds_more {
	height: 20px!important;
	cursor: pointer;
	 margin:0!important;
	width: 5px;
}



.innerPage{padding: 40px;background: #fff;position: relative}
.innerPage1{background: #fff;padding: 20px;}
/*.intext{height: 40px;position: relative}*/
/*.intext:before{content: "";position: absolute;left: -18px;top: -15px;width: 303px;height: 70px;background: url(../images/pT.png) no-repeat center center}*/
.articleBox {
	clear: both;
	overflow: hidden;
	font-size: 16px;
	line-height: 34px;
	color: #333333;
}
.articleBox img {
	max-width: 100%;
}
/* 文章阅读页——大图*/
#play {
	width: 755px;
	height: 425px;
	position: relative;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e9e9e9;
	margin: 0 auto;
}

#play .change_a {
	width: 40%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	cursor: pointer;
	display: block;
	overflow: hidden;
	background: url(about:blank);
}

#play .prev_a {
	left: 0;
}

#play .next_a {
	right: 0
}

#play .change_a span {
	width: 24px;
	height: 43px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -21px;
	display: none
}

#play .prev_a span {
	background: url(../images/article_icon.png) no-repeat 0px -50px;
	left: 0;
}

#play .next_a span {
	background: url(../images/article_icon.png) no-repeat -30px -50px;
	right: 0;
}

#play .img_ul {
	position: relative;
	z-index: 1;
	width: 755px;
	height: 425px;
}

#play .img_ul li {
	position: relative;
	z-index: 1;
	width: 755px;
	height: 425px;
	background: #fff;
	margin: 0 0 5px 0;
}

#play .img_ul li img {
	position: absolute;
}

.imgMove {
	width:755px;
	clear: both;
	margin: 20px auto;
	position: relative;
}

.img_hd {
	margin: 0 auto;
	overflow: hidden;
	height: 75px;
	position: relative;
}

.img_hd ul {
	position: absolute;
	z-index: 1
}

.img_hd ul li {
	float: left;
	width: 90px;
	height:51px;
	padding: 3px;
	margin: 0 7px;
	cursor: pointer;
	background: #fff;
	border: 1px solid #d4d4d4;
	position: relative;
}

.img_hd ul li p {
	width: 90px;
	height:51px;
	display: block;
	background: #fff;
	position: relative;
}

.img_hd ul li i {
	display: block;
	clear: both;
	line-height: 20px;
	padding: 0 5px;
	background: #000;
	color: #fff;
	position: absolute;
	right: 3px;
	bottom: 3px;
	z-index: 99999999999999;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
}

.img_hd ul li img {
	position: absolute;
	width: 90px;
	height:51px;
}

.img_hd ul li.on {
	border: 1px solid #1c7eeb;
	background: #1c7eeb;
}

.imgMove .bottom_a {
	width: 20px;
	height: 25px;
	display: block;
	cursor: pointer;
	z-index: 10;
	float: left;
	top: 20px;
	position: absolute;
	z-index: 9999999999999;
	background: url(../images/article_icon.png) no-repeat;
}

.imgMove .prev_a {
	background-position: left top;
	left: 0;
}

.imgMove .next_a {
	background-position: right top;
	right: 0;
}

.article_pageUp {
	font-size: 15px;
	line-height: 30px;
	color: #999999;
	border-top: 1px solid #d5d5d5;
	padding-top: 30px;
}

.article_pageUp dl {
	width: 600px
}

.article_pageUp dl a {
	color: #999999
}

.article_pageUp dl a:hover {
	color: #1e67c0
}

.article_pageUp .bt {
	width: 130px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #1e67c0;
	color: #fff;
	font-size: 15px;
	margin-top: 10px;
}
.article_pageUp .bt:hover {
	opacity: 0.9
}
.articleHand {
	clear: both;
	font-size: 16px;
	padding: 10px 0px 20px 0;
	overflow: hidden;
}
.articleHand a {
	display: block;
	line-height: 32px;
	padding: 0 20px 10px 30px;
	float: left;
	background: url(../images/file.png) no-repeat left center;
}
.articleHand a.word {
	background: url(../images/word.png) no-repeat left 3px;
	color: #37a6ff !important;
}
.articleHand a.ppt {
	background: url(../images/ppt.png) no-repeat left center;
	color: #ff7735 !important;
}
.articleHand a.excel {
	background: url(../images/excel.png) no-repeat left center;
	color: #15bf44 !important;
}
.articleHand a.pdf {
	background: url(../images/pdf.png) no-repeat left center;
	color: #1369c0 !important;
}
.articleHand a.zip {
	background: url(../images/zip.png) no-repeat left 3px;
	color: #ff9779 !important;
}
.articlePageT{
	width:100%;
	height:50px;
	overflow: hidden;
	line-height: 50px;
	color: #333333;
	font-size: 14px;
	background-color:#fff;
	margin-bottom: 10px;
}
.articlePageT:hover{background: #1c7eeb;color: #fff}
.articlePageT:hover a{color: #fff;}
.articlePageT:hover a:hover{color: #fff;}

.articlePage{
	clear:both;
	height:30px;
	text-align:center;
	font-family:Arial;
	}
.articlePage a{
	margin:0 1px;
	background:#ccc;
	padding:5px 10px;
	}
.articlePage a:hover{
	color:#fff;
	background:#003b90;
	}
.articlePage a.hover{
	color:#fff;
	background:#003b90;
	}
.articlePageUp{
	clear: both;
	overflow: hidden;
	padding-top:20px;
}



/*页码开始*/
.page{padding:30px 0;text-align: center;clear: both;font-size: 14px;}
.page a{display: inline-block;overflow: hidden;padding:6px 12px;color:#999999;border-radius:3px;background: #fff; margin: 0 3px;}
.page span{display: inline-block; padding: 6px 2px; position: relative; top: -15px;}
.page a:hover{background: #1c7eeb;color: #fff;}
.page a.hover{background: #1c7eeb;color: #fff;}
.page input{display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative; top: -2px;}
.page input.pageDetail{width: 30px; height: 30px; text-align: center; border-radius: 3px; color: #999999; position: relative; top: -13px;}
.page label{color:#999999;position: relative;top: -11px;}
.page input.page_bnt{border: none; width: 30px; height: 25px; cursor: pointer; background: none; color: #999999; position: relative; top: -13px;}

.page a div{
	width: 11px;
	height: 19px;
	background-position: center center;
	background-repeat: no-repeat;
}
.page a.firstPage div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage div{background-image: url(../images/page/lastPage.png)}

.page a.firstPage:hover div{background-image: url(../images/page/firstPageh.png)}
.page a.prevPage:hover div{background-image: url(../images/page/prevPageh.png)}
.page a.nextPage:hover div{background-image: url(../images/page/nextPageh.png)}
.page a.lastPage:hover div{background-image: url(../images/page/lastPageh.png)}

.page a.firstPage.disabled{background:#fff;}
.page a.prevPage.disabled{background:#E2E2E2;}
.page a.nextPage.disabled{background:#E2E2E2;}
.page a.lastPage.disabled{background:#E2E2E2;}

.page a.firstPage.disabled div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage.disabled div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage.disabled div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage.disabled div{background-image: url(../images/page/lastPage.png)}
/*页码结束*/


/*瀑布流*/
#container{position:relative;width:100%;}
.grid{width:33.333333%;min-height:100px;font-size:14px;float:left;overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.gridCon{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background:#fff;border-radius:2px;margin: 10px 10px}
.imgholder{text-align: center;}
.grid .text{width:100%;display:block;font-size:14px;text-align:center;line-height:24px;font-weight:normal;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;padding:10px 0;transition: all .3s;-webkit-transition: all .3s;color: #666}
.grid img{max-width:100%;}
.grid:hover .text{background: #1c7eeb;color: #fff}
.grid.hover .text{background: #1c7eeb;color: #fff}</pre></body></html>