@charset "utf-8";
/*样式重置*/
body, div, p, ul, li, dl, dt, dd, strong, h1, h2, h3, h4, h5, h6, span, font, b, em, strong, label, i, a, input, img, form {
    margin: 0;
    padding: 0;
    line-height: normal;
}

body {
    position: relative;
    min-width: 1200px;
    font-family: 'microsoft yahei','\u5B8B\u4F53',Helvetica;
    font-size: 14px;
    color: #fff;
    background: #000;
}

h1, h2, h3, h4, h5, h6, font, b, em, strong, i{
    font-weight: normal;
}

span, a, font, b, em, strong, label, i ,img{
    display: inline-block;
}

em,i{
    font-style: normal;
}

li {
    list-style: none;
}
p{color: #fff; line-height: 22px;}

body a {-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    text-decoration: none;
    color: #fff;
}

body a:hover {
    color: #ffcc00;

}

a img {
    border: none;
}

input,button{
    outline: none;
    border: none;
    background: none;
}

/*???????*/
.clear {
    zoom: 1
}

.clear:after {
    content: '';
    display: block;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}


.header, .content, .footer {
    width: 1200px;
    margin: auto;
}
.content, .footer{overflow: hidden;}

.headerBg{
    background: #000;
    opacity: 1;
    filter: alpha(opacity:100);
    position: absolute;
    width: 100%;
    height: 127px;
    z-index: 1;
    top:0;
    min-width: 1200px;
}

.header {
    position: absolute;
    height: 127px;
    left: 50%;
    top: 0;
    margin-left: -600px;
    z-index: 10;
}

.header .logoBg {
    background: #5e0612;
    opacity: 1;
    filter: alpha(opacity:70);
    width: 265px;
    height: 127px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.header h1{
    position: absolute;
    top: 0;
    left: 0;
    width: 265px;
    height: 127px;
    z-index: 3;
    text-align: center;
}

.header h1 a{width: 265px;
    height: 127px;}

.header h1 img{
    margin-top: 5px;
    width: 180px;
}

.header .headerMain {
    position: relative;
    z-index: 3;
    width: 933px;
    height: 127px;
}

.search {
    margin-top: 19px;
}

.search > div {
    float: right;
}

.search a {
    color: #b2b2b2;
    font-size: 12px;
}

.search .headerBar {
    margin: 0 20px 0 0;
}

.search .headerBar a {
    padding: 0 13px;
    border-left: 1px solid #b2b2b2;
    line-height: 12px;
    height: 12px;
}

.search .headerBar .leftCur {
    border: none;
}

.search .middle a {
    line-height: 12px;
    height: 12px;
    position: relative;
    top: -3px;
}

.search .middle img {
    border: 1px solid #fff;
    margin-right: 10px;
}

.search .middle {
    margin-right: 40px;
}

.input * {
    vertical-align: middle;
}

.input {
    background: url("/Public/Home/images/search.png") no-repeat;
    width: 99px;
    height: 21px;
}

.input input {
	float:left;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 5px 0 5px 8px;
    width: 70px;
    height: 12px;
}

.input button {
    cursor: pointer;
    background: none;
	float:left;
    border: none;
    outline: none;
    width: 21px;
    height: 21px;
}

.china {
    margin-right: 13px;
}

.nav {
    height: 60px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left:0;
}

.menu_01,.menu_02,.menu_03,.menu_04,.menu_05,.menu_06,.menu_07{
    float: left;position: relative;
}

.nav_01,.nav_02,.nav_03,.nav_04,.nav_05,.nav_06,.nav_07{
    padding: 0 28px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 16px;
}

.menu_01 .on,.menu_01:hover .nav_01 {
    background: #0ba043;
    color: #fff;
}

.menu_02 .on,.menu_02:hover .nav_02 {
    background: #f7a200;
    color: #fff;
}

.menu_03 .on,.menu_03:hover .nav_03 {
    background: #ea5409;
    color: #fff;
}

.menu_04 .on,.menu_04:hover .nav_04 {
    background: #d90e1a;
    color: #fff;
}

.menu_05 .on,.menu_05:hover .nav_05{
    background: #701097;
    color: #fff;
}

.menu_06 .on,.menu_06:hover .nav_06{
    background: #001f84;
    color: #fff;
}

.menu_07 .on,.menu_07:hover .nav_07 {
    background: #960000;
    color: #fff;
}

.subNav_01,.subNav_02,.subNav_03,.subNav_04,.subNav_05,.subNav_06,.subNav_07{
    width: 225px; position: absolute;
    top: 60px;
    display: none;}

.subNav_07,.subNav_02,.subNav_03{
    left: 0;}

.subNav_04,.subNav_05,.subNav_06,.subNav_01{
    right: 0;}

.subNav_01 a,.subNav_02 a,.subNav_03 a,.subNav_04 a,.subNav_05 a,.subNav_06 a,.subNav_07 a{ height: 40px;
    display:block; line-height: 40px; color: #fff; padding-left: 20px;}

.subNav_01 li{ background: #0ba043;border-bottom:1px solid #09d656;}

.subNav_01 a{ background: url("/Public/Home/images/arrow_01.png") no-repeat 204px center;}

.subNav_02 li{ background: #f7a200;border-bottom:1px solid #ffce72;}

.subNav_02 a{ background: url("/Public/Home/images/arrow_02.png") no-repeat 204px center;}

.subNav_03 li{ background: #ea5409;border-bottom:1px solid #ff9865;}

.subNav_03 a{ background: url("/Public/Home/images/arrow_03.png") no-repeat 204px center;}

.subNav_04 li{ background: #d90e1a;border-bottom:1px solid #ff747c;}

.subNav_04 a{ background: url("/Public/Home/images/arrow_04.png") no-repeat 204px center;}

.subNav_05 li{ background: #701097;border-bottom:1px solid #f957ff;}

.subNav_05 a{ background: url("/Public/Home/images/arrow_05.png") no-repeat 204px center;}

.subNav_06 li{ background: #001f84;border-bottom:1px solid #76aaff;}

.subNav_06 a{ background: url("/Public/Home/images/arrow_06.png") no-repeat 204px center;}

.subNav_07 li{ background: #960000;border-bottom:1px solid #d14343;}

.subNav_07 a{ background: url("/Public/Home/images/arrow_07.png") no-repeat 204px center;}

.subNav_01 li:hover{ background: #067a31;}

.subNav_02 li:hover{ background: #bf7d00;}

.subNav_03 li:hover{ background: #bf4000;}

.subNav_04 li:hover{ background: #b9000b;}

.subNav_05 li:hover{ background: #510072;}

.subNav_06 li:hover{ background: #031348;}

.subNav_07 li:hover{ background: #640000;}

.subNav_01 li:hover a,.subNav_02 li:hover a,.subNav_03 li:hover a,.subNav_04 li:hover a,.subNav_05 li:hover a,.subNav_06 li:hover a,.subNav_07 li:hover a{ color: #fff;}

.subNav_01 .borderNone,.subNav_02 .borderNone,.subNav_03 .borderNone,.subNav_04 .borderNone,.subNav_05 .borderNone,.subNav_06 .borderNone,.subNav_07 .borderNone{border-bottom: none;}

.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
    margin-bottom: 20px;
    min-width: 1200px;
    height: 727px;
}

.banner li {
    float: left;
}

.banner p {
    position: absolute;
    width: 1198px;
    text-align: right;
    bottom: 20px;
}

.banner a{width: 100%; height: 727px; display: block;}

.banner p span {
    cursor: pointer;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    background: url("/Public/Home/images/circleWhite.png") no-repeat;
}

.banner p .bannerCur {
    background: url("/Public/Home/images/circleYellow.png") no-repeat;
}

.productLink {
    width: 1200px;
    /*padding-left: 75px;*/
    /*padding-top: 80px;*/
}

.productLink dl {
    width: 200px;
    float: left;
}

.productLink dl dt {
    padding-bottom: 18px;
}

.productLink dl dt {
    color: #fff;
    line-height: 24px;
}

.productLink dl dd a {
    color: #656565;
    padding-left: 14px;
    font-family: \u5B8B\u4F53;
    color: #656565;
    height: 24px;
    line-height: 24px;
    background: url("/Public/Home/images/dlBg.png") no-repeat left center;
}

.productLink dl dd a:hover {
    color: #ffcc00;
}

.footBg {
    margin-top: 25px;
    min-width: 1200px;
    background: #343434;
}

.footer {
    height: 215px;
}

.site {
    width: 620px;
}

.joinPhone {
    font-size: 20px;
    margin-top: 35px;
    color: #fff;
}

.servicePhone {
    font-size: 18px;
    margin-top: 15px;
    color: #e9e9e9;
}

.about {
    margin-top: 20px;
    line-height: 24px;
}

.about a {
    color: #949491;
    font-size: 13px;
    line-height: 14px;
    padding: 0 13px;
    border-left: 1px solid #949491;
}

.about .aboutCur {
    padding-left: 0;
    border-left: none;
}

.copyRight {
    color: #949491;
    font-size: 12px;
}

.erweima {
    margin-top: 15px;
    width: 165px;
    overflow: hidden;
}

.erweima_s li{
    float: left;width: 165px; text-align: center;}
/*.link{width: 296px;}*/
.link a {
    width: 50px;
    height: 50px;
    margin-right: 12px;
}

.link {
    padding-top: 82px;
}
.link_01 {
    background: url("/Public/Home/images/tubiao_01.png") no-repeat 0 0;
}

.link_02 {
    background: url("/Public/Home/images/tubiao_01.png") no-repeat -50px 0;
}

.link_03 {
    background: url("/Public/Home/images/tubiao_01.png") no-repeat -100px 0;
}

.link_04 {
    background: url("/Public/Home/images/tubiao_01.png") no-repeat -150px 0;
}

.link_05 {
    background: url("/Public/Home/images/tubiao_01.png") no-repeat -200px 0;
}
/*.link_01:hover {*/
    /*background: url("/Public/Home/images/tubiao.png") no-repeat 0 0;*/
/*}*/

/*.link_02:hover {*/
    /*background: url("/Public/Home/images/tubiao.png") no-repeat -50px 0;*/
/*}*/

/*.link_03:hover {*/
    /*background: url("/Public/Home/images/tubiao.png") no-repeat -100px 0;*/
/*}*/

/*.link_04:hover {*/
    /*background: url("/Public/Home/images/tubiao.png") no-repeat -150px 0;*/
/*}*/

/*.link_05:hover {*/
    /*background: url("/Public/Home/images/tubiao.png") no-repeat -200px 0;*/
/*}*/

/*?????*/
.side {
    cursor: pointer;
    width: 100px;
    position: fixed;
    z-index: 10;
    right: 0;
    top: 50%;
    margin-top: -180px;
    font-size: 16px;
}

.sidePic {
    position: absolute;
    top: 0;
    left: -8px;
    z-index: 13;
}

.side ul {
    margin-top: 104px;
    padding-top: 16px;
    background: #7cb631;
    border-radius: 3px 3px 0 0;
}

.side ul li {
    width: 100px;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    position: relative;
    background:#7cb631 url("/Public/Home/images/sideBg.jpg") no-repeat center bottom;
}

.side ul .side_a {
    text-align: center;
    display: block;
    color: #2b2b2b;
    height: 40px;
    line-height: 40px;
    width: 100%;
}

.side ul .noBorder {
    height: 40px;
}

.side ul .noBorder .side_a{
    border: none;
    position: absolute;
    z-index: 12;
    top: 0;
    left: 0;
    background: #7cb631;
}

.side ul li:hover {
    background: #3e7d12 url("/Public/Home/images/sideBg.jpg") no-repeat center bottom;
}
.side ul .store:hover .side_a{
    background: #3e7d12;
}
.side ul .noBorder:hover .side_a{
    background: #3e7d12;
}
.side ul li:hover .side_a {
    color: #fff;
}
.side ul .store .side_a{
    border: none;
    position: absolute;
    z-index: 12;
    top: 0;
    left: 0;
    background: #7cb631;}
.side ul .store{padding-bottom: 1px; height: 40px;}
.store span{
    position: absolute;
    border-radius: 3px 0 0 3px;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 11;
    background: #3e7d12;
    color: #fff;
    height: 40px;
    line-height: 40px;
    width: 150px;
    text-align: center;}
.store span a{font-size: 14px; margin: 0 5px;}
.store span a:hover{font-size: 14px;color: #f6ac01;}

.noBorder span {
    position: absolute;
    border-radius: 3px 0 0 3px;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 11;
    background: #3e7d12;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    width: 136px;
    text-align: center;
}

.returnTop {
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    width:100px;
    color: #2b2b2b;
    border-radius: 0 0 3px 3px;
    background: #7cb631;
    line-height: 40px;
    height: 40px;
}

.returnTop:hover {
    background: #3e7d12;
}

.returnTop span {
    -webkit-transition: all 0.6s;
    margin-left: 24px;
    padding: 3px 25px;
    background: url("/Public/Home/images/arrowTop.png") no-repeat 0 center;
}

.returnTop:hover span {
    background: url("/Public/Home/images/arrowUp.png") no-repeat 0 center;
    color: #fff;
}

.subList{display: none;}
.listBlock{display: block;}