﻿@charset "utf-8";
body { color:#666; font-size:12px; font-family: "宋体";} /*网站字体颜色*/
a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}


/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
html,body{-webkit-text-size-adjust:none;}
/*正文开始*/

/*
.banner { height:446px; overflow:hidden; position:relative; z-index:1;}
.banner a{ display:block; background:url(Img/Index/banner.jpg) no-repeat center top; height:446px; overflow:hidden;}
*/
 
 
.top_c { height: 151px;}
.top_c h2 { color: #9c681c;float: left; font-size: 19px;padding:30px 0 0 5px;}
.top_c h2 span {color: #333333;
    display: block;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 0 0;
}
.hd_Top {
    height: 30px;
    line-height: 30px;
    padding-right: 7px;
    text-align: right;
}
.hd_Top span{ text-align:left; float:left;font-size: 14px;}
.hd_Top span i{ font-style:italic; color:#017AFF; padding-left:5px; padding-right:10px;}
.hd_Top a {
    background:url("Img/Common/hd_top_arrow.gif") no-repeat scroll left center;
    color: #fff;
    display: inline-block;
    margin: 0 9px;
    padding-left: 12px;
}
.hd_MidLt span {
    background:url("Img/Common/logo_shadow.gif") no-repeat scroll left top;
    display: inline-block;
    height: 42px;
    margin-left: 12px;
    padding-left: 13px;
    padding-top: 43px;
}
.hd_frDiv {
    font-family: "微软雅黑";
    font-size: 14px;
    margin-top:20px; text-align:right;
}
 
.hd_frDiv a {
    color: #017AFF;
    margin: 0 10px 0 8px;
}
.hd_frDiv a:hover {
    color: #017AFF;
}
.hd_frDiv2 {
    font-family: "微软雅黑";
    font-size: 14px;
    margin-top:25px; text-align:right;
}
 
.hd_frDiv2 a {
    color: #017AFF;
    margin: 0 10px 0 8px;
}
.hd_frDiv2 a:hover {
    color: #017AFF;
}
.tel_wd {
    color: #696969;
    background:url("Img/Common/tel.png") no-repeat scroll 0 2px;
    padding-left: 22px;
    text-align: left;
    width: 290px; padding:16px 0 20px 45px;
}
.tel_no {
    color: #ff9801;
    font-size: 22px;
}
.h_nav {
    height: 40px;
    line-height: 40px; 
    text-align: center;
}
.h_nav ul { position:relative;
}
.h_nav li {
    background:url("Img/Common/hd_nav_line.gif") no-repeat scroll right 1px;
    float: left;
    text-align: center; position:relative;
}
.h_nav li .erj {
    background:url("Img/Common/hd_nav_line.gif") repeat scroll right 1px; 
    display:none;
    left: 0;
    padding: 0;
    position: absolute;
    top:40px;
    width:170px;
    z-index: 999;
}
.h_nav .erj li{ background:none; height:42px;line-height:42px; overflow:hidden; width:170px; text-align:left; }
.h_nav .erj li a{ padding:0 10px;}
.h_nav .erj li:hover{background:url("Img/Common/hd_nav_curBg.gif") repeat-x scroll left top; height:42px;line-height:42px; overflow:hidden; width:170px;text-align: left; }


.h_nav .last {
    background:none repeat scroll 0 0;
}
.h_nav a {
    color: #fff;
    display: inline-block;
    padding: 0 19px; height: 38px;
    line-height: 38px; 
}
.h_nav .cur, .h_nav a:hover {
    background:url("Img/Common/hd_nav_curBg.gif") repeat scroll left top;
    text-decoration: none;
}
.h_nav li .cur2{width:170px;}
.h_nav li .cur2 li:hover{width:170px; height:42px;line-height:42px; overflow:hidden; background:url("Img/Common/hd_nav_curBg.gif") repeat scroll left top;}


.s_bj {
    /*background:url("Img/Index/s_line.gif") no-repeat scroll center bottom;*/
    height: 61px;
    overflow: hidden;
}
.sou {
    background:url("Img/Index/ico1.jpg") no-repeat scroll left center;
    font-family: "Microsoft Yahei";
    height: 61px;
    line-height: 61px;
    margin: 0 auto;
    overflow: hidden;
    padding-left: 83px;
    width: 877px;
}
.s_inp01 {
    padding-top:10px;
    width: 348px;
}
.inp01 {
    background:url("Img/Index/s.gif") no-repeat scroll 0 0;
    border: 0 none;
    color: #b6b6b6;
    font-size: 12px;
    height: 41px;
    line-height: 41px;
    padding-left: 10px;
    width: 286px; 
}
.sou p {
    color: #121212;
    width: 520px;
}
.sou p a {
    color: #121212;
    padding: 0 6px;
}
.ftWrap {
    background:url("Img/Common/ftWrap_bg.gif") repeat-x scroll left top;
    height: 211px;
    width: 100%;
}
.copys {
    background:url("Img/Common/coyp_top_icon.gif") no-repeat scroll 255px top;
}
.ft_nav {
    color: #fff;
    height: 35px;
    line-height: 35px;
    text-align: center;
}
.ft_nav a {
    color: #fff;
    margin: 0 22px;
}
.ft_nav a:hover {
    color: #fff;
}
.con1 {
    background:url("Img/Index/con1.png") no-repeat scroll right 120px;
    height: 300px; 
    position: relative;
}
.con1 h4 {
    background:url("Img/Index/con1_t.jpg") no-repeat scroll center bottom;
    color: #313131;
    font: bold 28px "Microsoft Yahei";
    height: 120px;
    margin: 0 -50px 0 -63px;
    overflow: hidden;
    padding:10px 50px 0 63px;
    position: relative;
    text-align: center;
    width: 960px;
}
.con1 h4 i {
    color: #333;
    display: block;
    font: 16px/34px "Times New Roman",Times,serif;
    text-transform: uppercase;
}
.con1 h4 span {
    color: #017AFF;
    font-size: 36px;
    padding-left: 5px; padding-right:15px; font-style: italic;
}
.con1 p {
    color: #000;
    font: 14px/24px "Microsoft Yahei";
    padding-top: 30px;
    width: 405px;
}
.con1 h5 {
    color: #017AFF;
    font-family: "Microsoft Yahei";
    font-size: 21px;
    height: 80px;
    line-height: 80px;
    overflow: hidden;
}
.con1 dl {
    margin-top:25px;
    overflow: hidden;
    width:550px;
}
.con1 dl dt {
    color: #017AFF;
    font: bold 18px "Microsoft Yahei"; 
}
.con1 dl dt span {
    background:url("Img/Index/num_bj.gif") no-repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font: 16px/30px Arial,Helvetica,sans-serif;
    height: 38px;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    width: 28px;
}
.con1 dl dd {
    color: #252525;
    font: 13px/24px "Microsoft Yahei";
    padding: 10px 0 0 42px;
}


.bodys .wrap {
    background:url("Img/Common/bodyBg.jpg") no-repeat scroll center top;
    height:200px; overflow:hidden;
}
.wrap {
    background:url("Img/Common/bodyBg.jpg") no-repeat scroll center top;
    height:192px;  position:relative; z-index:2;
}

.jianz{ height:390px;}
.conbg2 {
    background:url("Img/Index/conbg2.jpg") repeat-x scroll center top; height:511px; margin-top:10px; color:#fff;
}
.conbg {
    background:url("Img/Index/conbg.jpg") repeat scroll center top;
}
.conbg3 {
    background:url("Img/Index/conbg3.jpg") repeat scroll center top; padding-top:10px;
}
.prolist { 
    float: left;
    overflow: hidden;
    width: 212px;
    height:492px;
}
.prolist h2 {
    font-size: 14px;
    height:50px;
    line-height:50px;
    padding: 0 0 0 0; background:#017AFF;
}
.prolist h2 i{  font-style: italic; padding-right:4px;}
.prolist h2 a {
    color: #fff;
}
.prolist h2 span {
    color: #fff;
    font-family: "Times New Roman",Times,serif;
    font-size: 14px;
    font-weight: normal;
    padding-left: 5px;
    text-transform: uppercase;
}
.li_con {
    overflow: hidden;
    padding:10px 0 0;
    width: 204px; border:4px solid #017AFF;
}
.li_con h3 {
    background:url("Img/Index/listh3.gif") no-repeat scroll 0 0;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 0 0 30px;
}
.li_con h3 a {
    color: #fff;
}
.li_con ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background:url("Img/Index/listbg.gif") repeat scroll 0 0;
    border-color:#fcf7ee;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    overflow: hidden;
    padding: 6px 10px;
    width: 182px;
}
.li_con ul li {
    border-bottom: 1px dashed #bbac9b;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    padding: 0 0 0 21px;
}
.li_con ul li a {
    color: #5c5751;
}
.li_con ul .nobot {
    border-bottom: medium none;
}
.pro {
    height: 469px;
    margin-top: 21px;
    overflow: hidden;
    width: 737px;
}
.barpro {
    border-bottom: 2px solid #017AFF;
    height: 38px;
    line-height: 38px;
}
.barpro ul li {
    float: left;
    font-family: "微软雅黑";
    font-size: 16px;
    height: 38px;
    line-height: 38px;
}
.barpro ul li a {
    color: #333;
    display: block;
    float: left;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
}
.barpro ul li a:hover, .barpro ul .cur a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background:url("Img/Index/phover.gif") repeat-x scroll 0 0;
    border-color: #017AFF;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    color: #fff;
    display: block;
    height: 37px;
    line-height: 37px;
    text-decoration: none;
}
.barpro span a {
    color: #017AFF; font-size:14px;
}
.pp_con {
    height: 429px;
    overflow: hidden;
    width: 737px;
}
.pp_con ul li {
    display: inline;
    float: left;
    height: 198px;
    margin: 17px 35px 0 0;
    overflow: hidden;
    width:222px;
}
.pp_con ul li img {
    border: 1px solid #ededed;
    height: 164px;
    width:220px;
}
.pp_con ul li span a {
    color: #4d4d4d;
    display: block;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    text-align: center;
}
.pp_con .nobot {
    margin-right: 0;
}
.hz {
    height: 244px;
    margin-top: 34px;
}
.hzbar {
    border-bottom: 2px solid #017AFF;
    height: 38px;
    line-height: 38px;
    padding-right: 15px;
}
.hzbar ul li {
    float: left;
    font-family: "微软雅黑";
    font-size: 15px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    width: 158px;
}
.hzbar ul li a {
    background:url("Img/Index/al_sj.gif") no-repeat scroll 13px 16px;
    color: #333;
    display: block;
    padding-left: 20px;
}
.hzbar ul li a:hover, .hzbar ul .cur a {
    background:url("Img/Index/al_hover.gif") no-repeat scroll 0 0;
    color: #fff;
    display: block;
    text-decoration: none;
}
.hzbar span a {
    color: #017AFF; font-size:14px;
}
.h01 {
    margin-left: -28px;
    padding: 54px 0 0;
    position: relative;
}
.h02 {
    margin-right: -28px;
    padding: 54px 0 0;
    position: relative;
}
.hz_con {
    height: 203px;
    padding: 20px 0 0;
}
.hz_con .al_con {
    float: left;
    height: 203px;
    overflow: hidden;
    position: relative;
    width: 960px;
}
.hz_con ul li {
    display: inline;
    float: left;
    height: 171px;
    margin-right: 21px;
    width: 224px;
}

