@charset "utf-8";
/* CSS Document */

/* 通用属性 */
* { margin:0; padding:0; list-style:none; }
body { font-size:14px; color:#000; font-family:Microsoft YaHei,sans-serif; }
img { border:0; vertical-align:top; }
html, body {width: 100%;max-width: 100%;min-width: 320px;min-height: 100%;height: auto;}
address, caption, cite, code, dfn, em, th, dt, var {font-style: normal;font-weight: normal;}

/* a */
a { color:#333; text-decoration:none; }
a:visited { }
a:active, a:hover { text-decoration:none; color: #3daf38; }
a:focus { outline:none; text-decoration:none; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
h1,h2,h3,h4,h5,h6,p,ol,ul{padding: 0;margin: 0;}
:focus{outline: none;}
.ovfl{overflow: hidden;}
.ishow{display: block;}
.ihide{display: none;}
.flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.ltflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.lbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.rtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.rbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.mtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.mbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.transition300em{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.donghua{-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
::after, ::before {-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.dhwz{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.mar0a{margin: 0 auto;}
.h160{height: 160px;}
.fl{float: left;}
.fr{float: right;}
input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; }
textarea { border-radius:0; -webkit-appearance:none; appearance:none;  background:none; border:0; box-shadow:0 0 0; font-size:14px; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align: middle;}

@media(min-width: 1460px){
	.container{ width: 1430px;}
}

@media(min-width: 1660px){
	.container{ width: 1630px;}
}

.title {overflow: hidden;}
.title_t{ float: left;}
.title h2{ font-size: 48px; color: #3daf38; line-height: 2; position: relative; font-weight: bold;}
.title h2::before{position: absolute; content: ''; width: 40px; height: 3px; background: #216a35; left: 0; bottom: 0;}
.title p{ font-size: 16px; color: #666; line-height: 2; padding: 20px 0;}
.more a{ width: 180px; line-height: 48px; background:#216a35; display: block; float: right; font-weight: bold; color: #fff; text-align: center; margin-top: 70px;}
.more a:hover{background: #3daf38;}

@media(max-width: 991px){
	.title h2{ font-size:36px;}
	.title p{padding: 10px 0;}
	.more a{margin-top: 30px;}
}

@media(max-width: 767px){
	.title h2{ font-size:24px;}
	.title p{padding: 5px 0; font-size: 14px;}
	.more a{margin-top: 20px;}
}


/*header*/
#header{ }
#header .logo_nav{position:fixed; width: 100%;  z-index: 2;}
#header.fixd .logo_nav,#header .logo_nav:hover{background: rgba(27,36,43,.9); }
#header .logo{ float: left; padding:20px 0;}
#header .pcnav_topcon{ float: right; }
#header .pcnav_topcon .pcnav{float: left;}
#header .pcnav_topcon .pcnav ul li{float: left; padding: 0 25px;}
#header .pcnav_topcon .pcnav ul li a{font-size: 16px; color: #fff; font-weight: bold; line-height: 98px; display: block;}
#header .pcnav_topcon .topcon{float: left;}
#header .pcnav_topcon .topcon ul{overflow: hidden; padding-left: 70px; margin-top: 32px;}
#header .pcnav_topcon .topcon ul li {border:1px solid #fff; width: 34px; height: 34px; float: left; text-align: center; margin:0 5px;}
#header .pcnav_topcon .topcon ul li img{ width: 20px; padding-top:6px; }
#header .pcnav_topcon .pcnav ul li a:hover{ border-bottom: 2px solid #3daf38; color: #3daf38;}
#header .pcnav_topcon .topcon ul li:hover{border:1px solid #3daf38;}
.swiper-pagination-bullet-active{background: #fff;}

@media(max-width: 1459px){
	#header .pcnav_topcon .topcon ul{padding-left: 20px;}
}


@media(max-width: 1199px){
	#header .pcnav_topcon .pcnav ul li{float: left; padding: 0 20px;}
	#header .pcnav_topcon .topcon ul{padding-left: 0;}
}

@media(max-width: 1199px){
	#header .pcnav_topcon .pcnav ul li{float: left; padding: 0 8px;}
}

@media(max-width: 992px){
	#header .pcnav_topcon .pcnav ul li{float: left; padding: 0 4px;}
}

@media(max-width: 767px){
	#header .logo{padding: 10px 0;}
	#header .logo_nav{position: relative;}
	#header.fixd .logo_nav,#header .logo_nav:hover{background: none; }
}

/*prohome*/
#prohome{overflow: hidden; padding:50px 0;}
#prohome .prohomeli .swiper-slide{padding: 6px;}
#prohome .prohomeli .swiper-slide a{display: block; box-shadow: 0px 0px 3px #666;  position: relative;}
#prohome .prohomeli .swiper-slide h3{text-align: center; line-height: 2.5; font-size: 16px; position: absolute; bottom: 0; background: rgba(0,0,0,.8); width: 100%; color: #fff; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; padding: 0 10px;}
#prohome .prohomeli .swiper-slide:hover h3{background: rgba(61,175,56,.8);}
#prohome .prohomeli .swiper-slide dt{overflow: hidden;}
#prohome .prohomeli .swiper-slide img{transition:all 1s;}
#prohome .prohomeli .swiper-slide:hover img{transform:scale(1.1); }


@media(max-width: 991px){
	#prohome{padding:30px 0;}
}

@media(max-width: 767px){
	#prohome .prohomeli .swiper-slide h3{ font-size: 14px;}
}





/*about*/
#about {overflow: hidden; background: url(../images/aboutbg.jpg) right no-repeat;}
#about .about_l{ width: 40%; float: left; padding: 3% 5% 0 8%;}
#about .about_l h2{ font-size: 36px; font-weight: bold; line-height: 2; border-bottom: 2px solid #333; color: #333;}
#about .about_l .about_txt{font-size: 15px; color: #333; line-height: 2; padding: 20px 0;}
#about .about_l a{display: block; width: 160px; line-height: 40px;  color: #333; border:1px solid #333; text-align: center; font-weight: bold;}
#about .about_l a:hover{background: #3daf38; color: #fff;}

#about .about_r{ width: 60%; float: right;}
#about .about_r ul li{padding: 20% 0; border-right:1px solid #dedede; background: rgba(0,0,0,.7);}
#about .about_r ul li h3{ font-size: 30px; text-align: center; line-height: 2; font-weight: bold; color: #fff;}
#about .about_r ul li img{display: block; padding: 30px 0; margin:0 auto;}
#about .about_r ul li p{text-align: center; font-size: 16px; color: #fff;}
#about .about_r ul li:hover{background: rgba(61,157,56,.8);}

@media(max-width: 1659px){
	#about .about_l{ width: 40%; float: left; padding: 0% 3%;}
}

@media(max-width: 1459px){
	#about .about_l{padding:0 1% 0 3%;}
	#about .about_l h2{ font-size: 24px; }
	#about .about_l .about_txt{padding: 10px 0;}
}

@media(max-width: 1199px){
	#about .about_l{padding:15px 1% 0 3%;}
	#about .about_l .about_txt{word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; 
    overflow: hidden; padding: 0; margin: 10px 0;}
	#about .about_r ul li p{text-align: center; font-size: 16px; color: #fff; padding: 0 15px; height:44px; overflow: hidden;}
}

@media(max-width: 991px){
	#about .about_l{width: 100%; padding: 3%;}
	#about .about_r{width: 100%; padding-top: 3%;}
	#about .about_r ul li{padding: 3% 0;}
	#about .about_r ul li img{padding: 10px 0;}
	#about .about_l .about_txt{color: #4b4b4b;}
}

@media(max-width: 767px){
	#about .about_r ul li{padding: 5% 0;}
	#about .about_r ul li h3{ font-size: 20px; text-align: center; line-height: 2; font-weight: bold; color: #fff;}
	#about .about_r ul li p{ font-size: 14px;}
}


/*youshi*/
#youshi{padding: 50px 0;}
#youshi .youshi_li .swiper-slide{ width: 100%; overflow: hidden; display: flex;}
#youshi .youshi_li .youshu_l{flex:1; }
#youshi .youshi_li .youshu_r{flex:1;}
#youshi .youshi_li .youshu_l h6{ line-height: 2; color: #333; font-size: 36px; font-weight: bold; border-bottom: 1px solid #dedede;}
#youshi .youshi_li .youshu_l p{padding: 30px 0; color: #666;}
#youshi .youshi_li .youshu_l .youshu_ltxt{ font-size: 18px; line-height: 2; color: #999; padding: 50px;}
#youshi .youshi_li .youshu_l .zixun{ width: 150px; line-height: 40px; text-align: center;  font-size: 16px; }
#youshi .youshi_li .youshu_l .zixun a{color: #666; display: block; border:1px solid #dedede; border-radius: 20px; }
#youshi .youshi_li .youshu_l .zixun:hover a{color: #fff; background: #3daf38;}
#youshi .swiper-pagination{ left: -10%;}
#youshi .swiper-pagination-bullet{ width: 40px; height: 8px; border-radius:0;}
#youshi .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #3daf38;}
#youshi .honer{padding-top: 30px;}
#youshi .honer ul li{ background: #f5f5f5;}
#youshi .honer ul li img{padding:3px;}
#youshi .honer ul li h3{ font-size: 16px; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: 2.5; padding: 0 5px;}
#youshi .owl-nav{display: none;}
#youshi .honer ul li:hover{background: #3daf38; }
#youshi .honer ul li:hover h3{color: #fff;}


@media(max-width: 1659px){
	#youshi .youshi_li .youshu_l .youshu_ltxt{padding: 30px;}
	#youshi .youshi_li .youshu_l h6{ font-size: 28px;}
	#youshi .youshi_li .youshu_l p{padding: 20px 0; font-size: 16px; }
}

@media(max-width: 1459px){
	#youshi .youshi_li .youshu_l .youshu_ltxt{padding:0 15px;}
	#youshi .youshi_li .youshu_l h6{ font-size: 24px;}
	#youshi .youshi_li .youshu_l p{padding: 10px 0; font-size: 15px;}
}

@media(max-width: 991px){
	#youshi{padding: 30px 0;}
	#youshi .youshi_li .swiper-slide{ display: block;}
	#youshi .youshi_li .youshu_l .youshu_ltxt{padding: 0;}
	#youshi .youshi_li .youshu_l p{height: 140px; overflow: hidden;}
	#youshi .youshu_r{margin-top: 20px;}
	#youshi .swiper-pagination{left: 0;}
}

@media(max-width: 767px){
	#youshi .youshi_li .youshu_l h6{ font-size: 18px;}
	#youshi .youshi_li .youshu_l p{ font-size: 14px;}
	#youshi .youshi_li .youshu_l p{height: 238px; overflow: hidden;}
}



/*case*/
#case{background: #f5f5f5; overflow: hidden; padding: 50px 0;}
#case .case_li{overflow: hidden;}
#case .case_li ul li{padding:0 10px; margin-bottom: 20px;}
#case .case_li ul li a{display: block; background: #fff;}
#case .case_li ul li img{padding: 10px; padding-bottom: 0;}
#case .case_li ul li h3{text-align: center; font-size: 18px; color: #666; line-height: 3; font-weight: bold;}
#case .case_li ul li p{line-height: 2; color: #666;}
#case .case_li ul li:hover a{background: #3daf38;}
#case .case_li ul li:hover h3{ color: #fff;}

@media(max-width: 991px){
	#case{padding: 30px 0;}
	#case .case_li ul li:nth-child(n+3){display: none;}
}

@media(max-width: 767px){
	#case .case_li ul li{padding: 0}
	#case .case_li ul li:nth-child(n+2){display: none;}
}


/*news*/
#news{overflow: hidden; padding: 50px 0;}
#news .news_li{}
#news .news_li ul{ display: block; }
#news .news_li ul li{position: relative;  padding: 0 10px; }
#news .news_li ul li a{display: block; padding:0 40px 60px; background: #f5f5f5; border-radius: 8px; transition:all .5s;}
#news .news_li ul li .news_time{ width: 90px; background: #333; padding:30px 10px; position: absolute; border-radius: 5px; top: -50px; transition:all .5s;}
#news .news_li ul li .news_time em{ font-size: 24px; color: #fff; display: block; text-align: right;}
#news .news_li ul li .news_time span{ display: block; color: #bdbdbd; line-height: 2; text-align: right;}
#news .news_li ul li .news_txt{padding-top: 100px; transition:all .5s;}
#news .news_li ul li .news_txt h3{ font-size: 18px; color: #333; line-height: 2; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#news .news_li ul li:hover a{padding:0 40px 40px;}
#news .news_li ul li:hover .news_time{padding:45px 10px;}
#news .news_li ul li:hover .news_txt{padding-top: 120px;}
#news .news_li ul li:hover .news_time{ background: #3daf38;}
#news .news_li ul li:hover .news_txt h3{color: #3daf38; font-weight: bold;}

@media(max-width: 991px){
	#news{padding: 30px 0;}
	#news .news_li ul li a{padding:0 15px 30px;}
	#news .news_li ul li .news_time{ width: 90px; background: #333; padding:10px 10px; position: absolute; border-radius: 5px; top: -50px; transition:all .5s;}
	#news .news_li ul li .news_txt{padding-top: 50px;}
	#news .news_li{margin-top: 20px;}
}

@media(max-width: 767px){
	#news .news_li ul li{margin-bottom: 60px; padding: 0;}
	#news .news_li ul li:last-of-type{margin-bottom: 0;}
}

#news .news_li ul .owl-stage-outer { padding-top: 100px; }

#news .news_li ul .owl-nav { display: block; }
#news .news_li ul .owl-nav .owl-prev,#news .news_li ul .owl-nav .owl-next { display: block;
    width: 30px;
    height: 68px;
    background: url(../images/pro-jtbn.png) no-repeat;
    position: absolute;
    top: 65%;
    margin-top: -34px;
    text-indent: -99999999px;
    opacity: 0.4;
    transition: all .3s;
    -webkit-transition: all .3s; }

#news .news_li ul .owl-nav .owl-prev { left: -30px; }

#news .news_li ul .owl-nav .owl-next { right: -30px;transform: rotate(180deg); } 

/*footer*/
#footer{overflow: hidden; background: #313940; padding-bottom: 30px;}
#footer .footer_txt{overflow: hidden; padding: 50px 0 30px;}
#footer .footer_l p{ font-size: 16px; color: #babbba;  padding:30px 100px 30px 0; line-height: 2;}
#footer .footer_l p a{color: #babbba;}
#footer .footer_l a em{ width: 160px; text-align: center; display: block; line-height: 42px; border:1px solid #babbba; font-size: 16px; color: #babbba;}
#footer .footer_m{border-left: 1px solid #bbb; border-right:1px solid #bbb; padding-bottom: 80px; padding-left: 100px;}
#footer .footer_m a p{line-height: 3; color: #babbba; font-size: 16px;}
#footer .footer_r{ padding-left: 100px;}
#footer .footer_r .footer_rtxt{ line-height: 2; margin-top: 10px; }
#footer .footer_r .footer_rtxt p{color: #babbba;}
#footer .footer_r img{ width: 130px;}
#footer .footer_l a em:hover{background: #3daf38; color: #fff; border:1px solid #3daf38;}
#footer .footer_m a p:hover{color: #3daf38;}

#footer .banquan{border-top: 1px solid #babbba; line-height: 3; color: #babbba; font-size: 12px;}
#footer .banquan a{ line-height: 3; color: #babbba; font-size: 12px;}
#footer .links{overflow: hidden;}
#footer .links h6{ float: left; line-height: 2; color: #999; font-size: 12px;}
#footer .links ul{width: calc(100% - 60px); float: left;}
#footer .links ul li{ float: left;  padding-right: 10px;}
#footer .links ul li a{color: #999; line-height: 2; font-size: 12px;}
#footer .links ul li a:hover{color: #3daf38;}

#footer .city{overflow: hidden; line-height: 40px;}
#footer .city h6{ color: #999; float: left; font-size: 14px; line-height: 3;}
#footer .city ul{width: calc(100% - 80px); float: right;}
#footer .city ul li{ float: left; padding-right: 20px;}
#footer .city ul li a{color: #999; font-size: 14px; display: block; line-height: 3;}
#footer .city ul li a:hover{color: #3daf38;}


@media(max-width: 1659px){
	#footer .footer_r{padding-left: 60px;}
}

@media(max-width: 1459px){
	#footer .footer_l p{padding-right: 40px;}
	#footer .footer_m{padding-left: 40px;}
}

@media(max-width: 1199px){
	#footer .footer_m{padding-left: 20px; padding-bottom:0; }
}

@media(max-width: 991px){
	#footer .footer_l p{ font-size: 15px;}
	#footer .footer_txt{padding: 30px 0;}
	#footer .footer_r{padding-left: 0;}
}

@media(max-width: 767px){
	#footer .footer_l{padding: 0}
	#footer .footer_l p{padding:10px 0; }
	#footer .footer_r{padding: 0; margin-top: 20px;}
}

/*kefu*/
.yb_conct { position: fixed; z-index: 9999999; top: 200px; right: -127px; cursor: pointer; transition: all .3s ease;}
.yb_bar ul li { width: 180px; height: 53px; font: 16px/53px 'Microsoft YaHei'; color: #fff; text-indent: 54px; margin-bottom: 3px; border-radius: 3px; transition: all .5s ease; overflow: hidden;}
.yb_bar .yb_top { background: #EA1509  url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone { background: #EA1509 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ { text-indent: 0; background: #EA1509 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode {background: #EA1509 url(../images/fixCont.png) no-repeat 0 -169px;}
.yb_bar .yb_ercode img{max-width: 100%;}
.hd_qr { padding:0 20px;}
.yb_QQ a,.yb_skype a,.yb_ali a { display: block; text-indent: 54px; width: 100%; height: 100%; color: #fff;}


.showimg-con img{max-width:100%;height:auto !important;}
.showimg-con video{max-width:100%;}
@media(max-width: 767px){
	.showimg-con video{height:auto !important;}
}

/*pageabout*/
#page .crumbsnav{ line-height: 60px; border-bottom: 1px solid #dedede;}
#page .pageabout .showabout{ font-size: 16px; line-height: 2; padding:30px 0;}
#page .pageabout .showabout img{max-width: 100%;}
#page .showcontact{overflow: hidden;}
#page .showcontact .contact_l {overflow: hidden; border:1px solid #dedede; padding: 15px;}
#page .showcontact .contact_l ul h6{ font-size: 20px; font-weight: bold; color: #333; line-height: 3; border-bottom: 1px solid #dedede}
#page .showcontact .contact_l ul li{border-bottom: 1px solid #dedede; border-right:1px solid #dedede; line-height: 3; margin-top: 20px; font-size: 16px; color: #666;}
#page .contact_m h4{ font-size: 20px; font-weight: bold; color: #333; text-align: center; margin-top: 30px; line-height: 3}
#page .showcontact .contact_l ul h6:hover{color: #216a35;}

@media(max-width: 767px){
	#page .pageabout .showabout{ font-size: 14px; line-height: 2; padding:20px 0;}
}


.hotpros .hotprosli {border:1px solid #dedede; overflow: hidden; padding: 15px; margin-bottom: 30px;}
.hotpros .hotprosli h2{border-bottom:1px solid #dedede; padding-bottom: 10px; font-size: 18px; font-weight: bold;}
.hotpros .hotprosli ul{margin:10px 0; overflow: hidden;}
.hotpros .hotprosli ul li{padding:0 10px;  }
.hotpros .hotprosli ul li a{display: block; border:1px solid #dedede; position: relative;}
.hotpros .hotprosli ul li h3{ text-overflow:ellipsis; white-space: nowrap; overflow: hidden; font-size: 15px; position: absolute; bottom: 0; background: rgba(0,0,0,.8); width: 100%; color: #fff; line-height: 2.5; text-align: center;}




#page .hotnewsli{border:1px solid #dedede; overflow: hidden; padding: 15px; margin-bottom: 30px;}
#page .hotnewsli h2{border-bottom:1px solid #dedede; padding-bottom: 10px; font-size: 18px; font-weight: bold;}
#page .hotnewsli ul{margin:10px 0;}
#page .hotnewsli ul li{padding-left: 15px; position: relative; }
#page .hotnewsli ul li::before{position: absolute; content: '◆'; left: 0; font-size: 16px; top: 5px;}
#page .hotnewsli ul li h3{ float: left; width: calc(100% - 100px); font-size: 16px; color: #666; line-height: 32px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#page .hotnewsli ul li em{ float: right; line-height: 32px;}
#page .hotnewsli ul li:hover::before{color: #3daf38;}
#page .hotnewsli ul li:hover h3{color: #3daf38;}
#page .hotnewsli ul li:hover em{color: #3daf38;}






/*pageproduct*/
#page .pagepro{padding: 30px 0; overflow: hidden;}
#page .pagepro ul{overflow: hidden;}
#page .pagepro ul li{padding:10px;}
#page .pagepro ul li a img{display: block; box-shadow: 0px 0px 3px #666; }
#page .pagepro ul li a h3{ font-size: 16px; line-height: 2.5; width: 100%;  text-align: center; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}


#page .pageshowpro{padding: 30px 0;}
#page .pageshowpro .pageshowproli{ overflow: hidden; background: #f5f5f5; padding: 20px;}
#page .pageshowpro .pageshowproli .pageshowproimg{padding: 0;}
#page .pageshowpro .pageshowproli .pageshowprotxt h1{ font-size:20px; color: #333; line-height: 2.5; font-weight: bold; border-bottom: 1px solid #dedede;}
#page .pageshowpro .pageshowproli .pageshowprotxt ul {padding: 10px;}
#page .pageshowpro .pageshowproli .pageshowprotxt ul .zixun{margin-top: 10px;}
#page .pageshowpro .pageshowproli .pageshowprotxt ul .zixun a em{ display: block; width: 150px; line-height: 36px; color: #666; border:1px solid #dedede; text-align: center;}
#page .pageshowpro .pageshowproli .pageshowprotxt ul li{line-height: 2.5; color: #666; font-size: 15px;}
#page .pageshowpro .pageshowproduct{line-height: 2.4; font-size: 16px; margin-top: 20px;}
#page .pageshowpro .pageshowproduct img{max-width: 100%;}
#page .showimg-page{ line-height: 3; }
#page .showimg-page>div{padding: 0 5px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#page .pageshowpro .pageshowproli .pageshowprotxt ul .zixun a em:hover{background: #3daf38; color: #fff;}


@media(max-width: 1199px){
	#page .pagepro{padding: 10px 0;}
	#page .pagepro ul li a h3{ font-size: 14px;}
	#page .pageshowpro .pageshowproli .pageshowprotxt ul{padding: 5px;}
	#page .pageshowpro .pageshowproli .pageshowprotxt ul li{font-size: 14px; line-height: 2;}	
	.hotpros .hotprosli ul li{ margin-bottom: 10px;}
}

@media(max-width: 991px){
	#page .pageshowpro .pageshowproli .pageshowprotxt{padding: 0;}
}

@media(max-width: 767px){
	#page .pageshowpro .pageshowproli{ padding: 10px;}
	#page .pagepro ul li{padding: 3px;}
}


/*pagenews*/
#page .crumbsnav .crumbs{ float: left;}
#page .crumbsnav .crumbs .crumbs_pro{text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#page .crumbsnav ul{ float: right;}
#page .crumbsnav ul li{ float: left; padding-left: 20px;}
#page .crumbsnav ul li a{background: #333; padding: 10px 20px; color: #fff;}
#page .crumbsnav ul li.cur a,#page .crumbsnav ul li:hover a{background: #3daf38;}
#page .pagenews{padding:30px 0;}
#page .pagenewsli{overflow: hidden;}
#page .pagenewsli ul li{overflow: hidden; background: #f5f5f5; padding:30px; margin-bottom: 30px;}
#page .pagenewsli ul li .pagenews_txt{padding-left: 30px;}
#page .pagenewsli ul li a{display: block; overflow: hidden;}
#page .pagenewsli ul li dt{ display: block; padding: 0; overflow: hidden;}
#page .pagenewsli ul li img{transition:all 1s;}
#page .pagenewsli ul li:hover img{transform:scale(1.1);}
#page .pagenewsli ul li h3{color: #333; font-size:20px; line-height: 2.5; font-weight: bold; border-bottom: 1px #dedede dashed; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#page .pagenewsli ul li p{ line-height: 2; margin:10px 0;}
#page .pagenewsli ul li span{ color: #999; display: block; line-height: 2;}
#page .pagenewsli ul li em{ display: block; width: 140px; line-height: 40px; background: #999; color: #fff; text-align: center; margin-top: 15px;}
#page .pagenewsli ul li:hover{box-shadow: 0px 2px 4px #999;}


#page .shownews{ overflow: hidden; padding: 30px 0;}
#page .shownews .shownewsli h1{ font-size: 28px; line-height: 2;}
#page .shownews .shownewsli .time{line-height: 3;}
#page .shownews .shownewsli .jiathis_txt{ float: left; padding: 3px 0;}
#page .shownews .shownewsli .shownews_txt{ font-size: 16px; color: #666; line-height: 2.4; overflow: hidden; padding: 10px 0;}
#page .shownews .shownewsli .shownews_txt img{max-width: 100%;}
#page .shownews .showimg-page{ line-height: 3;}
#page .shownews .time_jiathis{overflow: hidden;}
#page .shownews .time_jiathis .time{ float: left;}
#page .shownews .time_jiathis .jiathis{ float: right;}
#page .pagenewsli ul li:hover h3{color: #3daf38;}
#page .pagenewsli ul li:hover span{color: #3daf38;}
#page .pagenewsli ul li:hover em{background: #3daf38;}

@media(max-width: 1659px){
	#page .pagenewsli ul li h3{line-height: 2; font-size: 18px; font-weight: bold;}
	#page .pagenewsli ul li p{margin: 5px 0;}
	#page .pagenewsli ul li em{margin-top: 5px;}
}

@media(max-width: 1459px){
	#page .pagenewsli ul li em{display: none;}
}

@media(max-width: 1199px){
	#page .pagenewsli ul li{padding: 10px 0;}
	#page .pagenewsli ul li img{padding: 0 10px;}
	#page .pagenewsli ul li .pagenews_txt{padding-left: 10px;}
}

@media(max-width: 991px){
	#page .pagenewsli ul li p{ height: 112px; overflow: hidden;}
	#page .pagenewsli ul li img{padding: 0 10px; width: 100%;}
}

@media(max-width: 767px){
	#page .shownews{ overflow: hidden; padding: 20px 0;}
	#page .shownews .shownewsli h1{ font-size: 20px; line-height: 1.5;}
	#page .shownews .shownewsli .shownews_txt{ font-size: 14px;}
}


/*pageimg*/
#page .pageimg{padding: 30px 0;}
#page .pageimg ul{overflow: hidden;}
#page .pageimg ul li{padding: 0 10px; margin-bottom: 30px;}
#page .pageimg ul li a{display: block; background: #f5f5f5; padding: 10px; padding-bottom: 0;}
#page .pageimg ul li h3{ line-height: 3; font-size: 16px; font-weight: bold; text-align: center;  text-overflow:ellipsis; white-space: nowrap; overflow: hidden; padding: 0 10px;}
#page .pageimg ul li:hover a{background: #3daf38;}
#page .pageimg ul li:hover h3{color: #fff;}


#page .showimg{padding:30px 0;}
#page .showimg .showimg_ltit h1{ text-align: center; font-size: 24px; border-bottom: 1px solid #dedede; padding-bottom:15px;} 
#page .showimg .time{ float: left; line-height: 2;}
#page .showimg .teme_jiathis{overflow: hidden; padding: 10px 0;}
#page .showimg .jiathis{ float: right;}
#page .showimg .jiathis_txt{ float: left; padding: 3px 0;}
#page .showimg .showimg_img img{margin: 0 auto;}

@media(max-width: 1459px){

	#page .pageimg ul li a{padding: 5px;}
	#page .pageimg ul li h3{ font-size: 16px; line-height: 2.5;}
}

@media(max-width: 991px){
	#page .pageimg ul li{margin-bottom: 20px;}
}

@media(max-width: 767px){
	#page .showimg{padding: 20px 0;}
	#page .pageimg ul li{padding: 0;}
	#page .pageimg ul li h3{ font-size: 14px; font-weight: normal; line-height: 2.5;}
	#page .showimg .showimg_ltit h1{ font-size: 20px; padding-bottom:10px; }
}




/*翻页样式*/
.metpager_1{ text-align:center;}
.metpager_2{ text-align:center;}
.metpager_3{ text-align:center;}

#flip{line-height: 25px;}
.digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;}
.digg4 .disabledfy{ font-family: Tahoma, Verdana;}

.metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;}
.metpager_4 a:hover { border:1px solid #009; color:#000;}
.metpager_4 a:active {border:1px solid #009; color:#000;}
.metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none;}
.metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;}

.metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#00205b; display: inline-block; }
.metpager_5 a:hover { border:1px solid #00205b; color:#fff; background-color:#00205b;}
.metpager_5 a:active {border:1px solid #009; color:#000;}
.metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#00205b; text-decoration:none;display: inline-block;}
.metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#666;display: inline-block;}

.metpager_6{ color:#ff6500; }
.metpager_6 a,.metpager_6 span.miy{ border:1px solid  #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../images/page/page6.jpg);}
.metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}
.metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}
.metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;}
.metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;}

.metpager_7 a,.metpager_7 span.miy{ border:1px solid  #2c2c2c; padding:2px 5px 2px 5px; background:url(../images/page/page7.gif) #2c2c2c; color:#fff;}
.metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;}
.metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../images/page/page7_2.gif) #aad83e;}
.metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../images/page/page7_2.gif) #aad83e; text-decoration:none;}
.metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;}
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}
.metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } 
.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } 
.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } 
.metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} 
.metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}