@charset "utf-8";

html,

body {

    font: 12px/1.66 'Microsoft YaHei', Tahoma, Verdana, 'Simsun';

    color: #333;

    -webkit-text-size-adjust: none;

}



a {

    color: #333;

    text-decoration: none;

}



a:hover {

    color: #ec651b;

    text-decoration: none;

}


#downloadlist{ padding:15px;}
#downloadlist .metlist{ margin-bottom:20px;}
#downloadlist dl.top dt a{ color:#f00;}
#downloadlist .metlist dt{ border-bottom:1px solid #ddd; font-size:14px; font-weight:bold; padding:3px 5px 3px 20px; background:url(../images/dt-9.gif) no-repeat 5px 11px;}
#downloadlist .metlist dd{ color:#999; padding:5px 8px; background:#f8f8f8;}
#downloadlist .metlist dd b{ font-weight:normal;}
#downloadlist .metlist dd div{ float:right;}
#downloadlist .metlist dd span{ padding-right:20px;}
#downloadlist .metlist dd a{ color:#1C57C4; text-decoration:underline;}
#downloadlist .metlist dd a.down{ color:#fa1a1a; text-decoration:underline;}


/*头部*/



.inner {

    width: 1200px;

    background-color: #fff;

    margin: 0 auto;

    position: relative;

}



header {

    background: #013d97;

    zoom: 1

}



#web_logo {

    margin-left: 10px;

    font-size: 0px;

    position: relative;

    z-index: 999;

}



.top-nav {

    color: #fff;

    position: absolute;

    right: 5px;

    top: 8px;

    height: 77px;

    z-index: 1;

    text-align: right;

    width: 100%;

}



.top-nav a {

    color: #fff;

}



.top-nav a:hover {

    color: #fff;

}



.top-nav li.b {

    position: absolute;

    bottom: 0px;

    right: 0px;

}



.top-nav li.t span {

    padding: 0px 5px;

    font-size: 10px;

    color: #bbb;

}



.top-logo {

    min-height: 90px;

    _height: 90px;

}



nav {

    height: 40px;

    overflow: hidden;

    width: 950px;

    float: right;

    margin-top: 50px;

}



nav ul li {

    float: left;

    text-align: center;

    height: 40px;

    overflow: hidden;

    margin-left: 10px;

}



nav ul li a {

    height: 39px;

    line-height: 39px;

    color: #000;

    display: block;

    font-family: "微软雅黑";

    font-size: 16px;

}



nav ul li a:hover {

    height: 39px;

    line-height: 39px;

    color: #ec651b;

    font-size: 14px;

    display: block;

    font-family: "微软雅黑";

    font-size: 16px;

    border-bottom: 1px solid #ec651b;

}



nav ul li.line {

    width: 3px;

    overflow: hidden;

    height: 40px;

    background: url(../images/nav_line.jpg) no-repeat;

}



nav ul li.hover {

    background: url(../images/nav_button.jpg) no-repeat;

    ;

    background-repeat: no-repeat;

}





/*nav ul li.navdown{  background:url(../images/nav_bg.gif); background-repeat:no-repeat;}*/



nav ul li.hover a,

nav ul li.navdown a {}



nav ul li.hover a:hover,

nav ul li.navdown a:hover {

    color: #ec651b;

}



.met_flash {

    margin-top: 10px;

    font-size: 0px;

    overflow: hidden;

}



.met_flash ul {

    margin: 0px;

    padding: 0px;

}





/*首页*/



.aboutus {

    float: left;

    width: 675px;

    margin-top: 10px;

}



.case {

    float: right;

    width: 290px;

    margin-top: 10px;

    overflow: hidden;

}



.style-1 h3.title span {

    float: left;

    background: url(../images/dt-5.gif) repeat-x;

    height: 32px;

    line-height: 32px;

    padding: 0px 25px;

    color: #fff;

    font-weight: normal;

    font-size: 14px;

}



.style-1 h3.title a.more {

    float: right;

    width: 39px;

    height: 11px;

    line-height: 1000px;

    overflow: hidden;

    background: url(../images/more.gif);

    margin: 10px 10px 0px 0px;

}



.style-1 .active {

    background: #fff;

    padding: 10px;

}



.style-2 h3.title {

    background: url(../images/dt-6.gif) repeat-x;

    height: 32px;

    line-height: 32px;

    padding-left: 15px;

    color: #fff;

    font-weight: normal;

    font-size: 14px;

    position: relative;

}



.style-2 h3.title a.more {

    position: absolute;

    right: 10px;

    top: 0px;

    color: #fff;

    font-size: 12px;

}



.style-2 .active {

    background: #fff;

    padding: 10px;

}



.style-2 dl.ind {

    clear: both;

    zoom: 1

}



.style-2 dl.ind dt {

    float: left;

    display: inline;

    border-bottom: 1px dotted #ccc;

    padding: 10px 0px 10px 0px;

    zoom: 1

}



.style-2 dl.ind dt a {

    margin-left: 5px;

}



.style-2 dl.ind dd {

    float: right;

    display: inline;

    border-bottom: 1px dotted #ccc;

    padding: 10px 0px 10px 0px;

    overflow: hidden;

}



.style-2 dl.ind dd h4 {

    margin-left: 10px;

}



.style-2 dl.ind dd p.desc {

    margin-left: 10px;

    font-style: italic;

    color: #666;

}



.index-news {

    float: left;

    width: 330px;

    margin-right: 15px;

    margin-top: 15px;

}



.listel li {

    margin: 0px 5px;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    padding-left: 13px;

    background: url(../images/dt-1.gif) no-repeat left 12px;

}



.listel li a {

    margin-right: 5px;

    zoom: 1;

}



.listel li span {

    float: right;

    color: #666;

}



.index-conts {

    float: right;

    width: 290px;

    margin-top: 15px;

}



.index-product {

    padding-top: 15px;

    *margin-top: 15px;

    *padding-top: 0px;

}



.index-product .profld {

    margin: 0px;

    position: relative;

    overflow: hidden;

}



.index-product h3 span {

    float: left;

}



.index-product ol {

    position: absolute;

    width: 2012em;

}



.index-product ol li {

    float: left;

    text-align: center;

}



.index-product ol li a.img {

    display: block;

    text-align: center;

    font-size: 0px;

}