.hz_con ul li img {
    height: 170px;
    width: 224px;
}
.hz_con ul li span {
    background-color: #000;
    bottom: 0;
    display: block;
    height: 27px;
    left: 0;
    line-height: 27px;
    opacity: 0.6;
    overflow: hidden;
    text-align: center;
    width: 224px;
}
.hz_con ul li span a {
    color: #d2c8af;
}
.hz_con ul .nobot {
    margin-right: 0;
}
.ad2 {
    background:url("Img/Index/caonima.png") no-repeat scroll center top;
    height:223px;
    margin-top:10px;
}

.ad2 h2 {
    height: 158px;
    padding: 0 62px 0 0;
}
.ad2 h2 p {
    color: #666;
    font-family: "微软雅黑";
    font-size: 12px;
    font-weight: normal;
    padding-top: 66px;
    text-align: right;
}
.ad2 h2 em {
    color: #ff6600;
    display: block;
    font-size: 26px;
    font-style: normal;
    font-weight: bold;
}
.ad2 .h2 {
    height: 158px;
    padding: 0 48px 0 0;
}
.ad2 .h2 p {
    color: #fff;
    font-family: "微软雅黑";
    font-size: 16px;
    font-weight: normal;
    padding-top:66px;
    text-align: right;
}
.ad2 .h2 em {
    color: #ff6600;
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: bold; padding-top:5px; padding-bottom:20px;}
.ad2 .h2 a{color:#017AFF; font-size:22px; padding-right:32px;}

.ad3 {
    background:url("Img/Index/caonima2.jpg") no-repeat scroll center top;
    height: 114px;
    margin-top:10px;
}
.ad3 .h2 p a{color: #017AFF;}
.ad3 .h2 p {
    color: #017AFF;
    font-family: "微软雅黑";
    font-size: 22px; 
    padding-top:46px;
    text-align: right;
    padding-right:130px;
}

.ys {
    background:url("Img/Index/ysh2.jpg") no-repeat scroll 0 0;
    height: 1200px;
    overflow: hidden;
}
.ys h2 {
    height: 158px;
    padding: 0 62px 0 0;
}
.ys h2 p {
    color: #666;
    font-family: "微软雅黑";
    font-size: 12px;
    font-weight: normal;
    padding-top: 66px;
    text-align: right;
}
.ys h2 em {
    color: #ff6600;
    display: block;
    font-size: 26px;
    font-style: normal;
    font-weight: bold;
}
.ys .h2 {
    height: 158px;
    padding: 0 62px 0 0;
}
.ys .h2 p {
    color: #666;
    font-family: "微软雅黑";
    font-size: 12px;
    font-weight: normal;
    padding-top: 46px;
    text-align: right;
}
.ys .h2 em {
    color: #ff6600;
    display: block;
    font-size: 26px;
    font-style: normal;
    font-weight: bold;
}

 
.aa {
    position: relative;
}
.bb {
    position: absolute;
}
.bg01 {
    background:url("Img/Index/bg01.jpg") no-repeat scroll 0 0;
    height: 296px;
}
.bg02 {
    background:url("Img/Index/bg02.jpg") no-repeat scroll 0 0;
    height: 231px;
}
.bg03 {
    background:url("Img/Index/bg03.jpg") no-repeat scroll 0 0;
    height: 284px;
}
.bg04 {
    background:url("Img/Index/bg04.jpg") no-repeat scroll 0 0;
    height: 260px;
}
.one {
    left:85px;
    top: 50px;
    width: 498px;
}
.one h3 {
    color: #017AFF;
    font-family: "微软雅黑";
    font-size: 20px;
    font-weight: bold;
    height: 45px;
    padding-left: 34px;
}
.one .h3 {
    color: #017AFF;
    font-family: "微软雅黑";
    font-size: 20px;
    font-weight: bold;
    height:65px;
    padding-left: 34px;
}
.one p {
    background:url("Img/Index/ysdd.gif") no-repeat scroll left 9px;
    color: #000;
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 30px;
    padding-left: 20px;
}
.one p em {
    color: #ff6600;
    font-style: normal;
}
.two {
    left:600px;
    top:25px;
    width: 380px;
}
.three {
    left: 85px;
    top:36px;
    width:414px;
}
.four {
    left:485px;
    top: 38px;
    width:455px;
}

.main01 {
    padding-top: 9px;
}
.jz {
    background:url("Img/Index/ge03.gif") no-repeat scroll 345px 45px; 
    width:710px;
}
.jz_c{ height:345px;
    overflow: hidden;border: 1px solid #ddd; border-top:0;
    }
.ry_c {
    border: 1px solid #ddd;
    height: 330px;
    overflow: hidden;
    width: 230px; padding-top:15px; border-top:0;
}

.ry ul {
    float: left;
    height: 230px;
    overflow: hidden;
    width: 148px; padding-left:20px;
}

.jz h2 {
    background:url("Img/Index/barhj2.gif") no-repeat scroll 0 0;
    height: 34px;
    padding:0 0 0 18px;border-right: 1px solid #ddd;
}
.ry h2 {
     background:url("Img/Index/barhj.gif") no-repeat scroll 0 0;
    border-right: 1px solid #ddd;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px 0 16px;
}
.ry h2 a{ font-size: 14px;}

.jz_c dl {
    border-bottom: 1px dashed #ddd;
    float: left;
    height:140px;
    margin-left:10px;
    padding: 16px 0;
    width:344px;
}
.jz_c dt {
    float: left;
    width: 184px;
}
.jz_c dt img {
    height: 136px;
    width:184px;
}
.jz_c dd {
    float: left; padding-left:10px;
    width:135px;
}
.jz_c dd h3{ height:22px; line-height:22px; overflow:hidden;}
.jz_c dd h3 a {
    color: #017AFF;
    font-size: 13px;
}
.jz_c dd p {
    color: #6a6a6a;
    height: 96px;
    line-height: 24px;
    overflow: hidden;
}
.ry_c ul {  width:202px; height:336px;  padding:0;}
.ry_c li img {
    border: 1px solid #dbdbdb;
    height:90px; 
    width: 180px;
}
.ry_c li{ float:left;height:110px;  padding-left:20px;
    width: 182px;}
.ry_c li span {
    display: block;
    height:24px;
    line-height: 24px;
    overflow: hidden;
}
.ry_c li span a {
    color: #696969;
}

.cp_con h2 a, .jz h2 a, .ry h2 a {
    color: #fff;
    font-family: "微软雅黑";
    font-size: 15px; font-weight:normal;
    line-height: 33px;
}
 .cp .h2 {
    background:url("Img/Index/barhj.gif") no-repeat scroll 0 0;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px 0 16px; border-right:1px solid #ddd;
}
.cp .h2 a {
    color: #fff;
}
.cp .h2 span {
    margin-top: 16px;
}
.more01 a {
    color: #017AFF !important;
    font-family: "宋体" !important;
    font-size: 12px !important;
    font-weight: normal !important;
    padding-right: 10px;
}
 
.about h2 {
    background:url("Img/Index/barabout.gif") no-repeat scroll 0 0;
}
.about .h2 {
    background:url("Img/Index/barhj.gif") no-repeat scroll 0 0;
}
.about .h2 span{ margin:0; padding:0;}
.about .h2 span a{ color:#017AFF; font-weight:normal;}
.dt01 .h2 span{ margin:0; padding:0;}
.dt01 .h2 span a{ color:#017AFF; font-weight:normal;}
.sup .h2 span{ margin:0; padding:0;}
.sup .h2 span a{ color:#017AFF; font-weight:normal;}
.ry2 .h2 span{ margin:0; padding:0;}
.ry2 .h2 span a{ color:#017AFF; font-weight:normal;}


.a_con {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    height: 458px;
    overflow: hidden;
    padding: 18px 16px 0 17px;
    width: 677px;
}
.a_con dl {
    height: 210px;
    overflow: hidden;
    width:710px;
}
.a_con dl dt {
    float: left;
    height: 210px;
    overflow: hidden;
    width: 260px;
}
.a_con dl dd {
    float: left;
    overflow: hidden;
    padding-left: 20px;
    width: 370px;
}
.a_con dl dd h3 {
    font-family: "微软雅黑";
    font-size: 14px;
    font-weight: normal;
    height: 24px;
    padding: 5px 0 0;
}
.a_con dl dd h3 a {
    color: #2c2c2c;
}
.a_con dl dd .h3 {
    font-family: "微软雅黑";
    font-size: 14px;
    font-weight: normal;
    height: 24px;
    padding: 5px 0 0;
}
.a_con dl dd .h3 a {
    color: #2c2c2c;
}
.a_con dl dd p {
    line-height: 25px;  height:150px; overflow:hidden; color:#333;
}
.a_con dl dd span a {
    color: #017AFF;
    height: 30px;
    line-height: 30px;
    text-decoration: underline;
}
.a_con h3 {
    background:url("Img/Index/barah3.gif") repeat-x scroll center center;
    height: 40px;
    line-height: 40px;
    padding-left: 18px;
}
.a_con h3 a {
    background-color: #fff;
    color: #777;
    font-size: 12px;
    padding: 0 15px;
}
.a_con .h3 {
    background:url("Img/Index/barah3.gif") repeat-x scroll center center;
    height:30px;
    line-height: 30px;
    padding-left: 18px;
}
.a_con .h3 a {
    background-color: #fff;
    color: #333;
    font-size: 15px;
    padding: 0 15px;
}
.a_con ul {
    height: 190px;
    overflow: hidden;
    padding:15px 0 0; 
}
.a_con ul li {
    display: inline;
    float: left;
    margin-right:13px;
    width: 216px;
}
.a_con ul li img {
    border: 1px solid #ddd;
    height: 154px;
    padding: 2px;
    width: 210px;
}
.a_con ul li span {
    display: block;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-align: center;
}
.a_con ul li span a {
    color: #000;
}
.a_con ul .nobot {
    margin-right: 0;
}
.dt01 .h2 {
    background:url("Img/Index/bardt.gif") no-repeat scroll 0 0;
}
.dt01 {
    height: 210px;
    width:232px; 
}
.dt01 h2 {
    background:url("Img/Index/bardt.gif") no-repeat scroll 0 0;
}
.dt01 .h2 {
    background:url("Img/Index/barhj.gif") no-repeat scroll 0 0;
}
.dt01_con {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:#ccc;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    height: 167px;
    overflow: hidden;
    padding: 8px 16px 0; 
}
.dt01_con ul li {
    background:url("Img/Index/dd.gif") no-repeat scroll 6px 12px;
    border-bottom: 1px dashed #ccc;
    height: 31px;
    line-height: 31px;
    overflow: hidden;
    padding-left: 18px;
}
.dt01_con ul li a {
    color: #000;
}
.dt01_con .nobot {
    border-bottom: medium none;
}
 
.ry2 h2 {
    background:url("Img/Index/bardt.gif") no-repeat scroll 0 0;
}
.ry_con {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:#ccc;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    height: 236px;
    overflow: hidden;
    padding-top:20px;
    width: 230px;
}
.r01 {
    padding: 81px 0 0;
}
.r02 {
    margin-left: 24px;
    padding: 81px 0 0;
}
.ry_con ul {
    height: 230px;
    overflow: hidden;
    width: 168px; float:left;
}
.ry_con ul li {
    float: left;
    height: 230px;
    overflow: hidden;
    padding-left: 24px;
    width: 144px;
}
.ry_con ul li img {
    border: 1px solid #ddd;
    height: 173px;
    padding: 2px;
    width: 138px;
}
.ry_con ul li span {
    display: block;
    font-family: "宋体";
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    text-align: center;
}
.ry_con ul li span a {
    color: #000;
}

.c5_Div3{ height:360px; padding-top:20px; overflow:hidden}
.c5_Div3 .box1{ width:280px;}
.c5_Div3 .box1 .p_title{ background: rgba(0, 0, 0, 0) url("Img/Index/barhj.gif") no-repeat scroll 0 0;
    border-right: 1px solid #ddd;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px 0 16px; }
.c5_Div3 a.title{ position:absolute; bottom:-2px; border-bottom:3px solid  #1eaee2; color:#000; font:18px "Microsoft YaHei"; padding-left:23px; background:url(Img/Index/c5_div1_title_bg.gif) no-repeat left 6px; padding-bottom:3px; }
.c5_Div3 .box1 dl{ padding-top:15px; border-top:1px dashed #000; padding-bottom:17px;}
.c5_Div3 .box1 .box1_1 dl:first-child{ border:none}
.c5_Div3 .box1 dt{ padding-left:30px; background:url(Img/Index/c5_d3_w.gif) no-repeat left top; height:19px; line-height:19px; overflow:hidden;}
.c5_Div3 .box1 dt a{ font-weight:bold; color:#000}
.c5_Div3 .box1 dd{ padding-left:30px; background:url(Img/Index/c5_d3_d_.gif) no-repeat left top; line-height:19px; margin-top:11px; color:#000}
.c5_Div3 .box1 .p_title a{  font: 14px;color: #fff;}
.c5_Div3 .box2{ width:330px; padding-left:10px;}
.c5_Div3 .title a{color:#000; font:14px; padding-left:20px; padding-right:20px; display:inline-block; text-align:center}
.c5_Div3 .box1 .p_title span{ margin:0; padding:0;}
.c5_Div3 .box1 .p_title span a{ color:#017AFF; font-weight:normal;}
.box1_1{ border:1px solid #ddd; border-top:0; padding:5px;}

.c5_Div3 .box2 .p_title{  
    border: 1px solid #ddd;
    font-size: 14px;
    height: 34px;
    line-height: 34px; padding:0 10px 0 0; color:#fff; border-left:0; }
.c5_Div3 .box2 .p_title .fr a{ color: #017AFF; font-weight: normal;}
.c5_Div3 .title b{color:#000; font:18px "Microsoft YaHei";padding-bottom:12px; width:10px; display:inline-block; text-align:center}

 .c5_Div3  a.more{ background:url(Img/Index/more_t.gif) no-repeat; width:45px; height:15px; display:block; position:absolute; right:0; bottom:6px; float:right;}
 .c5_Div3 .title a.cur{ background:url("Img/Index/barhj2.gif") no-repeat scroll 0 0;color:#fff; }
 .c5_Div3 .box2 .zxlbs{border: 1px solid #ddd; height:287px; padding:10px; border-top:0;}
 
 .c5_Div3 .title a:hover{background:url("Img/Index/barhj2.gif") no-repeat scroll 0 0; text-decoration:none}
 .c5_Div3 .box2 dl{ height:90px; overflow:hidden; margin-bottom:10px;}

 .c5_Div3 .box2 dl dt{ float:left; width:152px;}
 .c5_Div3 .box2 dl dt img{ width:150px; height:88px; overflow:hidden; border:1px solid #d2d5d6;}
 .c5_Div3 .box2 dl dd{ float:left; width:144px; padding-left:10px;}
 .c5_Div3 .box2 dl dd h3{  height:24px; line-height:24px; overflow:hidden;}
 .c5_Div3 .box2 dl dd h3 a{ color:#393939; font-size:12px;}
 .c5_Div3 .box2 dl dd .p_cnt{ line-height:24px; color:#000; height:48px; overflow:hidden; color:#000}
 .c5_Div3 .box2 dl dd .btn{ color:#017AFF; line-height:24px;}
 .c5_Div3 .box2 ul{ width:260px;}
 .c5_Div3 .box2 li{ line-height:38px;height:38px; overflow:hidden; border-bottom:1px dashed #000;  padding-left:14px; background:url(Img/Index/c5_d3_li.gif) no-repeat 3px 13px;}
 .c5_Div3 .box2 li:nth-child(5){ border:none}
 .c5_Div3 .box2 li a{ color:#000}


.sup {
    height: 270px;
    overflow: hidden;
}
.sup h2 {
    background:url("Img/Index/barhj.gif") no-repeat scroll 0 0;
}
.sup .h2 {
    background:url("Img/Index/barhj.gif") no-repeat scroll 0 0;
}
 
.sup .h2 b {
    color: #017AFF;
    font-size: 13px;
    padding-left: 244px;
}
.sup .h2 b em {
    font-size: 16px;
    font-style: normal;
}

.s01 {
    
    padding-top: 69px;
    position: relative;
}
.s02 {
    padding-top: 69px;
    position: relative;
}
.sup_c {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:#ddd;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    height: 214px;
    overflow: hidden;
    padding: 21px 0 0;
}
.sup_c ul {
   float:left;
    margin-left: 20px;
    overflow: hidden;
    width: 900px;
}
.sup_c ul li {
    display: inline;
    float: left;
    margin-right: 13px;
    overflow: hidden;
    width: 210px;
}
.sup_c ul li a {
    color: #000;
}
.sup_c ul li img {
    border: 1px solid #ddd;
    height: 154px;
    padding: 2px;
    width: 204px;
}
.sup_c ul li span {
    display: block;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    text-align: center;
}
.link {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #017AFF #ddd #ddd;
    border-image: none;
    border-style: solid;
    border-width: 2px 1px 1px;
    height: 77px;
    overflow: hidden;
    width: 958px;
}
.link h2 {
    width: 203px;
}
.link .h2 {
    width: 203px;
}
.l_con {
    height: 67px;
    line-height: 21px;
    overflow: hidden;
    padding: 10px 0 0;
    width: 657px;
}
.l_con a {
    color: #000;
    padding: 0 4px;
}
.link span {
    background:url("Img/Index/linkbs.gif") no-repeat scroll left top;
    height: 51px;
    padding: 26px 0 0 16px;
    width: 82px;
}

.fbg {
    background:url("Img/Index/fbg.gif") repeat-x scroll center top;
    height: 209px;
}
.f_nav {
    color: #d4d1cf;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
.f_nav a {
    color: #d4d1cf;
    padding: 0 15px;
}
.f_con {
    padding:10px 0 0;
}
.f_con h1 {
    height:110px;
    padding: 0 17px 0 0; 
}
.f_con .wx {
    border-left: 1px solid #b1ab9b;
    padding-left: 15px;
    width: 110px; height:110px;
}
.ban {
    padding-left: 15px;
    text-align: left;
    width:600px;
}
.ban p {
    color: #363636;
    line-height: 22px;
}
.ban p a {
    color: #363636;
}


.online_bj{ background:url(/Images/online_bj.jpg) no-repeat center top; height:522px; overflow:hidden; margin-bottom:10px;}
.online{ width:1024px; height:411px; overflow:hidden; font-family:"Microsoft Yahei"; margin:0 auto; position:relative; padding-top:100px;}
.online h2{ position:absolute; top:167px; right:-20px; text-align:center; width:113px; overflow:hidden;}
.online h2 i{ display:block; font:18px "Times New Roman", Times, serif; color:#e18e86; text-transform:capitalize;}
.online h2 a{ font-size:16px; color:#fff; text-decoration:none;}
.online h3{ margin:0 0 0 542px; font-size:20px; color:#017AFF; height:35px; overflow:hidden;}
.online p{ margin:0 0 0 542px; font-size:14px; line-height:20px; color:#000; height:65px; overflow:hidden;}
.online p span{ color:#017AFF; font-size:20px;}
.online ul{ margin-left:542px;}
.online ul li{ margin-bottom:5px; color:#f00; }
.online ul li span{ display:inline-block;vertical-align:middle;width: 66px; color:#666;}
.inp1{ padding-left:5px; width:145px; height:26px; border:1px solid #d7d7d7; background:#fff; margin-right:5px; line-height:26px;}
.inp2{ padding-left:5px; width:287px; height:77px; border:1px solid #d7d7d7; background:#fff; margin-right:5px; line-height:26px;}
.inp3{ padding-left:5px; width:100px; height:26px; border:1px solid #d7d7d7; background:#fff; margin-right:5px; line-height:26px;}
.btn1{ background:url(/Images/tj.gif) no-repeat; width:136px; height:39px; border:0; margin:5px 20px 0 66px;cursor:pointer;}
.btn2{ background:url(/Images/cz.gif) no-repeat; width:136px; height:39px; border:0; margin:5px 0 0 0;cursor:pointer;}
.online_bj #imgVali{ height:26px; vertical-align: middle;cursor:pointer;}

@charset "utf-8";
body { color:#666666;font:12px/1.231 Verdana, Arial, Helvetica, sans-serif ,""; width: 100%;} /*网站字体颜色*/
a { color:#666666; text-decoration:none; }  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
i , em{ font-style:normal;}
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.fw{ font-family:"微软雅黑","宋体";}
.pa{
	position:absolute;
	width: 240px;
	height: 32px;
}
.pr{ position:relative}
.mt8{ margin-top:8px;}
.font14 { font-size:14px; font-weight:bold;}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}



/* -- 页面整体布局 -- */
.header , .content , .footer { width:960px; margin:0 auto; }

.left { width:201px; float:left; overflow:hidden;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(Img/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.left2top { background:url(Img/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(Img/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(Img/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right { width:754px; float:left; display:inline; margin-left:5px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { background:url(Img/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(Img/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { background:url(Img/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(Img/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:752px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}



/*头部结束*/
 

 
 

body:after {
    display: none;
}
body:after {
    content: "1024px";
}
body:after {
    content: "768px";
}
body:after {
    content: "640px";
}
body:after {
    content: "320px";
}

@charset "utf-8";
html{color:#000;background:#FFF; overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 "Microsoft YaHei"}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.txtboxcs{ border:solid 1px #ccc; height:22px;}

/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
#nodata { padding:80px; padding-left:150px; border:solid 1px #eee;margin:10px; background:url(/Skins/Default/img/nodata.gif) no-repeat 20px 20px;}
/* -- 外边距 -- */
.m1 { margin:1px; }
.m2 { margin:2px; }
.m5 { margin:5px; }
.m10 { margin:10px; }
.mt2 { margin-top:2px;}
.mt5 { margin-top:5px;}
.mt8 { margin-top:8px;}
.mt10 { margin-top:10px;}
.mt12 { margin-top:12px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr12 { margin-right:12px;}
.ml5 { margin-left:5px; }
.ml7 { margin-left:7px; }
.mb10 { margin-bottom:10px;}
.ml12 { margin-left:12px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }

/*加盟商在线下单*/
.userorder{ width:700px;}
.userorder tr{height:25px;}
.userorder tr span{color:#f00;padding-left:4px;}

.stf  { border:1px solid #ccc;  padding-left:140px ; padding-top:10px; padding-bottom:20px}
.stf span{ color:#000; font-size:14px; line-height:30px ; font-weight:bold}
.stf dd{ line-height:24px ;   font-size:14px }
.stf p{ line-height:24px ;   font-size:14px }
/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;}
.nor_tab { width:100%; border:solid 1px #ccc; margin-bottom:10px;}
.nor_tab th { font-weight:bold; text-align:center; background:#f9f9f9;border:solid 1px #ccc; padding:6px 0;}
.nor_tab td { padding:5px; border:solid 1px #ccc;}
ul.t05_ul table { *margin-left:-15px;}/*滚动板IE补丁*/
.left_pro { float:right; overflow:hidden;margin-left:5px; margin-top:10px; width:201px;}
.right_pro { width:754px; float:left; display:inline;  overflow:hidden; margin-top:10px;}
.left_prj { width:248px; float:right; overflow:hidden;margin-left:5px;}
.right_prj{ width:707px; float:left; display:inline;  overflow:hidden;}
.left_agent { width:201px; float:right; overflow:hidden;margin-left:5px;}
.right_agent { width:754px; float:left; display:inline;  overflow:hidden;}
.left_help { width:201px; float:right; overflow:hidden;margin-left:5px;}
.right_help { width:754px; float:left; display:inline;  overflow:hidden;}

.b15 {background: url(/Skins/Default/Img/SkinsVIBtn.jpg) no-repeat; border:0; cursor: pointer; overflow:hidden; }
.b15 { background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }


.banner{height:500px; margin:0 auto;position: relative;}
#flashs{ position:relative; height:500px; overflow:hidden; z-index:0;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; width:1800px; }
.banner .btn{ position:absolute; z-index:7; bottom:10px; right:0;  }
.banner .btn span{  background:#f00;display: inline-block;height:15px;margin-right: 12px; overflow: hidden;width: 51px; cursor:pointer;}
.banner .btn span.cur{ background:#ff9801; color:#fff;}
.banner .banners{ margin: 0 auto;overflow: visible;position: relative;width:960px; z-index:999;}

 /*
.fprev{ cursor:pointer; height:100px;width:38px;position:absolute;background: url(/images/btnleft.png) no-repeat; z-index:999;bottom:250px;left:0; display:none; }
.fnext{ cursor:pointer; height:100px;width:38px;position:absolute;background: url(/images/btnright.png) no-repeat; z-index:999;bottom:250px;right:0;display:none;}
*/
.banner:hover .fprev,.banner:hover .fnext{ display:block;}


/* css 重置 */
a { blr: expression(this.onFocus=this.blur()); outline: none; } 
/*本例css*/
.www51buycom { max-width: 1600px; min-width: 960px; margin:0 auto; position: relative; overflow:hidden; }
/*数字按钮样式*/
.www51buycom .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; right:50px; zoom:1; z-index:3 }
.www51buycom .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; cursor:pointer; float: left; }
.www51buycom .num li.on { background: #FF7700; } /*当前项*/
.www51buycom img{ width:100%;}
/*上一个  下一个*/
.www51buycom .prev,.www51buycom .next { display: none; width: 40px; height: 100px; background: url(/images/btn.png) no-repeat -80px; position: absolute; top: 280px;}
.www51buycom .prev { left: 0; }
.www51buycom .next { right: 0; background-position: right }

#roll_top, #fall, #ct
{
	position: relative;
	cursor: pointer;
	height:100px;
	width:35px;
}
#roll_top
{
	background: url(/Skins/Default/Img/top.gif) no-repeat;
}
#fall
{
	background: url(/Skins/Default/Img/top.gif) no-repeat 0 -80px;
}
#ct
{
	background: url(/Skins/Default/Img/top.gif) no-repeat 0 -40px;
}
#roll
{ z-index:9;
	display: block;
	width:45px; 
	position: fixed;
	right:11%;
	bottom:0; 
	_margin-right: 0;
	_position: absolute;
	_margin-top: 400px;
	_top: expression(eval(document.documentElement.scrollTop));
}




#slideshow_wrapper {POSITION: relative;PADDING-BOTTOM: 0px;PADDING-LEFT: 0px;WIDTH: 960px;PADDING-RIGHT: 0px;HEIGHT: 351px;OVERFLOW: hidden;PADDING-TOP: 0px}
#slideshow_footbar { right:45%; Z-INDEX: 5;POSITION: absolute;WIDTH: 100%;BOTTOM: 0px;HEIGHT: 30px}
#slideshow_photo {POSITION: absolute;WIDTH: 100%;HEIGHT: 100%;CURSOR: pointer}
#slideshow_photo A {Z-INDEX: 1;BORDER-BOTTOM: 0px;POSITION: absolute;BORDER-LEFT: 0px;MARGIN: 0px;DISPLAY: block;BORDER-TOP: 0px;TOP: 0px;BORDER-RIGHT: 0px;LEFT: 0px}
#slideshow_footbar .slideshow-bt { background-color: #FFFFFF;border: 1px solid #DC0000;color: #FA6916;cursor: pointer;float: right;font-family: Arial;font-size: 12px;height: 16px;line-height: 16px;margin: 2px 1px;overflow: hidden;text-align: center;width: 16px;}
#slideshow_fo