﻿/* CSS Document */
@charset "utf-8";
@import url("public.css");
html,body{
    margin: 0;color:#333; font:12px/22px '微软雅黑';
}
.main,.w1200{ width:1200px; margin:0 auto; height:auto; overflow:hidden;}
.w{width: 1200px;margin: 0 auto;}
.content1{width:1200px; margin:0 auto; height:auto; overflow:hidden}
.ecf0f3{background: #ecf0f3;}



p{margin:0;padding:0;}
ul,li{list-style-type:none;padding: 0;margin: 0;} 
i, em, cite {font-style: normal;}
a, a:link {text-decoration: none;}
a:active, a:hover { text-decoration:none; color:#ff3c22; }
.fl, .fr { display: inline; float: left; }
.fr { float: right; }
.left, .right { display: inline; float: left; }
.right { float: right; }

.header {width: 100%;height: 180px;border-top: 4px solid #3385ff;}
.header .w {position: relative;}
.header .fic {position: absolute;right: 0px;top: 0px;background: url(../images/topright.jpg) no-repeat;width: 203px;height: 27px;padding: 0px 20px;}
.header .fic span {color: #fff;}
.header .fic span a {color: #fff;padding: 0px 4px;}
.header .fic span a:hover {text-decoration: underline;}
.header .logo a {display: block;padding-top: 30px;}
.header .logo a img { display: block; float: left;}
.header .logo a span {padding-left: 15px;color: #ff7e00;font-size: 28px;float: left;line-height: 63px;font-weight: bold;}
.header .tel {background: url(../images/tel.png) no-repeat left center;margin-top: 40px;padding-left: 50px;}
.header .tel span {font-size: 18px;color: #333;}
.header .tel span p {font-family: "Impact";font-size: 18px;color: #ff7e00;}

.cr{float:right;margin-left:2rem;margin-top:1.5rem;text-align:right;margin-top:35px;}
.cr .r1 p{margin:.3rem 0;color:#555;font-size:15px;}
.cr .r2{font-size:28px;color:#777;font-family:Arial,sans-serif;font-weight:bold;margin-top:15px;}
.cr .r2 i{color:#aaa;font-size:1rem;padding-right:.3rem}
.cr .r2 span{letter-spacing:.05rem;margin-right:-.1rem}
.cr .r2 span.red{color:#da251d}


#hlogobox{ height:180px; overflow:hidden; background:#fff; width:1200px; margin:0 auto}
#hlogobox h1{ display:block; height:120px; overflow:hidden; margin-top:30px; float:left}
#hlogobox h1 img{ height:120px;}

#hlogotxt{ height:120px; float:left; margin-left:15px; border-left:solid 1px #ddd; padding-left:15px; margin-top:27.5px;}
#hlogotxt span{ display:block; font-size:30px; font-weight:bold; color:#222; margin-top:30px;}
#hlogotxt span b{ color:#3385ff}
#hlogotxt i{ display:block; font-size:16px; color:#444; margin-top:20px;}

#hphone{ height:120px; overflow:hidden; float:right; margin-top:38px; background:url(../images/tel.png) no-repeat left center;padding-left:55px; background-position:0px 35px}
#hphone span{ display:block; font-size:18px; color:#333; margin-top:20px;}
#hphone i{ display:block; font-size:28px; color:#e10602; margin-top:15px;}

.nav{width: 100%;height: 48px;background: #3385ff;}
.nav ul li {float: left;position: relative;text-align: center;z-index: 2; position:relative}
.nav ul li a {color: #fff;font-size: 16px;display: block;height: 48px;line-height: 48px;padding: 0px 63px;border-right: 1px solid #2f7ccc;border-left: 1px solid #2f7ccc;transition:0.3s ease-in;-webkit-transition:0.3s ease-in;}
.nav ul li a:hover,.nav ul li a.hover {background: #e10602;border-color: #e10602;}
.nav ul li div{ width:132px; height:auto; overflow:hidden; background:#1d5ea2; position:absolute; z-index:999; display:none}
.nav ul li div a{ display:block; height:45px; overflow:hidden; border-bottom:dashed 1px #ddd; text-align:left; font-size:15px; color:#fff; padding-left:5px;}

.bannerbox{ height:auto; overflow:hidden;}
.banner .hd {width:100%;position:absolute;z-index:1;bottom: 15px;left:0;height:30px;line-height:30px;}
.banner .hd ul {text-align:center;}
.banner .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:10px;height:10px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.banner .hd ul .on {background:#f00;}
.banner .prev,.banner .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next {left:auto;right:5%;background-position:-6px -137px;}

.b-tit{ height:auto; overflow:hidden; text-align:center; font-size:28px; color:#333;margin-top:60px; background:url(../images/sanjiao.png) no-repeat center bottom;}
.b-tit span{ font-size:15px; display:block; margin-top:10px;text-transform : uppercase}

.box1-fwlist{ height:auto; overflow:hidden; margin:20px auto 60px; width:1200px;}
.box1-fwlist ul{ height:auto; overflow:hidden}
.box1-fwlist ul li{ width:25%; float:left; text-align:center; padding:60px 0px 30px;transition:0.3s ease-in;-webkit-transition:0.3s ease-in;}
.box1-fwlist ul li div#tu{ width:64px; height:64px; border:solid 1px #999;border-radius:5px; padding:30px; margin:0 auto;transition:0.3s ease-in;-webkit-transition:0.3s ease-in;}
.box1-fwlist ul li span{ display:block; font-size:19px; color:#333; font-weight:bold; margin-top:20px; margin-bottom:5px;transition:0.3s ease-in;-webkit-transition:0.3s ease-in;}
.box1-fwlist ul li p{ padding:10px 35px; text-align:left; font-size:13px; color:#666;}
.box1-fwlist ul li em{ color:#f30;font-size:14px;}
.box1-fwlist ul li:hover{ background:#fbfbfb;}
.box1-fwlist ul li:hover span{ color:#f30}
.box1-fwlist ul li:hover div#tu{ border-color:#f30}

.box2{ height:auto; overflow:hidden; background:#fbfbfb; padding:20px 0px 60px;}
.box2-ztlist{ width:1200px; height:auto; overflow:hidden; margin:40px auto;}
.b-items{ width:194px; float:left; height:240px; overflow:hidden; background:#fff; margin:3px;transition:0.5s ease-in;-webkit-transition:0.5s ease-in;}
.b-items div#tu{ width:194px; height:145px; overflow:hidden; margin-bottom:10px;}
.b-items div#tu img{ width:194px; height:145px;transition:0.3s ease-in;-webkit-transition:0.3s ease-in;}
.b-items span{ display:block; padding:15px 0px 5px; text-align:center; font-size:18px; color:#444}
.b-items em{ display:block; font-size:12px; padding:5px 0px; color:#666;text-transform : uppercase; text-align:center;}
.b-items2{ width:194px; float:left; height:240px; overflow:hidden; background:#fff; margin:3px;transition:0.5s ease-in;-webkit-transition:0.5s ease-in;}
.b-items2 div#tu{ width:194px; height:145px; overflow:hidden; margin-top:5px;}
.b-items2 div#tu img{ width:194px; height:145px;transition:0.3s ease-in;-webkit-transition:0.3s ease-in;}
.b-items2 span{ display:block; padding:20px 0px 5px; text-align:center; font-size:18px; color:#444}
.b-items2 em{ display:block; font-size:12px; padding:5px 0px 15px; color:#666;text-transform : uppercase; text-align:center;}
.b-items:hover{ background:#e10602}
.b-items:hover span{ color:#fff}
.b-items:hover em{ color:#fff}
.b-items:hover div#tu img{ width:214px; height:165px; margin-left:-10px; margin-top:-10px}

.b-items2:hover{ background:#3385ff}
.b-items2:hover span{ color:#fff}
.b-items2:hover em{ color:#fff}
.b-items2:hover div#tu img{ width:214px; height:165px; margin-left:-10px; margin-top:-10px}

.box3{ height:auto; overflow:hidden; background:#fff; padding:20px 0px;}
.box3-cplist{ width:1200px; height:auto; overflow:hidden; margin:40px auto;}
.box3-nav{ height:40px; overflow:hidden;}
.box3-nav li{ width:120px; float:left; height:40px; line-height:40px; text-align:center}
.box3-nav li a{ display:block; border:solid 1px #eee; font-size:14px; height:38px; color:#666 }
.box3-nav li a:hover{ background:#3385ff; color:#fff}
.box3-nav li a.current{ background:#3385ff; color:#fff}

.box3-imglist{ height:auto; overflow:hidden; margin:15px 0px;}
.box3-imglist ul{height:auto;overflow:hidden;display:none;padding: 0;}
.box3-imglist ul li{width:285px;height:285px;float:left;margin: 0 7px;margin-bottom:20px;position:relative;overflow:hidden;transition:0.5s ease-in;-webkit-transition:0.5s ease-in;}
.box3-imglist ul li img{width:285px; height:285px;transition:0.5s ease-in;-webkit-transition:0.5s ease-in;}
.box3-imglist ul li b{ display:block; position:absolute; width:100%; left:0%; height:35px; line-height:35px; color:#fff; background:rgba(0,0,0,0.5); text-align:center; bottom:0px; font-weight:normal; font-size:15px;}
.box3-imglist ul li:hover b{ width:100%; height:100%; left:0; top:0px; bottom:0px;background:rgba(0,0,0,0.3); line-height:285px; margin-left:0;transition:0.3s ease-in;-webkit-transition:0.3s ease-in; font-size:15px; font-weight:bold}
.box3-imglist ul li:hover img{width:305px; height:305px; margin-left:-10px; margin-top:-10px;}

/*you*/
.you{height:auto;width:100%;padding-top:67px;padding-bottom:70px;overflow;hidden;background:rgb(244,244,244);margin:0px;}

.you .marzho{height:80px;margin:0 auto;width:450px;}
.marzho .spanju{height:auto;width:235px;line-height:1.5;padding-top:20px;color:rgb(102, 102, 102);display:block;font-size:10px;margin:0 auto;text-align:right;float: left;}
.marzho .spande{height:80px;width:210px;line-height:80px;display:inline-block;font-size:48px;color:#3385ff;float: right;}

.leftim{width:auto;height:1400px;margin-top:50px; position:relative;background:url(../images/n.png) no-repeat ;}
.leftim .imgzin{position:absolute;z-index;9；left:0px;margin-top:290px;padding:0;}
.leftim li b{ color:#f30; margin-right:15px; display:block; font-size:16px; margin-bottom:15px;}
.leftim .youtu{width:490px;height:600px;background:url(../images/aa.png) no-repeat top right ;top:0px;position:absolute;right:0px;}
.leftim .divspan{margin-left:100px;width:800px;line-height:1.7; font-size:14px;}
.leftim  .divspan_b{margin-left:600px; margin-top:268px;width:600px;line-height:1.7; font-size:14px;}
.leftim  .divspan_c{margin-left:0px; margin-top:160px;width:1200px;height:300px; line-height:1.7; font-size:14px;}
.divspan_c .imgs{margin-left:100px;width:500px;line-height:1.7;}
.leftim  .divspan_d{margin-left:0px; margin-top:250px;width:1200px;height:auto; line-height:1.7;}
.divspan_d .imgsd{margin-left:100px; margin-top:-215px;width:500px;line-height:1.7;font-size:14px;}
.youte{font-size:30px;color:#3385ff;}
.font_size{font-size:15px;color:#3385ff;}
.fugai{width:100%;height:148px;margin:0;padding:0;margin-top:-79px;}
.one{font-size:30px;color:white;display:inline-block;line-height:1.2;padding-left:20px;}
.one b{ display:block; height:auto; overflow:hidden; margin-bottom:15px;}
.onesize{font-size:18px;color:white;margin-left:115px; margin-top:15px;}
.oneright{font-size:12px;color:black;margin-right:25px;margin-top:5px;line-height:2.4;display:inline-block; color:#fff}
.bei{background:url(../images/ccff.png) no-repeat center;height:148px;padding:0px;margin:0px;overflow:hidden;}


/*案例展示*/
.case_bj{height:830px;overflow:hidden;position:relative; z-index:1;}
.case{ width:1200px; height:830px; margin:0 auto; overflow:hidden; font-family:"Microsoft Yahei";}
.case h2{ padding-top:44px; height:103px; overflow:hidden; text-align:center; text-align:center;}
.case h2 i{ display:block; font:20px Arial, Helvetica, sans-serif; color:#999; text-transform:uppercase; line-height:30px;}
.case h2 a{ font-size:26px; color:#333; line-height:30px;}
.case h2 span{ color:#fb5f08;}
.c_nav{ height:36px; overflow:hidden; text-align:center}
.c_nav span{ display:inline-block; width:123px; height:34px; border:1px solid #cecece; overflow:hidden; text-align:center;}
.c_nav span a{ color:#555; font-size:14px; line-height:34px;}
.c_nav a{ display:inline-block; width:123px; height:34px;color:#555; font-size:14px; line-height:34px; border:1px solid #cecece; overflow:hidden; text-align:center;}
.c_nav a:hover , .c_nav .cur a{ color:#fff; text-decoration:none; background:#fb5f08; border:1px solid #fb5f08;}
.case_c{ height:auto; overflow:hidden;}
.case_c ul{margin-top:30px;padding: 0;}
.case_c li{ width:290px; height:290px; margin-bottom:10px; overflow:hidden; position:relative;}
.case_c li img{ width:290px; height:290px;}
.case_c .case_wz{ position:absolute; top:0; left:0;width:310px; height:310px; background:url(../images/case_span.png) repeat; display:none;}
.case_wz b { display:block; text-align:center; padding-top:115px; font-size:18px; color:#fff;}
.case_wz b a{ color:#fff;}
.case_wz i{ display:block; margin:10px auto 0; background:url(../images/case_ico3.png) no-repeat; width:120px; height:26px; text-align:center; line-height:26px; font-size:14px;}
.case_wz i a{ color:#fff;}
.case p{ width:595px; height:590px; overflow:hidden; margin-top:30px; margin-left:13px; position:relative}
.case p img{ width:595px; height:590px; overflow:hidden;}
.case_c li:hover .case_wz{ display:block}
.case_c p em{ display:block; position:absolute; width:100%; text-align:center; background:rgba(0,0,0,0.5); font-size:15px; color:#fff; height:45px; line-height:45px; bottom:0px}


.boxnews{ height:auto; overflow:hidden; margin:0px 0px;    position: relative;}
.box_show{ width:1200px; margin:20px auto;}
.news_con{ width:1200px; margin:40px auto; position:relative}
.news_con ul li{width:340px;float:left;height:auto;}
.news_picscroll{width:100%;overflow:hidden;}
.news_picscroll .bd ul li{height:auto;width:340px;float:left;margin-right:85px; position:relative;}
.news_picscroll .bd ul li a img{height:230px;width:340px;}
.news_picscroll .bd ul li .atitle .news_a_title{margin-top:20px;display:inline-block;width:100%;font-size:18px;height:25px;overflow:hidden;margin-bottom:10px;color: #000;}
.news_picscroll .bd ul li .atitle time{color:#cccccc;padding-top:5px;padding-bottom:5px; }
.news_picscroll .bd ul li .atitle .news_a_con{color:#c1c1c1;font-size:13px}
.news_picscroll .prev{width:50px;height:120px;left: -80px;top: 255px;background:url(../img/newlef.png);position:absolute;}
.news_picscroll .next{width:50px;height:120px;right: -80px;top: 255px;background:url(../img/newrgt.png);position:absolute;}


.boxzizhi{ height:auto; overflow:hidden; margin:0; background:#fafafa}
.roundabout-1 {height:26rem;width:80%;margin:auto;margin-bottom:2rem; margin-top:30px;}
.roundabout-1 li {width:18rem;height:24rem;background-color:#aaa}
.roundabout-1 li img {width:100%}



footer{display:block;margin:0;padding:0;border:none;}
/* 底部 */
footer .footer-info dl {width: 14%;text-align: center;margin-left:100px;}
footer .footer-info dl dt{vertical-align: middle;padding-bottom:5px;}
footer .footer-info dl dd h4{font-size:14px;color:#41494f;line-height:40px;}
footer .footer-info dl dd p{font-size:12px;line-height: 15px;color:#41494f}
footer .footer-info div i {height: 42px;width: 42px;}
footer .footer-info div i.fi-icon1{margin-top:15px;}
footer .footer-info div i.fi-icon5 {background:url(../images/xxIcon.png) no-repeat;background-size:100%;}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .pull-left {float: left;}
footer .footer-info div span {color: #393939;max-width: 158px;width:100%;}
footer .footer-info div em {color: #999;font-size: 12px; max-width: 158px;}
.pt30 {padding-top: 30px;}
footer .footer-nav .col-xs-8 {width: 58.33333333%;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5,.col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12,.col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {position: relative;min-height: 1px}
footer .footer-nav li {padding-left: 5%;width: 15%;}
footer .footer-nav li a, footer .footer-nav li span {display: block; height: 28px; line-height: 28px;}
footer .footer-nav li a, footer .footer-nav li span {display: block;height: 28px;line-height: 28px;}
footer .footer-nav li a {font-size: 12px;}
footer .footer-nav li a i {background-position: -174px -12px; height: 7px; width: 5px;}
.col-xs-4 {width: 33.33333333%;}
footer .footer-nav .contact-way {max-width: 210px;}
.pull-right {float: right;}
.pb15 { padding-bottom: 15px;}
footer .footer-nav .contact-way i {height: 34px;width: 34px;}
footer .footer-nav .contact-way i.c-icon1 {background-position: 0 -42px;}
footer .footer-nav .contact-way i.c-icon2 {background-position: -34px -42px;}
footer .footer-nav .contact-way i.c-icon3 {background-position: -68px -42px;}
footer .footer-nav .contact-way span {font-size: 16px;}
footer .footer-nav .contact-way span.italic {font-style: normal;}
footer .footer-nav .contact-way em {color: #999;}
footer .footer-nav .code span {line-height: 18px; margin-left:10px;}
.friendly-link{border-bottom: 1px solid #b5b6b8; padding:25px 0; border-top: 1px solid #b5b6b8; margin-top:15px;height: auto;overflow: hidden;clear: both;}
.friendly-link h5 {height: 40px; line-height: 40px ;color: #bfc2c4; display: inline-block; vertical-align: middle;}
.friendly-link h5 a {color: #bfc2c4; font-size: 14px;}
.friendly-link p{display: inline-block; vertical-align: middle; margin-left: 10px;}
.friendly-link p a { color: #bfc2c4; font-size: 12px;}
.footer-bq span {display: inline-block; }
.footer-bq {color: #fff;text-align: center; padding-top:12px; font-size: 12px;} 
.pr30{padding-right: 30px;}
.index-footer-div{background: #000; width:100%; min-width: 1200px; padding: 25px 0px 15px 0; margin-top: 0px;}
.footulList li a img, .footulList1 li img{vertical-align: middle;}
.footulList li a span, .footulList1 li span{vertical-align: middle; margin-left: 10px;}
.footulList li a, .footulList1 li{color: #fff; font-size: 12px;}
.footulList li,.footulList1 li{margin-bottom: 12px;}
.footulList{border-right: 1px solid #b5b6b8; padding-right: 105px; margin-right: 100px;}
.codes img{height: 135px; width: 135px;}
.codes{color:#fff; text-align:center}
.footulList1 {margin-top: 3px;}
.footulList2 {margin-top: 3px;margin-left: 21px;}
.lianxiren {margin-left: 0;}
.advertisingDetail span {display: inline-block;float: right;margin-top: 8px;cursor: pointer;}

.b-neiye{ width:1200px; margin:0 auto; height:auto; overflow:hidden}

.nb-rtit{ height:56px; overflow:hidden;  font-size:20px; color:#222; line-height:60px; border-bottom:solid 1px #ddd}
.nb-rtit em{ float:right; margin-right:5px; font-size:13px; color:#333}
.nb-rtit em a{font-size:13px; color:#333}

.nb-clist{ height:auto; overflow:hidden; padding:15px 0px; margin:15px 0px;}
.nb-clist a{ padding:12px 50px; border:solid 1px #eee; font-size:16px; color:#666; margin-right:15px;border-radius:5px;transition:0.3s ease-in;-webkit-transition:0.3s ease-in;}
.nb-clist a:hover{ background:#3385ff; color:#fff; border-color:#3385ff}
.nb-clist a.hover{ background:#3385ff; color:#fff; border-color:#3385ff}

.nb-content{ height:auto; overflow:hidden; margin:15px 0px 0px;}


.nb-proclist{ height:auto; overflow:hidden; margin:15px 0px;}
.nb-proclist ul{ height:auto; overflow:hidden}
.nb-proclist ul li{float:left; height:auto; overflow:hidden; }
.nb-proclist ul li a{ display:block; /*padding:8px 20px;*/ text-align:center; border:solid 1px #eee;font-size:16px; color:#666; margin-right:34px;border-radius:5px;transition:0.3s ease-in;-webkit-transition:0.3s ease-in;}
.nb-proclist ul li a:hover{ background:#3385ff; color:#fff; border-color:#3385ff}
.nb-proclist ul li a.hover{ background:#3385ff; color:#fff; border-color:#3385ff}


.nb-proclist1{ height:auto; overflow:hidden; margin:15px 0px;}
.nb-proclist1 ul{ height:auto; overflow:hidden}
.nb-proclist1 ul li{float:left; height:auto; overflow:hidden; }
.nb-proclist1 ul li a{ display:block; padding:8px 20px; text-align:center; border:solid 1px #eee;font-size:16px; color:#666; margin-right:15px;border-radius:5px;transition:0.3s ease-in;-webkit-transition:0.3s ease-in;}
.nb-proclist1 ul li a:hover{ background:#3385ff; color:#fff; border-color:#3385ff}
.nb-proclist1 ul li a.hover{ background:#3385ff; color:#fff; border-color:#3385ff}

.nb-cpnlist{ height:auto; overflow:hidden; margin:20px 0px;}
.nb-cpn-tit{ height:auto; overflow:hidden}
.nb-cpn-tit p{float: left;padding: .5rem 0;color: #333;font-size:18px;letter-spacing: .1rem;}
.nb-cpn-tit p:after {margin-top: .4rem;content: "";display: block; width:40px;border-bottom: .2rem solid #ff4343;}

.nb-cpn-nav{ height:auto; overflow:hidden}
.nb-cpn-nav li{float: left;margin-right: .5rem;}
.nb-cpn-nav li a{display: inline-block;padding:.6rem 1rem; border: thin solid #aaa; font-size:14px; color: #222; border-bottom: none; border-radius: .3rem .3rem 0 0; transition: all .2s;}
.nb-cpn-nav li.current a { text-decoration: none;background-color:#3385ff;border-color: #3e82b0;color: #fff;}

.nb-cpn-cpbox{ height:auto; overflow:hidden; border:thin solid #aaa; padding:1rem;}
.nb-cpn-cpshow{ height:auto; overflow:hidden;}
.nb-cpn-cpshow ul{ height:auto; overflow:hidden}
.nb-cpn-cpshow ul li{ width:22%; float:left;padding: 1rem;opacity: 1;transition: all 1s; text-align:center;height:310px; overflow:hidden}
.nb-cpn-cpshow ul li a{display: block;overflow:hidden}
.nb-cpn-cpshow ul li img{height:242.5px;width:242.5px; margin-bottom:15px; border:solid 1px #eee;border-radius: .3rem;transition: all 1s; }
.nb-cpn-cpshow ul li p{ font-size:14px; color:#333;}
.nb-cpn-cpshow ul li em{font-size:13px; color:#666; display:block; margin-bottom:20px;}
.nb-cpn-cpshow ul li:hover img{ border-color:#3385ff}

.abut{ height:45px; line-height:45px; width:280px; margin:20px auto; background:#f30;text-align:center; border-radius:8px; }
.abut a{ color:#fff; font-size:15px; display:block }
.abut:hover{ background:#c30}

.nb-cpn-cpbox1{ height:auto; overflow:hidden;}
.top-box {overflow:hidden}
.top-box .top {margin-bottom:1.5rem}
.top-box .top .zt-list {overflow:hidden}
.top-box .top .zt-list li {width:33%;float:left;padding:.5rem}
.top-box .top .zt-list li a {display:block;width:100%;text-align:center;line-height:2rem;color:#fff;background-color:#3e82b0;transition:all .2s}
.top-box .top .zt-list li a:hover {background-color:#5c9bc5;text-decoration:none}
.top-box .left {width:55%;float:left}
.top-box .left .view {width:80%;margin-right:2%;float:left; padding:0; background:none}
.top-box .left .view .swiper-container {overflow:hidden}
.top-box .left .view .swiper-container .swiper-slide img {width:100%}
.top-box .left .preview {width:18%;float:left}
.top-box .left .preview .swiper-container {height:520px}
.top-box .left .preview .swiper-container .swiper-slide {overflow:hidden;}
.top-box .left .preview .swiper-container .swiper-slide img {width: 97%;border: thin solid #ccc;}
.top-box .left .preview .swiper-container .swiper-slide.active-nav img{border:thin solid #3e82b0}
.top-box .right {width:38%;float:left;padding:0 2rem;height:520px;position:relative}
.top-box .right>h3 {letter-spacing:.2rem;margin-bottom:1rem; font-size:18px;}
.top-box .right>p {letter-spacing:.2rem; font-size:15px; line-height:32px;}
.top-box .right>.p5 {margin-top:1rem;margin-bottom:10px;overflow:hidden; font-size:15px;}
.top-box .right>.p5>span {width:50px;float:left;display:block}
.top-box .right>.p5>div {width:auto;float:left;}
.top-box .right>.p5>div>p{ margin-bottom:15px;font-size:14px;}
.top-box .right>.p5>div>p:before {content:"";display:inline-block;margin-right:.3rem;width:.3rem;height:.3rem;border-radius:.15rem;background-color:#3e82b0}
.top-box .right>.p6 {position:absolute;width:90%;bottom:-1rem}
.top-box .right>.p6 p {font-size:15px;margin-top:2rem;margin-bottom:1.5rem;letter-spacing:.1rem}
.top-box .right>.p6 a {padding:.8rem 0;background-color:#fff;border:thin solid #ccc;color:#222;border-radius:.2rem;font-size:.9rem;display:block;width:100%;margin-bottom:1rem;text-align:center}
.top-box .right>.p6 a>i {margin-right:.5rem;font-size:1rem}
.top-box .right>.p6 a:hover {text-decoration:none}
.top-box .right>.p6 a.sq-call {font-size:.8rem;letter-spacing:.1rem;border:thin solid #ff4343;color:#fff;background-color:#ff4343}
.top-box .right>.p6 a.sq-call:hover {background-color:#ff5d5d}


.nrtuijian{ height:auto; overflow:hidden; margin:0px 0px 30px;}
.nrtuijian h2{ font-size:15px; color:#ff5d5d; border-bottom:solid 1px #ddd; padding:5px 0px;}
.nrtuijian h2 b{ color:#f00}
.nr-tjlist{ height:auto; overflow:hidden; margin-top:10px;}
.nr-tjlist ul{ height:auto; overflow:hidden;}
.nr-tjlist ul li{ width:230px; height:286px; float:left; margin-right:10px; text-align:center}
.nr-tjlist ul li img{ width:228px; height:228px; margin-bottom:10px; border:solid 1px #ddd}
.nr-tjlist ul li a{color:#000;}


.nrxiangqing{ height:auto; overflow:hidden; margin:0 0px 30px;}
.nrxiangqing h3{ display:block;border-bottom:solid 1px #f60; height:31px; position:relative}
.nrxiangqing h3 span{ display:block; width:100px; border:solid 1px #f60; text-align:center; font-size:13px; height:30px; line-height:30px; border-bottom:solid 1px #fff; position:absolute; z-index:1; left:15px;}

.content1 {line-height: 24px;font-size: 14px;padding: 15px 0px 25px 0px;background: #FFF}
.content1 img {max-width: 1100px !important;display: block;margin:0px auto;}
.content1 p {padding-top: 10px; line-height:30px;}
.content1 table{ border-collapse:0px;border-spacing:2px;}


.box-main{ height:auto; overflow:hidden; margin:20px auto; width:1200px;}
.b-left{ height:auto; overflow:hidden; width:260px; float:left;}
.b-right{ height:auto; overflow:hidden; width:910px; float:right;}

.b-fllist{ height:auto; overflow:hidden;}
.b-fllist span{ display:block;height:35px; line-height:35px; overflow:hidden; background:#1379ce; font-size:16px; color:#fff; padding-left:20px;}
.b-fllist span#sp1{ display:block;height:85px; line-height:85px; overflow:hidden; background:url(../images/fltit.jpg) no-repeat center; font-size:22px; color:#fff; padding-left:0px; text-align:center}
.b-fllist ul{ height:auto; overflow:hidden; margin:0px 0px 15px; border:solid 5px #1e61ba; padding:15px;}
.b-fllist ul li{ height:45px; line-height:45px; margin-bottom:10px; border-bottom:dashed 1px #ddd; background:url(../images/do.jpg) no-repeat left}
.b-fllist ul li a{ display:block;padding-left:15px; font-size:16px; color:#333;}
.b-fllist ul li a:hover{ color:#f30; font-weight:bold}
.b-fllist ul li a.cur{ color:#f30; font-weight:bold}

.b-xglist{ height:auto; overflow:hidden;}
.b-xglist span{ display:block;height:35px; line-height:35px; overflow:hidden; background:#1379ce; font-size:16px; color:#fff; padding-left:20px;}
.b-xglist ul{ height:auto; overflow:hidden; margin:15px 0px;}
.b-xglist ul li{ height:18px; /*line-height:18px;*/ margin-bottom:10px; border-bottom:dashed 1px #ddd; overflow:hidden; padding-bottom:5px;text-overflow:ellipsis;}
.b-xglist ul li a{ display:block;font-size:12px; color:#333;}
.b-xglist ul li a:hover{ color:#f30;}

.b-lxfs{ height:auto; overflow:hidden;}
.b-lxfs span{ display:block;height:35px; line-height:35px; overflow:hidden; background:#1379ce; font-size:16px; color:#fff; padding-left:20px;}
.b-lxfs p{ font-size:14px; color:#333; line-height:28px; margin-top:15px;}

.br-title{ height:35px; line-height:35px; border-bottom:solid 1px #ddd; background:url(../images/site.jpg) no-repeat left; padding-left:15px; font-size:14px; color:#333}
.br-title a{ color:#333; font-size:14px;}

.br-content{ height:auto; overflow:hidden; margin:15px 0px;}
.content_nr{ font-size:15px; color:#444; line-height:30px; min-height:200px; margin:15px 0px;height:auto; overflow:hidden}
.content_nr p{ margin-bottom:10px; line-height:30px; font-size:15px;}
.content_nr img{max-width:890px;  /*IE7和Firefox用*/ width: expression(this.width > 890 ? 890: true);   /*IE6用*/ margin:0px 0px;}
.content_nr p a{ font-weight:bold; color:#03F; text-decoration:underline;}

/*图文列表*/
.nb-nlist{ height:auto; overflow:hidden; min-height:200px; margin:15px 0px;}
.nb-nlist li{ display:block; padding-bottom:16px; border-bottom:1px solid #f0f0f0; overflow:hidden; }
.nb-nlist li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.nb-nlist li h2{ padding:6px 0 14px 0; font-size:16px; line-height:27px; font-weight:normal; }
.nb-nlist li h2 a{ font-size:16px; font-weight:bold; line-height:29px; color:#1e61ba; text-decoration:none; }
.nb-nlist li h2 a:hover{ color:#a74700; }
.nb-nlist li .note b{ position:relative; display:block; float:left; margin-right:16px; width:156px; height:104px; font-style:normal; }
.nb-nlist li .note b img{ min-width:100%; min-height:105px; width:100%; height:105px; }
.nb-nlist li .note p{ font-size:14px; line-height:23px; font-weight:500; color:#555; }
.nb-nlist li .note .info{ padding-top:20px; }
.nb-nlist li .note .info span{margin-right:10px;padding-left:20px;color:#777;background: url(../images/sprite.gif) no-repeat left;height: 21px;font-size: 13px;display: inline-block;line-height: 21px;}
.nb-nlist li .note .info .time{ background-position:0 -156px; }
.nb-nlist li .note .info .view{ background-position:0 -32px; }
.nb-nlist li .note .info .comm{ background-position:0 4px; }
.nb-nlist .nodata{ margin-top:30px; color:#666; font-size:14px; line-height:100px; text-align:center; }


/*内容标题样式*/
.nr-auto{ height:auto; overflow:hidden; min-height:200px; margin:15px 0px;}
.meta{ margin:0px 0 0 0; padding:0 0 15px 0; border-bottom:1px solid #f0f0f0; text-align:center }
.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
.meta h1{ margin:0; padding:0 0 15px 0; color:#1f1f1f; font-size:22px; line-height:30px; }
.meta .meta-info{ color:#999; font-size:12px; line-height:24px; }
.meta .meta-info a{color:#000;}
.meta .meta-info span{ margin-right:10px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat; }
.meta .meta-info .time{ background-position:left -156px; }
.meta .meta-info .view{ background-position:left -32px; }
.meta .meta-info .comm{ background-position:left 4px; }
.next-prev-single{ padding:10px 0; color:#444; font-size:14px; overflow:hidden; }
.next-prev-single p{ width:49%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.next-prev-single p a{ color:#428bca; text-decoration:none; }
.next-prev-single .prev{ float:left; }
.next-prev-single .next{ float:right; }
.c_imgbox{ height:auto; overflow:hidden; margin:30px 0px; text-align:center;}
.c_imgbox img{max-width:890px;  /*IE7和Firefox用*/ width: expression(this.width > 890 ? 890: true);   /*IE6用*/ margin:0px 0px;}

.xgbox{ height:auto; overflow:hidden; margin-top:0px; clear:both; margin-bottom:10px;}
.xgtitle{ line-height:40px; border-bottom:solid 1px #ddd; font-size:16px; color:#069}
.xgnlist{ height:auto; overflow:hidden; margin:15px 0px;}
.xgnlist ul{ height:auto; overflow:hidden;}
.xgnlist ul li{ width:45%; float:left; line-height:28px; padding-left:15px; background:url(../images/do.jpg) no-repeat  left center;}
.xgnlist ul li a{ font-size:13px; color:#666;}
.xgnlist ul li a:hover{ color:#f30}

.xgplist{ height:auto; overflow:hidden; margin:10px 0px;}
.xgplist ul{ height:auto; overflow:hidden;}
.xgplist ul li{float:left; margin-right:10px; text-align:center}
.xgplist ul li img{ width:150px; height:150px;}
.xgplist ul li a{ font-size:13px; color:#666;}
.xgplist ul li a:hover{ color:#f30}

/*图片带标题表*/

/*图片带标题表*/
.nb-list1{ height:auto; overflow:hidden; min-height:200px; margin:15px 0px;}
.nb-list1 ul{ height:auto; overflow:hidden}
.nb-list1 ul li{ width:284px; height:250px; overflow:hidden; border:solid 1px #f8f8f8; padding:10px; margin-bottom:30px;border-radius:3px; float:left; margin-right:20px;transition:0.3s ease-in;-webkit-transition:0.3s ease-in;}
.nb-list1 ul li img{width:284px; height:204px;}
.nb-list1 ul li h3{ display:block; height:30px; line-height:30px; overflow:hidden; margin:10px 0px 0px; text-align:left}
.nb-list1 ul li h3 a{ font-size:14px; color:#333;}
.nb-list1 ul li:hover{ border-color:#318800}
.nb-list1 ul li p{ display:block; height:90px; overflow:hidden; font-size:12px; color:#666}
.nb-list1 ul li span{ display:block; text-align:center; margin-top:10px;}
.nb-list1 ul li span a{ font-size:12px; color:#fff; padding:3px 15px; background:#41b500; width:80px; height:25px}
.nb-list1 ul li span a:hover{ background:#347cff}

.br-cpnr{ height:auto; overflow:hidden}
.br-cpnr div.br-title{ display:block; border-bottom:solid 1px #eee; text-align:center; font-size:18px; color:#333; padding-bottom:10px; margin-bottom:15px; background:none;}
.br-imginfo{ height:auto; overflow:hidden; text-align:center}
.br-imginfo img{ max-width:800px;height:320px; margin-right:30px;}
.br-imginfo ul{ height:auto; overflow:hidden}
.br-imginfo ul li{ border-bottom:dashed 1px #ddd; margin-bottom:10px; font-size:14px; color:#666; height:auto; overflow:hidden; padding-bottom:15px;}
.br-imginfo ul li a.abut{ font-size:18px; color:#fff; background:#08478d; display:block; width:150px; height:40px; float:left; margin-right:20px; text-align:center; line-height:40px;}
.br-imginfo ul li a.red{ background:#f30 }

.br-cpinfo{ height:auto; overflow:hidden; margin:15px 0px;}
.br-tit{ height:35px; overflow:hidden; line-height:35px; border-bottom:solid 1px #ddd; font-size:16px; color:#318800}

.nb-list{ height:auto; overflow:hidden; min-height:200px; margin:15px 0px;}
.nb-list ul{ height:auto; overflow:hidden}
.nb-list ul li{ width:280px; height:290px; overflow:hidden; border:solid 1px #f8f8f8; padding:6px; margin-bottom:30px;border-radius:3px; float:left; margin-right:14px;transition:0.3s ease-in;-webkit-transition:0.3s ease-in;}
.nb-list ul li img{width:280px; height:244px;}
.nb-list ul li h3{ display:block; height:30px; line-height:30px; overflow:hidden; margin:10px 0px 0px; text-align:left}
.nb-list ul li h3 a{ font-size:14px; color:#333;}
.nb-list ul li:hover{ border-color:#0042ac}
.nb-list ul li p{ display:block; height:auto; overflow:hidden; font-size:12px; color:#666}
.nb-list ul li span{ display:block; text-align:center; margin-top:10px;}
.nb-list ul li span a{ font-size:12px; color:#fff; padding:3px 15px; background:#74a5ff; width:80px; height:25px}
.nb-list ul li span a:hover{ background:#347cff}


.box6{ height:auto; overflow:hidden; background:#fff; margin-bottom:60px;}
.box6-tit{ height:80px; overflow:hidden; text-align:center; font-size:25px; color:#111;margin-top:60px ; }
.box6-tit span{ font-size:15px; display:block; margin-top:10px;color:#666;}

.box6-hlist{ height:auto; overflow:hidden; margin:30px 0px;}
.box6-hlist ul{ height:auto; overflow:hidden}
.box6-hlist ul li{width: 239.2px;height:120px;margin-right:1px;margin-bottom:1px;float:left;}
.box6-hlist ul li img{width: 229.2px;height:118px;border:solid 1px #ddd;display: block;margin: 0 auto;}


/*商品选项卡*/
.tab_head{border-bottom:2px solid #1d85da; background:#fff;height:33px;line-height:33px;overflow:hidden;}
.tab_head ul li{float:left;font-size:12px;}
.tab_head ul li a{float:left;display:block;margin-right:2px;padding:0 30px;border:1px solid #1d85da;height:33px;background:#fff;white-space:nowrap;}
.tab_head ul li a:hover,
.tab_head ul li a.current{background:#1d85da;color:#fff;display:block;text-decoration:none;}
.tab_inner{display:none; padding:10px 0px;}




.footer-box {
	background-color:#1b1b1b;
	color:#a0a0a0;
	padding-top:2.5rem;
font-size:1.2rem;
}
.footer-box .top {
	width:100%
}
.footer-box .top .left {
	width:22%;
	float:left
}
.footer-box .top .left .text p {
	font-size:1.6rem;
	font-weight:bold;
	color:#fff;
	letter-spacing:5px;
	margin:0;
	margin-bottom:7px
}
.footer-box .top .left .text a {
	color:#fff;
font-size:.8rem;
	letter-spacing:1px
}
.footer-box .top .left .icons {
	margin-top:1.8rem
}
.footer-box .top .left .icons a {
	display:inline-block;
	margin-right:10px;
	height:2rem;
	width:2rem;
	color:#fff;
	border-radius:50%;
	border:2px solid #fff;
	text-align:center;
	line-height:2rem;
	text-decoration:none
}
.footer-box .top .left .icons a i {
font-size:.9rem
}
.footer-box .top .left .icons a:hover {
	text-decoration:none;
	color:#1b1b1b;
	background-color:#fff
}
.footer-box .top .left .icons a:visited, .footer-box .top .left .icons a:focus {
	text-decoration:none
}
.footer-box .top .left .icons a.weixin {
	position:relative
}
.footer-box .top .left .icons a.weixin .wx-qrcode {
	position:absolute;
	bottom:26px;
	left:26px;
	display:none;
	width:150px;
	height:150px
}
.footer-box .top .left .icons a.weixin .wx-qrcode img {
	width:100%
}
.footer-box .top .left .icons a.weixin:hover .wx-qrcode {
	display:block
}
.footer-box .top .center {
	width:50%;
	float:left;
	text-align:center
}
.footer-box .top .center:before {
	content:"";
	width:1px;
	height:9.5rem;
	background-color:#a0a0a0;
	float:left;
margin-top:.6rem
}
.footer-box .top .center:after {
	content:"";
	width:1px;
	height:9.5rem;
	background-color:#a0a0a0;
	float:right;
margin-top:.6rem
}
.footer-box .top .center>ul {
	display:inline-block
}
.footer-box .top .center>ul li {
	float:left;
	padding-left:1.5rem;
	width:9rem;
	text-align:left
}
.footer-box .top .center>ul li a {
	color:#c6c6c6;
	line-height:2rem;
	display:block;font-size:14px;color:#fff;
}
.footer-box .top .center>ul li a.first {
	color:#a0a0a0;
	line-height:2rem;
	border-bottom:thin solid #a0a0a0;
margin-bottom:.5rem;font-size:14px;
}
.footer-box .top .right {
	width:28%;
	float:left
}
.footer-box .top .right .fr {
	float:right
}
.footer-box .top .right .fr>p {
	line-height:2rem;font-size:14px;
	margin:0 0px 15px;
}
.footer-box .top .right .fr .phone {
	margin-top:-3px;
	display:block;
	text-decoration:none;
	color:#fff;
transition:all .2s
}
.footer-box .top .right .fr .phone .big {
	font-size:1.8rem;margin-right:.7rem;letter-spacing:1px}
.footer-box .top .right .fr .phone .small {
font-size:.75rem
}
.footer-box .top .right .fr .phone:hover {
	text-decoration:none;
	color:#a0a0a0
}
.footer-box .top .right .fr .phone:visited, .footer-box .top .right .fr .phone:focus {
	text-decoration:none
}
.footer-box .top .right .fr .phone2 {
	margin:0;
	line-height:1.2rem;
	letter-spacing:1px
}
.footer-box .top .right .fr>hr {
	border-color:#a0a0a0;
margin:.7rem 0
}
.footer-box .top .right .fr>.sq-call {
margin-top:.3rem;
	display:block;
	height:1.4rem;
	width:6.2rem;
	background-color:#fff;
	line-height:1.3rem;
	border:thin solid #fff;
border-radius:.7rem;
	text-align:center;
	color:#1b1b1b
}
.footer-box .top .right .fr>.sq-call:hover {
	background-color:#1b1b1b;
	color:#fff;
	text-decoration:none
}
.footer-box .top .right .fr>.sq-call:visited, body .footer-module .footer-box .top .right .fr>.sq-call:focus {
	text-decoration:none
}
.footer-box .top .right .fr>.shop-link a {
	color:#a0a0a0
}
.footer-box .top .right .fr>.shop-link a>i {
	position:relative;
	top:3px;
	font-size:1.2rem;
	padding-right:5px;
	padding-left:5px;
	color:#cecece
}
.footer-box .top .right .fr>.shop-link a:after {
	content:"";
	display:inline-block;
width:.75rem
}
.footer-box .top .right .fr>.shop-link a.last {
padding-left:.75rem;
	border-left:thin solid #a0a0a0
}
.footer-box .top .right .fr>.shop-link a:hover {
	text-decoration:none
}
.footer-box .top .right .fr>.shop-link a:visited, body .footer-module .footer-box .top .right .fr>.shop-link a:focus {
	text-decoration:none
}
.footer-box .top .right .fr>.shop-link.last {
margin-top:.3rem
}
.footer-box .last-version {
	margin-top:2rem;
	border-top:thin #a0a0a0 solid;
	padding-top:2rem;
	width:100%;
	text-align:center;
	margin-bottom:1rem;
	float: left;
}
.footer-box .last-version p {
	color:#a0a0a0;
margin:.2rem 0;
letter-spacing:.05rem
}


.floating_ck{position: fixed;
    right: 20px;
    top: 55%;
    z-index: 999;
    height: 437px;
    margin-top: -291px;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:rgba(0,0,0,0.3);border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;margin:0;}
.floating_ck dl dd:hover{background-color:#e40231;border-bottom:solid 1px #a40324;}
.floating_ck dl dd:hover .floating_left{display:block;}
.floating_ck dl dd:hover .floating_left1{display:block;}
.consult{background-image:url(../images/zxicon.png);}
.words{background-image:url(../images/qqzx.png);}
.quote{background-image:url(../images/kficon.png);}
.qrcord{background-image:url(../images/erweima.png);}
.tonghua{background-image:url(../images/tonghua.png);}
.return{background-image:url(../images/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_ck dd font{
    position: absolute;
    right: 80px;
    bottom: 0;
    background-color: #e40231;
    font-size: 18px;
    color: #fff;
    padding: 10px 15px;
    display: none;
}
.floating_ck dd:hover font{display:block;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#e40231;border-bottom:solid 1px #a40324;display:none;}
.floating_left a{color:#fff;/*line-height:80px;*/}
.floating_ewm{height:260px;top:-180px;}
.floating_ewm i{background-image:url(../images/ewm.png);background-size:145px;display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}

.floating_left1{position:absolute;left:-430px;top:0px;width:430px;height:auto;background-color:#fff;border:solid 1px #ddd;display:none;z-index:9000}
.qgfgskf{height:auto;overflow:hidden;padding:20px 20px;}
.qgfgskf a{display: block;float: left;height: 25px;font-size: 13px;color: #fff;background: url(../images/kficon.png) no-repeat left center #3385ff;background-size: 20px;background-position: 15px;line-height: 25px;padding: 5px 20px 5px 45px;margin-right: 25px;margin-bottom: 10px;border-radius: 5px;}

  .banner {
                width: 100%;
                position: relative;
                background: #fff;
                display: block;
                float: left;
            }

                .banner .bd {
                    margin: 0 auto;
                    position: relative;
                    z-index: 0;
                    overflow: hidden;
 margin-left: -960px;
    left: 50%;
width:1920px;
                }

                    .banner .bd ul {
                        padding: 0;
                        margin: 0;
   
                    }

                    .banner .bd li {
                        overflow: hidden;
                        text-align: center;
                    }

                        .banner .bd li a {
                            display: block;
                        }
                        .banner:hover .prev, .banner:hover .next{display:block;}


.page_link {padding:0px; text-align:center; font-family:Verdana; font-size:12px; margin-top:40px; margin-bottom:10px; }
.page_link a { border:solid 1px #ddd; padding:8px 12px; text-decoration: none; color:#000; margin-left:-1px;}
.page_link a:hover {background-color:#f5f5f5; color:#000}
.page_link a:active { background:#f0f0f0}
.page_link span{border:solid 1px #ddd; padding:8px 12px; color:#000; margin-left:-1px; }
.page_link .current { background:#f0f0f0; color:#000;}
.page_link span.disabled {color:#555;}