.index-product ol li a.img img {

    margin: auto;

    border: 1px solid #d6d6d6;

}



.index-product ol li h3 {

    font-weight: normal;

    margin-top: 5px;

    height: 20px;

    line-height: 20px;

    overflow: hidden;

}



.index-product .flip {

    height: 20px;

    overflow: hidden;

    margin: 8px 15px 0px;

    float: left;

}



* html .index-product .flip {

    width: 300px;

}



*+html .index-product .flip {

    width: 300px;

}



.index-product .next,

.index-product .prev {

    width: 18px;

    height: 18px;

    overflow: hidden;

    display: block;

    float: left;

    background: url(../images/neu.gif) no-repeat;

}



.index-product .next {

    background-position: -17px 0px;

}



.index-product .next:hover {

    background-position: -57px 0px;

}



.index-product .prev {

    background-position: -40px 0px;

}



.index-product .prev:hover {

    background-position: 0px 0px;

}



#trigger {

    float: left;

    margin-right: 5px;

    margin-top: 0px;

    position: relative;

    bottom: 8px;

    *bottom: 0px;

    *top: 5px;

    zoom: 1;

}



#trigger a {

    background: url(../images/neu.gif) no-repeat -78px -10px;

    width: 8px;

    height: 8px;

    font-size: 0px;

    display: inline-block;

    overflow: hidden;

    margin-right: 5px;

}



#trigger a.current {

    background-position: -78px 0px;

}



#tabs-nav {

    float: left;

    text-align: center;

    margin-left: 15px;

}



#tabs-nav li {

    margin: 0 4px;

    display: inline-block;

    zoom: 1;

    *display: inline;

    position: relative;

    *top: 12px;

}



#tabs-nav li a {

    width: 8px;

    height: 8px;

    display: block;

    overflow: hidden;

    background: #9df0f5;

    cursor: pointer;

    text-indent: -9999px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -o-border-radius: 20px;

    border-radius: 20px;

}



#tabs-nav li a:hover {

    background: #fff;

}



#tabs-nav li a.flex-active {

    background: #fff;

    cursor: default;

}



.index-links {

    background: #fff;

    padding: 5px 15px 10px;

    margin-top: 15px;

    position: relative;

}



.index-links h3 {

    height: 32px;

    line-height: 32px;

    padding-left: 20px;

    background: url(../images/dt-2.gif) no-repeat left center;

    font-weight: normal;

    font-size: 14px;

    position: relative;

    border-bottom: 1px dotted #ccc;

    margin-bottom: 10px;

}



.index-links h3 a.more {

    position: absolute;

    right: 10px;

    top: 0px;

    color: #666;

    font-size: 12px;

}



.index-links ul {

    margin: 0px;

    padding: 0px;

}



.index-links .img {

    margin-bottom: 3px;

}



.index-links .img li {

    list-style: none;

    display: inline;

    padding-right: 5px;

}



.index-links .img img {

    width: 88px;

    height: 31px;

}



.index-links .txt {

    zoom: 1;

}



.index-links .txt li {

    list-style: none;

    float: left;

    width: 88px;

    height: 20px;

    line-height: 20px;

    margin-right: 5px;

    overflow: hidden;

}





/*内页栏目*/



.sidebar .sb_nav h3.title {

    text-align: center;

    background: url(../images/ny_03.jpg) no-repeat;

    width: 290px;

    height: 101px;

    color: #fff;

    font-size: 24px;

    line-height: 90px;

    letter-spacing: 2px;

}



.sidebar .sb_nav h3.line {

    margin-top: 15px;

}



.sidebar .sb_nav .active {

    width: 288px;

    padding-bottom: 20px;

    border-top: none;

}



#sidebar dl {}



#sidebar dl dt {

    padding-left: 14px;

    margin-top: 15px;

}



#sidebar dl dt a {

    background-color: #2a6fb3;

    border-radius: 10px;

    width: 270px;

    height: 39px;

    line-height: 40px;

    display: block;

    color: #fff;

    text-align: center;

}



#sidebar dl dt a:hover {

    color: #fff;

    background-image: none;

    background: #000;

}



#sidebar dl dd {}



#sidebar dl dd h4 {

    padding: 5px 0px 5px 10px;

    background: url(../images/dt-0.gif) no-repeat left center;

}



#sidebar dl dt.on a {

    color: #fff;

    background-color: #b50000;

}



#sidebar dl h4.on a {

    color: #fff;

    background-color: #b50000;

    font-family: "Microsoft YaHei";

}



.sidebar .sb_box {

    float: right;

    width: 930px;

    background: #fff;

    overflow: hidden;

}



.sidebar .sb_box h3.title {

    font-size: 12px;

    color: #999;

    font-family: "Microsoft YaHei";

}



.sidebar .sb_box h3.title span {

    display: block;

    float: left;

    color: #333;

    font-size: 16px;

    font-weight: bold;

}



.sidebar_right_line {

    width: 100%;

    border-bottom: 1px dashed #ccc;

    margin: 0 auto;

    margin-top: 5px;

}



.sidebar .sb_box h3.title div.position {

    float: right;

    font-weight: normal;

    position: relative;

    top: 3px;

}



.sidebar .sb_box h3.title div.position a {

    color: #999;

}



.sidebar .sb_box h3.title div.position a:hover {

    color: #ec651b;

}



.hotstitle {

    margin: 15px 0;

    padding: 10px 5px;

    background: #2a6fb3;

    line-height: 30px;

}



.hotstitle h3 {

    color: #fff;

    font-size: 16px;

    font-weight: normal;

}



.ny_contact_tit {

    background-color: #2a6fb3;

    height: 40px;

    line-height: 40px;

    color: #fff;

    text-align: left;

    padding-left: 30px;

    font-size: 16px;

    width: 256px;

    margin-top: 20px;

}



.sidebar_cons {

    font-size: 14px;

    line-height: 28px;

}



.ctitle {

    margin: 15px 0;

    display: block;

}





/*内页二级*/



.leftsidebar_box {

    width: 100%;

    height: auto !important;

    overflow: visible !important;

}



.leftsidebar_box dl {

    margin: 10px 0;

    width: 100%;

    display: block;

    overflow: hidden;

}



