/* CSS Document */
body,div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,p{margin:0;padding:0;font-style:normal;font:14px Microsoft YaHei,"\5B8B\4F53",Arial, Helvetica,sans-serif;}
table {border-collapse:collapse;border-spacing:0}
ol,ul,li{list-style: none}
img {border: 0; vertical-align:middle}
body{color:#333333;background:#020001; text-align:left; overflow-x:hidden;}
.clear{clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px}
a{color:#4f4b4a;text-decoration:none;outline:none}
a:hover{text-decoration:underline;outline:none;star:expression(this.onFocus=this.blur());}
a:active{star:expression(this.onFocus=this.blur());} 
.l{float:left}
.r{float:right} 
/* Clearfix */
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* index */

.header{
    width: 18%;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    z-index: 10;
    left: 0;
    background: url("../images/header_border.jpg") repeat-y right;
}
.header_border{
    width: 100%;
    height: 1px;
    background:rgba(221,221,221,0.4);
    *background:#dddddd;
    background:#dddddd\0;
    filter:alpha(Opacity=40);
    float: left;
}
.header_content{
    width: 100%;
    height: 94vh;
    overflow: hidden;
    margin-top: 6vh;
    background: url("../images/header_border.jpg") repeat-x top;
}
.logo{
    width:142px;
    height:70px;
    margin:6vh auto 3vh;
}
.logo img{
    width: 100%;
    height: auto;
    display: block;
}
.header_line{
    width: 1px;
    height: 25px;
    background: #9A9899;
    margin: 3.8vh auto 3.5vh;
}
.mune{ display:none;}
.nav{
    width:142px;
    height:auto;
    overflow:hidden;
    margin:0 auto;
}
.nav ul {
    width:100%;
    height:auto;
    float:right;
}
.nav ul li{
    width:100%;
    height:2.8vh;
    display:inline;
    float:left;
    text-align:center;
    line-height: 2.8vh;
    margin-bottom: 2vh;
}
.nav ul li a {
    color:#D4D7DC;
    display:inline-block;
    text-align:center;
    text-decoration:none;
    font-size:16px;
}
.nav ul li:hover,.nav ul .nav_active{
    background: #F78429;
}
.nav ul li:hover a,.nav .nav_active a{
    color: #ffffff;
}
.nav nav a#pull {
    display: none;
}
.header2 .nav li a,.header2 .tel span,.header2 .tel a{
    color: #333333;
}
.header2 .nav li:hover,.header2 .nav .nav_active{
    background: url("../images/nav_hover_bg.png") no-repeat bottom center;
}
.header2 .nav li:hover a,.header2 .nav .nav_active a{
    color: #0EA846;
}
.header_ewm{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url("../images/header_border.jpg") repeat-x top;
    margin-top: 1vh;
}
.header_ewm img{
    width: 15vh;
    height: auto;
    display: block;
    margin: 3.4vh auto 0;
}
.header_ewm p{
    color:#666666;
    text-align: center;
    line-height: 5.2vh;
}

.header_wbg{

}
.header_bbg{

}
#dowebok{
    width: 82%;
    left: 18%;
}
.banner{
    width:100%;
    margin:0px auto;
    overflow: hidden;
}
.banner img{
    width: 100%;
    height: auto;
    display: block;
}


.products{
    width:70%;
    height:auto;
    margin:0px 0 0 6%;
    overflow: hidden;
    float: left;
    background: url("../images/product_bg.jpg") no-repeat top left;
}
.products_fls{
    width: 100%;
    height: auto;
    overflow: hidden;
    float: right;
    margin-top: 15vh;
}

.products_fls ul{
    display: table;
    margin: 7px 0px 0 0;
    float: right;
}
.products_fls ul li{
    float: left;
    text-align: center;
    margin: 0px 0px 0 15px;
    border-bottom: 1px solid #F5F5F5;
}
.products_fls ul li a{
    color: #333333;
    padding: 10px 0px;
    display: block;
}
.products_fls ul li:hover,.products_fls ul .current{
    border-bottom: 1px solid #F8852A;
}
.products_fls ul li a:hover,.products_fls ul .current a{
    text-decoration: none;
    color: #000000;
}
.products_content{
    width: 100%;
    height: auto;
    float: right;
    overflow: hidden;
    margin-top: 20px;
}
.products_content ul{
    width: 102%;
    display: none;
}
.products_content ul li{
    width: 31.33%;
    height: auto;
    float: left;
    margin: 0 2% 2% 0;
}
.products_content ul li .pic1{
    width: 100%;
    height: auto;
    background: url("../images/pro_img_bg.jpg") no-repeat right;
    overflow: hidden;
    background-size: contain;
}
.products_content ul li .pic1 img{
    width: 97.5%;
    height: auto;
    display: block;
    margin: 2% 2.5% 2% 0;
}
.products_content ul li p{
    width: 100%;
    height:20px;
    line-height:20px;
    overflow:hidden;
    text-align: center;
    margin-top: 4%;
}

