#header {
    width: 100%;
    text-align: center;
    background: #fbfbfb;
    font-weight: bold;
    /* padding-bottom: 5px; */
    /* line-height: 42px; */
    font: bold 20px/45px "微软雅黑";
    color: #434343;
    position: relative;
}
.logo {
    float: left;
    padding-left: 0px;
    width: 100%;
    text-align: left;
    height: 70px;
    line-height: 70px;
}
.logo img {
    width: 80%;
    /* line-height: 70px; */
    margin-top:0;
}
.memu {
    float: right;
    width: 53%;
}
.haoma {
    background: url(../images/c.png) no-repeat top left;
    padding-left: 18%;
    color: #020202;
    font-size: 12.86px;
    background-size: 50%;
    float: left;
    width: 55%;
    margin-top: 10%;
}
.navbg {
    width: 21%;
    float: right;
    height: 40px;
    background: url(../wapimages/nav.jpg) no-repeat;
    background-size: 58%;
    background-position: 50%;
    cursor: pointer;
    margin-top: 11%;
    border-left: 1px solid #c4c4c4;
}

.top_nva{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;  align-items: center;
}
.top_nva li{
    width: 25%;
    text-align: center;
}
.top_nva li img{
    max-width: 5vw;
    padding-right: 1px;
}
.top_nva li a{
    display: block;
    color: #000000;
    font:500 14px/40px "微软雅黑"; display: flex;align-items: center;text-align: center;justify-content:center;
    width: 100%;white-space: nowrap; 
   text-overflow:ellipsis; 
   overflow:hidden; 
}

