@charset "utf-8";

* {margin:0; padding:0; list-style:none; }

html{_background:url(about:blank);background-attachment:fixed;}

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{margin:0;padding:0;}

body{ background:#fff; color:#333; font-size:12px; overflow-x:hidden; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:30px;}

ul,li{list-style:none;}

input,textarea,button,select{font-size:12px; outline:none; resize:none; color:#555; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}

button{cursor: pointer;}

table{border-collapse:collapse;border-spacing:0;}

.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}



a{color:#333; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}

a:hover{color:#4480d9; text-decoration:none;}

img{border:none;}

#clear{width:100%; height:0px; clear:both;}

h2{ font-size:24px; font-weight:blod; line-height:30px;}

h4{ font-size:14px; font-weight:blod; line-height:30px;}

p{line-height:30px;}





.se1{color:#f15a2e;}.se2{color:#006db1}

.left{float:left;}.right{float:right;}

.line35{line-height:35px;}.line40{line-height:40px;}.line50{line-height:50px;}.line60{line-height:60px;}.line70{line-height:70px;}

.s12{font-size:12px;}.s14{font-size:14px;}.s16{font-size:16px;}.s18{font-size:18px;}.s20{font-size:20px;}.s22{font-size:22px;}.s24{font-size:24px;}.s26{font-size:26px;}.s28{font-size:28px;}.s30{font-size:30px;}.s32{font-size:32px;}.s34{font-size:34px;}.s36{font-size:36px;}.s38{font-size:38px;}.s40{font-size:40px;}













.lh10{width:100%; height:10px;}

.lh20{width:100%; height:20px;}

.lh30{width:100%; height:30px;}

.lh40{width:100%; height:40px;}

.lh50{width:100%; height:50px;}

.lh60{width:100%; height:60px;}

.lh70{width:100%; height:70px;}

.lh80{width:100%; height:80px;}






@media only screen and (max-width: 1199px) {
.lh40{width:100%; height:20px;}

.lh50{width:100%; height:20px;}

.lh60{width:100%; height:30px;}

.lh70{width:100%; height:30px;}

.lh80{width:100%; height:40px;}
}










@media only screen and (min-width: 1200px)  {
.con_more3{width:100%; min-height:50px; margin:0 auto; padding:40px 0px 30px 0px;}

.con_more3 a{display:block; height:45px; width:240px; margin:0 auto; border-radius:4px; line-height:45px; font-size:15px; text-align:center; transition:0.5s; color:#fff; background-image: linear-gradient(to right, #34ace5, #1a85c4); }

.con_more3 a:hover{ box-shadow:0px 0px 30px #9fdbff;}	
}





@media only screen and (max-width: 1199px) {
.con_more3{width:100%; min-height:50px; margin:0 auto; padding:10px 0px 10px 0px;}

.con_more3 a{display:block; height:35px; width:50%; margin:0 auto; border-radius:4px; line-height:35px; font-size:1.2em; text-align:center; transition:0.5s; color:#fff; background-image: linear-gradient(to right, #34ace5, #1a85c4); }

.con_more3 a:hover{ box-shadow:0px 0px 30px #9fdbff;}	
}















.grey_wp{width:100%; margin:0 auto; background:#f5f5f5; padding:35px 0px 80px 0px;}

.white_wp{width:100%; margin:0 auto; background:#fff; padding:35px 0px 80px 0px;}

.lightblue_wp{width:100%; margin:0 auto; background:#f6f9fc; padding:35px 0px 80px 0px;}







.ny_banner{ width:100%; height:auto; overflow:hidden; background-size:cover; position:relative;}

.ny_banner img{ width:100%;}












@media only screen and (min-width: 1200px)  {
.nyban_tx1{width:100%; margin:0 auto; position:absolute; top:50%; margin-top:-80px; z-index:998;}

.nyban_tx1 h2{font-size:52px; font-weight:400; line-height:60px; padding-bottom:20px; text-align:center; color:rgba(255,255,255,1);}

.nyban_tx1 p{ font-size:20px; line-height:40px; text-align:center; color:rgba(255,255,255,0.6);}



	
}





@media only screen and (max-width: 1199px) {
.nyban_tx1{width:100%; margin:0 auto; position:absolute; top:50%; margin-top:-40px; z-index:998;}

.nyban_tx1 h2{font-size:1.3em; font-weight:bold; line-height:40px; padding-bottom:0px; text-align:center; color:rgba(255,255,255,1);}

.nyban_tx1 p{ font-size:1em; line-height:20px; text-align:center; color:rgba(255,255,255,0.6);}



	
}









.clear{width:100%; clear:both;}













@media only screen and (min-width: 1500px)  {
	.ban_tx1{width:100%; margin:0 auto; position:absolute; top:320px; z-index:998;}

.ban_tx1 h2{font-size:52px; font-weight:400; line-height:60px; padding-bottom:20px; text-align:center; color:rgba(255,255,255,1);}

.ban_tx1 p{ font-size:20px; line-height:40px; text-align:center; color:rgba(255,255,255,0.6);}



.ban_tx2{width:461px; margin:0 auto; padding-left:1px; padding-top:60px; text-align:center;}

.ban_tx2 a{display: block; width:210px; height:50px; float:left; margin:0px 10px 0px 10px; box-sizing:border-box; line-height:50px; font-size:18px; color:#fff; transition:0.5s;}



.ax1{background:linear-gradient(90deg, #1ce1fe, #019bf6); box-shadow:0px 0px 30px rgba(86,193,255,0.5);}

.ax2{ border:#fff 2px solid; line-height:46px !important;}







.ax1:hover{ box-shadow:0px 0px 30px rgba(86,193,255,0.8);}

.ax2:hover{ background:#fff; color:#029ff6;}
}




@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.ban_tx1{width:100%; margin:0 auto; position:absolute; top:220px; z-index:998;}

.ban_tx1 h2{font-size:52px; font-weight:400; line-height:60px; padding-bottom:20px; text-align:center; color:rgba(255,255,255,1);}

.ban_tx1 p{ font-size:20px; line-height:40px; text-align:center; color:rgba(255,255,255,0.6);}



.ban_tx2{width:461px; margin:0 auto; padding-left:1px; padding-top:60px; text-align:center;}

.ban_tx2 a{display: block; width:210px; height:50px; float:left; margin:0px 10px 0px 10px; box-sizing:border-box; line-height:50px; font-size:18px; color:#fff; transition:0.5s;}



.ax1{background:linear-gradient(90deg, #1ce1fe, #019bf6); box-shadow:0px 0px 30px rgba(86,193,255,0.5);}

.ax2{ border:#fff 2px solid; line-height:46px !important;}







.ax1:hover{ box-shadow:0px 0px 30px rgba(86,193,255,0.8);}

.ax2:hover{ background:#fff; color:#029ff6;}
}




@media only screen and (max-width: 1199px) {
	.ban_tx1{width:100%; margin:0 auto; position:absolute; top:80px; z-index:998;}

.ban_tx1 h2{font-size:1.4em; font-weight: bold; line-height:40px; padding-bottom:0px; text-align:center; color:rgba(255,255,255,1);}

.ban_tx1 p{ width:80%; margin:0 auto; text-align:center; font-size:1.0em; line-height:20px; text-align:center; color:rgba(255,255,255,0.6);}



.ban_tx2{width:60%; margin:0 auto; padding-top:20px; text-align:center;}

.ban_tx2 a{display: block; width:48%; height:40px; float:left; box-sizing:border-box; line-height:40px; font-size:1.2em; color:#fff; transition:0.5s;}

.ban_tx2 a:nth-child(2){ float:right;}


.ax1{background:linear-gradient(90deg, #1ce1fe, #019bf6); box-shadow:0px 0px 30px rgba(86,193,255,0.5);}

.ax2{ border:#fff 2px solid; line-height:38px !important;}







.ax1:hover{ box-shadow:0px 0px 30px rgba(86,193,255,0.8);}

.ax2:hover{ background:#fff; color:#029ff6;}
}























@media only screen and (min-width:1366px) {



}









@media only screen and (min-width:1000px) and (max-width:1365px) {



}







@media only screen and (max-width:999px) {



}





















@media only screen and (min-width: 1500px)  {
	.bt1{width:90%; max-width:1400px; margin:0 auto; margin-top:30px; text-align:center; color:#222; line-height:50px; font-size:36px; font-weight:bold;}



.bt2{width:90%; max-width:1400px; margin:0 auto; margin-top:10px; text-align:center; color:#888; font-size:16px; }


}




@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.bt1{width:90%; max-width:1400px; margin:0 auto; margin-top:30px; text-align:center; color:#222; line-height:50px; font-size:32px; font-weight:bold;}



.bt2{width:90%; max-width:1400px; margin:0 auto; margin-top:10px; text-align:center; color:#888; font-size:16px; }


}




@media only screen and (max-width: 1199px) {
	.bt1{width:90%; max-width:1400px; margin:0 auto; margin-top:0px; text-align:center; color:#222; line-height:35px; font-size:1.4em; font-weight:bold;}



.bt2{width:90%; max-width:1400px; line-height:20px; margin:0 auto; margin-top:0px; text-align:center; color:#888; font-size:1.0em; }


}













@media only screen and (min-width: 1200px)  {
	.cont1{width:90%; max-width:1400px; margin:0 auto; padding-top:40px; padding-bottom:120px;}

.cont1 ul li{display:block; width:33.33%; margin:0 auto; float:left; padding-top:20px; transition:0.5s;}

.cont1 ul a{display:block; width:90%; margin:0 auto;}

.cont1 ul img{display:block; max-width:100%; margin:0 auto; transition:0.5s;}

.cont1 ul li:hover{ padding-top:0px; padding-bottom:20px; }

.cont1 ul li:hover img{box-shadow:0px 0px 40px #1984bf;}
}






@media only screen and (max-width: 1199px) {
	.cont1{width:90%; max-width:1400px; margin:0 auto; padding-top:10px; padding-bottom:20px;}

.cont1 ul li{display:block; width:100%; margin:0 auto; float:; padding-bottom:15px; transition:0.5s;}

.cont1 ul a{display:block; width:90%; margin:0 auto;}

.cont1 ul img{display:block; max-width:100%; margin:0 auto; transition:0.5s;}

}




























@media only screen and (min-width: 1200px)  {
	
.sl_c{width:100%; margin:0 auto;}

.sl_c ul li{display:block; width:100%; height:; margin:0 auto; padding:0px 0px 0px 0px; background:#fff;}

.sl_cw{width:90%; margin:0 auto; max-width:1400px;}

.sl_c ul .sleft{width:50%; float:left;}

.sl_c ul .sleft img{max-width:100%; height:auto; display:block; margin:0 auto;}

.sl_c ul .sright{width:40%; float:right; font-size:16px; line-height:42px; padding:100px 0px 100px 60px;}

.sl_c ul .sright p{line-height:42px;}

.sl_c ul .sright h2{font-size:36px; line-height:35px; padding-bottom:20px; color:#222; font-weight:bold;}

.sl_c ul .sright h4{font-size:14px; line-height:25px; font-size:16px; font-weight:normal; padding-bottom:40px; color:#666;}



.sl_c ul li:nth-child(2n+1){background:#f8f8f8;}

.sl_c ul li:nth-child(2n+1) .sleft{float:right !important;}

.sl_c ul li:nth-child(2n+1) .sright{float:left !important;}

	
}







@media only screen and (max-width: 1199px) {
	
.sl_c{width:100%; margin:0 auto;}

.sl_c ul li{display:block; width:100%; height:; margin:0 auto; padding:0px 0px 0px 0px; background:#fff;}

.sl_cw{width:90%; margin:0 auto; max-width:1400px;}

.sl_c ul .sleft{width:100%; float:none; margin-bottom:20px;}

.sl_c ul .sleft img{max-width:100%; height:auto; display:block; margin:0 auto;}

.sl_c ul .sright{width:90%; margin:0 auto; float:none; font-size:1em; line-height:2em; padding:0px 0px 20px 0px;}

.sl_c ul .sright p{line-height:2em;}

.sl_c ul .sright h2{font-size:1.3em; line-height:2em; padding-bottom:0px; color:#222; font-weight:bold;}

.sl_c ul .sright h4{font-size:1.2em; line-height:2em; font-weight:normal; padding-bottom:20px; color:#666;}



.sl_c ul li:nth-child(2n+1){background:#f8f8f8;}

.sl_c ul li:nth-child(2n+1) .sleft{float:none !important;}

.sl_c ul li:nth-child(2n+1) .sright{float:none !important;}

}













@media only screen and (min-width: 1200px)  {
.cont2{width:90%; max-width:1400px; margin:0 auto; padding-top:20px; padding-bottom:0px;}

.cont2 ul li{display:block; width:25%; margin:0 auto; float:left; padding-top:20px; transition:0.5s;}

.cont2 ul a{display:block; height:205px; width:94%; margin:0 auto; background:#000; position:relative;}

.cont2 ul img{display:block; width:100%; height:205px; margin:0 auto; transition:0.5s; opacity:0.6; transition:0.5s;}

.c2x{width:100%; height:205px; position:absolute; left:0; top:0; z-index:1; line-height:205px; color:#fff; text-align:center; font-size:24px;}

.cont2 ul a:hover img{opacity:0.9;}
	
}





@media only screen and (max-width: 1199px) {
.cont2{width:90%; max-width:1400px; margin:0 auto; padding-top:10px; padding-bottom:20px;}
.cont2 ul li{display:block; width:50%; margin:0 auto; float:left; padding-top:10px; transition:0.5s;}
.cont2 ul a{display:block; height:105px; width:94%; margin:0 auto; background:#000; position:relative;}
.cont2 ul img{display:block; width:100%; height:105px; margin:0 auto; transition:0.5s; opacity:0.6; transition:0.5s;}
.c2x{width:100%; height:205px; position:absolute; left:0; top:0; z-index:1; line-height:105px; color:#fff; text-align:center; font-size:1.2em;}
.cont2 ul a:hover img{opacity:0.9;}
}














@media only screen and (min-width: 1200px)  {
	.cont3{width:100%; background:#f8f8f8; padding:30px 0px 80px 0px;}

.lin_mbtom{margin-bottom:30px;}



.cont3c{width:90%; max-width:1400px; margin:0 auto; padding-top:0px; padding-bottom:0px;}

.cont3c ul li{display:block; width:12.5%; margin:0 auto; float:left; padding-top:20px; transition:0.5s;}

.cont3c ul a{display:block; height:; width:95%; margin:0 auto; position:relative; text-align:center; font-size:18px;}

.cont3c ul img{display:block; width:90px; height:90px; margin:0 auto; transition:0.5s; opacity:1; transition:0.5s; margin-bottom:10px;}


}





@media only screen and (max-width: 1199px) {
	.cont3{width:100%; background:#f8f8f8; padding:30px 0px 30px 0px;}



.lin_mbtom{margin-bottom:00px;}

.cont3c{width:90%; max-width:1400px; margin:0 auto; padding-top:0px; padding-bottom:20px;}

.cont3c ul li{display:block; width:25%; margin:0 auto; float:left; padding-top:10px; transition:0.5s;}

.cont3c ul a{display:block; height:; width:95%; margin:0 auto; position:relative; text-align:center; font-size:1.2em;}

.cont3c ul img{display:block; width:50px; height:50px; margin:0 auto; transition:0.5s; opacity:1; transition:0.5s; margin-bottom:3px;}


}


















@media only screen and (min-width: 1200px)  {
.cont4{width:100%; height:355px; position:relative; background:#000;}

.cont4 ul li{display:block; overflow:hidden; width:12.5%; height:355px; float:left; background-size:cover; position:relative;}



.cont4 ul a{display:block; width:100%; height:355px; box-sizing:border-box; transition:0.5s; text-align:center; color:#fff; font-size:18px; padding-top:220px; line-height:100px; position:absolute; top:0; left:0; z-index:1; background:rgba(0,0,0,0.6);}



.cont4 ul a:hover{background:rgba(0,0,0,0.4);}



.c41{width:100%; position:absolute; top:50px; text-align:center; z-index:2;}

.c41{ color:#fff; font-size:32px; line-height:42px; font-weight:bold;}

.c41x{width:64px; height:1px; background:#fff; margin:0 auto; margin-top:30px;}


	
}





@media only screen and (max-width: 1199px) {
.cont4{width:100%; height:320px; position:relative; background:#000;}

.cont4 ul li{display:block; overflow:hidden; width:25%; height:160px; float:left; background-size:cover; position:relative;}



.cont4 ul a{display:block; width:100%; height:160px; box-sizing:border-box; transition:0.5s; text-align:center; color:#fff; font-size:1.2em; padding-top:100px; line-height:40px; position:absolute; top:0; left:0; z-index:1; background:rgba(0,0,0,0.6);}



.cont4 ul a:hover{background:rgba(0,0,0,0.4);}



.c41{width:100%; position:absolute; top:30px; text-align:center; z-index:2;}

.c41{ color:#fff; font-size:1.6em; line-height:35px; font-weight:bold;}

.c41x{width:50px; height:1px; background:#fff; margin:0 auto; margin-top:0px;}


	
}















@media only screen and (min-width: 1200px)  {
.cont5{width:90%; margin:0 auto; padding:20px 0px 60px 0px; max-width:1400px;}

.cont5 img{display:block; max-width:100%;}	
}





@media only screen and (max-width: 1199px) {
.cont5{width:90%; margin:0 auto; padding:10px 0px 30px 0px; max-width:1400px;}

.cont5 img{display:block; max-width:100%;}	
}









@media only screen and (min-width: 1200px)  {
.cont6{width:100%; min-height:50px; background:url(../img/sde2.jpg) center center; background-size:cover; position: relative; box-sizing:border-box; padding:80px 0px 80px 0px; text-align:center;}

.cont6 h2{ color:#fff; font-size:28px; line-height:40px; font-weight:normal;}

.cont6 .ban_tx2{padding-top:40px;}
	
}





@media only screen and (max-width: 1199px) {
.cont6{width:100%; min-height:50px; background:url(../img/sde2.jpg) center center; background-size:cover; position: relative; box-sizing:border-box; padding:40px 0px 40px 0px; text-align:center;}

.cont6 h2{ color:#fff; font-size:1.3em; line-height:30px; font-weight:normal;}

.cont6 .ban_tx2{padding-top:15px;}

}










@media only screen and (min-width: 1200px)  {
	




.footer{width:100%; min-height:50px; padding:50px 0px 50px 0px; background:#151721; color:rgba(255,255,255,0.8); font-size:16px; line-height:35px;}

.footer a{color:rgba(255,255,255,0.8); }

.footer a:hover{color:rgba(255,255,255,1); }

.footer p{line-height:35px;}



.footerc{width:90%; max-width:1400px; margin:0 auto;}



.footerc .left{ width:calc(100% - 220px); float:left;}



.footerc .right{width:200px; float:right; text-align:center;}

.footerc .right img{display:block; max-width:100%; margin:0 auto; margin-bottom:6px; }







.fcx1{ width:100%; line-height:30px; padding-bottom:15px;}



.fcx1 .ffl{float:left; width:80px; color:rgba(255,255,255,0.4);}

.fcx1 .ffr{float:right; width:calc(100% - 90px);}







.flink a{margin:0px 20px 0px 0px; display:inline-block;}







.ftr2_wx{width:100%; padding-top:20px;}

.ftr2_wx ul li{display:block; width:25%; float:left;}

.ftr2_wx ul a{display:block; width:35px; height:35px; margin:0 auto; border-radius:50%;}

.ftr2_wx ul a img{ display:block; width:35px; height:35px; opacity:0.5;}

.ftr2_wx ul a:hover{background:rgba(255,255,255,0.1);}

.ftr2_wx ul a:hover img{ opacity:1;}












.footert{ background:#151721; border-top:#222531 1px solid; padding:20px 0px 20px 0px; line-height:30px; color:rgba(255,255,255,0.5); font-size:15px;}

.footertc{width:90%; max-width:1400px; margin:0 auto; text-align:center; color:rgba(255,255,255,0.5);}

.footertc a{ color:rgba(255,255,255,0.5);}

.footertc a:hover{color:rgba(255,255,255,1); }

.footertc p{line-height:30px;}









/* 选项卡示例样式 */
.main99 {width: 100%; margin:0px auto;}
.tab99 {overflow: hidden;width: 100%; height: 35px; cursor: pointer;}
.tab99 li {float: left; width: 25%; height: 35px; text-align: center; border-radius:5px;}
.tab99 li img{ display:block; height:35px; margin:0 auto;opacity:0.6;}
.tab99 li.on {background:rgba(255,255,255,0.1);}
.tab99 li.on img{ opacity:1;}
.con99 {width: 100%; height:180px; padding-bottom:10px;}
.con99 img{ display:block; max-width:100%; height:140px; margin:0 auto; margin-bottom:8px;}









}





@media only screen and (max-width: 1199px) {
	
	
	
.footer{width:100%; min-height:50px; padding:20px 0px 20px 0px; background:#151721; color:rgba(255,255,255,0.8); font-size:1em; line-height:1.8em;}

.footer a{color:rgba(255,255,255,0.8); }

.footer a:hover{color:rgba(255,255,255,1); }

.footer p{line-height:1.8em;}



.footerc{width:90%; max-width:1400px; margin:0 auto;}



.footerc .left{ width:100%; float:none;}



.footerc .right{width:100%; float:none; text-align:center;}

.footerc .right img{display:block; max-width:100%; margin:0 auto; margin-bottom:6px; }







.fcx1{ width:100%; line-height:30px; padding-bottom:15px;}



.fcx1 .ffl{float:left; width:60px; color:rgba(255,255,255,0.4);}

.fcx1 .ffr{float:right; width:calc(100% - 60px);}







.flink a{margin:0px 20px 0px 0px; display:inline-block;}







.ftr2_wx{width:100%; padding-top:20px;}

.ftr2_wx ul li{display:block; width:25%; float:left;}

.ftr2_wx ul a{display:block; width:35px; height:35px; margin:0 auto; border-radius:50%;}

.ftr2_wx ul a img{ display:block; width:35px; height:35px; opacity:0.5;}

.ftr2_wx ul a:hover{background:rgba(255,255,255,0.1);}

.ftr2_wx ul a:hover img{ opacity:1;}






.footert{ background:#151721; border-top:#222531 1px solid; padding:20px 0px 20px 0px; line-height:1.6em; color:rgba(255,255,255,0.5); font-size:0.9em;}

.footertc{width:90%; max-width:1400px; margin:0 auto; text-align:center; color:rgba(255,255,255,0.5);}

.footertc a{ color:rgba(255,255,255,0.5);}

.footertc a:hover{color:rgba(255,255,255,1); }

.footertc p{line-height:1.6em;}









/* 选项卡示例样式 */
.main99 {width: 100%; margin:0px auto; margin-top:15px;}
.tab99 {overflow: hidden;width: 100%; height: 30px; cursor: pointer;}
.tab99 li {float: left; width: 25%; height: 30px; text-align: center; border-radius:5px;}
.tab99 li img{ display:block; height:30px; margin:0 auto;opacity:0.6;}
.tab99 li.on {background:rgba(255,255,255,0.1);}
.tab99 li.on img{ opacity:1;}
.con99 {width: 100%; height:140px; padding-bottom:10px;}
.con99 img{ display:block; max-width:100%; height:100px; margin:0 auto; margin-bottom:8px;}




}


























/*分页*/



#nx_pg{width:98%; height:30px; padding:20px 0px 50px 0px; text-align:center;}

#nx_pg a{display:inline; padding:8px 15px 8px 15px; background:#f8f8f8; font-size:14px; margin:0px 1px 0px 1px; border-radius:2px; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}

#nx_pg a:hover{background:#2679b2; color:#fff;}

#nx_pg .on{background:#2679b2; color:#fff;}





#nextpage{width:98%; height:30px; padding:20px 0px 50px 0px; text-align:center;}

#nextpage a{display:inline; padding:6px 8px 6px 8px; background:#f8f8f8; font-size:14px; margin:0px 1px 0px 1px; border-radius:2px; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}

#nextpage a:hover{background:#2679b2; color:#fff;}

#nextpage .on{background:#2679b2; color:#fff;}