.section3{
    background: url("../images/youshi_bg.jpg") no-repeat;
    background-size: contain;
}
.youshi{
    width: 70%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-left: 6%;
}
.youshi1{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 40vh auto 0;
}
.youshi_1{
    width: 40%;
    height: auto;
    float: left;
    overflow: hidden;
    margin-bottom: 7vh;
}
.youshi_2{
    width: 40%;
    height: auto;
    float: left;
    overflow: hidden;
    margin-bottom: 7vh;
    margin-left: 5%;
}
.youshi_txt{
    width: 97%;
    margin-left: 3%;
}
.youshi_txt img{
    width: 48px;
    height: 48px;
    display: block;
}
.youshi_txt h2{
    width: 100%;
    font-size: 24px;
    color: #ffffff;
    margin: 2.1vh 0;
}
.youshi_txt p{
    width: 100%;
    height: 75px;
    line-height: 25px;
    color: #d4d4d4;
}


.anli{
    width:70%;
    height:auto;
    overflow:hidden;
    margin-left: 6%;
    background: url("../images/anli_bg.jpg") no-repeat left top;
}
.anli_r{
    width: 100%;
    height: auto;
    float: right;
    overflow: hidden;
    margin-top: 18vh;
}
.anli_r ul{
    height:auto;
    margin:0px 0 25px 0;
}
.anli_r ul li{
    width: 25%;
    float:left;
    overflow: hidden;

}
.anli_r ul li .hot_info{
    width: 99.8%;
    height: auto;
    overflow: hidden;
    background: #ffffff;
}
.anli_r ul li .hot_info img{
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
}
.anli_r ul li .hot_info i{
    width: 10%;
    height: auto;
    display: block;
    background-size: contain;
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 0;
}
.anli_r ul li .hot_info i img{
    width: 100%;
    height: auto;
    display: block;
}
.anli_r ul li p{
    width: 100%;
    height: 30px;
    margin: 10px auto;
    text-align: center;
    line-height: 30px;
    overflow: hidden;
}
.anli_r ul li:hover i{
    opacity: 1;
    -webkit-transition: all .8s ease .2s;
    -moz-transition: all .8s ease .2s;
    -ms-transition: all .8s ease .2s;
    -o-transition: all .8s ease .2s;
    transition: all .8s ease .2s;
}

.picScroll-left .hd{
    width: 356px;
    height: 33px;
    margin:30px auto 0;
}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:178px; height:33px; float: right; overflow:hidden; cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picScroll-left .hd .next{ background-position:0 -33px;  }


.huoban{
    width: 70%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-left: 6%;
    background: url("../images/huoban_bg.jpg") no-repeat left top;
}
.huoban_r{
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-top: 21vh;
}

.huoban_list{
    width: 100%;
    height: auto;
    margin: 5.2vh auto 0;
    overflow: hidden;
}
.huoban_list li{
    width: 24.7%;
    height: auto;
    float: left;
    cursor: pointer;
    border: 1px dashed #1D1D1D;
    background: #171717;
}
.huoban_list li:hover{
    background: #F78429;
    -webkit-transition: all .6s ease .2s;
    -moz-transition: all .6s ease .2s;
    -ms-transition: all .6s ease .2s;
    -o-transition: all .6s ease .2s;
    transition: all .6s ease .2s;
}
.huoban_list li img{
    width: 100%;
    height: auto;
    display: block;
    filter: url('../images/gray.svg#grayscale');
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: grayscale(100%);
    filter: gray;
}
.huoban_list li:hover img{
    filter:none;
    -webkit-transition: all .8s ease .4s;
    -moz-transition: all .8s ease .4s;
    -ms-transition: all .8s ease .4s;
    -o-transition: all .8s ease .4s;
    transition: all .8s ease .4s;
}


.section6{
    background: url("../images/abouts_bg.jpg") no-repeat;
    background-size: contain;
}
.abouts{
    width: 70%;
    height: auto;
    overflow: hidden;
    margin-left: 6%;
}
.abouts_l{
    width: 60%;
    float: left;
    overflow: hidden;
}
.abouts_l p{
    line-height: 3.7vh;
    margin: 13vh 0 50px 16px;
}
.abouts_l p span{
    display: block;
}
.abouts_l a{
    width: 150px;
    height: 47px;
    display: block;
    margin-left: 16px;
}
.abouts_l > a > img{
    width: 100%;
    height: auto;
    display: block;
}