.leftsidebar_box dt {

    width: 242px;

    display: block;

    float: left;

    line-height: 42px;

}



.leftsidebar_box dt a {

    font-size: 16px;

    color: #fff;

    display: block;

    background: url(../images/ab_ico2.png) 200px no-repeat #ff6801;

    padding: 0 15px;

}



.leftsidebar_box dt a:hover,

.ontive1 {

    color: #fff !important;

    background: url(../images/ab_ico2.png) 200px no-repeat #02649b !important;

}



.leftsidebar_box dd a:hover,

.ontive21 {

    color: #e60012 !important

}



.leftsidebar_box dd {

    border-bottom: 1px dashed #ccc;

    margin: 0 15px;

    float: left;

    padding: 8px 0;

    width: 212px;

}



.leftsidebar_box dd a {

    color: #666;

    display: block;

    margin-right: 16px;

    position: relative;

    z-index: 1;

    line-height: 24px;

    font-size: 14px;

}



.leftsidebar_box dd a:hover {

    display: block;

    color: #0b51b7 !important;

    text-decoration: underline;

}



.leftsidebar_box dd .ontive2 {

    color: #0b51b7 !important;

    text-decoration: underline;

}



.leftsidebar_box dt img {

    position: absolute;

    right: 10px;

    top: 20px;

}



* {

    padding: 0;

    margin: 0;

    border: 0px;

    outline: none;

    list-style: none;

}



body {

    font-size: 12px;

    font-family: "微软雅黑";

    color: #666666;

    background: #ffffff;

    overflow-y: visible;

    overflow-x: hidden;

}



a:active,

a:hover {

    color: #ec651b;

    text-decoration: none;

}



a img {

    border-style: none;

}



ul,

li,

dl {

    list-style: none;

    padding: 0;

    margin: 0;

}



dl,

dt,

dd {

    display: block;

    margin: 0;

}



* {

    list-style: none;

}



.clear {

    clear: both;

}





/*网页顶部*/



.tops_bg {

    width: 100%;

    height: 34px;

    background: #373635;

}



.tops {

    width: 1200px;

    margin: 0 auto;

}



.tops_left {

    float: left;

    color: #fff;

    font: normal 12px/34px "Microsoft YaHei";

}



.tops_right {

    float: right;

}



.tops_right li {

    float: left;

    color: #fff;

    font: normal 12px/36px "Microsoft YaHei";

}



.tops_right li a {

    display: block;

    color: #fff;

    font: normal 12px/36px "Microsoft YaHei";

    float: left;

    margin-left: 10px;

}



.tops_right li a:hover {

    display: block;

    color: #ec651b;

    font: normal 12px/36px "Microsoft YaHei";

    text-decoration: underline;

    float: left;

}





/*网页头部*/



.heads {

    width: 1200px;

    height: 139px;

    margin: 0 auto;

}



.phone {

    width: 315px;

    float: right;

    margin-top: 35px;

}



.phone span {

    color: #666;

    font: normal 16px "Microsoft YaHei";

    float: right;

    margin-right: 100px;

    display: block;

}



.phone p {

    color: #ec651b;

    font: normal 30px "Arial Black", Gadget, sans-serif;

    float: right;

}



.phone img {

    display: block;

    float: left;

    margin-top: 5px;

}





/*导航*/



.navlist {

    width: 100%;

    background: #ff6801;

    display: block;

}



.navs {

    display: table;

    width: 1200px;

    height: 56px;

    margin: 0 auto;

}



.navs_w {

    width: 1200px;

    margin: 0 auto;

}



.nav_name {

    list-style: none;

    width: 1200px;

    margin: 0 auto;

}



.nav_name ul {

    opacity: 0;

    position: absolute;

    top: 160%;

    visibility: hidden;

    transition: all .4s ease;

    -webkit-transition: all .4s ease;

    z-index: 9999;

    background: rgba(0, 0, 0, 0.7);

}



.nav_namel ul ul {

    top: 0%;

    left: 220%;

}



.nav_name ul li:hover>ul {

    top: 0%;

    left: 100%;

    opacity: 1;

    visibility: visible;

}



.nav_name li:hover>ul {

    opacity: 1;

    top: 100%;

    visibility: visible;

}



.nav_name li {

    float: left;

    position: relative;

}



.nav_name ul li {

    float: none;

}



.nav_name li {

    cursor: pointer;

}



.nav_name li a {

    text-decoration: none;

    display: block;

    color: #fff;

    width: 170px;

    text-align: center;

    font: normal 14px/56px "Microsoft YaHei";

    text-align: center;

    font-weight: bold;

}



.nav_name li:hover {}



.nav_name li a:hover,

.on1 {

    background: #02649b;

}



.nav_name ul li a {

    text-decoration: none;

    display: block;

    color: #fff;

    text-align: center;

    font: normal 14px/45px "Microsoft YaHei";

    text-align: center;

    height: 45px;

    padding: 0;

    border-bottom: 1px solid #c4c4c4;

    width: 170px;

    background: none;

    font-weight: normal;

}



.nav_name ul li a:hover {

    border-bottom: 1px solid #fff;

    font: normal 14px/45px "Microsoft YaHei";

    color: #fff;

    border-top: none;

    width: 170px;

    padding: 0;

    background: none;

    height: 45px;

    background: rgba(255, 104, 1, 0.5);

}





/*banner*/



.flash {

    width: 100%;

    height: 645px;

    margin: 0 auto;

    overflow: hidden;

    _zoom: 1;

    position: relative;

}



.flash1 {

    width: 1000px;

    height: 645px;

    margin: 0 auto;

    position: relative;

}



.flash2 {

    width: 1920px;

    height: 645px;

    position: absolute;

    left: -460px;

}



.flexslider {

    margin: 0 auto;

    position: relative;

    width: 1920px;

    height: 645px;

    overflow: hidden;

    zoom: 1;

}



.flex-viewport {

    max-height: 2000px;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    transition: all 1s ease;

}



.flexslider .slides {

    zoom: 1;

}



.flex-direction-nav a {

    width: 60px;

    height: 90px;

    line-height: 99em;

    overflow: hidden;

    margin: -60px 0 0;

    display: block;

    background: url(../images/ad_ctr.png) no-repeat;

    position: absolute;

    top: 50%;

    z-index: 10;

    cursor: pointer;

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: all .3s ease;

}



