@charset "UTF-8";
/*---reset css---*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { border: medium none; margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 'simsun'; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ul, ol { list-style: none; vertical-align: middle; }
html { overflow: -moz-scrollbars-vertical; overflow-x: hidden; }
img { border: 0px; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; color: #666; outline: none; }
a:hover { color: #1D5182; }
a:active { color: #666; outline: none; }
body { color: #666; background: #fff; }
/*---common csss---*/
.l { float: left; }
.r { float: right; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;
}
.Box1 { margin: 0 auto; width: 1000px; }
.Box2 { margin: 0 auto; width: 974px; }
.mb20 { margin-bottom: 20px; }
.mb10 { margin-bottom: 10px; }
.m10 { margin: 10px auto; }
.m20 { margin: 20px auto; }
.h18 { height: 18px; clear: both; overflow: hidden; }
.pl15 { padding-left: 15px; }
/*---top---*/
.header { position: relative; z-index: 10; margin: 0 auto; width: 100%; height: 133px; background: url(../images/h-bg.png) repeat-x 0 0; }
.logo { float: left; margin-top: 18px; width: 600px; height: 54px; background: url(../images/logo.png) no-repeat 0 0; }
.logo a { display: block; width: 100%; height: 100%; }
.fav { float: right; }
.favup { float: right; clear: both; width: 135px; height: 20px; padding-left: 23px; background: url(../images/favbg.jpg) no-repeat 0 0; color: #fff; 1
}
.favup a { color: #fff; }
.favup a:hover { text-decoration: underline; }
.search { float: right; margin-top: 30px; clear: both; height: 25px; line-height: 25px; overflow: hidden; }
.re-pro { float: left; margin-right: 10px; }
.re-pro a { margin: 0 4px; }
.s-wrap { float: left; width: 176px; height: 25px; background: url(../images/search_bg.jpg) no-repeat 0 0; }
.search input { background: none; border: none; }
.s-text { padding-left: 5px; width: 135px; height: 23px; line-height: 23px; }
.s-btn { cursor: pointer; width: 20px; height: 23px; }
.menu { clear: both; }
.menu dl dd { float: left; position: relative; z-index: 100; }
.menu dl dd strong a { display: block; width: 140px; height: 36px; background: url(../images/arrow.jpg) no-repeat 18% center; text-align: center; color: #fff; font: 14px/36px "simsun"; }
.menu dl dd strong a:hover { color: #1d5182; background: url(../images/mhover.jpg) repeat-x 0 0; }
.menu dl dd.hover strong a { color: #1d5182; background: url(../images/mhover.jpg) repeat-x 0 0; }
.menu dl dd.first strong a { background: none; }
.menu dl dd.first strong a:hover { background: url(../images/mhover2.jpg) repeat-x 0 0; }
.menu dl dd.first.hover strong a { background: url(../images/mhover2.jpg) repeat-x 0 0; }
.sonmenu { display: none; position: absolute; height: auto; min-height:125px; left: 0; top: 36px; padding: 15px; min-width: 350px; width: auto !important; background: #fff; overflow: hidden; }
.sonmenu ul { float: left; margin-right: 15px; height: auto; width: 200px; }
.sontext { float: left; }
.sontext div { float: left; width: 200px; }
.sontext div h3 { height: 24px; color: #3b3b3b; font: 300 12px/24px "microsoft yahei"; }
.sontext div span { display: block; line-height: 1.8; }
.sontext p { float: right; width: 125px; height: 110px; border: 4px solid #e8e8e8; }
.sontext p img { width: 125px; height: 110px; }
.sonmenu ul li { display: inline-block; margin: 0 10px 5px 0; }
.sonmenu ul li a { display: inline-block; width: 82px; height: 24px; text-align: center; line-height: 24px; color: #757575; background: url(../images/sonhover.jpg) no-repeat 0 0; }
.sonmenu ul li a:hover { background: url(../images/sonhover2.jpg) no-repeat 0 0; }
/*--banner--*/
.banner { height: 380px; position: relative; top: -11px; z-index: 1; width: 100%; margin: 0 auto; clear: both; overflow: hidden; }
.imgs li { position: absolute; left: 0; top: 0; z-index: 100; height: 380px; width: 100%; }
.imgs li a { display: block; width: 100%; height: 100%; }
.move1, .move2 { display: block; width: 31px; height: 79px; position: absolute; top: 200px; background: url(../images/move.png) no-repeat left center; z-index: 200; cursor: pointer; display: none; }
.move1 { left: 50%; margin-left: -500px; }
.move2 { left: 50%; margin-left: 500px; background: url(../images/move.png) no-repeat right center; }
.control1 { width: 1000px; height: 27px; position: absolute; z-index: 800; text-align: right; margin: 0 auto; bottom: 20px; left: 50%; margin-left: -500px; }
.control1 li { display: inline-block; margin-right: 8px; float:right;}
.control1 li a { display: inline-block; width: 47px; height: 6px; border: 1px solid #a9a9a9; background: #dfdfdf; }
.control1 li a:hover { background: #eb702d; width: 49px; height: 8px; border: none; }
.control1 li.now a { background: #eb702d; width: 49px; height: 8px; border: none; }
/*---main---*/
.main { margin: 30px auto; }
.c1 { height: 267px; }
.c1-1, .c1-2 { float: left; margin-right: 12px; width: 260px; height: 254px; border: 1px solid #efefef; background: url(../images/m-bg1.jpg) repeat-x 0 0; padding: 0 14px; }
.c1-2 { width: 360px; }
.c1-3 { float: right; width: 240px; height: 254px;border: 1px solid #efefef; background: url(../images/m-bg1.jpg) repeat-x 0 0; padding: 0 14px; }
.c-intro3 p { width: 240px; height: 70px; margin-bottom: 10px; }
.c-intro3 p img { width: 240px; height: 70px; }
.c2 { height: 230px; margin-bottom: 10px; }
#c-video { width: 270px; height: 206px; }
.c3 { height: 209px; margin-bottom: 23px; background: url(../images/m-bg2.jpg) repeat-x 0 0; border: 1px solid #efefef; padding: 4px 16px; }
.c4 { height: 40px; border: 1px solid #efefef; background: url(../images/m-bg3.jpg) repeat-x 0 0; }
/*---news&&intro---*/
.title1 { height: 33px; line-height: 33px; margin-bottom: 9px; }
.title1 h3 { float: left; font-weight: normal; color: #0a3966; font-family: "microsoft yahei"; font-size: 16px; }
.title1 h3 span { margin: 0 3px; color: #e97a2e; }
.title1 h3 code { color: #7d7676; font-size: 11px; font-family: "Arial"; }
.more1 { float: right; margin-top: 15px; display: block; width: 38px; height: 9px; background: url(../images/more1.jpg) no-repeat 0 0; }
.more2 { float: right; margin-top: 15px; display: block; width: 42px; height: 18px; background: url(../images/more2.jpg) no-repeat 0 0; }
.c-intro p { width: 260px; height: 70px; margin-bottom: 10px; }
.c-intro p img { width: 260px; height: 70px; }
.c-intro div { line-height: 2; }
.c-news p { float: left; width: 115px; height: 80px; margin-right: 10px; }
.c-news p img { width: 115px; height: 80px; }
.news-inner { float: right; width: 235px; }
.c-news h3 { height: 26px; font: 300 14px/26px "microsoft yahei"; }
.c-news h3 a { color: #1c1c1c; }
.c-news h3 a:hover { color: #1D5182; }
.c-news div { display: block; line-height: 2; }
.c-news dl { clear: both; overflow: hidden; padding-top: 15px; }
.c-news dl dd { height: 26px; line-height: 26px; clear: both; overflow: hidden; }
.c-news dl dd a { display: block; float: left; height: 26px; background: url(../images/lista.jpg) no-repeat left center; padding-left: 10px; }
.c-news dl dd span { float: right; }
.title1 ul { float: right; margin-top: 15px; overflow: hidden; }
.title1 ul li { float: left; display: block; cursor: pointer; margin-right: 5px; width: 7px; height: 6px; background: url(../images/c1.jpg) no-repeat 0 0; text-indent: 9em; }
.title1 ul li:hover { background: url(../images/c2.jpg) no-repeat 0 0; }
.title1 ul li.on { background: url(../images/c2.jpg) no-repeat 0 0; }
.pro1 { width: 974px; overflow: hidden; height: 180px; clear: both; }
.pro1 ul { width: 1000px; }
.pro1 ul li { float: left; margin-right: 30px; width: 170px; height: 180px; }
.pro1 ul li p { width: 164px; height: 124px; border: 3px solid #eaeaea; }
.pro1 ul li p img{ width: 164px; height: 124px;}
.pro1 ul li:hover p { border: 3px solid #ec9d53; }
.pro1 ul li span { display: block; height: 50px; text-align: center; }
.pro1 ul li span a { display: block; color: #656565; font: 12px/50px "microsoft yahei"; }
.pro1 ul li span a:hover { color: #1D5182; }
.pro2 { width: 908px; height: 154px; overflow: hidden; margin: 15px auto 0; }
.pro2 ul { width: 980px; }
.pro2 ul li { float: left; width: 160px; height: 154px; margin-right: 25px; }
.pro2 ul li p { width: 154px; height: 114px; border: 3px solid #eaeaea; }
.pro2 ul li p img { width: 154px; height: 114px; }
.pro2 ul li span { display: block; height: 32px; text-align: center; }
.pro2 ul li span a { display: block; color: #656565; font: 12px/32px "microsoft yahei"; }
.pro2 ul li span a:hover { color: #1D5182; }
/*---flink---*/
.l-icon { float: left; width: 104px; height: 40px; background: url(../images/f-link.jpg) no-repeat left center; }
.l-name { float: left; overflow: hidden; width: 840px; height: 40px; line-height: 40px; padding: 0 5px; }
.l-name a { margin: 0 4px; line-height: 40px;}
/*---footer---*/
.footer { margin: 7px auto 0; height: 82px; background: #1b2126; overflow: hidden; }
.footer p { margin-top: 6px; float: left; width: 72px; height:72px; }
.footer p img { width: 72px; height: 72px; }
.copy { float: left; padding-top: 10px; }
.copy div { height: 24px; line-height: 24px; text-align: right; }
.copy div span { vertical-align: middle; }
/*--smallbanner--*/
.s-banner { position: relative; z-index: 1; margin: 0 auto 20px; width: 100%; height: 195px; overflow: hidden; clear: both; top: -4px; }
.s-banner s { display: block; width: 100%; height: 100%; }
/*---wrap---*/
.wrap { margin: 20px auto; }
/*---left---*/
.p-l { float: left; width: 240px; overflow: hidden; }
.p-r { float: right; width: 734px; overflow: hidden; }
.title2 { position: relative; height: 45px; line-height: 45px; background: #245988; color: #fff; font-weight: normal; padding-left: 10px; }
.title2 span { position: absolute; font-family: "microsoft yahei"; font-size: 14px; left: 35px; top: -7px; }
.title2 code { display: block; font-family: "Arial"; font-size: 10px; }
.title2 code:first-letter { font-size: 35px; }
.nav { margin: 12px 0; overflow: hidden; }
.nav dd { margin-bottom: 10px; }
.nav dd strong { font-weight: normal; }
.nav dd strong a { display: block; height: 28px; background: url(../images/navbg.jpg) no-repeat center top; padding-left: 32px; font: 14px/28px "microsoft yahei";margin-bottom:6px; }
.nav dd.hover strong a { color: #215988; background: url(../images/navbg.jpg) no-repeat center bottom; }
.nav dd.hover div { display: block; }
.nav dd div { display: none; }
.nav dd div a { display: block; height: 30px; line-height: 30px; padding-left: 28px; background: url(../images/lista.jpg) no-repeat 8% 50%; }
.nav dd div a.hover { color: #215988; }
/*---left slide---*/
.slide-wrap { position: relative; width: 234px; height: 164px; border: 3px solid #dedede; margin-bottom: 13px; }
.scroll-img { position: relative; z-index: 10; width: 234px; height: 164px; overflow: hidden; }
.scroll-img ul li {height: 164px; width: 100%; }
.scroll-img ul li img { width: 234px; height: 164px;}
.slide-wrap .prev,.slide-wrap .next{
	display: block;	
	width: 9px;
	height: 17px;
	position: absolute;
	top: 76px;
	z-index: 20;
	cursor: pointer;
	}
.slide-wrap .prev{
	background:url(../images/slide.png) no-repeat left bottom;
	left:10px;	
	}
.slide-wrap .prev:hover{
	background:url(../images/slide.png) no-repeat left top;	
	}
.slide-wrap .next{
	background:url(../images/slide.png) no-repeat right top;
	right:10px;	
	}
.slide-wrap .next:hover{
	background:url(../images/slide.png) no-repeat right bottom;	
	}
/*---short---*/
.short { height: 50px; width: 240px; margin-bottom: 13px; }
.short a { display: block; width: 100%; height: 100%; }
/*---page---*/
.page { margin: 30px auto; clear: both; overflow: hidden; text-align: center; }
.page span { display: inline-block; background: #fff; color: #737373; border: 1px solid #efefef; padding: 0 10px; }
.page a { display: inline-block; background: #fff; color: #737373; border: 1px solid #efefef; padding: 0 4px; }
.page a:hover { border: 1px solid #245988; background: #245988; color: #fff; }
.page a.hover { border: 1px solid #245988; background: #245988; color: #fff; }
.page strong { display: inline-block; font-weight: normal; color: #6f6f6f; }
.page input { display: inline-block; background: #fff; border: 1px solid #efefef; width: 28px; text-align: center; height: 16px; line-height: 16px; text-align: center; }
/*---location---*/
.location { margin: 0 auto 35px; height: 40px; padding-left: 10px; line-height: 40px; background: #f2f2f2; }
.location strong { float: left; display: block; color: #555; font: 300 12px/40px "simsun"; }
.l-detail { float: left; }
.l-detail a, .l-detail span { color: #555; font-family: "simsun"; }
.l-detail a:hover { color: #035099; }
.l-detail span { color: #035099; }
.view { float: right; padding-top: 8px; }
.view span { cursor: pointer; display: block; width: 55px; height: 25px; float: left; margin-right: 5px; text-align: center; line-height: 25px; padding-left: 10px; }
.view1 { background: url(../images/view4.jpg) no-repeat 10% 50%; }
.view1.on { background: #fff url(../images/view3.jpg) no-repeat 10% 50%; }
.view2 { background: url(../images/view2.jpg) no-repeat 8% 50%; }
.view2.on { background: #fff url(../images/view1.jpg) no-repeat 8% 50%; }
/*---singleArticle---*/
.a-title { text-align: center; font: 300 16px/2 "microsoft yahei"; }
.a-time { text-align: center; height: 42px; line-height: 42px; font-weight: normal; border-bottom: 1px dotted #ccc; }
.a-time a:hover { font-weight: bold; color: #1e5888; }
.a-time a.hover { font-weight: bold; color: #1e5888; }
/*--imgscroll--*/
.imgShow { width: 410px; }
.zoom_big1 { width: 471px; height: 292px; padding: 2px; border: 1px solid #cfcfcf; margin: 20px auto; overflow: hidden; text-indent: 0; position: relative; }
.zoom_big1 a { width: 471px; height: 292px; display: block; }
.zoom_big1 a img { width: 471px; height: 292px; overflow: hidden; }
.zoom_big1 span { display: block; height: 60px; line-height: 2; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
position: absolute; bottom: 2px; left: 0; left: 50%; margin-left: -49.5%; width: 94.8%; font-size: 14px; color: #fff; font-family: "microsoft yahei"; padding: 10px; }
.zoomScroll1 { position: relative; margin: 0 auto 20px; width: 540px; z-index: 10; height: 74px; text-indent: 0; }
.zoomScroll_prev1, .zoomScroll_next1 { display: block; position: absolute; top: 7px; width: 15px; height: 60px; cursor: pointer; z-index: 50; border: none; }
.zoomScroll_prev1 { left: 0; background: url(../images/move4.png) no-repeat right top; }
.zoomScroll_next1 { right: 0; background: url(../images/move4.png) no-repeat left top; }
.zoomScroll_prev1:hover { left: 0; background: url(../images/move4.png) no-repeat right bottom; }
.zoomScroll_next1:hover { right: 0; background: url(../images/move4.png) no-repeat left bottom; }
.zoomScroll_list1 { position: relative; width: 485px; height: 74px; overflow: hidden; left: 25px; }
.zoomScroll_list1 ul { width: 9999px; }
.zoomScroll_list1 ul li { float: left; width: 106px; height: 70px; margin-right: 15px; cursor: pointer; border: 1px solid #d4d4d4; padding: 1px; display: inline; }
.zoomScroll_list1 ul li img { width: 106px; height: 70px; overflow: hidden; margin: 0; }
.zoomScroll_list1 ul li.hover { float: left; width: 106px; height: 70px; margin-right: 15px; cursor: pointer; border: 1px solid #1e5888; padding: 1px; display: inline; }
.zoomScroll_list1 ul li.hover img { width: 106px; height: 70px; overflow: hidden; }
/*---upload---*/
.upload { line-height: 2; margin: 20px auto; }
.open-link { overflow: hidden; clear: both; width: 94%; margin: 30px auto 0; border-top: 1px dotted #c8c8c8; }
.openOthers { height: 74px; }
.openOthers li { height: 26px; line-height: 26px; }
.openOthers li span { color: #787878; }
.openOthers li a { color: #555; }
.openOthers li a:hover { color: #035099; }
.tags { padding-top: 10px; height: 28px; line-height: 28px; }
.tags strong { font-family: "Arial"; font-size: 16px; }
.hot_share { height: 30px; line-height: 30px; margin: 0 auto; }
.hot_share span { float: left; }
.bshare-custom { float: left; margin-top: 5px; }
.bshare-custom a { font-family: "microsoft yahei"; }
/*---newsList---*/
.news-list { padding: 0 10px; }
.news-list dt { overflow: hidden; clear: both; margin-bottom: 30px; }
.news-list dt p { float: left; margin-right: 20px; width: 132px; height: 98px; padding: 1px; background: #fff; border: 1px solid #dedede; }
.news-list dt p img { width: 100%; height: 100%; }
.news-list dt h3 { display: block; height: 25px; line-height: 25px; margin-bottom: 5px; font-size: 14px; }
.news-list dt h3 a { color: #245988; }
.news-list dt h3 a:hover { text-decoration: underline; }
.news-list dt div { text-indent: 2em; line-height: 2; }
.news-list dt div span { color: #245988; }
.news-list dt div span a { color: #245988; }
.news-list dt div span a:hover { text-decoration: underline; }
.news-list dd { height: 28px; line-height: 28px; border-bottom: 1px dotted #c3c3c3; clear: both; overflow: hidden; }
.news-list dd a { float: left; display: block; background: url(../images/lista.jpg) no-repeat left center; padding-left: 5px; }
.news-list dd a:hover { color: #245988; }
.news-list dd span { float: right; }
/*---imgList---*/
.img-list { width: 120%; overflow: hidden; clear: both; padding-left: 10px; }
.img-list dd { float: left; width: 228px; height: 220px; margin: 0 15px 5px 0; }
.img-list p { width: 210px; height: 155px; padding: 9px; background: url(../images/imgbg.png) no-repeat 0 0; overflow: hidden; }
.img-list p img { width: 210px; height: 155px; }
.img-list a:hover img { transform: scale(1.1); transition: all 0.6s ease-in-out 0s; -webkit-transform: scale(1.1); -webkit-transition: all 0.6s ease-in-out 0s; }
.img-list span { display: block; width: 80%; margin: 0 auto; height: 60px; line-height: 1.8; text-align: center; font-family: "microsoft yahei"; }
.img-list span a:hover { color: #245988; }
/*---imgtext---*/
.img-text { padding: 0 15px; }
.img-text dd { padding-bottom: 18px; margin-bottom: 18px; overflow: hidden; clear: both; border-bottom: 1px dotted #c8c8c8; }
.img-text dd p { float: left; margin-right: 20px; background: url(../images/imgbg2.png) no-repeat 0 0; width: 190px; height: 140px; padding: 8px; }
.img-text dd p img { width: 190px; height: 140px; }
.img-text dd h3 { float: left; height: 26px; margin-bottom: 5px; width: 470px; }
.case-name { float: left; font: 300 14px/26px "microsoft yahei"; color: #1c1c1c; }
.see { float: right; display: block; width: 65px; height: 18px; width: 65px; height: 18px; background: url(../images/see1.jpg) no-repeat 0 0; margin-top: 4px; }
.textup { display: block; width: 470px; height: 9px; background: url(../images/text-up.jpg) no-repeat center top; }
a.see:hover { background: url(../images/see2.jpg) no-repeat 0 0; }
.img-text dd h3 a:hover { color: #245988; }
.img-inner { width: 470px; float: left; line-height: 2; }
.img-inner div { background: #f8f8f8; border: 1px solid #eee; border-top: none; padding: 10px; height: 93px; }
.img-inner div span { color: #245988; }
.img-inner div span a { color: #245988; }
.img-inner div span a:hover { text-decoration: underline; }
.img-text dd p.pro-img { width: 214px; height: 174px; border: 3px solid #eaeaea; background: none; }
.img-text dd p.pro-img img { width: 214px; height: 174px; }
.img-text dd p { float: left; margin-right: 20px; background: url(../images/imgbg2.png) no-repeat 0 0; width: 190px; height: 140px; padding: 8px; }
.img-text dd p img { width: 190px; height: 140px; }
.img-text dd h3.pro-name { width: 448px; }
.img-inner2 { width: 448px; float: left; line-height: 2; }
.img-inner2 ul { background: #f8f8f8; border: 1px solid #eee; border-top: none; padding: 10px; height: 90px; min-height: 90px; height: auto !important; }
.img-inner2 ul li { display: block; clear: both; overflow: hidden; margin-bottom: 5px; }
.img-inner2 ul li b { float: left; display: block; font-weight: normal; height: 24px; line-height: 24px; width: 60px; }
.img-inner2 ul li strong { display: block; font-weight: normal; width: 85%; float: left; line-height: 2; }

/*---productview---*/
.product-detail{
	width: 96%;
	 line-height: 2; 
	 margin:0 auto 20px; 
	 padding:20px 0;
	}

/*----order--*/
.order-title { height: 70px; background: #fff; border-radius: 3px; border-top: 2px solid #dbdbdb; text-align: center; color: #727176; font: 18px/70px "microsoft yahei"; margin-bottom: 10px; }
.order { background: #fff; border-radius: 3px; padding:10px 40px; }
.order dd { clear: both; overflow: hidden; margin-bottom: 20px; }
.order dd.l { clear: none; margin-right:30px; }
.order input, .order textarea { float: left; background: none; background: #fff; border: 1px solid #eaeaea; border-top: 2px solid #c8c8c8; height: 33px; line-height: 33px; vertical-align: middle; }
.order dd span, .order dt span { display: block; float: left; width: 80px; color: #727176; font-size: 16px; line-height: 33px; text-align: right; }
.order dd input { width: 200px; padding-left: 5px; }
.order dd input.address { width:518px; }
.order dd strong { font-weight: normal; float: left; display: block; height: 33px; line-height: 33px; color: #949494; padding-left: 10px; }
.order dd textarea { width:560px; resize: vertical; height: 120px; }
.order dd strong code { color: #cd0000; }
.order dt img { float: left; height: 33px; width: 80px; margin: 0 5px; }
.order dt { width:98%; overflow: hidden; clear: both; }
.order dt a { float: left; display: block; height: 33px; line-height: 33px; }
.order dt div { float: right; }
.order dt div input { cursor: pointer; border: none; background: none; height:25px; width:65px; border:none; background: url(../images/btnbg.jpg) no-repeat 0 0; margin-top: 5px;}

/*---修改left slide---*/
.slide-wrap

/*---2013.12.31---*/
/*--onlineQQ--*/
.service-wrap {position: absolute;z-index:9999; }
.service-con { display: block; width: 26px; height: 136px; background: url(../images/scale.jpg) no-repeat 0 0; position: fixed; right: 0; top: 160px; z-index:999;}
.service { width: 127px; height: 227px; background: url(../images/servicebg.jpg) no-repeat center top; position: fixed; z-index: 99999; right: -255px; top: 160px; _display: none; }
.service a { display: block; width: 74px; height: 22px; margin: 0 0 20px 20px; }
.service a.s-1 { background: url(../images/service.jpg) no-repeat center top; margin-top: 40px }
.s-2 { background: url(../images/service.jpg) no-repeat center center; }
.s-3 { background: url(../images/service.jpg) no-repeat center bottom; }
.service span { display: block; margin: 42px 0 0 0; height: 40px; line-height: 40px; color: #3c3c3c; font-size: 14px; font-family: "microsoft yahei"; text-align: center; }
.close { cursor: pointer; display: block; width: 35px; height: 35px; background: url(../images/close.png) no-repeat 0 0; position: absolute; left: -18px; top: -18px; z-index: 999999; }




.single{ font-family:"微软雅黑"; font-size:16px; line-height:30px;}