/*头部样式*/
#header{}
.top{width:1200px;margin:0 auto;}
.logo{float:left;line-height: 100px;}
.logo img{max-width: 100%;}

.topLink{float:right;;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../image/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}

/*热门搜索*/
.search{}
.container{max-width:1200px;margin:0 auto;}
.search #formsearch{float:right;width: 384px;border-left: 1px solid #e5e5e5;}
.hotSearch{float:left;height:74px;line-height:74px;font-weight:normal;color: #333333;font-size: 14px;font-weight: bold;}
.hotSearch span{color: #045e00;margin-right: 5px;}
.hotSearch a:hover{color: #045e00;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;color: #999999;font-size: 14px;font-weight: normal;}
.search #formsearch input{height:74px;background:none;border:none;line-height:74px;outline: none;width: 330px;}
.search #formsearch input#keyword{height:74px;line-height:74px;padding-left:18px;color:#999999;font-size: 14px;}
.search #formsearch input#s_btn{width:31px;height:74px;line-height:74px;text-align:center;background:url(../image/ss.jpg) no-repeat center;color:#fff;border:none;cursor:pointer;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #c3c1c1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #c3c1c1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #c3c1c1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #c3c1c1;
}





.dianhua{
    position: absolute;
    right: -16px;
    top: 15px;}

.com-img {
    display: inline;
    overflow: hidden;
    margin: 0 auto;
    display: table;
}

.com-img img {
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
}

.com-img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.wh{max-width: 1630px;margin:0 auto;padding: 0 15px;}

/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../image/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}

.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../image/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}



/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../image/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}



.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../image/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

/*品牌列表*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}
.jd21 .lef .det, .jd52 .jd53 {
    display: none;
}

/**/
.search{border-bottom: 1px solid #e5e5e5;height: 74px;}
.ban-di3,.ban-di3 li a .det,.bnn-di2,.df-sb,.fot-21,.fot-22,.fot-23,.ft-13,.jd21 .rig ul li a,.jd32,.jd46,.li-1 a,.li-2,.nav,.tj1,.top13 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}


.page-content .page-wrapper>.swiper-slide-active>div {
    background-size: cover;
    transform: scale(1);
    transition-delay: 0s;
    background-position: center center
}
.page-two {
    display: block;
    background-size: cover;
    overflow: hidden;
    background-color: rgba(21,54,46,.5);
}
.page-two {
    background-image: url(../image/pbj1.jpg);
    position: relative
}

.page-two::after {
    background-image: url(../image/pbj1.jpg);
}

.page-two::after,.page-two::before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../image/pbj1.jpg) center center no-repeat;
    background-size: cover;
    transition: all 1.5s;
    transform: scale(1.3);
    opacity: 0;
    content: '';
    position: absolute;
}
.page-two.three::after,.page-two.two::before {
    opacity: 1;
    transform: scale(1);
}

.page-two.two {
    background-image: url(../image/pbj2.jpg);
    position: relative
}

.page-two.two::after {
    background-image: url(../image/pbj2.jpg);
}

.page-two.two::after,.page-two::before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../image/pbj2.jpg) center center no-repeat;
    background-size: cover;
    transition: all 1.5s;
    transform: scale(1.3);
    opacity: 0;
    content: '';
    position: absolute;
}


.page-two.two {
    background-image: url(../image/pbj3.jpg);
    position: relative
}

.page-two.two::after {
    background-image: url(../image/pbj3.jpg);
}

.page-two.two::after,.page-two::before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../image/pbj3.jpg) center center no-repeat;
    background-size: cover;
    transition: all 1.5s;
    transform: scale(1.3);
    opacity: 0;
    content: '';
    position: absolute;
}

.page-two.three::after,.page-two.three::before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../image/pbj2.jpg) center center no-repeat;
    background-size: cover;
    transition: all 1.5s;
    transform: scale(1.3);
    opacity: 0;
    content: '';
    position: absolute;
}
.page-two.three{
    background: url(../image/pbj2.jpg) center center no-repeat;
}

.jd2 {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: url(../image/bg2.png) center top no-repeat
}

.jd21 {
    align-items: flex-start;
    padding: 10vh 0 7vh;
}

.jd21 .lef {
    width: 53.48%
}

.jd21 .lef .det .bt {
    font-size: 36px;
    color: #555;
    padding-bottom: 4.8vh;
    position: relative
}

.jd21 .lef .det p,.jd31>p {
    font-size: 18px;
    color: #555555;
    line-height: 2;
    text-align: justify
}