.flex-direction-nav .flex-next {

    background-position: 0 -90px;

    right: 0;

}



.flex-direction-nav .flex-prev {

    left: 0;

}



.flexslider:hover .flex-next {

    opacity: 0.8;

    filter: alpha(opacity=25);

}



.flexslider:hover .flex-prev {

    opacity: 0.8;

    filter: alpha(opacity=25);

}



.flexslider:hover .flex-next:hover,

.flexslider:hover .flex-prev:hover {

    opacity: 1;

    filter: alpha(opacity=50);

}



.flex-control-nav {

    width: 100%;

    position: absolute;

    bottom: 3px;

    text-align: center;

}



.flex-control-nav li {

    margin: 0 5px;

    display: inline-block;

    zoom: 1;

    *display: inline;

}



.flex-control-paging li a {

    background: url(../images/dot.png) no-repeat 0 -16px;

    display: block;

    height: 16px;

    overflow: hidden;

    text-indent: -99em;

    width: 16px;

    cursor: pointer;

}



.flex-control-paging li a.flex-active {

    background-position: 0 0;

}





/*在线客服*/



.yb_conct {

    position: fixed;

    z-index: 9999999;

    top: 200px;

    right: -127px;

    cursor: pointer;

    transition: all .3s ease;

}



.yb_bar ul li {

    width: 180px;

    height: 53px;

    font: 16px/53px 'Microsoft YaHei';

    color: #fff;

    text-indent: 54px;

    margin-bottom: 3px;

    border-radius: 3px;

    transition: all .5s ease;

    overflow: hidden;

}



.yb_bar .yb_top {

    background: #373635 url(../images/fixCont.png) no-repeat 0 0;

}



.yb_bar .yb_phone {

    background: #373635 url(../images/fixCont.png) no-repeat 0 -57px;

}



.yb_bar .yb_QQ {

    text-indent: 0;

    background: #373635 url(../images/fixCont.png) no-repeat 0 -113px;

}



.yb_bar .yb_ercode {

    background: #373635 url(../images/fixCont.png) no-repeat 0 -169px;

}



.hd_qr {

    padding: 0 29px 25px 29px;

}



.yb_QQ a {

    display: block;

    text-indent: 54px;

    width: 100%;

    height: 100%;

    color: #fff;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.header {

    width: 100%;

    display: block;

    margin: 0;

    padding: 0;

}



.content1 {

    width: 1200px;

    margin: 0 auto;

    display: block;

    overflow: hidden;

}



.top1 {

    width: 100%;

    display: block;

    overflow: hidden;

    background: #161616;

}



.top1 p {

    font-size: 14px;

    color: #fff;

    line-height: 38px;

    float: left;

}



.top1 span {

    display: block;

    overflow: hidden;

    padding: 12px 0;

    float: right;

}



.top1 span a {

    color: #fff;

    padding: 0 5px;

    display: block;

    float: left;

    line-height: 14px;

    font-size: 14px;

}



.top_logo {

    width: 1200px;

    display: block;

    overflow: hidden;

    margin: 0 auto;

}



.top_logo .logo {

    width: 570px;

    margin: 25px 0 12px;

    display: block;

    overflow: hidden;

}



.top_logo .logo img {

    width: 250px;

    float: left;

    display: block;

    overflow: hidden;

    margin-right: 25px;

}



.top_logo .logo .logo_wz {

    padding: 5px 0 5px 20px;

    background: url(../images/top_i.jpg) left center no-repeat;

}



.top_logo .logo .logo_wz h2 {

    font-size: 18px;

    font-weight: normal;

    color: #7f7f7f;

    line-height: 36px;

}



.top_logo .logo .logo_wz p {

    font-size: 14px;

    color: #404040;

}



.top_logo .top_tel {

    width: 220px;

    float: right;

    display: block;

    overflow: hidden;

    margin: 30px 0 0;

    font-size: 16px;

    color: #333;

}



.top_logo .top_tel h2 {

    font-size: 26px;

    color: #cc0000;

    letter-spacing: 1px;

}



.hots_bg {

    width: 100%;

    height: 63px;

    border-bottom: 1px solid #ff6801;

    margin: 0 auto;

}



.hots {

    width: 1200px;

    margin: 0 auto;

}



.hotword {

    float: left;

}



.hotword li {

    float: left;

    color: #ff6801;

    font: bold 14px/63px "Microsoft YaHei";

}



.hotword li a {

    display: block;

    color: #7f7f7f;

    font: normal 14px/63px "Microsoft YaHei";

    float: left;

    margin-left: 10px;

}



.hotword li a:hover {

    display: block;

    color: #ff6801;

    font: normal 14px/63px "Microsoft YaHei";

    float: left;

    margin-left: 10px;

    text-decoration: underline;

}



.head_search {

    width: 270px;

    float: right;

    margin-top: 16px;

}



.boxs {

    border: solid 1px #ccc;

    height: 30px;

    width: 270px;

    line-height: 30px;

    font-size: 12px;

}



.texts {

    width: 200px;

    height: 100%;

    float: left;

    padding-left: 10px;

    font-family: "Microsoft YaHei";

}



.btnSubmits {

    width: 60px;

    height: 30px;

    background: #ff6801;

    color: #fff;

    font-family: "微软雅黑";

    font-size: 14px;

    line-height: 30px;

}





/*  产品中心  */



.index_product {

    width: 1200px;

    margin: 40px auto;

    display: block;

    overflow: hidden;

}



.pro_tit {

    width: 100%;

    display: block;

    overflow: hidden;

    text-align: center;

}



.pro_tit h2 {

    font-size: 34px;

    color: #ff6801;

    line-height: 40px;

}



.pro_tit p {

    font-size: 14px;

    color: #ff6801;

    text-transform: uppercase;

    background: url(../images/p_tit02.png) center no-repeat;

    margin-top: 10px;

}



.pro_tit01 {

    width: 100%;

    display: block;

    overflow: hidden;

    text-align: center;

}



.pro_tit01 h2 {

    font-size: 34px;

    color: #fff;

    line-height: 40px;

}



.pro_tit01 p {

    font-size: 14px;

    color: #fff;

    text-transform: uppercase;

    background: url(../images/p_tit01.png) center no-repeat;

    margin-top: 10px;

}



