body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img ,iframe { margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
input,button,textarea,option { font: 12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style: none; border: 0px; }
img{ border: 0px; }
.clear{ font: 0px/0px serif; display: block; clear: both; }
html{ -webkit-text-size-adjust: none; }
input{ outline: none; }
button{ border:none; }
textarea{ resize: none; }
a{ text-decoration: none; }
body:nth-of-type(1) input:focus,textarea:focus{ outline: none;}
body{ font: 12px "\5b8b\4f53","Tahoma","Arial","Microsoft Yahei"; color: #333; background: #f2f2f2; position: relative;min-width: 1100px;}


#header{width: 100%;height: 30px;background-color: #e0e0e0;}
.header{margin: 0 auto;width: 1100px;}
.header span{float: left;line-height: 30px;color: #555555;margin-left: -9px;font-family: "microsoft yahei";}
.header span a{color: #555555;margin: 0 9px;}
.header p{float: right;font: normal 14px/30px "microsoft yahei";}
.header p a{display: inline-block;float: left;margin-left: 23px;color: #555555;}
.header a:hover{color: #ff6600;}


#top{ width:100%; height:94px; margin:0 auto;background: #168ce3;}
.top{ width:1100px; height:94px; margin:0 auto; position:relative; z-index:1;}
.top .logo{position:absolute; left:0; top:15px; z-index:1;}
.top span{position: absolute; left: 220px; top: 15px;}
.top h1{ width:110px; height:44px; position:absolute; left:245px; top:33px; z-index:1; font:bold 30px/42px "Microsoft Yahei","\5b8b\4f53"; text-indent:10px; border-left:1px solid #c0cbd3; color:#468e00; }
.top i{ width:180px; height:42px; position:absolute; left:331px; top:36px; z-index:1; background:url("../images/bgtitle.jpg") no-repeat;}
.top p{ float:left;  color:#999999;position: absolute;left: 295px;top: 15px;}
.top p a{ color:#666; padding:0 10px;font:bold 12px/30px "Tahoma", "\5b8b\4f53";}
.top p a:hover{ color:#1b8bd4; }


#search{ width:400px; height:35px; z-index:99;position: absolute;top: 29px;left: 613px;}
.search{ width:400px; height:35px; position:relative; background:url(../../images/company/searchbg.jpg) no-repeat 0 0; z-index:9999;}
.search .selectbox{ width:60px; height:35px; position:absolute; left:0px;text-indent: 15px; font: normal 12px/35px "\5b8b\4f53","simhei"; color:#aaa; border:0; background: transparent none repeat scroll 0% 0%; cursor:pointer;}
.search .showfirst{ width:60px; height:35px; position:absolute; left:0px;text-indent: 15px; font: normal 12px/35px "\5b8b\4f53","simhei"; color:#aaa; border:0; background: transparent none repeat scroll 0% 0%; cursor:pointer;}
.search select{ width:60px; font:normal 14px/35px "Tahoma"; color:#868a8f;}
.search input{ width:230px; height:35px;line-height: 35px;color: #aaa; position:absolute; left:65px; top:0;border:none; display:block; outline:0;}
.search button{ width:69px; height:35px; position:absolute; border:0; right:0px; top: 0; display:block; cursor:pointer; background:none;font: normal 16px/35px "Microsoft Yahei";}
.search .selectbox-wrapper { width:60px; float:left; border:#cdcdcd 1px solid; border-top:0; padding-top:3px; background-color: #fff; text-align: center; position: absolute; top: 35px; z-index: 9999;}
.search .selectbox-wrapper ul { width:60px; float:left; display:block; background-color: #fff;}
.search .selectbox-wrapper ul li { width:60px; height:22px; line-height:22px; float:left; font:normal 14px/22px; color:#666; display:block; cursor:pointer;}
.search .selectbox-wrapper ul li:hover { background-color:#ccc;}
a.ruzhu{width: 80px;height: 35px;display: block;position: absolute;right: 0;top: 29px;background-color: #faaa17;text-align: center;color: #fff;font: 16px/35px "Microsoft Yahei","\5b8b\4f53";}
.top button{width: 80px;height: 35px;display: block;border: 0px;cursor: pointer;position: absolute;background: #faaa17;font: normal 16px/35px "Microsoft Yahei";color: #fff;}

#nav{width: 100%;background: #168ce3;height: 40px;position: relative;margin: 0 auto 0;}
.nav{width: 1100px;margin: 0 auto;height: 40px;background: #419fe5;position: relative;}
.nav a{width: 122px;height: 40px;float: left;font: 16px/40px "Microsoft Yahei","\5b8b\4f53";text-align: center;color: #fff;}
.nav a.shouy{border: 0;width: 124px;}
.nav a:hover{background-color: #0571c1;}


.carouselTop{width: 1100px;height: 158px;background: #f8f8f8; margin: 18px auto 0;overflow: hidden;position: relative;}
.carouselTop ul{float: left;position: absolute;left: 46px;top: 22px;}
.carouselTop ul li{width: 325px;height: 114px;float: left;margin-right: 20px;}
.carouselTop ul li img{width: 159px;height: 114px;float: left;margin-right: 15px;}
.carouselTop ul li h3{width: 148px;float: left;height: 48px;overflow: hidden;margin-top: 8px;}
.carouselTop ul li h3 a{font: 14px/24px "Microsoft Yahei","\5b8b\4f53";color: #333;}
.carouselTop ul li h3 a:hover{color: #168ce3;}
.carouselTop ul li a.chakan{width: 72px;height: 29px;display: block;float: left;margin-top: 8px; background: #168ce3;border-radius: 3px;color: #fff;font: 14px/29px "Microsoft Yahei","\5b8b\4f53";text-align: center;}
.preNext{width: 28px;height: 28px;position: absolute;top :62px;background: url(../../images/tender/tenderbg.png) no-repeat 0 0;cursor: pointer;}
.pre{background-position: 0px -320px;left: 8px;}
.pre:hover{background-position: 0px -400px;left: 8px;}
.next{background-position: 0px -440px;right: 8px;}
.next:hover{background-position: 0px -360px;right: 8px;}


.location{width: 1100px;margin: 0 auto 0;height: 38px;}
.location p{float: left; font: 14px/38px "Microsoft Yahei";color: #666;}
.location p a{color: #666;padding: 0 5px;}
.location p a:hover{color: #037ccc;}
.location p b{color: #037ccc;padding: 0 5px;font-weight: normal;}


.main{width: 1100px;margin: 0 auto 0;}
.mainL{width: 798px;float: left;}
.reply{width: 738px;float: left;background: #fff;padding: 0 30px;}
.reply h3{width: 738px;height: 36px;float: left;margin-top: 20px;margin-bottom: 8px; overflow: hidden;text-indent: 36px;background: url(../../images/expert/expertBg.png) no-repeat 0 -575px;}
.reply h3 a{font: 24px/36px "Microsoft Yahei";color: #333;}
.reply h3 a:hover{color: #168ce3;text-decoration: underline;}
.reply p.titlecon{width: 738px;float: left; font: 14px/30px "Microsoft Yahei";color: #666;}
.sharetime{width: 738px;float: left;margin-top: 8px;}
.sharetime .timeL{float: left; color: #9eadb6; font: 12px/30px "Microsoft Yahei";}
.sharetime .timeL span{float: left;}
.sharetime .timeL i{font-style: normal;padding: 0 8px;float: left;display: block;}

.btns{float: right;}
.btn-read,
.btn-thing{height: 24px;float: left;font-size: 12px;font-weight: normal;line-height: 24px;text-indent: 18px;color: #888;background: url(../../images/expert/btnIcon2.png) 0 -2px no-repeat;transition: all 0.3s;-moz-transform: all 0.3s;-webkit-transform: all 0.3s;-o-transform: all 0.3s;-ms-transform: all 0.3s;}
.btn-read:hover{background: url(../../images/expert/btnIcon2.png) 0 -26px no-repeat;}
.btn-thing{margin-left: 21px;text-indent: 23px;font-size: 12px;font-weight: normal;background: url(../../images/expert/btnIcon2.png) -75px 0px no-repeat;}
.btn-thing:hover{background: url(../../images/expert/btnIcon2.png) -75px -24px no-repeat;}
.bds_more{margin-top: 0;font-size: 12px;font-weight: normal;height: 24px;line-height: 24px;float: left;color: #888;margin-right: 8px;margin-left: 28px;padding-left: 20px;background: url(../../images/expert/btnIcon2.png) -133px -2px no-repeat;}
.bds_tsina1,
.bds_qzone1,
.bds_tqq1,
.bds_weixin1{width: 30px;height: 30px;margin-top: 0;float: left;padding: 0;margin-left:6px;background: url(../../images/expert/btnIcon2.png) -36px 0px no-repeat;transition: all 0.3s;-moz-transform: all 0.3s;-webkit-transform: all 0.3s;-o-transform: all 0.3s;-ms-transform: all 0.3s;}
.bds_tsina1:hover{background: url(../../images/expert/btnIcon2.png) -36px -50px no-repeat;}
.bds_qzone1{background: url(../../images/expert/btnIcon2.png) -108px 0px no-repeat;}
.bds_qzone1:hover{background: url(../../images/expert/btnIcon2.png) -108px -50px no-repeat;}
.bds_tqq1{background: url(../../images/expert/btnIcon2.png) -72px 0px no-repeat;}
.bds_tqq1:hover{background: url(../../images/expert/btnIcon2.png) -72px -50px no-repeat;}
.bds_weixin1{background: url(../../images/expert/btnIcon2.png) 0px 0px no-repeat;}
.bds_weixin1:hover{background: url(../../images/expert/btnIcon2.png) 0 -50px no-repeat;}

.message{width: 738px;height: 165px;float:left;overflow: hidden;margin-top: 20px;}
.message textarea{width: 716px;height: 143px;border: 1px solid #e4e4e4;float: left;border-radius: 5px;overflow: hidden;padding: 10px;font: 14px/24px "Microsoft Yahei";color: #666;}
.signature{width: 738px;float: left;height: 33px;overflow: hidden;margin-top: 11px;margin-bottom: 25px;color: #666;}
.signature p.sign{width: 137px;float: left;margin-right: 24px;margin-top: 6px;}
p.sign input{width: 123px;height: 21px;float: left;border: 1px solid #e9e9e9;font: 12px/21px "Microsoft Yahei";color: #999;padding: 0 6px;}
.signature span{float: left;font: 12px/33px "Microsoft Yahei";height: 33px;}
.signature span input{margin-right: 10px;float: left;margin-top: 12px;}
.signature span label{color: #666;line-height: 36px;float: left;margin-right: 10px;}
.signature span .v_code{float: left;height: 35px;position: relative;}
.signature span .v_code input{float: left;height: 23px;width: 118px;color: #999;border: 1px solid #d2d2d2;text-indent: 10px; margin-top: 5px; font:normal 12px/23px "microsoft yahei";}
.signature span .v_code label{height: 33px;float: left;border-left: 0;margin-top: 3px;margin-right: 15px;}
.signature span .v_code label img{width: 78px;height: 28px;}
.error{position: absolute;top: -37px;left: 0;height: 30px;width: 119px;padding-bottom: 5px;font:normal 12px/30px "microsoft yahei";color: #fff;text-align: center;background: url(../../images/news/comment.png) 0 -94px no-repeat;}
p.examine{font: 12px/33px "Microsoft Yahei";color: #666;float: left;line-height: 36px;}
.signature a.expressed{width: 104px;height: 33px;float: right;border-radius: 2px;background: #168ce3;color: #fff;text-align: center;font: 16px/33px "Microsoft Yahei";cursor:pointer;}


.queans{width: 738px;float: left;background: #fff;padding: 0 30px;margin-top: 20px;padding-top: 25px;}
.queans h3{width: 738px;float: left;height: 26px;font:normal 22px/28px "Microsoft Yahei";color: #168ce3; text-indent: 40px; background: url(../../images/expert/expertBg.png) no-repeat 0 -780px;}
ul.quebox{width: 738px;float: left;margin-top: 5px;padding-bottom: 30px;}
ul.quebox li{width: 738px;float: left;overflow: hidden;border-bottom: 1px solid #f2f2f2;padding-top: 10px;}
ul.quebox li:last-of-type{border: none;}
ul.quebox li p{width: 738px;float: left;overflow: hidden;}
ul.quebox li p a{font:normal 14px/28px "Microsoft Yahei";color: #666;}
ul.quebox li .quetime{float: left; color: #9eadb6; font: 12px/30px "Microsoft Yahei";}
ul.quebox li .quetime span{float: left;}
ul.quebox li .quetime i{font-style: normal;padding: 0 10px;float: left;display: block;color: #f2f2f2;}


.mainR{width: 280px;float: right;}
.hotline{width: 280px;float: left;background: #fff;margin-bottom: 20px;}
.imgbox{width: 280px;float: left;height: 129px;border-bottom: 1px solid #eaeaea;}
.imgbox img{width: 71px;height: 71px;float: left;margin-left: 105px;margin-top: 17px;margin-right: 104px;}
.imgbox span{width: 280px;float: left;height: 28px;padding-top: 6px; overflow: hidden;font: normal 14px/28px "microsoft yahei";color: #333;text-align: center;}
.hotlineBot{width: 267px;float: left; padding-left: 13px;background: #fff;padding-top: 15px;}
.hotlineBot span{width: 267px;float: left;}
.hotlineBot span a{width: 120px;height: 32px;float: left;border: 1px solid #168ce3;background: #fff;margin: 0 10px 10px 0; overflow: hidden;text-align: center;font: normal 14px/32px "microsoft yahei";color: #168ce3}
.hotlineBot span a:hover{background: #168ce3;color: #fff;}
.renzheng{width: 254px;height: 119px;float: left;margin-top: 10px;padding-bottom: 20px;}
.renzheng img{width: 254px;}


.online{width: 254px;float: left;padding: 0 13px;background: #fff;margin-bottom: 20px;}
.sicenceT{width: 254px;float: left;margin-top: 10px;}
.sicenceT h3{float: left; color: #168ce3;font: 16px/36px "Microsoft Yahei";text-indent: 26px;background: url(../../images/expert/expertBg.png) no-repeat 0 -262px;}
.sicenceT h3.onIcon{background: url(../../images/expert/expertBg.png) no-repeat 0 -681px;}
.sicenceT a.more{width: 18px;height: 18px;float: right;margin-top:10px; display: block;background: url(../../images/expert/expertBg.png) no-repeat 0 0;}

ul.videobox{width: 254px;float: left;margin-top: 12px;}
ul.videobox li{width: 254px;float: left;padding-bottom: 18px;}
ul.videobox li img{width: 254px;height: 137px;float: left;}
ul.videobox li p{width: 254px;float: left;height: 36px;overflow: hidden;}
ul.videobox li p a{color: #333;font: 16px/36px "Microsoft Yahei";}
ul.videobox li p a:hover{color: #168ce3;}
ul.videobox li span{float: left;font: 12px/14px "Microsoft Yahei";color: #999; text-indent: 18px;background: url(../../images/expert/expertBg.png) no-repeat 0 -738px;}

ul.sicenceB{float: left;width: 250px;margin-top: 10px;background: #fff;padding-bottom: 15px;}
ul.sicenceB li{width: 235px;height: 97px;float: left;padding-left: 15px;margin-bottom: 15px;}
ul.sicenceB li h3{width: 235px;float: left;height: 48px;overflow: hidden; font:normal 14px/24px "Tahoma","\5b8b\4f53";margin-top: 15px;}
ul.sicenceB li h3 a{color: #fff;}
ul.sicenceB li h3 a:hover{text-decoration: underline;}
ul.sicenceB li span{width:65px;height: 14px;margin-top: 8px; float: right;text-indent: 23px;font: 12px/14px "Tahoma", "\5b8b\4f53";color: #fff; background: url(../../images/expert/expertBg.png) no-repeat 0 -380px;}
ul.sicenceB li.bg1{background: url(../../images/expert/sicenceBg.png) no-repeat 0 0;}
ul.sicenceB li.bg2{background: url(../../images/expert/sicenceBg.png) no-repeat 0 -107px;}
ul.sicenceB li.bg3{background: url(../../images/expert/sicenceBg.png) no-repeat 0 -214px;}
ul.sicenceB li.bg4{background: url(../../images/expert/sicenceBg.png) no-repeat 0 -321px;}
ul.sicenceB li.bg5{background: url(../../images/expert/sicenceBg.png) no-repeat 0 -428px;margin-bottom: 0;}


#platform{width:100%; margin:30px auto 0; background:#fff;}
.meiTitle{width: 1100px;margin: 0 auto 0;border-bottom: 3px solid #eceef4;padding-top: 10px;}
.meiTitle h3{float: left; font: 26px/48px "Microsoft Yahei";color: #333;}
.meiTitle a.more{float: right;color: #888; font: 12px/48px "Microsoft Yahei";}
.platform{width: 1090px;margin: 0 auto 0;height: 131px;background: url(../../images/brands/platform-bg.jpg) repeat;margin-bottom: 15px;padding: 10px 0 9px 10px;}
.platform span{width: 199px;height: 131px;float: left;background: url(../../images/brands/platform-ewm.jpg) no-repeat;}
.platform p{width: 890px;float: left;}
.platform p a{width: 168px;height: 45px;float: left;border-radius: 5px;margin-right: 10px; text-indent: 65px; margin-top: 40px; font: 18px/45px "Microsoft Yahei","\5b8b\4f53";color: #fff;}
.platform p a.media1{background: #e65e42 url(../../images/brands/platform-icon.png) no-repeat 12px 0;}
.platform p a.media2{background: #308eb5 url(../../images/brands/platform-icon.png) no-repeat 12px -64px;}
.platform p a.media3{background: #8db800 url(../../images/brands/platform-icon.png) no-repeat 12px -128px;}
.platform p a.media4{background: #0f8eec url(../../images/brands/platform-icon.png) no-repeat 12px -193px;}
.platform p a.media5{background: #8db800 url(../../images/brands/platform-icon.png) no-repeat 12px -255px;}

.platform{width: 1090px;margin: 0 auto 0;height: 131px;background: url(../../images/brands/platform-bg.jpg) repeat;padding: 10px 0 9px 10px;}
.platform span{width: 199px;height: 131px;float: left;background: url(../../images/brands/platform-ewm.jpg) no-repeat;}
.platform p{width: 890px;float: left;}
.platform p a{width: 168px;height: 45px;float: left;border-radius: 5px;margin-right: 10px; text-indent: 65px; margin-top: 40px; font: 18px/45px "Microsoft Yahei","\5b8b\4f53";color: #fff;}
.platform p a.media1{background: #e65e42 url(../../images/brands/platform-icon.png) no-repeat 12px 0;}
.platform p a.media2{background: #308eb5 url(../../images/brands/platform-icon.png) no-repeat 12px -64px;}
.platform p a.media3{background: #8db800 url(../../images/brands/platform-icon.png) no-repeat 12px -128px;position: relative;cursor: pointer;}
.platform p .media3 .QQhover {
	position: absolute;
	left: 0px;
	bottom: 40px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 30px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 30px;
	width: 100px;
	text-align: center;
	overflow: hidden;
	resize: none;
	font-family: "Microsoft Yahei";
   }
   .platform p .media3 .QQhover::after{
	position: absolute;
	left: 0;
	top: 0;
	line-height: 30px;
	content: "QQ:";
   }
   .platform p .media3:hover .QQhover{
	display: inline-block;
   }

.platform p a.media4{background: #0f8eec url(../../images/brands/platform-icon.png) no-repeat 12px -193px;position: relative;cursor: pointer;}
.platform p .media4 .QQhover {
	position: absolute;
	left: 0px;
	bottom: 40px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 30px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 30px;
	width: 100px;
	text-align: center;
	overflow: hidden;
	resize: none;
	font-family: "Microsoft Yahei";
   }
   .platform p .media4 .QQhover::after{
	position: absolute;
	left: 0;
	top: 0;
	line-height: 30px;
	content: "QQ:";
   }
   .platform p .media4:hover .QQhover{
	display: inline-block;
   }
.platform p a.media5{background: #8db800 url(../../images/brands/platform-icon.png) no-repeat 12px -255px;}


#service{ width:100%; height:118px; margin:0 auto 0; background:#fff;padding-top: 20px;}
.service{ width:1100px; height:94px; margin:0 auto;}
.service dl{ width:260px; height:94px; float:left; padding-left:25px; }
.service dt{ width:260px; height:48px; float:left; font:normal 16px/48px "Microsoft Yahei","\5b8b\4f53"; color:#565656; text-indent:48px; background:url(../../images/brands/serviceIcon.jpg) no-repeat;}
.service dd{ width:210px; height:46px; float:left; line-height:23px;}
.service dd a{ color:#999; padding-right:14px;}
.service dd a:hover{ color:#f60; text-decoration:underline;}
.service .s4,.service .s4 dt{ width:210px;}
.service .s2 dt{ background-position:0 -48px;}
.service .s3 dt{ background-position:0 -96px;}
.service .s4 dt{ background-position:0 -144px;}



#footer{ width:100%; margin:0 auto 0; border-top: 1px solid #ebebeb; padding-bottom:20px;background: #f6f6f6;}
.footer{ width:1100px; margin:0 auto; padding-top:16px;}
.footer p{ width:1100px; float:left; font:normal 12px/30px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden; color:#878787;}
.footer p a{ padding:0 4px; color:#878787;}
.footer p a:hover,.footer span a:hover{ color:#f60; text-decoration:underline;}
.footer span{ width:1100px; height:26px; float:left; padding:16px 0; text-align:center; font:normal 16px/26px "Microsoft Yahei","\5b8b\4f53"; color:#333;}
.footer span a{ color:#333; padding:0 10px;}
.footer b{ width:1100px; height:21px; float:left; text-align:center; font:normal 12px/21px "Tahoma","\5b8b\4f53"; color:#888;}
.footer strong{ padding:0 15px;}
#nfoot p b img{ vertical-align: middle; }

.nfoot-bt{width: 1100px;margin: 20px auto 50px;overflow: hidden;}
ul.qqlist{width: 330px;float: left;margin-left: 300px;}
ul.qqlist li{float: left;margin-left: 65px;width: 82px;margin-bottom: 5px;color: #666;}
ul.qqlist li img{vertical-align: middle;}
ul.phonelist{width: 150px;float: left;}
ul.phonelist li{color: #666;float: left;width: 150px;height: 21px;line-height: 21px;margin-bottom: 5px;}



.backHome{ width:59px;  position:fixed; _position:absolute; top:203px; display:block; right:10px; }
.backHome a{ width:59px; height:59px; display:block; float:left; background:#5b7648; text-align:center; font:normal 14px/20px "Microsoft Yahei","simhei"; color:#fff;opacity:0.7; filter:alpha(opacity=70); background:url(../../images/rightBar.png) no-repeat 0 0; overflow: hidden; text-indent: -9999px; }
.backHome a:hover{ opacity:1; filter:alpha(opacity=100); }
.backHome a.guest,.backHome a.guest:hover{ background:url(../../images/rightBar.png) no-repeat 0 -114px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.toTop{ background:url(../../images/rightBar.png) no-repeat 0px -57px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.guest:hover,.backHome a.toTop:hover{ opacity: 1; filter:alpha(opacity=100); }
.weigz{
	width: 159px;
	height: 175px;
	text-align: center;
	background: #fff;
	position: relative;
	top: 86px;
	*top: 1px;
	left: 380px;
	*left: 183px;
	/*! display: none; */
	border: 1px solid #ddd;
}
.weigz table{
	width: 129px;
	height: 129px;
	position: absolute;
	top: 5px;
	left: 15px;
}
.weigz table td{
	width: 129px;
	height: 129px;
	text-align: center;
	vertical-align: middle;
}
.weigz img{
	width: 100%;
}
.weigP{
	padding: 0px 10px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	font-family: "microsoft yahei";
	position: absolute;
	top: 130px;
	left: 5px;
}
/* 20250422 */
.material{
	margin-top: 20px;
	padding: 20px;
	background-color: #fff;
	font-family: "Microsoft Yahei";
	float: left;
}
.materialTitle{
	font-size: 22px;
	color: #168ce3;
}
.materialTitle i{
	margin: 2px 8px 0 0;
	width: 36px;
	display: inline-block;
	vertical-align: top;
}
.materialTitle img{
	max-width: 100%;
}
.materialBot{
	margin-top: 8px;
}
.materialBot li{
	padding: 12px 0;
	border-bottom: 1px solid #f5f5f5;
}
.materialBot li:last-child{
	padding-bottom: 0;
	border: 0;
}
.materialBot li p{
	font-size: 18px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}
.materialBot li p a{
	color: #333;
}
.materialBot li p:hover a{
	color: #168ce3;
}
.materialBot li span{
	margin: 10px 0 0;
	max-height: 66px;
	line-height: 22px;
	font-size: 14px;
	color: #666;
	display: block;
	overflow: hidden;
}
.materialBot li .bot{
	margin: 8px 0 0;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #333;
}
.materialBot li .bot a{
	color: #333;
}
.materialBot li .bot i{
	margin-right: 8px;
	width: 36px;
  	height: 36px;
  	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.materialBot li .bot img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
}