.section7{
    background: url("../images/footer_bg.jpg") no-repeat;
    background-size: contain;
}
.contact{
    width: 70%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-left: 6%;
}
.contact_content{
    width: 99%;
    height: auto;
    overflow: hidden;
    float: right;
    margin-top: 26.4vh;
}
.contact_l{
    width: 52%;
    height: auto;
    float: left;
    font-size: 15px;
    color: #B1B1B1;
    line-height: 30px;
}
.contact_l p{
    width: 100%;
    line-height: 25px;
    font-size: 18px;
    color: #B1B1B1;
    margin-bottom: 20px;
    overflow: hidden;
}
.contact_l p i{
    width: 100%;
    font-size: 8px;
    display: block;
    float: left;
    font-style: normal;
}
.contact_r{
    width: 39%;
    height: auto;
    float: right;
}
.contact_r_sx{
    width: 404px;
    height: 36px;
    overflow: hidden;
    float: right;
    margin-bottom: 7.4vh;
}
.contact_r p{
    width: 45%;
    margin-left: 5%;
    float: left;
}
.contact_r p img{
    width: 100%;
    height: auto;
    display: block;
}
.contact_r p span{
    text-align: center;
    display: block;
    color: #959499;
    line-height: 30px;
    margin-top: 20px;
}
.contact_b{
    width: 100%;
    text-align: right;
    color: #959499;
    line-height: 80px;
    float: left;
    margin-top: 7vh;
    border-top: 1px solid #333132;
}
.footers{ display: none;}
#zpmenu{
    width: 20px;
    position: fixed;
    z-index: 100;
    margin-top: -119px;
    top: 50%;
    opacity: 1;
    right: 17vh;
}
#zpmenu li a{
    border-bottom: 1px solid #666666;
    line-height: 35px;
    color: #666666;
}
#zpmenu .active a{
    color: #F78429;
    border-bottom: 1px solid #F78429;
}
#zpmenu .active a:hover,#zpmenu li a:hover{
    text-decoration: none;
}