.pro_list {

    width: 1200px;

    display: block;

    overflow: hidden;

    margin-top: 40px;

}



.prp_left {

    width: 250px;

    display: block;

    overflow: hidden;

    background: #ff6801;

}



.pro_fl {

    display: block;

    overflow: hidden;

    padding: 30px 0 25px 40px;

}



.pro_fl h3 {

    font-size: 24px;

    color: #fff;

    line-height: 40px;

}



.pro_fl p {

    font-size: 14px;

    color: #fff;

}



.p_list {

    width: 246px;

    background: #fff;

    display: block;

    overflow: hidden;

    margin: 0 auto;

}



.p_list ul {

    padding: 20px 8px;

    display: block;

    list-style: none;

    overflow: hidden;

}



.p_list ul li {

    line-height: 48px;

    border-bottom: 1px dashed #ccc;

}



.p_list ul li a {

    display: block;

    padding-left: 30px;

    font-size: 16px;

    color: #333;

}



.p_list ul li a:hover {

    background: #ff6801;

    color: #fff;

}



.p_tel {

    padding: 38px 0 40px 60px;

    display: block;

    overflow: hidden;

    background: url(../images/p_tel.png) 15px no-repeat;

}



.p_tel p {

    font-size: 18px;

    color: #fff;

    line-height: 36px;

}



.p_tel h2 {

    font-size: 24px;

    color: #fff;

}



.products {

    width: 915px;

    display: block;

    overflow: hidden;

}



.products dl {

    width: 290px;

    margin: 0 17px 15px 0;

    display: block;

    float: left;

    border: 1px solid #ccc;

    background: #eee;

}



.products dl:nth-child(3n) {

    margin: 0 0 15px 0;

    !important;

}



.products dl dt {

    width: 290px;

    height: 200px;

}



.products dl dd {

    padding: 15px 0;

    text-align: center;

}



.products dl dd h3 {

    font-size: 16px;

    color: #241b1b;

    font-weight: normal;

}



.products dl dd p {

    font-size: 14px;

    color: #949494;

    line-height: 36px;

}



.products dl dd span {

    display: block;

    color: #fff;

    font-size: 18px;

}



.products dl:hover {

    border: 1px solid #ff6801;

}



.products dl:hover dd {

    background: #ff6801;

}



.products dl:hover dd h3 {

    color: #fff;

}



.products dl:hover dd p {

    color: #fff;

}



.p_more {

    width: 180px;

    display: block;

    overflow: hidden;

    text-align: center;

    margin: 15px auto;

}



.p_more a {

    border: 1px solid #ff6801;

    padding: 10px 0;

    display: block;

    font-size: 16px;

    color: #ff6801;

}



.p_more a:hover {

    background: #ff6801;

    color: #fff;

    transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}





/*   案例展示  */



.caseshow {

    width: 100%;

    display: block;

    overflow: hidden;

    background: url(../images/case_bg.jpg) center no-repeat;

    padding: 35px 0;

    height: 660px;

    margin: 30px 0 60px

}



.tab {

    width: 1200px;

    margin: 0 auto;

    display: block;

    overflow: hidden;

}



.tab-hd {

    overflow: hidden;

    zoom: 1;

    width: 100%;

    margin: 40px auto 0;

    text-align: center

}



.tab-hd li {

    color: #fff;

    text-align: center;

    cursor: pointer;

    padding: 8px 64px;

    font-size: 16px;

    display: inline-block;

    border: 1px solid #fff;

    margin-right: 30px;

}



.tab-hd li:nth-child(5) {

    margin-right: 0 !important;

}



.tab-hd li.active {

    background: #fff;

    color: #ff6801;

}



.tab-bd li {

    display: none;

    width: 1200px;

    overflow: hidden;

    padding: 15px 0;

}



.tab-bd li.thisclass {

    display: list-item;

}



.tab-bd li.thisclass {

    width: 1200px;

    display: block;

    overflow: hidden;

}



.pro_class {

    width: 100%;

    display: block;

    overflow: hidden;

}



.pro_class dl {

    float: left;

    width: 376px;

    display: block;

    margin: 15px 36px 0 0;

    padding-bottom: 20px;

    overflow: hidden;

    background: #fff;

    height: 380px;

}



.pro_class dl:nth-child(3n) {

    margin-right: 0 !important;

}



.pro_class dl dt {

    width: 376px;

    height: 248px;

    display: block;

    overflow: hidden;

}



.pro_class dl dt img {

    width: 100%;

    height: 248px;

    display: block;

    -moz-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    transition: all 0.6s ease;

}



.pro_class dl:hover dt img {

    transform: scale(1.06);

    -moz-transform: scale(1.06);

    -ms-transform: scale(1.06);

    -o-transform: scale(1.06);

    -webkit-transform: scale(1.06);

}



.pro_class dl dd {

    display: block;

    padding: 12px 15px;

    overflow: hidden;

}



.pro_class dl dd h3 {

    line-height: 30px;

    font-weight: normal;

    text-align: center;

    padding-bottom: 5px;

}



.pro_class dl dd h3 a {

    font-size: 18px;

    color: #333;

}



.pro_class dl p {

    font-size: 14px;

    color: #858585;

    display: block;

    line-height: 24px;

    text-indent: 2em;

}



.pro_class dl:hover dd h3 a {

    color: #ff6801;

    text-decoration: underline;

}



.p_more01 {

    width: 180px;

    display: block;

    overflow: hidden;

    text-align: center;

    margin: 15px auto;

}



.p_more01 a {

    border: 1px solid #fff;

    padding: 10px 0;

    display: block;

    font-size: 16px;

    color: #fff;

}



.p_more01 a:hover {

    background: #fff;

    color: #ff6801;

    transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}





/*   关于我们  */



.index_about {

    width: 1200px;

    margin: 0 auto 40px;

    display: block;

    overflow: hidden;

}



.ab_cont {

    width: 100%;

    margin-top: 30px;

    display: block;

}



.ab_cont img {

    float: left;

    display: block;

    overflow: hidden;

    width: 321px;

    margin-right: 30px;

}



.ab_wz {

    width: 560px;

    display: block;

    overflow: hidden;

    padding-top: 15px;

}



