@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#333639;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#666;}
a:hover{ color:#fff;}
input,button,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.contxt{ background:#e3e1da; border:1px solid #CCC; padding:5px;}

body{cursor:default;-webkit-text-size-adjust:none;font-size:16px;font-family:Arial;background:#FFF; overflow-x:hidden}
DIV.green-black{ width:100%; padding:30px 0 30px; text-align:right; }
DIV.green-black A{ padding:8px 12px; COLOR: #000;MARGIN-RIGHT: 8px;BORDER: #ddd 1px solid;TEXT-DECORATION: none;font-size:24px;background-color: #fff;}
DIV.green-black A:hover{padding:8px 12px;BORDER: #e51616 1px solid;COLOR: #fff;font-size:24px;background-color: #000;}
DIV.green-black A:active{padding:8px 12px;BORDER: 1px solid #e51616;COLOR: #fff;font-size:24px;background-color: #000;}

DIV.green-black SPAN.current{padding:8px 12px;FONT-WEIGHT: bold;COLOR: #fff;MARGIN-RIGHT: 8px;font-size:24px;background-color: #000;}
DIV.green-black SPAN.disabled{padding:8px 12px;COLOR: #fff;MARGIN-RIGHT: 8px;font-size:24px}

@font-face{

font-family:'Alternate';
font-family:'Alternate';
	src:url('../fonts/Alternate.eot?') format('eot');/*IE*/
	src:url('../fonts/Alternate.TTF') format('truetype');/*non-IE*/

}
img{ max-width:100%;}
.fl{ float:left;}
.fr{ float:right;}
.km{ width:620px; margin:0 auto;}
.top{ height:100px; width:640px; background:#fff; position:fixed; z-index:999; border-bottom:2px solid #01118d}
.logo{ padding-top:12px;}
.t400{ padding-top:20px;}
.t400 span{ font-size:20px; color:#333}
.t400 p{ font-size:24px; color:#000; font-weight:bold;}
.tset{ height:100px; width:640px;}

.menu{ width:100%; height:auto; background:#2f5bba; float:none !important}
.menu li{ float:left; width:33.33%; box-sizing:border-box; text-align:center; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.menu li:nth-child(3n){ border-right:none;}
.menu li a{ display:block; padding:16px 0; font-size:20px; color:#fff; transition:all 0.75s}
.menu li a:hover,.menu li a.cur{ background:#fff; color:#2f5bba;}

/*产品*/
.in-pro{ background:#fff; padding:40px 0;}
.ptit{ text-align:center;}
.ptit h3{ font-size:32px; color:#2f5bba; font-weight:bold;}
.ptit h3:before{ content:''; display:inline-block; width:42px; height:2px; background:#2f5bba; position:relative; top:-12px; margin-right:10px;}
.ptit h3:after{ content:''; display:inline-block; width:42px; height:2px; background:#2f5bba; position:relative; top:-12px; margin-left:10px;}
.ptit p{ font-size:18px; color:#333; margin-top:8px;}

.prsort{ margin-top:32px;}
.prsort li{ width:49%; float:left; margin-right:2%; margin-bottom:20px;}
.prsort li a{ display:block; border:1px solid #ddd; font-size:20px; padding:10px 0; color:#333; text-align:center; transition:all 0.7s}
.prsort li a:hover{ background:#2f5bba; color:#fff;}
.prsort li:nth-child(2n){ margin-right:0;}

.proli dl{ width:49%; margin-bottom:20px}
.proli dl dt{ width:100%; height:308px; overflow:hidden; box-sizing:border-box; border:1px solid #ddd;}
.proli dl dt img{ transform:scale(1); transition:all 0.7s;}
.proli dl dt:hover img{ transform:scale(1.05);}
.proli dl dd{ padding:12px; border-bottom:1px solid #ddd}
.proli dl dd p{ display:inline-block; font-size:18px;}
.proli dl dd span{ display:inline-block; float:right; background:#2f5bba; color:#fff; padding:5px; border-radius:5px;}

/*pk*/
.in-pk{ background:url(../images/pk_bg.jpg) center no-repeat; padding:40px 0; background-size:cover;}
.pktit{ text-align:center;}
.pktit h4{ font-size:32px; color:#2f5bba; font-weight:bold;}
.pktit h4:before{ content:''; display:inline-block; width:42px; height:2px; background:#2f5bba; position:relative; top:-12px; margin-right:10px;}
.pktit h4:after{ content:''; display:inline-block; width:42px; height:2px; background:#2f5bba; position:relative; top:-12px; margin-left:10px;}
.pktit p{ display:inline-block; font-size:24px; margin:12px 0; background:#2f5bba; padding:5px 20px; color:#fff;}
.pktit span{ display:block; font-size:22px;}

.ys_list{padding-top: 45px;}
.ys_list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.ys_list ul li{position: relative;margin-bottom: 30px;display: flex;justify-content: space-between;}
.ys_txt h1{font-family:"Microsoft YaHei";color: #01118d;font-size: 24px;font-weight: bold;}
.ys_txt{overflow: hidden;padding: 35px 20px;background: white;box-sizing: border-box;border: 1px solid #297aff;width: 58%;}
.ys_txt h1::after{content: "";width: 55px;height: 2px;background: #01118d;display: block;margin: 15px 0 25px;}
.ys_txt p{font-size: 18px;color: #5d5d5d;line-height: 30px;font-family:"Microsoft YaHei";}
.ys_list ul li:nth-child(2n){flex-direction: row-reverse;}


.in-about{ background:url(../images/abbg.jpg) top center no-repeat; padding:50px 0;}
.abtit{ text-align:center;}
.abtit span{ color:#fff; font-size:40px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif}
.abtit h4{ font-size:24px; color:#fff; }
.abtit h4:before{ content:''; display:inline-block; width:42px; height:2px; background:#fff; position:relative; top:-8px; margin-right:10px;}
.abtit h4:after{ content:''; display:inline-block; width:42px; height:2px; background:#fff; position:relative; top:-8px; margin-left:10px;}
.abimg img{ border:3px solid #fff; box-sizing:border-box; margin:30px 0}
.abimg p{ color:#fff; font-size:20px; line-height:1.5em; text-indent:2em}


/*荣誉资质*/
.in-hor{ background:#3162be; padding:40px 0;}
.hotit .fl h4{ font-size:32px; color:#fff;}
.hotit .fl span{ font-size:18px; color:#fff; text-transform:uppercase} 
.hotit .fl hr{ border:none; background:#fff; width:50px; height:4px; margin:10px 0;}
.horscroll{ width:100%; background:#fff; margin-top:30px; padding:20px; box-sizing:border-box; position:relative;}
.horscroll .prev{ position:absolute; font-family:'宋体'; color:#333; font-weight:bold; left:0px; font-size:30px; z-index:22; top:45%; cursor:pointer}
.horscroll .next{ position:absolute; font-family:'宋体'; color:#333; font-weight:bold; right:0px; font-size:30px; z-index:22; top:45%; cursor:pointer}
.horscroll li{ width:48%;  margin-right:20px;}
.horscroll li img{ width:100%;border:1px solid #ddd; box-sizing:border-box;}
.horscroll li p{ text-align:center;}


.inews{ width:100%; height:auto; background:#eaeaea; text-align:center; padding:12px 0;}
.inews span{ color:#00aaf9; font-size:24px;}
.inews p{ font-size:32px; color:#333}

.mnlist{ background:#fff;}
.mnlist ul{ padding-top:20px;}
.mnlist li{ height:64px; float:left; width:580px;padding-left:32px; line-height:64px; border-bottom:1px dashed #ddd}
.mnlist li span{ font-size:22px; color:#000;}
.mnlist li em{ float:right; color:#666; font-size:20px}
.mnlist li img{ display:inline-block; position:relative; top:10px;}
.ftt{ text-align:center; height:80px; width:100%; border-top:1px solid #dadada; line-height:80px; background:#eee}
.ftt a{ color:#000;}

/*底部*/
.foot1{ background:#dfdfdf; padding-bottom:49px;}
.fmenu{ height:103px; border-bottom:1px dashed #c6c6c6; line-height:103px;}
.fmenu a{ font-size:18px; color:#000; display:block; float:left; width:20%; text-align:center;}
.fwx{ margin-top:29px; margin-left:10px; text-align:center;}
.fwx p{ font-size:20px; color:#000000; margin-top:10px;}
.flx{ margin-top:42px; width:50%;}
.flx h6{ font-size:24px; color:#000000}
.flx p{ color:#000; font-family:'Alternate'; font-size:36px;}
.flx span{ display:block; font-size:18px; color:#000; line-height:1.5em;}

.back{ text-align:center; margin-top:29px;}
.back a{ display:inline-block; background:#c81c1a; color:#fff; padding:14px; border-radius:10px;}


.bq1{ padding:20px 0 0;}
.bq1 p{ font-size:20px; color:#000; line-height:1.5em;}
.bq1 a{ font-size:20px; color:#000; line-height:1.5em;}

.f-fix{ position:fixed; bottom:0;height:102px;background:#2f5bba; width:640px; margin:0 auto; border-top:1px solid #fff; z-index:99}
.f-fix li{ text-align:center; float:left; width:25%; box-sizing:border-box; border-right:1px solid #fff; height:102px;}
.f-fix li:nth-child(4){ border-right:none}
.f-fix li img{ max-height:60px; padding-top:10px;}
.f-fix li p{ color:#fff;}


/*banner*/
.mban{ display:block;}
.swiper-container { width: 640px; 
     height:600px; 
     margin-left: auto;
    margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1}
	

.swiper-wrapper {
	position: relative;
	width: 640px;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {transform: translate3d(0px, 0, 0)}
.swiper-container-multirow>.swiper-wrapper {flex-wrap: wrap}
.swiper-container-multirow-column>.swiper-wrapper {flex-wrap: wrap;flex-direction: column}
.swiper-container-free-mode>.swiper-wrapper {transition-timing-function: ease-out;margin: 0 auto}
.swiper-slide {flex-shrink: 0;width: 760px;height: 100%;position: relative;transition-property: transform}
.swiper-slide-invisible-blank {visibility: hidden}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {height: auto}
.swiper-container-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform, height}
.swiper-container-css-mode>.swiper-wrapper {overflow: auto;scrollbar-width: none;-ms-overflow-style: none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {scroll-snap-align: start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {scroll-snap-type: x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {scroll-snap-type: y mandatory}
:root {--swiper-navigation-size:44px}
.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;
margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none
}
.swiper-button-next:after, .swiper-button-prev:after {font-family: swiper-icons;font-size: var(--swiper-navigation-size)
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px;right: auto; background:url(../images/arrows.png) top; height:30px; width:17px}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 10px;left: auto; background:url(../images/arrows.png) bottom; height:30px; width:17px;}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {--swiper-navigation-color:#ffffff}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
--swiper-navigation-color:#000000
}
.swiper-button-lock {
	display: none
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}
.swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
	opacity: .8
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}
.swiper-pagination-white {
--swiper-pagination-color:#2f5bba
}
.swiper-pagination-black {
--swiper-pagination-color:#000000
}
.swiper-pagination-lock {
	display: none
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}




.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}


@keyframes cats{
0%{}
25%{}
50%{}
75%{}
100%{}
}



/*--------------------------------------------------------------------内页---------------------------------------*/
.ban{ width:100%; height:280px; background-position:center; background-repeat:no-repeat;}

.lmenu{ padding:20px 0; background:#eaeaea;}
.lmenu li{ float:left;}
.lmenu li a{ display:block; background:#fff; padding:12px 30px; font-size:20px; color:#000; margin-right:18px; position:relative; z-index:2; transition:all 0.7s ease}
.lmenu li:nth-child(4) a{ margin-right:0;}
.lmenu li span{ position:absolute; left:0; top:0; width:100%; height:100%; background:#2f5bba; top:0; z-index:-1; transform:scale(0,1); transition:all 0.7s}
.lmenu li a:hover span,.lmenu li a.cur span{ transform:scale(1)}
.lmenu li a:hover,.lmenu li a.cur{ color:#fff;}
.main{ padding:40px 0; background:#fff;}

/*荣誉资质*/
.horlist{ width:100%;}
.horlist li{ width:48%; margin-bottom:24px;}
.horlist li div{ width:100%; box-sizing:border-box; width:300px; height:210px; border:2px solid #ddd;}
.horlist li p{ line-height:48px; background:#eee; padding:0 20px; font-size:20px;}
.horlist li img{ width:301px; height:210px;}

/*map*/
.map{ width:100%; margin-top:50px;}
.map h4{ font-size:24px; color:#2f5bba; font-weight:bold; margin-bottom:20px;}
.map a{ display:block; }
#dituContent img{ max-width:inherit;}


/*在线留言*/
.ipt{ width:590px; height:30px; margin-bottom:15px;-webkit-border-radius: 15px;-moz-border-radius:15px; border:1px solid #ccc; padding:14px; font-size:18px;}
.feedbtn{ display:block; width:520px; height:50px; margin:0 auto; border:none; background:#2f5bba; color:#fff; font-size:22px;-webkit-border-radius: 15px;-moz-border-radius:15px; margin-bottom:30px;}
.ipt1{width:590px; height:150px; margin-bottom:15px;-webkit-border-radius: 15px;-moz-border-radius:15px; border:1px solid #ccc; padding:14px; font-size:18px;}


/*新闻资讯*/
.newslist{ background:#eee; margin-bottom:20px; padding:16px; transition:all 0.7s ease}
.newslist:hover{ box-shadow:0 0 10px 5px rgba(0,0,0,0.1)}
.newslist .ncon a{ display:block; }
.newslist .ncon p{ font-size:24px; color:#2a2a2a; display:inline-block;margin-bottom:20px;}
.newslist .ncon em{ float:right; font-size:18px; color:#333; display:inline-block; margin-top:8px;}
.newslist .ncon span{ font-size:18px; color:#454545; line-height:1.875em;}


/*相关新闻*/
.xgnews{margin:20px auto 0;}
.xgnews-tit{height:45px;line-height:45px;border-bottom:1px solid #CCC; font-size:24px; color:#454545;}
.xgnews-con{border-top:1px solid #454545;border-top:none;padding:10px 20px;}
.xgnews-con li{width:100%;float:left;height:30px;line-height:30px;margin-right:20px; overflow:hidden; margin-bottom:10px;}
.xgnews-con li span{float:right; font-size:18px; color:#454545}
.xgnews-con li a{ padding-right:10px; color:#454545; text-decoration:none; font-size:20px; text-decoration:none}
.xgnews-con li a:hover{ color:#454545;}
.fw{ line-height:2em; font-size:22px;}
.fw p{ font-size:22px !important}
.fw span{ font-size:22px !important;}
.fw img{ max-width:618px;}
.nnpp{ font-size:18px; color:#454545;}
.nnpp a{ font-size:18px; text-decoration:none; color:#454545}
.ztxt{ height:63px; line-height:63px; font-size:24px; text-align:center; color:#454545}


/*产品*/
.prolist{ width:100%;}
.prolist dl{ width:49%; margin-bottom:24px}
.prolist dl dt{ width:100%;  overflow:hidden; box-sizing:border-box; border:1px solid #ddd;}
.prolist dl dt img{ transform:scale(1); transition:all 0.7s; width:100%;}
.prolist dl dt:hover img{ transform:scale(1.05);}
.prolist dl dd{ padding:12px; border-bottom:1px solid #ddd}
.prolist dl dd p{ display:inline-block; font-size:18px;}
.prolist dl dd span{ display:inline-block; float:right; background:#2f5bba; color:#fff; padding:5px; border-radius:5px;}


.mpsort{ display:block; background:#2f5bba; height:70px; line-height:70px; position:relative; cursor:pointer; }
.mpsort li{ color:#fff; text-indent:1rem; font-size:22px;}
.mpsort .info{ display:block; border-right:2px solid #fff; border-bottom:2px solid #fff; width:20px; height:20px; position:absolute; right:30px; top:20px; transform:rotate(45deg); transition:all 0.5s}
.mpsort .info.down{transform:rotate(225deg);top:30px;}
.mpsort .zi_menu{ display:none; position:absolute; background:rgba(0,0,0,0.9); width:100%; left:0; z-index:11; }
.mpsort .zi_menu dl{ width:100%;}
.mpsort .zi_menu dl a{ font-size:22px; display:block; border-bottom:1px dashed #eee; width:100%; margin:0 auto; color:#fff; transition:all 0.5s; height:60px; line-height:60px;}
.mpsort .zi_menu dl a:hover{ background:rgba(255,255,255,1); color:#2f5bba}
.mpsort .zi_menu dl a.cur{background:rgba(255,255,255,1); color:#2f5bba}


/*产品内页*/
.px{}
.px .slider{ padding:30px 0}
.px em{ font-size:32px; font-family:"微软雅黑"; font-weight:bold; color:#331e79}
.px font{ font-size:30px; font-family:"微软雅黑"; color:#ca8f00}
.plj{ display:block; width:100%; margin-top:10px; height:63px; line-height:63px; background:#c81c1a;-moz-border-radius: 10px;-webkit-border-radius: 10px; text-align:center; font-size:30px; font-family:"微软雅黑"; color:#FFF;}
.mms{ background:url(../images/fy_03.jpg) 130px center no-repeat; height:45px; font-size:24px;font-family:"微软雅黑";
font-weight:bold; padding:16px 0 0 25px;
border:1px solid #cdcdcd; margin-top:21px;
}
.mpms{ border:1px solid #cdcdcd; border-top:none; height:100%; padding:10px; font-size:22px !important;}
.mpms table{ width:100%;}
.mpms p{ font-size:22px !important;}
.mpms span{ font-size:22px !important;}
.mpms img{ max-width:100%;}
.nnext{ float:right; margin-right:20px; display:block; width:158px; height:42px; background:#d6d6d6; text-align:center; line-height:42px;  font-size:18px; overflow:hidden}
.npre{ float:left; display:block; width:158px; height:42px; background:#d6d6d6; text-align:center; line-height:42px; font-size:18px; overflow:hidden}
.pname{ font-size:24px; color:#333}