.jd21 .lef .det .bt::after {
    width: 40px;
    height: 6px;
    background-color: #555555;
    left: 0;
    bottom: 0;
    content: '';
    position: absolute;
}

.jd21 .lef .det p {
    margin-top: 40px;
}
.jd21 .lef .det a {
    margin-top: 56px;
    text-align: center;
    width: 201px;
    line-height: 46px;
    height: 46px;
    background-color: #045e00;
    position: relative;
    display: block;
    overflow: hidden;
}


.jd21 .lef .det a span {
    position: relative;
    z-index: 10;
    font-size: 16px;
    color: #FFF
}

.jd21 .lef .det a::after {
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    content: '';
    position:absolute;
    background: linear-gradient(135deg,rgba(7,71,141,.8),rgba(0,209,254,.8));
    transition: all .5s
}

.jd21 .lef .det a:hover {
    box-shadow: 0 0 10px rgba(0,0,0,.3)
}

.jd21 .lef .det a:hover::after {
    left: 0
}

.jd21 .lef .det.on {
    display: block
}

.jd21 .lef .det.on .bt {
    -webkit-animation: fadeInRight .5s;
    animation: fadeInRight .5s
}

.jd21 .lef .det.on p {
    -webkit-animation: fadeInRight 1s;
    animation: fadeInRight 1s
}

.jd21 .lef .det.on a {
    -webkit-animation: fadeInUp .5s;
    animation: fadeInUp .5s
}

.jd21 .rig {
    width: 37.63%;
}

.jd21 .rig ul {
    width: 100%
}

.jd21 .rig ul li {
    width: 100%;
    height: 12.18vw;
    margin-bottom: 3vh
}

.jd21 .rig ul li a {
    float: right;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 10px;
    transition: all .5s;
    position: relative;
    padding-left: 33px;
}

.jd21 .rig ul li a>* {
    position: relative;
    z-index: 10
}

.jd21 .rig ul li a .img {
    width: 22%
}

.jd21 .rig ul li a .img img {
    position: absolute;
    transition: all .8s;
    left: 0;
    top: 50%;
    max-width: 90%;
    transform: translateY(-50%);
    max-height: 18vh;
}

.jd21 .rig ul li a .img img:nth-child(2) {
    left: 50%;
    opacity: 0
}

.jd21 .rig ul li a .det {
    width: 78%
}

.jd21 .rig ul li a .det span {
    font-size: 22px;
    color: #333333;
}

.jd21 .rig ul li a .det p {
        padding-right: 10px;
    font-size: 14px;
    color: #777777;
    margin-top: 1.5vw;
}

/*.jd21 .rig ul li a::after {
    content: ""!important;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 2s;
    transform: scale(1.3)
}
*/
.bt1>a,.jd31 .jd3-a>a,.jd32 li a,.jd32 li a .img img {
    transition: all .5s
}



.jd21 .rig ul li.on a {
    width: 100%;
    background: #045e00;
}

.jd21 .rig ul li.on a .img img:nth-child(1) {
    left: -50%;
    opacity: 0
}

.jd21 .rig ul li.on a .img img:nth-child(2) {
    left: 0;
    opacity: 1
}

.jd21 .rig ul li.on a .det p,.jd21 .rig ul li.on a .det span {
    color: #FFF;
}

.jd21 .rig ul li.on a::after {
    opacity: 1;
    transform: scale(1)
}



@media(max-width: 620px){
    .product_detail .list{margin-left: 0;margin-bottom: 15px;}
}

@media(max-width: 1203px){
    .news_detail h3.title_bar,.share{float: none;width: 100%;margin: 0;height: auto;}
    .share{width: 160px;margin: 0 auto;}
}




