@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "Microsoft Yahei"; color: #666; font-size: 13px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.box,.content,.w1400,.width-1400{ width:1400px; margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding-bottom:20px; background:#fff;}
.page_main { margin: 0 auto; width: 1400px;}  /*版面宽度*/
.page_content{ width:1100px;} /*右边宽度*/
.page_left{ width:300px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}
.doc_content {
    
}
.pro_detail_d .pro_txt .pro_hd li:last-of-type {
    margin-right: 0!important;
}
.pro_detail_d .pro_txt .pro_hd li {
    width: 136px!important;
    margin-right: 4px!important;
}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.top{height: 135px; background:#fff; position: fixed; width: 100%; top: 0;z-index:999;}
.top > .page{ margin: 0 auto; width: 95%;}
.top > .top_bg_page{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.top > .top_bg_page > .page{position: relative;height: 100%;}
.top > .page > .logo{display: block;float: left;padding:22px 0;position:relative;z-index:3;}
.top > .page > .logo > a{display: block;height:100%;}
.top > .page > .logo > a > img{display: block;height:100%;}
.top > .page > .logo2{display: block;float: left;padding:24px 0 30px 15px;position:relative;z-index:3; font-size:50px;font-weight:bold;}
.top > .page > .logo2:before {
    position: absolute;
    display: block;
    content: " ";
    top: 45px;
    left: 6px;
    width: 2px;
    height: 48px;
    background: #e4e4e4;
}
.top > .page > .logo2 > a{display: block;color:#333; line-height: 50px;}
.top > .page > .logo2 > a > img{display: block;}
.logo2 p span{color: #222;padding:4px 0px;border-radius: 50px; float: left;font-size: 20px;font-weight: normal;}
.logo2 p span b {
    font-weight: normal;
    color:#73d11b ;
}
.logo2 p:after{content: '';display: block;clear: both;}
.zyqieh{
   padding-left: 20px;
    margin-right: 20px;
    margin-top: 5px;
}


.top > .page > .nav{float:right; margin-right: 2%;}
.nav > .NavBeta:after{clear:both;display: block;content: '';} 
.NavBeta > li{float: left;margin: 0 24px;}
.NavBeta > li > a{display: block;font-weight: normal;font-size:16px;color: #222;transition:0.3s all ease;background: url(files/images/home.png) no-repeat -50px center;/*! padding-left: 30px; */line-height: 135px;position:relative;z-index:3;}
.NavBeta > li:hover > a,.NavBeta > li.navcurrent> a{background-position: 0 center;color: #111;padding-left: 30px;}

.NavBeta > li#Zz2 > a {
    background-image: url(files/images/prod.png);
}
.NavBeta > li#Zz3 > a {
    background-image: url(files/images/case.png);
}
.NavBeta > li#Zz4 > a {
    background-image: url(files/images/news.png);
}
.NavBeta > li#Zz5 > a {
    background-image: url(files/images/about.png);
}
.NavBeta > li#Zz6 > a {
    background-image: url(https://img.di7.com/cf/yongle-shop/0587EE39-88C60812-F213EA62-D64FEAD70_thumb.jpg);
}
.NavBeta > li#Zz7 > a {
    background-image: url(files/images/header_tel.png);
}




.erji_menu {position: absolute;top: 135px;left: 0;width: 100%;box-shadow: 0 5px 10px 0 rgba(102,102,102,0.1) inset;background: #fff;text-align: center;z-index: 3333; overflow:hidden; height: 0; transition: 0.8s;}
.erji_menu > ul{padding: 30px 0}
.erji_menu > ul:after{content:'';display: block;clear:both;}
.erji_menu > ul > li{display: inline-block;padding:0 15px;color: #454545}
.erji_menu > ul > li a i{display: block;width: 60px;height: 60px;margin:0 auto;}
.erji_menu > ul > li a{display: block;font-size: 16px;line-height: 30px;}
.erji_menu > ul > li:hover a{color:#111; font-weight:bold; }
.NavBeta > li:hover .erji_menu {
    height: 90px;
}


.icon1{padding-top:46px; height:40px;font-size:0; display:flex;}
.icon_li{height:40px;position:relative;display:flex;vertical-align:top;cursor:pointer;align-items: center;} 
.icon_li+.icon_li{margin-left:20px;}
.icon_li i{width:22px;height:22px;display: block;position:relative;}
.icon_li span {
    min-width: 205px;
    display: block;
    font-family: "Arial";
    font-size: 30px;
    color: #23903d;
    
}
.icon_li .icon_tel {
    width: 100%;
    overflow:hidden;
}
.icon_alibaba {
    height: 40px;
}
.icon_alibaba img {
    display: block;
    height: 100%;
}
.icon_en {
    width: 60px;
    overflow: hidden;
}
.icon_en img {
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 30px;
}
.icon_en span {
    font-size: 13px;
    text-align: center;
    min-width: auto;
    color: #333;
}

.icon_ch {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
}
.icon_ch img {
    display: block;
    width: 100%;
}

.il_box{position:absolute;top:0; right:0;z-index:-2;transition:300ms; opacity: 0;}
.icon_li:hover .il_box{top:90px;z-index:9;transition:300ms; opacity: 1;}
.tel_text{width:180px;height:80px;background: #fff;padding: 10px 15px;margin-left:-69px;}
.tel_text p{color:#353535;margin-bottom:5px;}
.tel_text em{font-size:22px; font-family:Arial, Helvetica, sans-serif;}

.sear{width:260px;height:83px;padding:20px; background: #fff;}
.serr_b{width:220px;height:44px;border-radius:44px;background:#f7f7f7;}
#infoname{width:176px;height:44px;line-height:44px;background:none;text-indent:10px;float: right; border:none;}
.serr_b.cur #infoname{float:left;}
#sso{float: left;}
.serr_b.cur #sso{float: right;}
.serr_t{height:0;overflow: hidden;transition:300ms;position:relative;z-index:2;background:#fff;padding:7px 15px;}
.serr_t a{display:block;line-height:26px;color:#666;}

.header_top {position: fixed; width:100%;z-index:999; background:rgba(255,255,255,0.9);}


@media only screen and (max-width: 1800px) {
    .top > .page {
        width: 98%;
    }
    .NavBeta > li {
        margin: 0 10px;
    }
}
@media only screen and (max-width: 1560px) {
    .top > .page > .logo {
        height: 80px;
    }
    .NavBeta > li {
        margin: 0 5px;
    }
}

#news {background: #fafafa;width: 100%;min-width: 1400px; padding-top: 70px;}
.news_box{margin:0px auto; padding-bottom: 70px;}

.news_bt{width: 1400px;}
.news_btl{width: 350px; float: left; font-weight: 400; font-size: 42px;}
.news_btl span{font-size: 24px; display: block; color: #999; font-weight: 100;}
.nb_tab{font-size:0;text-align: center; float: right;}
.nb_tab a{width:171px;height:42px;background:#fff;display:inline-block;vertical-align:top;color:#333; box-shadow: 0px 0px 20px #eee; border-radius: 30px; margin-top: 22px;}
.nb_tab a+a{margin-left:50px;}
.nb_tab a.on{background: -webkit-gradient(linear, left top, right top, from(#23903d),to(#21c147));
 background: linear-gradient(to right, #23903d 0%,#21c147 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23903d', endColorstr='#21c147',GradientType=0 ); color: #fff; background-size: 400% 370%; box-shadow: 0px 0px 10px #23903d;}
.nb_tab a i,.nb_tab a b{display:inline-block;vertical-align:top;line-height:42px;}
.nb_tab a b{font-size:16px; font-weight: 100; letter-spacing: 1px;}
@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
.nb_con{margin-top:40px;}

.nbcl_le{width:614px;}
.nbcl_le .news_div_item{width:294px;display: inline-block;vertical-align:top;}
.nbcl_le .news_div_item+.news_div_item{margin-left:22px;}
.nbcl_le .news_div_item_pic img{width:294px; display:block;}
.news_div_item_title a{font-size:18px;font-size: 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.nbcl_le .news_div_item_content{margin-top:30px;}
.nbcl_le .news_div_item_body{margin-top:20px;line-height:24px;color:#68686a;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:0;margin-top:25px;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#68686a;}
.new_more{width:24px;height:24px;border-radius:24px;border:1px solid #9a9899;background:url(images/news_more.png) no-repeat right center;float: right;margin-top:17px;}

.nbcr_ri{width:756px;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;border:1px solid #f1f1f1;padding:30px 0;position:relative;transition:300ms;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 21px #d2d2d2;z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:115px;text-align: center;font-size:0;}
.nbcr_ri .news_div_item_content{width:609px;padding-left:20px;border-left:1px solid #f3f3f3; font-weight: 100;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#565656;  font-size: 14px;}
.nbcr_ri .news_div_item_day{font-size:47px;font-weight: bold;    line-height: 55px;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:20px;color:#68686a;padding-right:20px;font-size:14px;}