/*------style.css  start------*/
/*less*/
@c:center;
@small:12px;
@mid:14px;
@big:16px;
@b:#000;
@g:#666;
@r:#d41c29;
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.clearfix{
	zoom:1;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.db{
	display:block;
}
.tl{
	text-align: left;
}
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
.full{
	width:100%;
	height:100%;
}
.box{
	display: inline-block;
}
.none{
	display: none;
}

a:hover{
	text-decoration:none;
	color: #ca1c28;
    transition: color 0.4s;
    -moz-transition: color 0.4s;
    -webkit-transition: color 0.4s;
    -o-transition: color 0.4s;
}
@-webkit-keyframes fromBottomFade { from {
-webkit-transform: translateY(20%);
opacity:0;
}
}
@keyframes fromBottomFade { from {
transform: translateY(20%);
opacity:0;
}
}



a{text-decoration:none;}


/*container*/
.container{
	width:1200px;
	margin:0 auto;
	clear:both;
}

/*header*/
.contain{width:1200px;height:103px;margin:auto;}
.top{width:100%;height:103px;}
.top .contain .logo{float:left;margin-top: 17px;}
.top .contain .line{float:left;margin-left:25px;margin-top:30px;height:42px;width:1px; background: #ccc; }
.top .contain .subtt{float:left;margin-top:37px;margin-left:27px;font-size:28px;color:#4a6cb7;/* color:#f81414;*/}
.top .contain .phone{float:right;margin-top:35px;margin-right: 30px;}
.top .contain .phone img{}
.top .contain .phone .tel{float:left;margin-left: 10px;  }
.top .contain .phone .tel a{font-size:22px;color:#4a6cb7;font-weight:bold;margin-top:8px;display:block;}
.top .contain .phone .tel a:hover{color:#202020;}
.top .contain .phone .tel span{font-size:18px;color:#202020;font-weight:bold;margin-top:4px;display:block;}
.top .contain .email{ width: 125px;float: right;  height: 103px;}
.top .contain .email .con{ background: #4a6cb7;/*background: #f20b0b;*/ height: 35px;border-radius: 17px;margin-top: 34px;}
.top .contain .email .con img{ float: left; margin-left: 18px; margin-top: 2px;}
.top .contain .email .con p{ color: #fff;line-height: 34px; height: 34px;float: right; margin-right: 15px;}
.nav{width:100%;height:55px;background:#4a6cb7;/* background: #f81414;*/}
.nav .navul{width:1200px;margin:auto;}
.navul li{float:left;width:11%;height:55px;position:relative;}
.navul li>a{width:100%;height:55px;line-height:55px;text-align:center;display:block;color:#fff;}
.navul li:hover{box-shadow:0px -2px 6px rgba(255,255,255,0.2); background: #093fb5;/*background:#f20b0b;*/}
.navul li.cur{border:none;height:55px;}
.navul li.cur>a{background:#093fb5;/* background:#d92929;*/ height:55px;}
.navul .nav_son{position:absolute;z-index:100;display:none;}
.navul .nav_son a{color:#fff;width:132px;line-height:18px; padding-top: 15px;padding-bottom: 15px; text-align:center;display:block;background:#6eb7e9;border-bottom:1px solid #eeeeee; /*background:#c42d26; border-bottom:1px solid #de362e;*/}
.navul .nav_son a:hover{ background: #2f71bf; /*background:#d92929;*/}
.navul .nav_son a:last-child{border:none;}




/*banner*/
#indexbanner{ width: 100%; height: 530px; float: left;  overflow: hidden; position: relative;}
.bx-controls{ position: absolute; left: 0; bottom: 20px; z-index: 70; width: 100%; color: rgba(0,0,0,0);}
.bx-controls .bx-pager{ text-align: center;}
.bx-controls .bx-pager div{ display: inline-block; margin: 0 2px;}
.bx-controls .bx-pager div a{ display: block; width: 45px; height: 4px; overflow: hidden; line-height: 50px; background-color: rgba(255,255,255,0.3);}
.bx-controls .bx-pager div a.active{ background-color: rgba(255,255,255,0.8);}
.bx-controls .bx-controls-direction{ display: none;}
#insidebanner{ width: 100%; height: 300px; float: left;  overflow: hidden; position: relative;}


#indexyoushi{ width: 100%;overflow: hidden;height: 203px;box-shadow: 0px 5px 12px #e4e4e4;}
.youshi{ width: 1200px;margin: auto;}
.youshi ul  li a{ width: 239px;height: 203px;display: block; }
.youshi ul li{ float: left;border-right: 1px solid #d8d8d8; width: 239px;height: 203px; position: relative;}
.youshi ul li:last-child{ border-right: none;}
.youshi ul li .youshi_img{position: absolute; width: 59px;height: 59px;top: 42px; left: 90px;}
.youshi ul li .pic{ position: relative; width: 59px; height: 59px; }
.youshi ul li .pic img{ margin: auto;display: block; color: #fff; }
.youshi ul li .title{ position: absolute;top:120px;left: 0px; width: 239px;}
.youshi ul li .title p{ text-align: center; font-size: 16px; color: #333;}
.youshi ul li .content{ position: absolute; top: 147px; width: 239px;}
.youshi ul li .content p{ text-align: center; font-size: 13px; color: #999;}

.youshi ul li .pic img{
	position: absolute;
	margin: auto;display: block;
	left:-59px;
	border-right:0px solid transparent;
	/*-webkit-filter:drop-shadow(59px 0 0px red);*/
	filter:drop-shadow(59px 0 0px #8f8f8f);}
.youshi ul li:hover .pic img{
	position: absolute;
	margin: auto;display: block;
	left:-59px;
	border-right:0px solid transparent;
	/*-webkit-filter:drop-shadow(59px 0 0px red);*/
	filter:drop-shadow(59px 0 0px #dc4747);
}



.tit{width:1200px;text-align:center; margin: auto;}
.tit p{font-size:30px;font-weight:bold;color:#1542a7;/*color:#d92929;*/ margin-bottom:12px;text-align:center;}
.tit .line{ background: #6683c6; width: 27px;height: 1px; margin: auto;margin-bottom: 10px; }
.tit span{color:#d4d4d4;font-size: 40px; text-align: center;}





#indexproduct{width:100%;height:600px;}
.product{width:1345px;height:100%;margin:auto;overflow:hidden;}
.product .tit{padding-top:60px; }
.product .tab{width:100%;height:36px;margin-top:22px;overflow:hidden;}
.product .tab ul{position:relative;left:50%;float:left;}
.product .tab ul li{float:left;text-align:center;padding-left:7px; padding-right: 6px; position:relative;right:50%; border-right: 2px solid #989898;}
.product .tab ul li a{width:100%;height:100%;display:block;background:#f5f5f5;}
.product .tab ul li.current a{color:#dc4747;}
.product .tab ul li a:hover{color:#dc4747;}
.product .tab ul li:last-child{margin-right:0px;border-right:none;}
.product .cpzs{ height: 312px; width:100%;margin: auto;margin-top:30px;}
.product .cpzs ul li{float:left; margin-left: 13px; width:308px;height:320px;overflow:hidden; }
.product .cpzs ul li .pic{ width:328px;height:246px;display:inline-block;overflow:hidden;align-items:center;display:-webkit-flex; /* Safari */-webkit-align-items: center; /* Safari 7.0+ */}
.product .cpzs ul li .pic:hover{}
.product .cpzs ul li img{transition: transform 0.9s ease 0s;max-width:100%;max-height:100%;margin:auto;}
.product .cpzs ul li img:hover{transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1); 	/* IE 9 */
	-moz-transform:scale(1.1,1.1); 	/* Firefox */
	-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1,1.1); 	/* Opera */}
.product .cpzs ul li .tt {text-align:center;height: 66px;line-height:66px;}
.product .cpzs ul li .tt a{color:#333;display: block;line-height:66px;}

/*.product .cpzs{width:100%;margin-top:30px;}*/
/*.product .cpzs ul{display:none;}*/
/*.product .cpzs ul:first-child{display:block;}*/
/*.product .cpzs ul li{width:328px;height:300px;float:left;margin-right:11px;}*/
/*.product .cpzs ul li:nth-child(4n){margin-right:0px;}*/
/*.product .cpzs ul li .pic{width:328px;height:246px;display:block;overflow:hidden;text-align:center;background:#fff;position:relative;*/
	/*display:flex;*/
	/*align-items:center;*/
	/*display:-webkit-flex; */
    /*-webkit-align-items:center;*/
	/*display:-ms-flex; */
    /*-ms-align-items:center;}*/
/*.product .cpzs ul li .pic img{transition-duration : 0.9s;}*/
/*.product .cpzs ul li .pic:hover img{*/
	/*transform:scale(1.1,1.1);*/
	/*-ms-transform:scale(1.1,1.1); 	!* IE 9 *!*/
	/*-moz-transform:scale(1.1,1.1); 	!* Firefox *!*/
	/*-webkit-transform:scale(1.1,1.1); !* Safari 和 Chrome *!*/
	/*-o-transform:scale(1.1,1.1); 	!* Opera *!*/
/*}*/
/*.product .cpzs ul li .pic img{max-width:100%;max-height:100%;margin:auto;}*/
/*.product .cpzs ul li .tt {text-align:center;line-height:55px;}*/
/*.product .cpzs ul li .tt a{color:#333;}*/


#indexabout{width:100%;height:503px;background:url(../images/aboutbg.jpg) no-repeat center;overflow:hidden;}
.about{width:1200px;height:503px; margin:auto;overflow:hidden; }
.aboutfix{display:block; width: 1200px;height: 503px;position: relative;}
.about .tit p{position: absolute;top: 130px;left: -1px; color:#fff; font-size: 35px; width: 145px;}
.about .con_content{ width: 632px;position: absolute;top: 200px;left: 0px;  color:#fff;line-height:30px;}
.about .con video{margin-top:95px;float:right;}
.about .chakan{ width: 128px; position: absolute; top: 366px; left: 0px;}
.about .more{width:128px;height:40px;line-height:40px;background:#3166a8;/*background:#c21616;*/ text-align:center;color:#fff;margin:auto;display:block;position:relative;z-index:5;}
.about .more:before{content:"";width:0;height:40px;position:absolute;top:0;left:0;background:#11b0b8;/*background:#b53535;*/ z-index:-1;
	transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;}
.about .more:hover:before{width:100%;}
/*.about .xx{margin-top:30px;text-align:center;}*/
/*.about .xx .detail{display:inline-block;width:140px;height:132px;margin-right:120px}*/
/*.about .xx .detail:last-child{margin-right:0;}*/
/*.about .xx .detail .pic{width:100%;height:90px;margin-bottom:8px;*/
	/*display:flex;*/
	/*align-items:center;*/
	/*display:-webkit-flex; */
    /*-webkit-align-items:center;*/
	/*display:-ms-flex; */
    /*-ms-align-items:center;}*/
/*.about .xx .detail .pic img{max-width:100%;max-height:100%;margin:auto;}*/
/*.about .xx .detail .tt{color:#999;}*/
/*.about .xx .detail:hover{transform:translateY(-10px);}*/

.about .aaa{ position: absolute; top: 370px; left: 175px; height: 35px;}
.about .aaa .aaa_con{ float: left;width: 132px;}
.about .aaa .aaa_con .pic{ float: left; margin-right: 14px; line-height: 35px; height: 35px;vertical-align: middle;}
.about .aaa .aaa_con .pic img{vertical-align: middle; }
.about .aaa .aaa_con .tt{ color: #fff; height: 35px;line-height: 35px;font-size: 16px;}


#indexnews{width:100%;height:655px;}
.news{width:1200px;padding-top: 60px; margin:auto;}
.news .con{margin-top:75px;}
.news .con .left{width:675px;float:left;}
.news .con .left ul li{ width: 675px;height: 160px; overflow: hidden; margin-bottom: 25px;}
.news .con .left ul li .pic{width:244px;height: 160px; overflow:hidden; float: left; }
.news .con .left ul li .pic img{transition-duration: 0.9s; width:244px;height: 160px;}
.news .con .left ul li .con_left{width:390px;height:100px;display:block;position:relative; float: left;margin-left:38px; }
.news .con .left ul li .con_left:after{content:"";width:19px;height:11px;background:url(../images/right.png) no-repeat center;position:absolute;top:3px;right:25px;opacity:0;
	transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;}
.news .con .left ul li .con_left .tt{width:354px;font-size:15px; color: #000;position: absolute;top: 23px; left: 0px;overflow: hidden; text-overflow: ellipsis;white-space:nowrap; }
.news .con .left ul li .con_left .date{position: absolute;top: 49px;left: 0px;}
.news .con .left ul li .con_left .date p{font-size:13px;font-weight:lighter;}
.news .con .left ul li .con_left .des{ font-size: 13px; position:absolute; top: 75px; left: 0px;  width:394px;color:#999;line-height:25px;height:50px;overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;}
.news .con .left ul li:hover .pic img{transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1); 	/* IE 9 */
	-moz-transform:scale(1.1,1.1); 	/* Firefox */
	-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1,1.1); 	/* Opera */}
.news .con .left ul li:hover{ background: #1542a7;/* background: #d30000;*/ }
.news .con .left ul li:hover .con_left .tt{color:#fff;}
.news .con .left ul li:hover .date p{color: #fff; }
.news .con .left ul li:hover .des{color: #fff; }
.news .con .right{ width: 479px;float: right;}
.news .con .right ul{float:right;width:479px; height: 354px;}
.news .con .right ul li{width:479px;height:43px;position:relative;}
.news .con .right ul li:after{content:"";width:0;position:absolute;left:0;
	transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;}
.news .con .right ul li .date{float:left;margin-left:26px;margin-right:16px;}
.news .con .right ul li .date p{font-weight:lighter;line-height: 43px; color: #999999;}
.news .con .right ul li .tt{line-height: 43px; width: 345px;overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.news .con .right ul li:hover{ background: #1542a7; /*background: #d30000;*/}
.news .con .right ul li:hover .tt{color:#fff;}
.news .con .right ul li:hover .date p{color:#fff;}







.inset{ margin-top: 50px;margin-bottom: 50px;}

#ne_nav{width:100%;height:40px;background:#f5f5f5;}
#ne_nav p{line-height:40px;padding-left:30px;background:url(../images/home.png) no-repeat left center;}




.col{width:1060px; margin: auto; /*min-height:450px;margin-bottom:50px;*/line-height:220%;}
.col h2{text-align:center;font-weight:normal;color:#000;}
.col h3{text-align:center;font-weight:normal;font-size:12px;}
.col img{max-width:100%;}


.maintit{text-align:center;margin-top:45px;}
.maintit p{font-size:30px;color:#333;font-weight:lighter;margin-bottom:10px;}
.maintit span{font-size:16px;color:#999;text-transform:uppercase;}
.son_nav{margin-top:25px;text-align:center;}
.son_nav a{padding:0px 20px;height:45px;line-height:45px;border-radius:2px;border:1px solid #dcdcdc;color:#333;display:inline-block;margin:0px 10px;transition: color 0s;}
.son_nav a.active{background:#008b92;color:#fff;border:1px solid #008b92;}
.son_nav a:hover{background:#008b92;color:#fff;border:1px solid #008b92;}




.pxxm{width:100%;min-height:450px;overflow:hidden;text-align: center;}

.pxxm ul{margin:0px 2px;width:1196px;}
.pxxm ul li{width:290px;height:300px;float:left;margin-right:10px;margin-bottom:30px;}
/*.pxxm ul li a{width:288px;height:303px;display:block;padding:15px;}*/
.pxxm ul li:nth-child(4n){margin-right:0px;}
.pxxm ul li .pic{width:286px;height:216px;border: 2px solid #f5f5f5; overflow:hidden;display:flex;align-items:center;display:-webkit-flex; /* Safari */-webkit-align-items: center; /* Safari 7.0+ */}
.pxxm ul li .pic img{max-width:100%;max-height:100%;margin:auto;transition-duration: 0.9s;}
.pxxm ul li .title{width:100%;text-align:center;line-height:20px;color:#000;padding-top:20px; padding-bottom: 20px; font-size:16px;}
.pxxm ul li .des{font-size:12px;height:36px;line-height:18px;margin-top:12px;padding:0 3px;color:#666;}
.pxxm ul li:hover{}
.pxxm ul li:hover .pic{border: 2px solid #4a6cb7;}
.pxxm ul li:hover img{ transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1); 	/* IE 9 */
	-moz-transform:scale(1.1,1.1); 	/* Firefox */
	-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1,1.1); 	/* Opera */}
.pxxm ul li:hover p{color:#008b92;}




.online{width:100%;margin:auto;margin-top:20px;margin-bottom:20px;overflow:hidden;}
.online form{padding-left:150px;}
.online .text{width:381px;height:38px;float:left;margin-bottom:20px;margin-right:25px;}
.online .text input{width:268px;height:36px;border:1px solid #c9c9c9;padding-left:20px;}
.online .text p{float:left;width:76px;padding-right:10px;line-height:38px;padding-left:5px;}
.online .text p span{color:#eb0000;position:relative;top:2px;}
.online .con{width:927px;height:205px;float:left;margin-bottom:20px;}
.online .con textarea{padding:20px;border:1px solid #c9c9c9;height:163px;width:760px;}
.online .con p{float:left;width:81px;padding-right:5px;line-height:38px;padding-left:5px;}
.online .con p span{color:#eb0000;position:relative;top:2px;}
.online .verify{height:38px;margin-bottom:20px;}
.online .verify p{float:left;width:76px;padding-right:10px;line-height:38px;padding-left:5px;}
.online .verify p span{color:#eb0000;position:relative;top:2px;}
.online .verify input{width:154px;height:36px;border:1px solid #c9c9c9;float:left;padding-left:20px;margin-right:10px;}
.online .verify img{cursor:pointer;}
.online .submit{width:107px;height:35px;color:#fff;cursor:pointer;background:#be252e;margin-left:91px;float:left;border:none;margin-right:47px;}
.online .reset{width:107px;height:35px;color:#fff;cursor:pointer;background:#008b92;float:left;border:none;}

.mywl{ width: 1200px;margin: auto;}
.mywl ul li{ width: 230px;margin-right:10px; height:320px;box-shadow: 0px 0px 10px #d7d7d7; line-height: 24px; float: left;margin-top: 15px;}
.mywl ul li:nth-child(5n){ margin-right: 0px;}
.mywl ul li p{ padding-left: 25px;}
.mywl ul li .title{ padding-top: 30px;color:#4a6cb7;font-weight: bold;font-size: 16px; }
.mywl ul li .p1{ margin-top: 5px;}


.xwzx{width:1070px;min-height:300px;margin: auto; overflow: hidden;}
.xwzx ul{width:100%;height: 100%;}
.xwzx ul li{width:100%;height:180px;display: block; border-bottom:1px dashed #dedede;transition: all 0.3s ease 0s;position:relative;}
.xwzx ul li .pic{ position: absolute; left: 0;top:20px; width: 214px; height: 140px; overflow: hidden;vertical-align: center;}
.xwzx ul li img{ max-width:100%;max-height:100%; transition: transform 0.9s ease 0s;transition-duration: 1s;vertical-align: center; }
.xwzx ul li .dongfrN{width: 820px;float: right;position: relative;}
.xwzx ul li .dongfrN .riqiN{ position: absolute; right:0px; top: 40px;line-height: 30px;height: 30px;  transition-duration: 0.3s;}
.xwzx ul li .dongfrN h5{  transition-duration: 0.3s; position: absolute; left:0px; top: 40px; font-size: 16px; line-height: 30px;height: 30px;font-weight: lighter; width:650px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.xwzx ul li .dongfrN p{  transition-duration: 0.3s; position: absolute; left:0px; top: 90px; line-height: 30px;height: 60px; width: 650px;overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;  }
.xwzx ul li .dongfrN span{  transition-duration: 0.3s; position: absolute;right: 0px; top: 90px; line-height: 30px;height: 30px; width: 80px; text-align: center;}

.xwzx ul li:hover img{ transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1); 	/* IE 9 */
	-moz-transform:scale(1.1,1.1); 	/* Firefox */
	-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1,1.1); 	/* Opera */}
.xwzx ul li:hover .riqiN{ margin-right: 20px; color: #1542a7; }
.xwzx ul li:hover .dongfrN h5{padding-left: 20px; color: #1542a7; }
.xwzx ul li:hover .dongfrN p{padding-left: 20px  }
.xwzx ul li:hover .dongfrN span{ background: #1542a7;color: #fff; }


#colunm{ width: 100%;height: 99px; box-shadow: 0px 5px 5px #f5f5f5; overflow: hidden;}
.colunm_con{ width: 1200px; height:99px;margin: auto; line-height: 99px;}
.colunm_con .left{ float: left;line-height: 99px;margin-left: 57px;}
.colunm_con .left p{float: left; }
.colunm_con .left .line{ width: 5px;height: 99px;float: left; }
.colunm_con .right{ float: right; margin-right: 50px;}
.colunm_con .right ul li{ float: left;padding: 0px 10px; border-right: 1px solid #e5e5e5;height: 15px;margin-top: 42px;}
.colunm_con .right ul li:last-child{ border: none;}
.colunm_con .right ul li a {display: block;  text-align: center;margin: auto;margin-top: -42px; }
.colunm_con .right ul li a span:hover{  color: #c80614; }
.colunm_con .right ul li a.cur> span{ color: #c80614;  }


.orientation{margin-top:20px;margin-bottom:20px;overflow:hidden;width:100%;}
.orientation .previous{float:left;}
.orientation .next{float:right;}





/*footer*/
#footer{width:100%;height:384px;background:#2c2f33;}
.footer_top{height:327px;border-bottom:1px solid #3c405d;}
.footer_top .navs p{color: #dadada;font-size: 12px;line-height: 16px;}
.footer_top .navs p span{color: white;font-weight: bold; font-size: 13px;}
.footer_top .logo{    float: left;  margin-top: 148px;  margin-right: 158px;  margin-left: 9px;}

.foot_contact{float:left;margin-top:95px; margin-right: 50px;}

.footer_contact{ border-left: 1px solid #3c405d;
	height: 220px;overflow: hidden;
	float: left;
	margin-top: 64px;
	width: 420px;}
.footer_contact .navs{ margin-left: 55px;}
.footer_contact .titles{margin-left: 55px; }
.footer-nav{padding-left: 60px;
	float: left;
	margin-top: 64px;
	margin-left: 20px;
	border-right: 1px solid #3c405d;
	border-left: 1px solid #3c405d;
	height: 234px;}
.footer-nav ul{    float: left;
	margin-right: 50px;}
.footer-nav ul li{margin-bottom: 24px}
.footer-nav ul li a{color:#dadada }
.footer-qrcode{float:left;margin-top:59px;margin-left: 67px}
.footer_bottom{    height: 57px;
	line-height: 57px;
	color: #667384;
	font-size: 12px;}



.mypage{
    text-align: center;
	width:100%;
	margin-top:20px;
	overflow:hidden;
}	
.mypage	span,.mypage a{
	display: inline-block;
	vertical-align: top;
	color: #d35b52;
	border: 1px solid #d35b52;
	padding: 5px 10px;
	margin: 5px;
}		
.mypage	span.current,.mypage a.current{
	background: #d35b52;
	color: #fff;
}