.ab_wz p {

    font-size: 14px;

    color: #666;

    line-height: 30px;

    text-indent: 2em;

}



.ab_wz span {

    width: 150px;

    margin: 80px auto 0;

    display: block;

    text-align: center;

}



.ab_wz span a {

    display: block;

    padding: 15px 0;

    font-size: 14px;

    color: #fff;

    background: #cc0000;

    border-radius: 5px;

}



.ab_wz span a:hover {

    background: #ff6801;

    transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}



.ab_wh {

    width: 230px;

    background: #666;

    display: block;

    overflow: hidden;

    padding: 25px 15px 40px 20px;

}



.ab_wh h3 {

    font-size: 24px;

    color: #fff;

    font-weight: normal;

}



.ab_wh p {

    font-size: 14px;

    color: #fff;

    line-height: 30px;

    padding-top: 24px;

}



.ab_wh p i {

    color: #f9bf9c;

    font-style: normal;

}





/*   广告  */



.advantage {

    width: 100%;

    background: url(../images/adv_bg.jpg) center bottom no-repeat;

    height: 264px;

}



.advantage .adv_img {

    float: left;

    display: block;

    width: 263px;

}



.advantage .adv_con {

    width: 652px;

    margin-left: 40px;

    display: block;

    padding-top: 72px;

}



.advantage .adv_con h2 {

    font-size: 36px;

    color: #fff;

}



.advantage .adv_con h3 {

    width: 410px;

    background: #cc0000;

    border-radius: 8px;

    text-align: center;

    padding: 10px 0;

    display: block;

    font-size: 24px;

    color: #fff;

    margin: 12px 0;

    font-weight: normal;

}



.advantage .adv_con p {

    display: block;

    overflow: hidden;

}



.advantage .adv_con p i {

    float: left;

    background: url(../images/ion8.png) left no-repeat;

    padding-left: 30px;

    margin-right: 30px;

    font-size: 18px;

    color: #fff;

    font-style: normal;

}



.adv_zx {

    width: 245px;

    display: block;

    overflow: hidden;

    padding: 90px 0 0;

}



.adv_zx h3 {

    padding-left: 75px;

    background: url(../images/ion7.png) left no-repeat;

    font-size: 14px;

    color: #fff;

    line-height: 30px;

    font-weight: normal;

}



.adv_zx h3 i {

    font-size: 22px;

    color: #fff;

    font-style: normal;

    font-weight: bold;

}



.adv_zx span {

    width: 150px;

    text-align: center;

    display: block;

    margin-top: 20px;

    margin-left: 25px;

}



.adv_zx span a {

    font-size: 18px;

    color: #fff;

    padding: 10px 0;

    display: block;

    background: #cc0000;

    border-radius: 8px;

}





/*   新闻中心  */



.index_news {

    width: 100%;

    background: #f2f3f3;

    padding: 40px 0;

    display: block;

    overflow: hidden;

}



.news_fl {

    width: 810px;

    display: block;

    overflow: hidden;

}



.news_tj {

    padding: 20px 15px;

    display: block;

    overflow: hidden;

    background: #fff;

    margin-bottom: 15px;

}



.news_tj dl {

    display: block;

    width: 100%;

    overflow: hidden;

}



.news_tj dl dt {

    width: 219px;

    float: left;

    display: block;

    overflow: hidden;

}



.news_tj dl dd {

    width: 500px;

    margin-left: 30px;

    float: left;

}



.news_tj dl dd h3 {

    font-size: 18px;

    color: #333;

    line-height: 30px;

    font-weight: normal;

}



.news_tj dl dd h3 a {

    font-size: 18px;

    color: #333;

}



.news_tj dl dd p {

    font-size: 14px;

    color: #999;

    line-height: 24px;

    margin: 12px 0 10px;

}



.news_tj dl dd span {

    width: 100px;

    text-align: center;

    display: block;

}



.news_tj dl dd span a {

    display: block;

    padding: 5px 0;

    font-size: 12px;

    color: #999;

    background: #ebebeb;

}



.news_tj dl:hover dd h3 a {

    color: #ff6801;

    text-decoration: underline;

}



.news_tj dl:hover dd span a {

    background: #ff6801;

    color: #fff;

    transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}



.news_list {

    padding: 14px 15px;

    display: block;

    overflow: hidden;

    background: #fff;

}



.news_list dl {

    border: 1px solid #e5e4e4;

    display: block;

    overflow: hidden;

    height: 108px;

    margin-bottom: 30px;

}



.news_list dl:nth-child(3n) {

    margin-bottom: 0 !important;

}



.news_list dl dt {

    border-right: 1px solid #e5e4e4;

    height: 108px;

    display: block;

    overflow: hidden;

    text-align: center;

    width: 112px;

    float: left;

}



.news_list dl dt h3 {

    font-size: 42px;

    color: #333;

    padding: 22px 0 5px;

    line-height: 42px;

}



.news_list dl dt p {

    color: #666;

    font-size: 12px;

}



.news_list dl dd {

    padding: 15px;

    display: block;

    overflow: hidden;

}



.news_list dl dd h3 {

    font-size: 16px;

    color: #333;

    font-weight: normal;

    margin-bottom: 8px;

}



.news_list dl dd h3 a {

    font-size: 16px;

    color: #333;

}



.news_list dl dd p {

    font-size: 14px;

    color: #666;

    line-height: 24px;

}



.news_list dl:hover h3 a {

    color: #ff6801;

    text-decoration: underline;

}



.news_list dl:hover dt h3 {

    color: #ff6801;

}



.news_list dl:hover dt p {

    color: #ff6801;

}



.quesstion {

    width: 340px;

    background: #fff;

    padding: 15px 15px 10px;

    display: block;

    overflow: hidden;

}



.quess_tit {

    width: 100%;

    display: block;

    overflow: hidden;

    line-height: 30px;

}



.quess_tit h3 {

    float: left;

    font-size: 18px;

    color: #333;

}



.quess_tit span {

    float: right;

    display: block;

    font-size: 14px;

    color: #666;

}



.quess_tit span a {

    font-size: 14px;

    color: #666;

}



.quess_tit span a:hover {

    text-decoration: underline;

    color: #ff6801;

}



.quesstion img {

    width: 333px;

    padding: 10px 0;

    display: block;

    overflow: hidden;

}