.wkuan{
    width: 95%;
    margin: 0 auto;
}
/*产品分类*/
.index_pro02{width:98%;margin:0 auto;margin-top:10px;}
.index_pro02 ul{text-align: center;}
.index_pro02 li{width:28%;height:30px;background:#0055aa;margin: 0 6px;display: inline-block;*display: inline;*zoom:1;margin-bottom: 2vh;}
.index_pro02 li:hover{background:#ff9700;}
.index_pro02 li a{line-height: 30px;color:#fff;font-size:14px;display: block;   white-space: nowrap; 
   text-overflow:ellipsis; 
   overflow:hidden; }
.index_pro02 li:hover a{color: #252222}

.cp_list1{
     display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 95%;
    margin: 0 auto;
}
.cp_list1 li{
    width: 48%;
    margin-bottom: 1vh;
}
.cp_list1 li a.img{
    display: block;
}
.cp_list1 li a.img img{
    width: 100%;
    border:1px solid #d7d7d7;
}
a.more_ahh{
     width: 95%;
    margin: 0 auto;
    text-align: right;
    display: block;
    color: #737373;
    font:500 14px/1 "微软雅黑";
}

.abt_tit{
    background: url(../images/xian.jpg) no-repeat left bottom;
    background-size: 100% 2px;
}
.abt_tit h2{
    color: #000000;
    font:500 20px/36px "微软雅黑";
}
.abt_tit h2 span{
    color: #ff9f19;
    font:500 12px/24px "微软雅黑";text-transform: uppercase;
}
.abt_tup{
    width: 100%;
    margin: 2vh auto 1vh;
}
.abt_tup img{
    width: 100%;
}
.abt_wen{
    color: #000000;
    font:500 13px/1.8em "微软雅黑";
    text-indent: 2em;
}
.abt_wen a{
    color: #3783c5;
    font-size: 12px;
}


.page-news-list a.img{
    display: block;
     display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.page-news-list i{
    display: block;
    width: 30%;
}
.page-news-list i img{
    width: 100%;
}
.page-news-list .xw_ahgh{
    width: 68%;
}


/*cont2*/
.cont2{
    margin-top: 5vh;
}
.title_a2 {
  text-align: center;
  margin-bottom: 20px;
  background: url(../images/titleef.png) no-repeat center;
  background-size: 100% auto;
}
.title_a2 h3 {
  font-size: 22px;
  color: #000000;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
.title_a2 h3 span {
  color: #ff9700;
}
.title_a2 p {
  font-size: 13px;
  color: #000000;
  text-transform: uppercase;
}
.a3_ahb{
    width: 100%;
    margin: 3vh auto 0;
}
.a3_ahb img{
    width: 100%;
}
/*cont3*/
.cont3{
    margin-top: 5vh;
}
.titlr_a{
    text-align: center;
  margin-bottom: 20px;
  background: url(../images/titleef1.png) no-repeat center;
  background-size: 100% auto;
}
.titlr_a h3 {
  font-size: 22px;
  color: #000000;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
.titlr_a h3 span {
  color: #ff9700;
}
.a3_b1 li{
  
}
.a3_b1 li img{
    width: 96%;
    margin: 0 auto;
}
.heng1{
    margin-top: 4vh;
}
.cont4{
    background: #000000;
    padding: 1.5vh 0;
    margin-top: 4vh;
}
.a4_b1{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;align-items: center;
}
.a4_b1 li+li{
    border-left: 1px solid #fff;
    width: calc( 25% - 1px);
}
.a4_b1 li{
    width: 25%;
    text-align: center;
    color: #fff;
    font:500 12px/24px "微软雅黑"; white-space: nowrap; 
   text-overflow:ellipsis; 
   overflow:hidden; 
}
.a4_b1 li span{
    display: block;
    font-size: 16px;
}
/*cont5*/
.cont5{
    width: 98%;
    margin: 0 auto;
}
.a8_b1{
     display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 3vh auto;
}
.a8_b1 li{
    width: 50%;
}
.a8_b1 li a.img{
    display: block;
    position: relative;    font-size: 0;
}
.a8_b1 li a.img img{
    width: 100%;
}
.a8_b1 li a.img .wenaha{
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height: 100%;background: rgba(0,0,0,.75);
}
.a8_b1 li .wenaha h2{
    text-align: center;
    color: #ffcf76;
    font:500 12px/24px "微软雅黑"; text-transform: uppercase;
    position: relative;
    top: 50%; transform: translateY(-50%);
}
.a8_b1 li .wenaha h2 span{
    display: block;
    color: #ffcf76;
    font:500 16px/30px "微软雅黑";
    background: url(../images/agga1.jpg) no-repeat center bottom;
    background-size: 60% 1px;
}
/*cont6*/
.cont6{
    margin-top: 5vh;
}
.case_list{
     display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3vh;
}
.case_list li{
    width: 32.5%;
    margin-bottom: 1.5vh;
}
.case_list li a.img{
    display: block;
    font-size: 0;
}
.case_list li a.img img{
    width: 100%;
}
.case_list li h2 a{
    display: block;
    color: #2b2217;
    font:500 12px/32px "微软雅黑";
    text-align: center;
    background: #ff9700;
        line-height: 17px;
}

.mob-news{
    margin-top: 3vh;
}
.news_list2{margin-top:20px;width:96%;margin:0 2%;}
.news_list2 li{margin-left:15px;width:94%;padding:8px 0;text-align: left;position: relative;line-height: 150%;border-bottom: 1px dashed #e2e2e2}

.news_list2 li a{background: url(../images/san.png) no-repeat left center;padding-left: 5%;font-size: 14px;color: #292929}

.news_list2 li span{position: absolute;right: 0;top: 0;color: #b0b0b0;line-height: 150%;padding: 8px 0;font-size: 12px;}

a.new_more{
    display: block;
    margin: 0 auto;
    background: #000000;
    font:500 14px/35px "微软雅黑";
    width: 30%;
    margin: 4vh auto 0;
    color: #fff;
    text-align: center;
}
.mob-ads1{
    background: #ff9700;
     display: flex;
    justify-content: space-between;
    flex-wrap: wrap;align-items: center;
    padding: 2vh 0;
    margin-bottom: 1.5vh;
}
.d_lianx{
    width: 100%;
    color: #000000;
    font:500 12px/1.5em "微软雅黑";text-align: center;
}
.d_erm{
    width: 40%;
    text-align: center;
}
.d_erm img{
    width: 50%;
}
.fo_ahha li .gaf1{
    background: url(../wapimages/f1.png) no-repeat center top;
    width: 18px;
    height: 19px;
    background-size: 100%;
}
.fo_ahha li .gaf2{
    background: url(../wapimages/f2.png) no-repeat center top;
    width: 18px;
    height: 19px;
    background-size: 100%;
}
.fo_ahha li .gaf3{
    background: url(../wapimages/f2.png) no-repeat center top;
    width: 18px;
    height: 19px;
    background-size: 100%;
}
.fo_ahha li .gaf4{
    background: url(../wapimages/f3.png) no-repeat center top;
    width: 18px;
    height: 19px;
    background-size: 100%;
}

#gotop {
    position: fixed;
    display: none;
    height: 15%;
    width: 15%;
    /*background: url(../images/gotop.png) no-repeat;*/
    right: 0;
    bottom: 4%;
    cursor: pointer;
}
/*分页*/
.pager {CLEAR: both; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; WORD-BREAK: keep-all; PADDING-TOP: 10px; FONT-FAMILY: verdana; HEIGHT: 25px}
.pager UL {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1.2em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
.pager LI {	FLOAT: left; MARGIN: 0px 5px 0px 0px; COLOR: #999}
.pager LI.p_total {	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: #fff; PADDING-BOTTOM: 3px; BORDER-LEFT: #ddd 1px solid; COLOR: #3F6EAF; PADDING-TOP: 3px; BORDER-BOTTOM: #ddd 1px solid}
.pager LI.p_current {BORDER-RIGHT: #5D94E0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #5D94E0 1px solid; PADDING-LEFT: 5px; BACKGROUND: #5D94E0; PADDING-BOTTOM: 3px; BORDER-LEFT: #5D94E0 1px solid; COLOR: #fff; PADDING-TOP: 3px; BORDER-BOTTOM: #5D94E0 1px solid}
.pager LI.p_nolink {BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; PADDING-TOP: 3px; BORDER-BOTTOM: #f3f3f3 1px solid}
.pager LI A:link {	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 3px; BORDER-LEFT: #ddd 1px solid; COLOR: #3F6EAF; PADDING-TOP: 3px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none! important}
.pager LI A:visited {	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 3px; BORDER-LEFT: #ddd 1px solid; COLOR: #3F6EAF; PADDING-TOP: 3px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none! important}
.pager LI A:hover {	BORDER-LEFT-COLOR: #1E6DBD; BACKGROUND: #D6ECFF; BORDER-BOTTOM-COLOR: #1E6DBD; COLOR: #254D84; BORDER-TOP-COLOR: #1E6DBD; BORDER-RIGHT-COLOR: #1E6DBD}
.pager LI A:active {	BORDER-LEFT-COLOR: #1E6DBD; BACKGROUND: #D6ECFF; BORDER-BOTTOM-COLOR: #1E6DBD; COLOR: #254D84; BORDER-TOP-COLOR: #1E6DBD; BORDER-RIGHT-COLOR: #1E6DBD}
.pager LI INPUT {BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: url(inputBorder.gif); FLOAT: left; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; WIDTH: 3em; COLOR: #999; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; FONT-FAMILY: verdana; HEIGHT: 1.3em; TEXT-ALIGN: center}