/**/
dt{font-weight: normal;}
.bt1{text-align: center;position: relative;}
.bt1 dd{color: #333333;font-size: 36px;line-height: 1;font-weight: bold;margin-bottom: 13px;}
.bt1 dd span{color: #045e00;}
.bt1 dt{color: #333333;font-size: 18px;line-height: 1;}
.en{color: #333333;font-size: 48px;opacity: 0.07;font-weight: bold;line-height: 1;position: absolute;top:0;width: 100%;text-align: center;}
.line2 {text-align: center;margin-top: 14px;}
.line2 img{display: block;margin:0 auto;max-width: 100%;}
.box1{margin-top: 80px;}
.page-two{margin-top: 30px;}


/**/
.box2{margin-top: 5.2%;overflow: hidden;}
.box2 .wh{max-width: 1474px;}
.ys{margin-top: 30px;background: url(../image/bj2.jpg) no-repeat top center;background-size: cover;padding: 7.8% 0;}
.yul li{width: 25%;position: relative;cursor: pointer; padding:0px 10px;}
.yul li .img img{width: 100%;}
.bj1{position: absolute;top:0;width: 100%;height: 100%;text-align: center; display: flex;align-items: center;justify-content: center;flex-direction: column;}
.yul dd{color: #ffffff;font-size: 24px;}
.yul dt{font-size: 14px;color: #ffffff;margin-top: 20px;}
.line3{width: 40px; height: 4px;background-color: #ffffff;margin: 3vw auto 4vw;}
.yul li .img2{height: 64px;line-height: 64px;}
.bj2{position: absolute;background-color: #045e00;top:0px;height: 100%;text-align: center; opacity: 0;transition: all 0.5s; width: calc(100% - 20px);display: flex;align-items: center;justify-content: center;flex-direction: column;}
.bj2 p{color: #ffffff;font-size: 18px;line-height: 36px;text-align: center;padding: 0 30px;}
.line4{width: 40px; height: 4px; background-color: #ffffff;margin: 16px auto 5vw;}
.yul li:hover .bj2{opacity: 1;}



/**/
.box3{margin:5.2% 0;overflow: hidden;}
.abox{margin-top: 3.4%;}
.aimg{width: 48.9%;}
.aimg img{width: 100%;}
.aleft{width: 37.1%;margin-left: 8.2%;margin-top: 2.6vw;}
.abt{font-size: 24px;color: #999999;}
.abt span{color: #333333;font-size: 40px;margin-right: 8px;font-weight: bold;}
.acon{color: #333333;font-size: 0.9375vw;line-height: 2;margin: 1.8vw 0 2.1vw;}
.aleft a{display: block;width: 184px;height: 45px;background-color: #045e00;border-radius: 6px 20px 6px 20px;line-height: 45px;text-align: center;color: #ffffff;font-size: 18px;}
.sbox{background: url(../image/line3.png) no-repeat top left;width: 82.4%;background-size: 100% 100%;padding: 3.2vw 0 3.8vw 8.2%;}

.sul li{width: 25%;}
.sul li p{color: #666666;font-size: 18px;margin-top: 5px;}
.sbt{color: #666666;font-size: 16px;line-height: 1;}
.sbt span{color: #333333;font-size: 60px;}
.sul li:last-child .sbt{font-size: 60px;color: #333333;}


/**/
.anli{background:url(../image/bj3.jpg) no-repeat top center;background-size: cover;padding: 4.2% 0 3.7%;overflow: hidden;}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.box4  .wh {
    max-width: 1474px;
}
.cul li{width: 31.87%;margin-bottom: 31px;border:7px solid #fff;position: relative;}
.cul li .img{display: block;overflow: hidden;}
.cul li .img img{width: 100%;transition: all 0.5s;}
.cul li h3 a{display: block;height: 60px;line-height: 60px;bottom: 0;position: absolute;width: 100%; background: rgba(0,0,0,.5);text-align: center;color: #ffffff;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;padding: 0 3px; font-size: 18px;font-weight: normal;}
.cul li:hover .img img{transform:scale(1.15);}


/**/
.box5{margin-top: 4.4%;overflow: hidden;}
.liu {background: url(../image/bj4.jpg) no-repeat top center;background-size: cover;padding: 4.2% 0 3.9%;margin-top: 30px;}
.liu  .wh {
    max-width: 1474px;
}
.ztel{color: #ffffff;font-size: 30px;text-align: center;margin-top: 30px;}
.ztel span{font-size: 16px;margin: 0 5px;}

.hul{margin:49px 0 40px;}
.hul li{text-align: center;}
.hul li p{color: #fff;font-size: 18px;margin-top: 30px;}
.hul li .img{width: 6.8vw;height: 6.6vw;background: url(../image/lx.png) no-repeat center;position: relative;background-size: 100%; display:flex;justify-content:center;align-items: center;flex-direction: column;}
.hul li .img:after{content: '';width: 23px;height: 16px;background: url(../image/jt2.png) no-repeat bottom center;display: block;left:50%;margin-left: -11px;bottom: -15px;position: absolute;}
.shu{width: 42px;height: 21px;background-color: #045e00;border-radius: 2px;line-height: 21px;text-align: center;margin:0 auto;font-size: 19px;color: #fff;font-weight: bold;position: absolute;top:-11px;left: 50%;margin-left: -21px;}

.line5 img{display: block;width: 100%;}




/**/
.box6{margin:5.2% 0;overflow: hidden;}
.box6  .wh {
    max-width: 1474px;
}
.nbox {margin-top: 40px;}
.nleft{width: 23%;position: relative;}
.nmid{width: 33.9%;}
.mySwiper{overflow: hidden;}
.nright{width: 31.6%;}
.ntt dd{color: #333333;font-size: 30px;font-family: 'Arial';text-transform: uppercase;line-height: 1;}
.ntt dt{color: #333333;font-size: 48px;}
.ntt p{color: #333333;font-size: 16px;line-height: 32px;margin-top: 5px;}
.ntt a{display: block;width: 216px;height: 60px;background-color: #045e00;line-height: 60px;text-align: center;color: #ffffff;font-size: 24px;font-family: 'Consolas';text-transform: uppercase;position: absolute;bottom: 0;left:0;}
.nmid a{display: block;color: #333333;font-size: 16px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;font-weight: 600;}
.nmid p{color: #333333;line-height: 24px;font-size: 14px;margin: 16px 0 30px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.nmid .swiper-pagination1 .swiper-pagination-bullet{width: 10px;height: 10px;border: solid 1px #999999;border-radius: 50%;margin: 0 40px 0 0;}
.nmid .swiper-pagination1 .swiper-pagination-bullet-active{background: #045e00;border-color: #045e00;}
.nul{margin-top: 36px;}
.nul li .img{display: block;overflow: }
.nul li .img img{max-width: 100%; height: 100px;border: 1px solid #efefef; padding:2px;border-radius:5px;}
.nei{width: calc(100% - 150px);}
.nul li:first-child{margin-bottom: 52px;}
.nmid .nul p{margin: 7px 0 0 0;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.nul2 li{margin-bottom: 32px;}
.nul2 li a{color: #333333;font-size: 16px;display: block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;width: calc(100% - 99px);font-weight: 600;}
.nul2 li span{color: #333333;font-size: 16px;}
.nul2 li a:after{content: '';display: block;transition: all 0.5s;background: #cccccc;height: 1px;width: 66px;margin-top: 20px;}
.nul2 li:hover a:after{width: 100%;}
.nul li:hover a,.nmid a:hover{color: #045e00;}
.nul2 li:last-child{margin-bottom: 0;}




.foot{background-color: #313131;overflow: hidden;border-top: 8px solid #FEB405;}
.ft1{border-bottom: 1px solid rgba(255,255,255,.1);}
.tleft{border-right: 1px solid rgba(255,255,255,.1);width: 31.3%;padding-top: 60px;padding-bottom: 50px;}
.tleft h3{color: #888888;font-size: 16px;font-weight: normal;margin-bottom:8px;}
.foot  .wh {
    max-width: 1474px;
}
.dao> li> a{color: #888888;font-size: 16px;margin-bottom:8px;display: block;}


.dao{width:63%;display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;margin-top: 60px;}
.dao .sec a{display: block;color: #ffffff;font-size: 16px;line-height: 36px;}

.dao> li p{text-align: center;color: #888888;font-size: 14px;line-height: 40px;}
.tleft dd{color: #888888;font-size: 16px;}
.dh2{color: #ffffff;font-size: 16px;margin: 7px 0 23px;}
.ft2{color: #888888;font-size: 14px;line-height: 25px;text-align: center;padding: 33px 0;}
.ft2 a{color: #888888;}

.wh2 {
    max-width: 1474px;margin: 0 auto;padding: 0 15px;
}

.ft2 p img{
    max-width: 100px;
}

@media(max-width: 1450px){
    .aleft{width: 40%;margin-left: 5%;margin-top: 20px;}
    .acon{font-size: 14px;}
    .sbox{padding-left: 5%;}
    .sbt span,.sul li:last-child .sbt{font-size: 50px;}
    .hul li .img img{max-width: 50%;}
}

@media(max-width: 1300px){
    .x-menu>li>a{font-size: 16px;}
    .jd21 .rig ul li a .det p{font-size: 12px;}
    .jd21 .lef .det .bt,.ntt dt{font-size: 30px;}
    .jd21 .lef .det p{font-size: 16px;}
    .box1{margin-top: 50px;}
    .bj2 p{font-size: 16px;line-height: 2;}
    .bj2 p{padding: 0 20px;}
    .yul dd{font-size: 20px;}
    .sul li p{font-size: 16px;}
    .cul li h3 a{height: 50px;line-height: 50px;font-size: 16px;}
    .ntt p{font-size: 14px;line-height: 2;}
}

@media(max-width: 1140px){
    .x-menu>li>a{font-size: 16px;}
    .jd21 .lef .det p{font-size: 16px;}
    .en{font-size: 36px;}
    .bt1 dd{font-size: 30px;}
    .bj2 p{font-size: 16px;line-height: 2;}
    .float-kf,#m_div{display:none!important;}
    .abt span{font-size: 30px;}
    .acon{line-height: 1.5;}
    .aleft{margin-top: 0;}
    .sbt span,.sul li:last-child .sbt{font-size: 40px;}
    .sul li p{font-size: 16px;}
    .ntt a{width: 180px;height: 40px;line-height: 40px;font-size: 20px;}
    .tleft{width: 40%;}
    .dao{width: 50%;}
    .dao .sec a{font-size: 16px;line-height: 2;}
}



@media(max-width: 1025px){
    .yul dt{margin-top: 10px;font-size: 12px;}
    .line3{margin: 15px auto 20px;}
    .yul dd{font-size: 16px;}
    .hul li .img{width: 8.2vw;height: 8vw;}
}


@media(max-width: 991px){
    
}


@media(max-width: 768px){
    .yul li .img2{}
    .yul li .img2 img{width: 50%;}
    .aleft,.aimg{float: none;width: 100%;}
    .aleft{margin: 0;padding: 0 15px;margin-bottom: 20px;}
    .sbt span, .sul li:last-child .sbt{font-size: 30px;}
    .sul li p{font-size: 12px;}
    .hul li p{font-size: 16px;margin-top: 20px;}
    .ztel{font-size: 24px;}
    .search_list_product li{width: 48%;}

}

@media(max-width: 640px){
    .box1{margin-top: 30px;}
    .en{font-size: 30px;}
    .jd21 .lef .det .bt{font-size: 24px;}
    .bt1 dd{font-size: 24px;}
    .bt1 dt{font-size: 14px;}
    .jd21 .rig ul li{height: 200px;}
    .jd21 .rig ul li a .img{width: 33%;display: none;}
    .jd21 .rig ul li a .img img{max-height: 10vh;}
    .jd21 .rig ul li a{padding-left: 10px;}
    .jd21 .rig ul li a .det{width: 64%;}
    .jd2 {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: url(../image/bg2.png) center top no-repeat;
    }
    .yul li{width: 50%;}
    .bj2 p{font-size: 12px;line-height: 20px;}
    .line3{margin: 10px auto 15px;}
    .acon{margin: 20px 0 25px;}
    .aleft a{width: 160px;height: 40px;line-height: 40px;font-size: 16px;}
    .sul li{width: 50%;margin-bottom: 20px;}
    .sbox{width: 94%;}
    .cul li{width: 48%;margin-bottom: 15px;}
    .cul li h3 a{height: 40px;line-height: 40px;font-size: 14px;}
    .box5{margin-top: 30px;}
    .liu{padding: 30px 0;}
    .hul{margin: 29px 0 0;}
    .hul li{width: 22%;margin-bottom: 70px;}
    .hul li .img{width: 100%;height: 100%;}
    .hul li .img:after{bottom: -11px;}
    .hul li p{font-size: 14px;margin-top: 20px;}
    .shu{font-size: 15px;}
    .shu{width: 36px;height: 16px;line-height: 16px;margin-left: -18px;top:-8px;}
    .ztel{font-size: 13px;}
    .ztel span{font-size: 10px;margin:0;}
    .box6{margin: 30px 0;}
    .nleft,.nmid,.nright{width: 100%;}
    .nbox{margin-top: 20px;}
    .nmid{margin: 20px 0;}
    .ntt a{position: static;margin-top: 10px;}
    .ntt dd{font-size: 20px;}
    .ntt dt{font-size: 24px;}
    .nul{margin-top: 20px;}
    .nmid p{margin: 10px 0 15px;}
    .nul li:first-child{margin-bottom: 20px;}
    .nul2 li{margin-bottom: 20px;}
    .tleft,.dao{float: none;width: 100%;border:none;}
    .tleft{padding: 30px 0 10px;}
    .dao{margin: 0 0 20px 0;}
    .dao li:last-child{width: 100%;margin-top: 10px;text-align: center;}
    .ft2{padding: 15px 0;font-size: 12px;line-height: 20px;}
}


/*手机底部*/
@media(max-width: 1200px){
  .xypg-right-content{overflow: hidden;}
  .xypg-right-content p img{
           max-width: 100%;
          width: auto !important;
          height: auto !important;
     }
}
@media (max-width:768px){
 .db{display:block!important;}
}


.dbb{height:50px;}

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #045e00;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer ul li.active {
  background: #045e00;
}

.footer ul li a {
  display: block;color:#fff;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;color:#fff;
}


.footer li .icon-home{ background: url(../image/a1.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(../image/a2.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(../image/a3.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(../image/a4.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}

.footer ul li a{border-left:1px solid  rgba(255,255,255,.5);}






/*友情链接*/
.link{
    margin-top: 72px;
    border-top:8px solid #0083cb;
    background: #333333;
    min-height: 103px;
}
.f_link{width:1200px;margin:0 auto;padding-top: 34px;color: #fff;}
.f_link a{
    color: #fff;
}

/*页面底部*/
#foot{
    background: url(../image/foot.jpg) no-repeat top center;
    /*height: 339px;*/
    height:425px;
    overflow:hidden;
}
#footer{position:relative;width:1200px;margin:0 auto;text-align:center;color:#ffffff;;}
#footer a{color:#ffffff;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:left;line-height:24px;color:#ffffff;padding-top: 55px;height: 234px;overflow: hidden;}
.nav_foot li{line-height:55px;text-align:center;width:230px;float:left;position:relative;z-index:999;}
.nav_foot li a{display:block;line-height:55px;color:#fff;font-size: 16px;}
.nav_foot li a:hover{color:#fff;text-decoration:none;}
.nav_foot .sec{color:#fff;z-index:9999;text-align: left;text-indent: 86px;}
.nav_foot .sec a{color:#fff;line-height:28px;font-size: 12px;}
.nav_foot .sec a:hover{text-decoration:none;}
.copyright{text-align:center;line-height:44px;padding-top: 7px;}
.foot-right{
    width: 258px;
}
.er{
    padding-top: 22px;
    text-align: left;
    font-size: 12px;
}
.er img{padding-right:21px;;}
.qq{padding-top: 50px;text-align: left;font-size: 14px;}
.qq img{padding-right:21px;;}

.rexian{padding-top:20px;;text-align: left;}
.rexian img{padding-right:21px;;}


/*------------内页-------------------*/

.left {
    width: 224px;
    float: left;
}

.left .box {
    margin-bottom: 10px;
}

.left .box h3 {
    line-height: 60px;
    padding-left: 34px;
    background: #0083cb;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    position: relative
}

.left .box h3::after{
    content:"";
    position: absolute;
    width:5px;
    height:20px;
    top:20px;
    left:15px;
    background: #fff
}

.left .box .content {
    padding: 5px 0px;
}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width: 100%
}
.n_banner img{width: 100%;}
.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:940px;float:right;padding-bottom:10px;}
.sitemp {
    border-bottom:1px solid #eee;

}

.sitemp h2 {
    width: 340px;
    float: left;
    line-height: 40px;
    text-align: left;
    font-size: 16px;
    color:#333;
}

.sitemp .site {
    width: 380px;
    float: right;
    text-align: right;
    line-height: 40px;
}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}
@media screen and (max-width: 768px){
.jd21 .rig ul li a .det span{ font-size:14px;}
.jd21 .rig ul li a .det p{ display:none;}
.jd21 .rig ul li a{ height:auto;border-radius: 4px;background-color: #46a5712e;}
.jd21 .rig ul li{ height:auto; overflow: hidden;}
.jd21 .rig {width: 100%;}
.jd21 .rig ul li a .det {width: 90%;padding: 6px 5px;}
.jd21 .lef .det .bt {font-size: 18px;padding-bottom:15px;}
.xcang{ display:none;}
.jd21 .lef .det p{ margin-top:10px; line-height:1.6;}
.jd21 .lef .det a{margin-top: 16px; height:30px; line-height:30px; width:150px;margin-bottom: 15px;}
.jd21 .lef .det a span{ font-size:14px;}
.jd21{ padding:30px 0px;}
.jd21 .lef{ width:100%;}
.jd21 .rig ul li{ margin-bottom:10px;}
}