.quee_list {

    width: 100%;

    display: block;

    overflow: hidden;

}



.quee_list ul {

    list-style: none;

    display: block;

    overflow: hidden;

}



.quee_list ul li {

    background: url(../images/qa.png) left no-repeat;

    padding: 16px 0 8px 30px;

    border-bottom: 1px solid #ccc;

}



.quee_list ul li h3 {

    font-size: 14px;

    color: #333;

    line-height: 24px;

}



.quee_list ul li h3 a {

    font-size: 14px;

    color: #333;

}



.quee_list ul li p {

    font-size: 14px;

    color: #999;

    margin-top: 6px;

    line-height: 20px;

}



.quee_list ul li:hover h3 a {

    color: #ff6801;

    text-decoration: underline;

}





/*  企业分站  */



.foot_area {

    width: 100%;

    background: #ff6801;

    display: block;

    overflow: hidden;

    height: 60px;

}



.foot_area ul {

    width: 1200px;

    margin: 0 auto;

    display: block;

    overflow: hidden;

}



.foot_area ul li {

    float: left;

    display: block;

    font-size: 16px;

    color: #fff;

    line-height: 60px;

}



.foot_area ul li a {

    font-size: 16px;

    color: #fff;

    padding: 0 10px;

    display: block;

}



.footer {

    width: 100%;

    background: #161616;

    display: block;

    overflow: hidden;

    border-bottom: 1px solid #404040;

}



.db_nav {

    width: 960px;

    display: block;

    overflow: hidden;

    padding-bottom: 20px;

}



.db_nav dl {

    margin: 30px 0 0;

    display: block;

    overflow: hidden;

    float: left;

    padding-right: 70px;

}



.db_nav dl dt {

    font-size: 14px;

    color: #fff;

    background: url(../images/db_nav.jpg) left bottom no-repeat;

    padding-bottom: 15px;

    margin-bottom: 15px;

}



.db_nav dl dd {

    font-size: 14px;

    color: #a7a7a7;

    line-height: 30px;

}



.db_nav dl:nth-child(5) {

    margin-left: 41px;

    padding-right: 0;

    width: 300px;

}



.db_link {

    width: 100%;

    display: block;

    overflow: hidden;

    padding: 42px 0 0;

}



.db_link ul {

    list-style: none;

    display: block;

    overflow: hidden;

}



.db_link ul li {

    float: left;

    font-size: 14px;

    display: block;

    color: #fff;

    line-height: 14px;

}



.db_link ul li a {

    font-size: 14px;

    color: #a7a7a7;

    display: block;

    padding: 0 8px;

}



.db_link ul li a:hover {

    color: #fff;

}



.db_ewm {

    width: 230px;

    display: block;

    overflow: hidden;

    border-right: 1px solid #404040;

    border-left: 1px solid #404040;

    padding: 70px 0 80px;

}



.db_ewm img {

    width: 152px;

    margin: 0 auto;

    display: block;

    overflow: hidden;

    margin-bottom: 20px;

}



.db_ewm p {

    font-size: 14px;

    text-align: center;

    color: #fff;

}



.copyright {

    width: 100%;

    display: block;

    overflow: hidden;

    background: #161616;

    height: 50px;

}



.copyright p {

    float: left;

    font-size: 12px;

    color: #a9a9a9;

    line-height: 50px;

}



.copyright span {

    float: right;

    display: block;

    font-size: 12px;

    color: #a9a9a9;

    line-height: 50px;

}



.copyright span a {}





/*   关于我们   */



.warpper2 {

    width: 100%;

    padding: 0 0 20px;

    display: block;

}



.about_con {

    width: 1200px;

    display: block;

    margin: 0 auto;

    padding-bottom: 30px;

}



.side_left {

    width: 242px;

    display: block;

    overflow: hidden;

    position: relative;

    top: -106px;

}



.side_left h3 {

    background: rgba(255, 104, 1, 0.8);

    height: 106px;

    line-height: 106px;

    text-align: center;

    font-size: 20px;

    color: #fff;

}



.side_left ul {

    display: block;

    overflow: hidden;

    list-style: none;

    margin-top: 2px;

}



.side_left ul li {

    border: 1px solid #ededed;

    display: block;

    /*background:url(../images/ab_ico.png) 200px no-repeat;*/

    margin-bottom: 10px;

}



.side_left ul li a {

    display: block;

    padding: 12px 0 12px 20px;

    font-size: 16px;

    color: #ff6801;

}



.side_left ul li dd a {

    font-size: 14px;

    text-indent: 1em;

}



.side_left ul li .on3 {

    display: block;

    padding: 12px 0 12px 20px;

    background: url(../images/ab_ico2.png) 200px no-repeat #ff6801;

    color: #fff;

}



.side_lx {

    width: 240px;

    border: 1px solid #dcdcdc;

    margin: 15px 0 20px;

    display: block;

    overflow: hidden;

}



.side_lx p {

    padding: 18px 12px 50px;

    font-size: 14px;

    color: #515151;

    line-height: 30px;

}



.about_edit {

    width: 930px;

    display: block;

    overflow: hidden;

    margin: 30px 0;

}



.ab_tit {

    width: 100%;

    display: block;

    border-bottom: 1px dashed #b2b2b2;

    overflow: hidden;

    line-height: 36px;

    padding-bottom: 12px;

}



.ab_tit h3 {

    float: left;

    font-size: 18px;

    color: #ff6801;

    padding-left: 15px;

    background: url(../images/ab_lit.png) left no-repeat;

}



.ab_tit span {

    display: block;

    float: right;

    background: url(../images/position.png) left no-repeat;

    padding-left: 25px;

    font-size: 14px;

    color: #343434;

}



.ab_content {

    padding: 50px 30px;

    display: block;

    overflow: hidden;

}



.ab_content p {

    line-height: 36px;

    font-size: 14px;

}





/*  新闻资讯  */



.news_content {

    padding: 30px 10px;

    display: block;

    overflow: hidden;

}



.news_content dl {

    width: 100%;

    margin-bottom: 20px;

    display: block;

    overflow: hidden;

    border-bottom: 1px dashed #ccc;

    padding-bottom: 15px;

}



.news_content dl dd {

    width: 100%;

    display: block;

}



