@charset "utf-8";
/* CSS Document */

/*header*/
.header_bg{ height:120px; width:100%; z-index:2; 
	/*position:absolute;*/
 top:0;}
.header_logo{ float:left; width:249px; height:120px;}
.header_nav{ float:right; width:815px; height:35px;}
.shop_btn{ position:relative; z-index:3; float:right; margin-top:45px; margin-right:20px; cursor:pointer; font-family:"微软雅黑"; font-size:15px; color:#fff; background:#f7ad0e; padding:0 18px; border-radius:30px;}
.shop_btn:hover{ border-radius:10px; padding-bottom:5px;}
.shop_t1{ height:35px; line-height:35px;}
.shop_btn ul{ display:none;}
.shop_btn ul li{ text-align:center; line-height:30px; line-height:30px; border-top:1px solid #fff;}
.shop_btn ul li a,.shop_btn ul li a:link,.shop_btn ul li a:hover,.shop_btn ul li a:visited{ color:#fff;}

/*nav*/
.header_nav{ margin-top:45px;}
.header_nav ul li{ float:left; height:35px; line-height:35px; width:100px; text-align:center; margin:0 2px; font-family:"微软雅黑"; font-size:15px; display:block;}
.header_nav ul li.nav_on{ background:#0061ae; border-radius:20px;}
.header_nav ul li.nav_on a{ color:#fff;}
.header_nav ul li a{ display:block;}
.header_nav ul .lang{ line-height:35px; font-family:"微软雅黑"; font-size:16px; float:left;}
.header_nav ul .lang a{ margin:0 10px;}

.header_nav .blue li a{ color:#444;}
.header_nav .blue .lang a{ color:#444;}
.header_nav .white li a{ color:#fff;}
.header_nav .white .lang a{ color:#fff;}

/*search*/
.icon-sousuo5{ font-size:20px !important; color:#0061ae; cursor:pointer;}

.search{ cursor:pointer;}

.seek-bg{
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,1);
	background-size: cover;
	position: fixed;
	top:0;
	display: none;
	left:0;
	z-index: 9999999999999;
}
.seek-bg-box{
	width: 620px;
	height: 50px;
	background: #fff;
	border-radius: 4px;
	position:fixed;
	left:50%;
	display: none;
	line-height: 50px;
	z-index: 999999999999999999;
	margin-left:-310px;
	top:177px;
}
.seek-bg-box .submit{
	padding-right: 28px;
	width: 16px;
	height: 50px;
	border:none;
	background: url("../images/img01.png") no-repeat left center;
}
.seek-bg-box .s-txt{
	padding-left: 21px;
	width: 500px;
	border:none;
	font-size: 14px;
	margin-top: 15px;
	border-radius: 4px;
	color: #a3a3a3;
}

/*banner*/
.mBan { overflow: hidden;}
.mBan .slideBox{ width:100%; position:relative; overflow:hidden;}

.mBan .slideBox .hd{ height: 12px; position: absolute; bottom:4%; z-index: 1; width:100%; text-align:center; left:0;}
.mBan .slideBox .hd span{ width: 12px; height: 12px; background:#fff; cursor: pointer; margin:0 5px; display:inline-block; overflow:hidden; border-radius:12px;}
.mBan .slideBox .hd span.on{ background:#009b4c; text-align:center;}

.mBan .slideBox .bd{ position:relative; z-index:0;   }
.mBan .slideBox .bd ul,.slideBox .bd ul li{width:100%!important; list-style:none;}
.mBan .slideBox .bd image{ width:100%;  display:block;  }

/*index*/
@font-face {
    font-family: 'fangzheng';
    src: url("../font/fangzheng.ttf") format('truetype');
    font-style: normal;
}

.i_title_en{ font-family:"微软雅黑"; text-transform:uppercase; color:#eee; font-size:60px; text-align:center; margin-bottom:5px;}
.i_title_box{ width:290px; margin:0 auto; position:relative; height:40px;}
.i_title_zn{ color:#000; background:#fff; margin:0 45px; display:block; font-size:40px; height:40px; font-family:"微软雅黑"; text-align:center; position:relative; z-index:2;}
.i_title_line{ height:4px; background:#008cd6; position:absolute; z-index:1; top:20px; width:290px;}

.i_about_warp{ width:100%; overflow:hidden;}
.i_about_pic{ width:50%; float:left; background:url("../images/about.jpg") no-repeat center left; height:501px;}
.i_about_txt{ width:50%; float:left; background:url("../images/a_right.jpg") no-repeat center right; height:501px;}
.i_about_t1{ font-family:"微软雅黑"; font-size:48px; color:#fff; text-transform:uppercase; margin-bottom:10px; margin-top:50px; margin-left:50px;}
.i_about_t2{ font-family:"微软雅黑"; font-size:30px; color:#fff; margin-left:50px; margin-bottom:40px;}
.i_about_txt p{ width:540px; color:#fff; font-family:"微软雅黑"; line-height:30px; font-size:15px; margin-left:50px; margin-bottom:60px;}
.i_about_more{ width:120px; height:40px; line-height:40px; background:#fff; border-radius:20px; font-family:"微软雅黑"; font-size:14px; text-align:center; margin-left:50px;}
.i_about_more a,.i_about_more a:link,.i_about_more a:hover,.i_about_more a:visited{ color:#008cd6; display:block;}

.i_honor_bg{ background:url("../images/i_honor_bg.jpg") no-repeat center; height:685px; width:100%;}
.i_honor_txt{ padding-top:140px; float:left;}
.i_honor_t1{ font-family:"微软雅黑"; font-size:48px; color:#008cd6; text-transform:uppercase; margin-bottom:10px;}
.i_honor_t2{ font-family:"微软雅黑"; font-size:30px; color:#008cd6; margin-bottom:50px;}
.i_honor_txt p{ width:600px; font-family:"微软雅黑"; font-size:16px; color:#222; line-height:30px;}

.i_honor_box{ float:right; width:470px; padding-top:140px;}
.i_honor_box i{ font-size:50px !important; color:#008cd6; cursor:pointer;}
.i_honor_box .fan{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.i_honor_box .bd{ float:left; margin-left:60px;}
.i_honor_box .bd ul li{ width:240px; height:325px; vertical-align:bottom; position: relative;}
.i_honor_box .bd ul li img{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}

.i_fangan_bg{ width:100%; background:url("../images/i_fangan_bg.jpg") no-repeat center; height:720px;}
.i_fangan_warp{ float:left; width:800px; margin-top:120px; margin-left:21px;}
.i_fangan_box{ width:33%; float:left;}
.i_fangan_icon{ text-align:center; width:120px; height:120px; border-radius:60px; background:#008cd6; line-height:120px; margin:0 auto; margin-top:40px; margin-bottom:20px;}
.i_fangan_icon i{ font-size:70px; color:#fff;}
.i_fangan_box h1{ color:#666; font-family:"微软雅黑"; font-size:16px; margin-bottom:15px; font-weight:normal; text-align:center;}
.i_fangan_box h2{ color:#aaa; font-family:"微软雅黑"; font-size:12px; text-transform:uppercase; font-weight:normal; text-align:center;}
.icon-hotel{ font-size:56px !important;}
.i_fangan_txt{ float:right; width:300px; margin-top:180px;}
.i_fangan_t1{ text-transform:uppercase; font-family:"微软雅黑"; font-size:48px; color:#fff; margin-bottom:15px;}
.i_fangan_t2{ font-family:"微软雅黑"; font-size:48px; color:#fff;}
.i_fangan_p1{ font-family:"微软雅黑"; font-size:16px; color:#fff; margin-left:27px; margin-top:80px;}
.i_fangan_p2{ font-family:"微软雅黑"; font-size:12px; color:#a3cbeb; line-height:22px; margin-left:27px; margin-top:25px; text-transform:uppercase;}
.i_fangan_more{ width:120px; height:40px; line-height:40px; background:#fff; border-radius:20px; font-family:"微软雅黑"; font-size:14px; text-align:center; margin-left:27px; margin-top:80px;}
.i_fangan_more a,.i_fangan_more a:link,.i_fangan_more a:hover,.i_fangan_more a:visited{ color:#008cd6; display:block;}

.i_news_bg{ width:100%; background:url("../images/i_news_bg.jpg") no-repeat center; height:530px;}
.i_news_t1{ font-family:"微软雅黑"; font-size:72px; color:#eee; text-transform:uppercase;}
.i_news_t2{ font-family:"微软雅黑"; font-size:40px; color:#000;}
.i_news_more{ width:120px; height:40px; line-height:40px; background:#008cd6; border-radius:20px; text-align:center; font-family:"微软雅黑"; font-size:14px; margin-top:70px;}
.i_news_more a,.i_news_more a:link,.i_news_more a:hover,.i_news_more a:visited{ color:#fff;}
.i_news_warp{ width:25%; float:left;}
.i_news_box{ margin:0 10px;}
.i_news_pic{ margin-bottom:20px;}
.i_news_pic img{ width:100%;}
.i_news_date{ font-size:14px; font-family:"微软雅黑"; color:#222; margin-bottom:15px;}
.i_news_title{ color:#008cd6; font-family:"微软雅黑"; font-size:14px; margin-bottom:15px;}
.i_news_con{ font-family:"微软雅黑"; font-size:12px; color:#666; line-height:22px;}

.i_contact_bg{ width:100%; background:url("../images/i_contact_bg.jpg") no-repeat center; height:770px;}
.i_title_en2{ font-family:"微软雅黑"; text-transform:uppercase; color:#008cd6; font-size:60px; text-align:center; margin-bottom:5px;}
.i_title_box2{ width:290px; margin:0 auto; position:relative; height:40px;}
.i_title_zn2{ color:#000; margin:0 45px; display:block; font-size:40px; height:40px; font-family:"微软雅黑"; text-align:center; position:relative; z-index:2;}
.i_title_line2{ height:4px; background:url("../images/line.png") no-repeat center; position:absolute; z-index:1; top:20px; width:290px;}

.i_contact_warp{ float:left; width:25%;}
.i_contact_box{ background:rgba(255,255,255,.9); margin:0 5%; width:90%; height:330px; box-shadow:3px 3px 5px #ddd;}
.i_contact_icon{ width:78px; height:78px; background:#008cd6; color:#fff; border-radius:40px; text-align:center; line-height:78px; margin:0 auto; margin-bottom:30px;}
.i_contact_icon i{ font-size:40px;}
.i_contact_t1{ color:#f39910; font-family:"微软雅黑"; font-size:18px; text-align:center; margin-bottom:20px;}
.i_contact_t2{ color:#444; font-family:"微软雅黑"; font-size:14px; text-align:center; line-height:24px; width:80%; margin:0 10%;}

/*bottom*/
.bottom_bg{ height:160px; width:100%; background:#282528;}
.bot_nav{ float:left;}
.bot_nav ul li{ float:left; font-family:"微软雅黑"; font-size:14px; margin:0 25px; line-height:109px;}
.bot_nav ul li a,.bot_nav ul li a:link,.bot_nav ul li a:hover,.bot_nav ul li a:visited{ color:#ccc;}
.bot_icon{ float:right; margin-top:41px;}
.bot_icon_box{ width:34px; height:34px; border:1px solid #ccc; border-radius:30px; line-height:34px; text-align:center; color:#ccc; float:left; margin:0 10px; cursor:pointer;}
.bot_icon_box i{ font-size:20px;}
.copyright{ width:100%; line-height:50px; border-top:1px solid #ccc; text-align:center; color:#ccc; font-family:"微软雅黑"; font-size:14px;}
.copyright a,.copyright a:link,.copyright a:hover,.copyright a:visited{ color:#ccc;}

/*list*/
.in_header_bg{ height:120px; width:100%; background:#fff;}
.iban_t1{ text-align:center; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:5px; color:#fff; font-size:50px; padding-top:220px; font-weight:bold;}
.iban_t2{ text-align:center; font-family:"微软雅黑"; letter-spacing:5px; color:#fff; font-size:40px; margin-top:20px; font-weight:bold;}
.in_nav_warp{ width:100%; line-height:90px; border-bottom:1px solid #ddd; overflow:hidden;}
.in_nav_ul li{ float:left; width:12.5%; text-align:center; font-size:14px; font-family:"微软雅黑"; line-height:90px; display:block;}
.in_nav_ul li a{ display:block;}
.in_nav_on{ line-height:88px; height:88px; border-bottom:2px solid #0061ae; display:block;}
.in_nav_on a,.in_nav_on a:link,.in_nav_on a:hover,.in_nav_on a:visited{ color:#0061ae; display:block;}

.in_nav_div{ position:relative; left:50%; float:left;}
.in_nav_div ul{ position:relative; left:-50%; z-index:2; height:40px; margin:25px 0; line-height:40px;}
.in_nav_div ul li{ width:160px; height:100%; text-align:center; float:left; background:#ddd; font-family:"微软雅黑"; font-size:14px; margin:0 10px; border-radius:20px;}
.in_nav_div ul li a,.in_nav_div ul li a:link,.in_nav_div ul li a:hover,.in_nav_div ul li a:visited{ color:#444; display:block;}
.in_nav_onn{ background:#0061ae !important;}
.in_nav_onn a,.in_nav_onn a:link,.in_nav_onn a:hover,.in_nav_onn a:visited{ color:#fff !important;}

/*about*/
.about_ban{ width:100%; height:602px; background:url("../images/about_ban.jpg") no-repeat center; overflow:hidden;}
.about_ban_t1{ color:#fff; font-family:"微软雅黑"; font-weight:bold; font-size:48px; line-height:60px; margin-top:135px; text-shadow:2px 2px 0 #666;}
.about_ban_t2{ color:#fff; font-family:"微软雅黑"; font-size:24px; margin-top:35px; text-shadow:2px 2px 0 #444;}
.about_ban_send{ width:140px; height:44px; line-height:44px; background:#008cd6; border-radius:30px; text-align:center; color:#fff; font-family:"微软雅黑"; font-size:16px; margin-top:50px;}
.about_ban_send a,.about_ban_send a:link,.about_ban_send a:hover,.about_ban_send a:visited{ color:#fff; display:block;}
.banner_inon .about_ban_pro{ right:50px;}
.about_ban_pro{ position:absolute; z-index:1; right:0; top:40px;}
.about_txt_t1{ font-family:"微软雅黑"; font-size:48px; color:#444; text-transform:uppercase; margin-bottom:65px;}
.about_txt_t1 b{ color:#008cd6;}
.about_con{ font-family:"微软雅黑"; font-size:14px; line-height:30px; color:#444; text-align:justify;}
.about_man_t1{ text-align:center; color:#008cd6; text-transform:uppercase; font-size:48px; font-family:"微软雅黑"; font-weight:bold; margin-bottom:10px;}
.about_man_t2{ font-size:40px; color:#444; text-align:center; font-family:"微软雅黑";}
.about_icon_warp{ width:33%; float:left;}
.about_icon_box{ margin:20px 100px;}
.about_icon_div{ border:5px solid #008cd6; border-radius:300px; height:185px; line-height:185px; text-align:center;}
.about_icon_div i{ color:#f39910; font-size:80px;}
.about_icon_box p{ text-align:center; font-family:"微软雅黑"; font-size:14px; line-height:24px; color:#444; margin-top:10px;}
.about_factory_bg{ background:#e5f6ff; width:100%;}

/*pro_list*/
.pro_list_warp{ width:33.3%; float:left; text-align:center; margin-bottom:40px;}
.pro_list_box{ margin:0 10px; padding-bottom:20px;}
.pro_list_pic{ overflow:hidden; padding-top:20px; margin-bottom:25px;}
.pro_list_pic img {width:270px; height:270px;}
.pro_list_tit{ margin-bottom:20px;}
.pro_list_tit p{ width:0; height:2px; background:#0061ae; overflow:hidden; margin:0 auto;}
.pro_list_tit div{ height:24px; line-height:24px; font-family:"微软雅黑"; margin:5px 0; font-size:16px; padding:0 20px; color:#444; overflow:hidden;}
.pro_buy{ padding-top:20px;}
.pro_buy a {display:inline-block; height:36px; font-size:14px; line-height:36px; background:#0061ae; color:#fff; border:3px solid #fff; font-size:15px; border-radius:24px; padding:0 26px; text-transform:uppercase; font-family:"微软雅黑";}
.pro_buy a,.pro_buy a:link,.pro_buy a:hover,.pro_buy a:visited{ color:#fff;}
.pro_buy a:hover {background:#fff; color:#004181; border:3px solid #0061ae;}
.pro_buy a i {padding-right:4px; color:#fff;}
.pro_buy a:hover i {color:#0061ae;}
.pro_list_box:hover .pro_list_tit p{ width:50px;}
.pro_list_box:hover .pro_list_pic img{ transform:scale(1.1);}
.pro_list_box:hover{ box-shadow:0 0 5px #ccc;}

/*pro_msg*/
.pro_pic_msg_warp{ width:35%; float:left; background:#f8f8f9; height:560px; text-align:center;}
.pro_pic_msg_box .swiper-container{ height:560px !important;}
.pro_pic_msg_box img{ width:60%; position:absolute; top:50%; transform:translateY(-50%); margin-left:-30%;}
.pro_size_msg_warp{ width:65%; float:left;}
.pro_size_msg_box{ margin:30px;}
.pro_size_msg_title{ font-family:"微软雅黑"; font-size:18px; text-transform:uppercase; font-weight:bold; color:#0061ae; margin-bottom:20px;}
 
.pro_size_msg_table table{ font-size:13px; width:100%; color:#222; font-family:"微软雅黑";}
.pro_size_msg_table table tr{ height:40px; border-bottom:1px solid #ddd;}
.pro_size_msg_table table tr td{ text-align:left;}
.pro_size_msg_table table tr:nth-child(1) td{ font-weight:bold;}

.pro_technical_msg_table table{ font-size:13px; width:100%; color:#222; font-family:"微软雅黑";}
.pro_technical_msg_table table tr{ height:40px; border-bottom:1px solid #ddd;}
.pro_technical_msg_table table tr td{ text-align:left;}
.pro_technical_msg_table table tr:nth-child(1) td{ font-weight:bold;}

.pro_size_pic img{ width:60%;}

/*news_list*/
.news_div{ background:#eee; height:196px; width:100%;}
.news_pd5{ padding:5px;}
.news_pic{ width:290px; height:186px; float:left; overflow:hidden; margin-right:20px;}
.news_pic img{width:290px; height:186px; display:block;}
.news_div:hover .news_pic img{ transform:scale(1.1);}
.news_p{ float:left; margin-top:20px; width:72%;}
.news_title{ font-family:"微软雅黑"; font-size:20px; line-height:30px; text-indent:20px; border-left:4px solid #0061ae; margin-bottom:10px;}
.news_con{ font-family:"微软雅黑"; font-size:13px; line-height:24px; height:72px; margin-bottom:10px;}
.news_date{ font-family:"微软雅黑"; font-size:14px; text-align:center; line-height:30px; width:100px; height:30px; background:#f5f5f5; float:right;}
.news_div:hover{ background:#0061ae;}
.news_div:hover .news_title{ color:#fff;}
.news_div:hover .news_con{ color:#fff;}
.news_div:hover .news_date{ color:#fff; background:#0061ae;}
.news_white{ background:#fff;}

/*news_msg*/
.news_msg_title{ font-family:"微软雅黑"; font-size:20px; line-height:28px; padding:20px 0;}
.news_msg_date{ margin-bottom:20px; overflow:hidden;}
.news_msg_date span{ float:left; font-family:"微软雅黑"; font-size:14px; color:#888; margin-right:10px; line-height:20px;}
.news_msg_con img{ width:50%;}
.news_msg_con p{ font-family:"微软雅黑"; font-size:13px; color:#444; line-height:24px; margin:15px 0; text-align:left;}
.news_msg_con{ text-align:center;}
.news_msg_con b{ text-align:center; font-family:"微软雅黑"; color:#444; font-size:14px;}
.news_msg_hits{ font-family:"微软雅黑"; font-size:14px; color:#888; margin-top:20px;}
.news_pager{ line-height:30px; font-family:"微软雅黑"; font-size:14px;}

/*honor*/
/*大层*/
.pb_container{width:100%;margin: 0 auto;}
/*瀑布流层*/
.pb_waterfall{
	-moz-column-count:4; /* Firefox */
	-webkit-column-count:4; /* Safari 和 Chrome */
	column-count:4;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
	column-gap: 1em;
}
/*一个内容层*/
.pb_item{
	padding: 1em;
	margin: 0 0 1em 0;
	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	border: 1px solid #ddd;
	border-radius:6px;
}
.pb_item:hover{ box-shadow:0 0 10px #ccc; border:1px solid #008cd6;}
.pb_item p{ font-family:"微软雅黑"; font-size:14px; color:#444;}
.pb_item img{
	width: 100%;
	margin-bottom:10px;
}

/*project*/
.project_picl{ width:50%; float:left; height:500px; position:relative;}
.project_picr{ width:50%; float:right; height:500px; position:relative;}
.project_con{ font-family:"微软雅黑"; font-size:14px; color:#444; line-height:30px; width:46%; margin:30px 2%; float:left;}
.project_con p{ text-indent:2em;}
.project_t1{ position:absolute; font-family:"微软雅黑"; font-size:32px; color:#fff; left:50px; bottom:70px; letter-spacing:5px; z-index:3;}
.project_t2{ position:absolute; font-family:"微软雅黑"; font-size:26px; color:#fff; left:50px; bottom:30px; letter-spacing:5px; z-index:3;}

/*job*/
.job_warp{ float:left; width:50%;}
.job_box{ margin:2%; border:1px solid #ccc; width:96%; height:573px; padding:5%; box-sizing:border-box; border-top:5px solid #008cd6; border-radius:5px;}
.job_title{ font-family:"微软雅黑"; font-size:16px; color:#000; border-bottom:1px dashed #ccc; padding-bottom:20px; margin-bottom:20px;}
.job_con{ font-family:"微软雅黑"; font-size:14px; color:#666; line-height:30px;}

/*contact*/
.contact_con{ line-height:30px; font-family:"微软雅黑"; font-size:14px; color:#444;}

/*book*/
.book{ width:100%;}
.book_input div{ font-family:"微软雅黑"; font-size:14px; color:#444; line-height:40px;}
.book_input p .ginput{ border:none; background:#f5f5f5; width:100%; height:46px; line-height:46px; font-family:"微软雅黑"; font-size:14px; text-indent:10px;}
.book_input p .gtext{ border:none; background:#f5f5f5; width:100%; height:140px; line-height:46px; font-family:"微软雅黑"; font-size:14px; text-indent:10px;}
.gbutton{ text-align:center; border:none; width:120px; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:16px; color:#fff; background:#008cd6; cursor:pointer; border-radius:30px; margin-top:20px;}

/*pager*/
.pagelist {margin:20px auto;margin: 40px 0 0;
    text-align: center;
    font-size: 0;}
.pagelist .li, .pagelist .bb, .page_front, .page_back, .page_first, .page_last {font-size:12px; width:25px; height:25px; line-height:27px; overflow:hidden; display:block; text-align:center; margin:0 3px;}
.pagination .li {background:#686868; color:#fff; border:1px solid #d2d2d2;} /*2 color-on*/
.pagelist .li {background:#ffffff; color:#464646; border:1px solid #d2d2d2;} /*3 color-off*/
.pagelist .li:hover {background:#686868; color:#fff; text-decoration:none;}
.pagelist .li:hover {background:#686868; color:#fff; text-decoration:none;} /*1 color-hover*/
.page_front, .page_back, .page_first, .page_last {width:55px; background:#fff; color:#464646; border:1px solid #d2d2d2;}
.pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {background:#686868; color:#fff; text-decoration:none;}
.pagination p{
                margin:0;
                cursor:pointer
            }
            .pagination{
                height:40px;
                padding:20px 0px;
            }
            .pagination li{
                display:block;
                float:left;
                margin-right:10px;
                padding:2px 12px;
                height:24px;
                border:1px #cccccc solid;
                background:#fff;
                text-decoration:none;
                color:#808080;
                font-size:12px;
                line-height:24px;
            }
            .pagination li:hover{
                color:#077ee3;
                background: white;
                border:1px #077ee3 solid;
            }
            .pagination li.active{
                border:none;
                background:#077ee3;
                color:#fff;
            }
            .active a{ 
                color:#fff;
            }
            .pagination p{
                float:left;
                padding:2px 12px;
                font-size:12px;
                height:24px;
                line-height:24px;
                color:#bbb;
                border:1px #ccc solid;
                background:#fcfcfc;
                margin-right:8px;
            }
            .pagination p.pageRemark{
                border-style:none;
                background:none;
                margin-right:0px;
                padding:4px 0px;
                color:#666;
            }
            .pagination p.pageRemark b{
                color:red;
            }
            .pagination p.pageEllipsis{
                border-style:none;
                background:none;
                padding:4px 0px;
                color:#808080;
            }