/* 产品列表页 */
.main{
    width: 82%;
    left: 18%;
    position: relative;
    overflow: hidden;
}
.ny_pro_r_bg{
    background: url("../images/ny_r_bg.jpg") no-repeat right top  #F5F5F5;
}
.ny_news_r_bg{
    background: url("../images/ny_news_bg.jpg") no-repeat right top  #F5F5F5;
}
.ny_abouts_r_bg{
    background: url("../images/ny_abouts_r_bg.jpg") no-repeat right top  #F5F5F5;
}
.ny_case_r_bg{
    background: url("../images/ny_anli_r_bg.jpg") no-repeat right top  #F5F5F5;
}
.ny_top_name{
    width: 76%;
    height: 66px;
    float: left;
    color: #656565;
    letter-spacing: 3px;
    background: url("../images/ny_top_bg.jpg") no-repeat left top;
}
.ny_top_name span{
    padding-top: 4vh;
    float: right;
}
.ny_main{
    width:70%;
    height:auto;
    float: left;
    margin-left: 6%;
    overflow: hidden;
    margin-top: 6vh;
}
.daohang{
    width: 72%;
    height: 50px;
    overflow:hidden;
    margin: 5px auto 0;
    line-height: 50px;
}
.daohang span{
    color: #333333;
    font-size: 16px;
    float: left;
}
.daohang span i{
    color: #333333;
    font-style: normal;
    font-size: 18px;
    margin-right: 10px;
}
.daohang p{
    color: #333333;
    font-size: 14px;
    float: right;
    background: url("../images/home_ico.png") no-repeat left 15px;
    line-height: 50px;
    padding-left: 25px;
}
.daohang p a{
    color:#333333;
}
.ny_title{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.ny_title p{
    color: #020001;
    font-size: 24px;
}
.ny_title i{
    font-size: 12px;
    color: #666666;
}
.ny_fl{
    width: 100%;
    height:auto;
    overflow: hidden;
    float: left;
    margin: 30px 0;
}
.ny_fl dl{
    width: 100%;
    margin: 0% auto;
    overflow: hidden;
    display: block;
}
.ny_fl dl dt{
    width: 110px;
    height: 35px;
    float: left;
    background: #020001;
    line-height: 35px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
}
.ny_fl dl dd{
    height: 35px;
    overflow: hidden;
    line-height: 35px;
    margin: 0px 0 15px 15px;
    float: left;
}
.ny_fl dl dd a{
    color: #333333;
    padding: 0 20px;
    font-size: 14px;
    font-weight: bold;
}
.ny_fl dl dd:hover a{
    text-decoration: none;
    color: #f88429;
}
.ny_fl dl .ny_fl_active a{
    color: #f88429;
}

.ny_contact{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #020001;
}
.ny_contact_content{
    margin-top: 5vh;
}
.ny_contact_content1{
    width: 70%;
    height: auto;
    float: right;
    margin-top: 90px;
}
.ny_contact_b{
    width: 100%;
    margin-top: 90px;
    line-height: 40px;
    color: #ffffff;
    text-align: right;
}



/* 产品详细页 */
.ny_pro_detail{
    width:100%;
    height:auto;
    overflow:hidden;
    float: left;
}
.prodetail_1{
    width:99.5%;
    height: auto;
    overflow: hidden;
    border: 1px dashed #BEBEBE;
    margin:0px auto 20px;
}
.prodetail_1 img{
    display: block;
    margin: 3% auto;
}
.prodetail_1 span{
    width:100%;
    display:block;
    line-height:60px;
    font-size: 18px;
    color: #333333;
    float: left;
    text-align: center;
}
.prodetail_1 p{
    width:53%;
    height:120px;
    float:left;
    margin-top:20px;
    line-height:25px;
    color: #9A9A9C;
}
.prodetail_1 i{
    width: 221px;
    height: 69px;
    display: block;
    background: url("../images/ny_tel.jpg") no-repeat left 3px;
    float: left;
    font-style: normal;
}
.prodetail_1 i font{
    color: #0DA944;
    margin: 39px 0px 0px 71px;
    display: block;
    font-size: 18px;
}
.prodetail_2{
    width:100%;
    height:auto;
    overflow: hidden;
    margin:0px auto 50px;
}
.prodetail_2_content{
    width:99%;
    height:auto;
    margin:0px auto;
    line-height:28px;
    color: #333333;

}
.prodetail_2_content_i{
    width: 100%;
    height: 37px;
    background: url("../images/pro_detail_title_bg.jpg") no-repeat left;
    display: block;
    margin: 30px auto 20px;
}

/* 新闻列表页 */
.ny_news_list2{
    width:76%;
    height:auto;
    overflow:hidden;
    float: left;
    border-left: 1px solid #D0D0D0;
    margin-top: 45px;
}
.ny_news_list{
    width:100%;
    height:auto;
    float:left;
    overflow:hidden;
}
.ny_news_list ul li{
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-bottom: 3%;
}
.ny_news_list ul li img{
    width:27%;
    height: auto;
    display: block;
    float: left;
}
.imgnews_txt{
    width:70%;
    height:auto;
    overflow: hidden;
    float: right;
}
.imgnews_txt span{
    width: 100%;
    display: block;
    color: #999999;
    float: left;
}
.imgnews_txt a{
    color: #333333;
    font-size: 1rem;
    float: left;
    margin-top: 2.6vh;
}
.imgnews_txt p{
    width: 100%;
    line-height:2.6vh;
    color: #666666;
    float: left;
    margin: 2.1vh 0;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}


/*新闻详情*/
.ny_news_detail{
    width:100%;
    height:auto;
    overflow:hidden;
    float: left;
}
.newsdetail_title{
    width:100%;
    height:auto;
    overflow:hidden;
    text-align:center;
}
.newsdetail_title h3{
    font-size:20px;
    color: #333333;
}
.newsdetail_title p{
    width: 96%;
    line-height: 30px;
    margin:10px auto;
}
.newsdetail_title p span{
    font-size: 13px;
    color: #878787;
    margin: 0 15px;
}
.newsdetail_txt{
    width:98%;
    margin:2% auto;
    line-height:23px;
    color: #333333;
    padding-bottom: 20px;
    min-height:300px;
}
.newsdetail_txt p{
    line-height:23px;
    color: #333333;
}

/*分页样式*/
.fenye{ width:98%; height:auto; margin:20px 1% 0px 1%; overflow:hidden; float:left;}
.fenye a{ color:#f9a600;}
.pagebox{font-size:0.9rem;line-height:200%;font-weight:normal; margin:10px auto 10px;}
.flickr {padding:0px;margin:0px; text-align:center; font-family:Verdana; font-size:0.9rem;}
.flickr a {border: #c7c7c7 1px solid; padding:5px 10px; background:#fff; background-position: 50% bottom;color: #999999; margin-right: 5px; text-decoration: none}
.flickr a:hover {border: #DFDFDF 1px solid; background-image: none; color: #ffffff; background-color: #020001}
.meneame a:active {border: #333 1px solid; background-image: none; color: #fff; background-color: #0061de}
.flickr span.current {padding:5px 10px; font-weight: bold; background:#020001; color:#ffffff; margin-right: 3px; border:1px solid #c7c7c7;}
.flickr span.disabled { padding:5px 10px; color: #80653E; background:#fff; margin-right: 3px; border:1px solid #c7c7c7;}

.nav .peiseka{ display:none;}

.izl-rmenu{position:fixed; right:10px; bottom:10px; padding-bottom:73px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu .btn-ps{background:url(../images/peise.png) 0px 0px no-repeat; background-color:#56A3FF; display:block;}
.izl-rmenu .btn-ps:hover{ background-color:#3F8BE6;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.sx{ width:100%; height:30px; margin:10px auto 30px; color:#020001;}
.sx a{ color:#333;}