.news_content dl dd h3 {

    font-size: 16px;

    color: #333;

    height: 36px;

    overflow: hidden;

    font-weight: normal;

    line-height: 36px;

}



.news_content dl dd p {

    font-size: 14px;

    color: #666;

    line-height: 24px;

    padding: 5px 10px 5px 0;

    text-indent: 2em;

}



.news_content dl dd span {

    font-size: 14px;

    color: #999;

    display: inline-block;

    padding-left: 20px;

    background: url(../images/time.png) left center no-repeat;

}



.tj_news_out,

.tj_product_out {

    padding-top: 10px;

    padding-bottom: 20px;

}



.tj_news_tit,

.tj_product_tit {

    border-bottom: 1px solid #ccc;

    height: 30px;

}



.tit_l {

    float: left;

    font-size: 16px;

}



.tit_m {

    float: right;

}



.tj_news_out li {

    border-bottom: 1px dashed #ccc;

    height: 28px;

    line-height: 28px;

    list-style-type: armenian;

}



.tj_product_out ul,

.tj_news_out ul {

    clear: both;

    padding-top: 10px;

}



.tj_product_out li {

    float: left;

    width: 165px;

    margin-left: 10px;

    margin-right: 10px;

    margin-top: 10px;

    text-align: center;

    overflow: hidden;

    height: 200px;

}



.tj_product_out li img {

    width: 163px;

    height: 153px;

}

.clear{ clear:both; }

.list-none{ list-style:none; padding:0px;}

.editor{ color:#666; font:normal 14px/28px "Microsoft YaHei"; word-break: break-all; word-wrap:break-word; text-align:justify; text-justify:inter-ideograph; padding:15px 0px; }

.editor ul,.editor ol{ padding:0px 0px 0px 25px; margin:0px;}

.editor a{ color:#1C57C4; text-decoration:underline;}

/*按钮*/

.button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; }

.button:hover { text-decoration: none; color:#fff; }



#showtext{  font:normal 14px/28px "Microsoft YaHei"; color:#525252; word-break: break-all; word-wrap:break-word; text-align:justify; text-justify:inter-ideograph; padding:15px 0px;}

/*文章模块*/

#newslist{ width:100%; margin:0 auto; }

#newslist li{ float:left; width:100%; margin-bottom:30px;}

#newslist li a img{ float:left; border:1px solid #ccc; padding:4px; margin-right:30px;}

#newslist li a:hover img{ float:left; border:1px solid #ec651b; padding:4px; margin-right:30px;}

#newslist li h1 a{color:#333; width:640px; float:left; font:normal 16px "Microsoft YaHei"; margin-top:10px;}

#newslist li h1 a:hover{color:#ec651b; width:640px; float:left; font:normal 16px "Microsoft YaHei"; margin-top:10px;}

#newslist li span{ color:#999; font:normal 12px "Microsoft YaHei";  float:right; display:block; margin-top:15px; }

#newslist li p{ color:#5f5f5f; font:normal 14px/28px "Microsoft YaHei"; float:left; width:100%; display:block;}

#shownews{ padding:0px 15px 15px;}

#shownews .editor{ line-height:2; padding:0px 10px; font-size:14px;}

#shownews h1{ font-size:20px; text-align:center; border-bottom:1px dotted #ccc; padding:5px 0px; margin:10px 0px; color:#333;}





.pro{ width:100%; margin:30px auto; }

.prod{ width:100%; overflow:hidden; margin:0 auto;}

.prod dl{ float: left;

    width:290px;    display: block; margin:0 10px 30px; padding-bottom:20px;

    overflow: hidden; }

	.prod dl dd{ width:100%; display:block; overflow:hidden;}

.prod dl dd img{display: block; width:290px; height:200px; -moz-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    transition: all 0.6s ease;}	

.prod dl:hover dd img{  transform: scale(1.06);

    -moz-transform: scale(1.06);

    -ms-transform: scale(1.06);

    -o-transform: scale(1.06);

    -webkit-transform: scale(1.06); width:290px; height:200px; display:block;}

.prod dl h3{     height: 45px;

    line-height: 45px;

    padding: 0 20px;

    background-color: #8f8f8f;

    font-size: 16px;

    color: #fff;

    position: relative;

    z-index: 1; font-weight:normal; text-align:center;}

.prod dl:hover h3{ background:#ff6801;}

.prod dl p{    height: 40px;

    line-height: 40px;

    padding: 0 20px;

    background-color: #f1f1f1;

    font-size: 14px; text-align:center; color:#999;}

	





#imglist{ width:100%; overflow:hidden; display:block; margin:40px 0;}

#imglist li{ float:left; display:block;  margin:0 13px 30px 10px; width:282px; overflow:hidden;}

#imglist li a.img{ font-size:0px; display:block;  border:1px solid #ddd;}

#imglist li a.img img{ margin:auto;  border:1px solid #ccc; }

#imglist li h3{color:#333; font:normal 14px "Microsoft YaHei"; margin-top:5px; padding:0 8px; text-align:center; line-height:30px;}

#imglist li h3 a{ color:#333}

#imglist li h3 a:hover{ color:#ae161e;}

#imglist li p{ font-size:14px; color:#828282; line-height:30px; padding:8px;}

#imglist li span{padding:0 8px 10px; display:block; color:#ae161e; font-size:14px;}

#imglist li span a{ color:#ae161e;}





#showimg{ padding:15px;}

#showimg h1.title{ font-size:18px; padding:5px 0px; margin-bottom:10px; text-align:center;}

#showimg .imgshow{ text-align:center;}

#showimg .editor{ line-height:2; padding:0px 10px; font-size:14px;}

.imgparalist li{ padding:3px 15px 3px; }

.imgparalist li span{ float:left; margin-right:10px; color:#999;}

#showimg .ctitle{ margin:10px 0px 10px; padding:5px 20px; font-size:14px; border-bottom:1px dotted #ccc; }







.page{clear:both; margin:20px 0px 0px 0px; text-align: center;}

.page a {display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none}

.page a:hover,.page a:focus{font-family: Arial;font-size: 13px;border: #000 1px solid; padding:4px 9px;color: #fff; background-color: #31363c;}

.page .current {font-family: Arial;border: #000 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;  background-color: #31363c}