/*  顶部    */
.top { width: 100%; background-color: #0e8a52;}
.top p { font-size: 12px; color: #FFFFFF; line-height: 36px;}
.top p strong { font-size: 16px; font-family: "苹方","微软雅黑"; font-weight: bold;}
.header { width: 100%; height: 120px;}
.logo { width: 100%; padding: 20px 0px;}
.logo img { display: block; max-width: 100%; max-height: 80px;}
.nav { width: 100%; position: relative; z-index: 30;}
#main { position: relative; margin: 0px; padding: 0; text-align: right;}
#main li { display: inline-block; height: 120px; padding: 37px 8px; position: relative; z-index: 5;}
#main li a { display: block; width: 100%; height: 46px; text-align: center;}
#main li a span { display: block; width: 100%; font-size: 15px; color: #333333; line-height: 25px;}
#main li a i { display: block; width: 100%; font-size: 12px; color: #999999; line-height: 21px; font-style: normal;}
#main li.nav_cur { border-bottom: 3px solid #0e8a52;}
#main li.nav_cur a span { color: #0e8a52;}
#main li:hover a span { color: #0e8a52;}
.drop { display: none; width: 200%; padding: 15px 0px; background: #0e8a52; position: absolute; left: -50%; top: 120px; overflow: hidden;}
.drop div { position: relative; width: 100%; overflow: hidden;}
.drop li { display: block; width: 100% !important; height: auto !important; padding: 0 !important;}
.drop li a { display: block; width: 100%; height: 30px !important; text-align: center; font-size: 12px; color: #FFFFFF; line-height: 30px !important;}
.drop li a:hover { text-decoration: underline;}
header { display: none; width: 100%;}
.fixed { position: fixed; top: 0px; z-index: 5000;} 
@media only screen and (max-width: 1200px) {
	.header { height: 186px;}
	.logo img { margin: 0 auto;}
	#main { text-align: center;}
	#main li { width: 10%; height: 66px; padding: 10px 8px;}
	.drop { top: 66px;}
	header { display: none;}
}
@media only screen and (max-width: 992px) {
	#main li { width: 10%; height: 66px; padding: 10px 8px;}
	#main li a span { font-size: 14px; line-height: 24px;}
	#main li a i { font-size: 12px; line-height: 22px;}
}
@media only screen and (max-width: 768px) {
	.top { display: none;}
	.header { display: none;}
	header { display: block;}
}



/*  幻灯片    */
.slider_box, .swiper-container{ width: 100%;}
.swiper-slide { text-align: center; /* Center slide text vertically */ 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;}
.swiper-slide img { display: block; width: 100%;}
@media only screen and (max-width: 768px) {
	.swiper-button-next, .swiper-button-prev { width: 13px; height: 22px; margin-top: -11px; background-size: 13px 22px;}
}



/*  优势    */
.advance ul { width: 100%; background-color: #F5F5F5; margin: 40px 0px;}
.advance ul li { width: 25%; text-align: center; padding: 15px 0px;}
.advance ul li div { width: 100%; border-right: 1px dotted #d9d9d9;}
.advance ul li:last-child div { border: none;}
.advance ul li a { display: block; width: 100%; height: 80px;}
.advance ul li a img { display: block; margin: 5px auto;}
.advance ul li p { padding: 5px 0px 0px 0px; font-size: 20px; line-height: 30px; text-align: center; font-family: "苹方","微软雅黑"; font-weight: bold; color: #0E8A52;}
@media only screen and (max-width: 992px) {
	.advance ul li a { height: 60px;}
	.advance ul li a img { height: 100%;}
	.advance ul li p { font-size: 18px; line-height: 28px;} 
}
@media only screen and (max-width: 768px) {
	.advance ul { margin: 0px 0px 20px 0px;}
	.advance ul li a { height: 30px;}
	.advance ul li p { font-size: 12px; line-height: 24px;} 
}



/*  产品    */
.product { margin: 40px 0px;}
.column_t { width: 100%; height: 105px; padding-bottom: 25px; text-align: center; position: relative; background: url(/JS9HT1MrKxMMJ25THIZoDIkH.jpg) no-repeat center 94px;}
.column_t span { display: block; width: 100%; height: 80px; font-size: 80px; color: #f2f2f2; font-family: "苹方","微软雅黑"; line-height: 80px; font-weight: 300; text-transform: uppercase;}
.column_t h2 { position: absolute; left: 0; top: 0; width: 100%; height: 80px; font-size: 28px; color: #333333; line-height: 80px; text-align: center;}
.pro_content { width: 100%; margin-top: 30px;}
.pro_nav { width: 100%; border-bottom: 2px solid #EEEEEE;}
.nav_lb { width: 100%;}
.nav_lb li { width: 25%; float: left; padding: 0px 15px;}
.nav_lb li a { display: block; width: 100%; margin-bottom: -2px;}
.nav_lb li a img { display: block; width: 100%;}
.nav_lb li a h4 { padding: 10px 0px 15px 0px; font-size: 16px; color: #333333; line-height: 26px; text-align: center; font-family: "苹方","微软雅黑"; font-weight: bold;}
.nav_lb li.nav_current a { border-bottom: 2px solid #0e8a52;}
.nav_lb li.nav_link a { }
.nav_down { width: 100%; padding: 15px 0px 0px 0px;}
.pro_down { width: 100%; padding: 0px 10px; position: relative;}
.pro_left { width: 25%; height: 100%; padding: 5px 10px 5px 5px; position: relative;}
.pro_left > div { height: 100%; background-color: #f2f2f2;}
.pro_left_img { display: block; width: 100%; position: relative;}
.pro_left_img img.img_down {}
.pro_left_img img.img_up { width: 115%; position: absolute; right: 0; top: 0;}
.pro_more { width: 100%; padding: 50px 0px;}
.pro_more a { display: block; width: 100%; text-align: center;}
.pro_more a p { font-size: 16px; color: #666666; line-height: 26px; font-family: "苹方","微软雅黑"; font-weight: 600;}
.pro_more a span { font-size: 12px; color: #AAAAAA; line-height: 20px; font-family: "苹方","微软雅黑"; text-transform: uppercase;}
.pro_more a p:hover { color: #0e8a52;}
.pro_right { width: 75%;}
.pro_right ul li { float: left; width: 33.333%; padding: 5px;}
.pro_right ul li a { display: block; width: 100%; border: 1px solid #EEEEEE; position: relative; overflow: hidden;}
.pro_right ul li a img { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
.pro_right ul li a span { display: block; width: 100%; height: 34px; padding: 5px 10px; position: absolute; left: 0; bottom: 0; font-size: 14px; color: #333333; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro_right ul li a:hover { border: 1px solid #0e8a52;}
.pro_right ul li a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.pro_right ul li a:hover span { color: #0e8a52;}
@media only screen and (max-width: 1200px) {
	.pro_more { padding: 35px 0px;}
}
@media only screen and (max-width: 992px) {
	.pro_more { padding: 25px 0px;}
}
@media only screen and (max-width: 768px) {
	.product { margin: 20px 0px;}
	.column_t { height: 85px; background: url(/JS9HT1MrKxMMJ25THIZoDIkH.jpg) no-repeat center 74px;}
	.column_t span { height: 60px; font-size: 60px; line-height: 60px;}
	.column_t h2 { height: 60px; font-size: 24px; line-height: 60px;}
	.pro_content { margin-top: 20px;}
	.nav_lb { padding: 0px 5px;}
	.nav_lb li { padding: 0px 5px;}
	.nav_lb li a h4 { font-size: 14px; line-height: 24px;}
	.pro_left { width: 100%; height: 100%; padding: 5px; position: relative;}
	.pro_left_img { display: none;}
	.pro_more { padding: 15px 0px;}
	.pro_right { width: 100%;}
	.pro_right ul li { width: 50%;}
}



/*  关于我们    */
.about { margin: 40px 0px;}
.abo_content { width: 100%; margin-top: 30px; padding: 60px 0px; background-color: #F5F5F5;}
.abo_info { width: 100%; padding: 20px 0px;}
.abo_info h1 { margin: 0px; font-size: 28px; font-weight: bold; color: #0E8A52; line-height: 38px;}
.abo_info span { display: block; width: 100%; font-size: 12px; line-height: 22px; color: #0E8A52; font-family: "苹方","微软雅黑"; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;}
.abo_info i { display: block; width: 50px; height: 2px; background-color: #DDDDDD; margin: 20px 0px 30px 0px;}
.abo_info p { font-size: 14px; line-height: 24px; color: #555555; margin-bottom: 15px;}
.abo_img a { display: block; width: 100%; padding: 0px 10px;}
.more a { display: block; width: 160px; height: 40px; margin: 30px auto; border-radius: 20px; background-color: #0E8A52; font-size: 14px; color: #FFFFFF; line-height: 40px; text-align: center;}
.ad_box { width: 100%; height: 160px; overflow: hidden;}
.ad_box a { display: block; width: 100%; height: 100%; position: relative;}
.ad_box a img { display: block; width: 1920px; height: 160px; position: absolute; left: 50%; margin-left: -960px; top: 0;}
@media only screen and (max-width: 1200px) {
	.abo_info { padding: 0px;}
	.ad_box { height: 140px;}
	.ad_box a img { width: 1660px; height: 140px; margin-left: -830px;}
}
@media only screen and (max-width: 992px) {
	.abo_info { padding: 0px 0px 20px 0px;}
	.abo_info span { letter-spacing: 0px;}
	.abo_img a { padding: 0px 0px;}
	.ad_box { height: 100px;}
	.ad_box a img { width: 1200px; height: 100px; margin-left: -600px;}
}
@media only screen and (max-width: 768px) {
	.abo_content { margin-top: 20px; padding: 40px 0px;}
	.abo_info h1 { font-size: 20px; line-height: 30px;}
	.abo_info span { font-weight: normal;}
	.abo_info i { margin: 15px 0px 20px 0px;}
	.abo_info p { font-size: 12px; line-height: 20px; margin-bottom: 10px;}
	.ad_box { height: 50px;}
	.ad_box a img { width: 600px; height: 50px; margin-left: -300px;}
}



/*  新闻    */
.news_lb { float: left; width: 640px; margin: 30px 20px 30px 0px;}
.news_lb li { width: 100%; margin-bottom: 20px;}
.news_lb li:last-child { margin-bottom: 0px;}
.news_lb li > div { width: 100%; position: relative;}
.news_lb li .news_time { width: 120px; height: 120px; margin: 0px 10px 0px 0px; padding: 27px 0px; position: absolute; left: 0; top: 0; background: #EEEEEE; color: #666666; text-align: center; font-family: "苹方","微软雅黑";}
.news_lb li .news_time span { display: block; width: 100%;}
.news_lb li .news_time span.day { font-size: 28px; line-height: 38px;}
.news_lb li .news_time span.month { font-size: 18px; line-height: 28px;}
.news_lb li .news_info { width: 100%; height: 120px; padding-left: 130px; padding-right: 8px;}
.news_lb li .news_info > div { width: 100%; height: 120px; background: #EEEEEE; padding: 20px;}
.news_lb li .news_info h1 { width: 100%; margin: 0px 0px 8px 0px;}
.news_lb li .news_info h1 a { display: block; width: 100%; font-size: 18px; color: #444444; line-height: 28px; font-family: "苹方","微软雅黑"; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.5s;}
.news_lb li .news_info h1 a:hover { padding-left: 5px; color: #0e8a52;}
.news_lb li .news_info p { width: 100%; max-height: 44px; font-size: 12px; color: #666666; line-height: 22px; overflow: hidden;}
.news_lb li.news_current .news_info { background: url(/JS9HT1gHEHOeIxENUHEoIt.jpg) no-repeat right center;}
.news_lb li.news_link .news_info { }
.news_down { float: left; width: 510px; margin: 30px 0px;}
.news_img { display: block; width: 100%;}
.news_more { width: 100%; margin: 0px 0px 40px 0px;}
.news_more a { display: block; width: 150px; height: 32px; margin: 0 auto; border-radius: 16px; background-color: #EEEEEE; font-size: 12px; color: #999999; line-height: 32px; text-align: center;}
.news_more a:hover { background-color: #007D3C; color: #FFFFFF;}
@media only screen and (max-width: 1200px) {
	.news_lb { width: 540px;}
	.news_lb li .news_time { width: 94px; height: 94px; padding: 13.5px 0px;}
	.news_lb li .news_time span.month { font-size: 16px;}
	.news_lb li .news_info { height: 94px; padding-left: 103px;}
	.news_lb li .news_info > div { height: 94px; padding: 10px;}
	.news_lb li .news_info h1 { margin: 0px 0px 5px 0px;}
	.news_lb li .news_info h1 a { font-size: 18px; line-height: 28px;}
	.news_lb li .news_info p { max-height: 40px; line-height: 20px;}
	.news_down { width: 410px;}
}
@media only screen and (max-width: 992px) {
	.news_lb { width: 420px;}
	.news_lb li { margin-bottom: 15px;}
	.news_lb li .news_time { width: 71px; height: 71px; padding: 8.5px 0px;}
	.news_lb li .news_time span.day { font-size: 24px; line-height: 34px;}
	.news_lb li .news_time span.month { font-size: 12px; line-height: 20px;}
	.news_lb li .news_info { height: 71px; padding-left: 81px;}
	.news_lb li .news_info > div { height: 71px; padding: 21.5px 10px;}
	.news_lb li .news_info h1 { margin: 0px 0px 0px 0px;}
	.news_lb li .news_info h1 a { font-size: 18px; line-height: 28px;}
	.news_lb li .news_info p { display: none;}
	.news_down { width: 310px;}
}
@media only screen and (max-width: 768px) {
	.news_lb { width: 100%; margin: 30px 0px;}
	.news_lb li > div { padding-left: 8px;}
	.news_lb li .news_time { left: 8px;}
	.news_lb li .news_info > div { padding: 10px;}
	.news_lb li .news_info h1 { margin: 0px 0px 5px 0px;}
	.news_lb li .news_info h1 a { font-size: 16px; line-height: 26px;}
	.news_lb li .news_info p { display: block; max-height: 20px;}
	.news_down { display: none;}
}



/*  实力    */
/* .strength { width: 100%; margin: 40px 0px;} */
.strength { width: 100%; margin: 10px 0px;}

.strength_box { width: 100%; position: relative;}
.strength_sm { width: 25%; padding: 5px;}
.strength_big { width: 50%; padding: 5px;}
.strength_sm a, .strength_big a { display: block; width: 100%; overflow: hidden;}
.strength_sm a img, .strength_big a img { -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.strength_sm a img:hover, .strength_big a img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.strength_tt_box { height: 100%; position: absolute; left: 25%; top: 0;}
.strength_in { width: 100%; height: 100%; background-color: #0e8a52; padding: 30px; text-align: right; position: relative;}
.strength_in h4 { width: 100%; margin: 5px 0px; font-size: 28px; color: #FFFFFF; line-height: 38px; text-align: right; font-family: "苹方","微软雅黑";}
.strength_in p { width: 100%; font-size: 20px; color: #FFFFFF; line-height: 30px; text-align: right; font-family: "苹方","微软雅黑";}
.strength_in i { display: inline-block; width: 38px; height: 2px; margin-top: 40px; background-color: #FFFFFF;}
.strength_in a { display: inline-block; font-size: 14px; color: #cafcca; line-height: 20px; position: absolute; right: 30px; bottom: 27px;}
.strength_in a:hover { text-decoration: underline;}
@media only screen and (max-width: 992px) {
	.strength_in { padding: 20px;} 
	.strength_in h4 { font-size: 24px; line-height: 34px;}
	.strength_in p { font-size: 16px; line-height: 26px;}
	.strength_in i { width: 28px; margin-top: 20px;}
	.strength_in a { right: 20px; bottom: 17px;}
}
@media only screen and (max-width: 768px) {
	.strength_sm { width: 50%;}
	.strength_big { width: 100%;}
	.strength_tt_box {
		height:-moz-calc(100% - 250px);
height:-webkit-calc(100% - 250px);
height: cale(100% - 250px);
		position: absolute; 
		left: 50%;
		}
	.strength_in { padding: 15px;} 
	.strength_in h4 { margin: 5px 0px 0px 0px; font-size: 20px; line-height: 30px;}
	.strength_in p { font-size: 14px; line-height: 24px;}
	.strength_in a { right: 15px;}
}



/*  资质    */
.honor { width: 100%;

/*  margin-top: 80px; 
 
 padding: 35px 0px 65px 0px;  */
 margin-top: 10px;
 padding: 0px;
 background: url(/JS9HT11rKSkTnyAIUI5SIt.jpg) no-repeat center center;}
.honor_in { width: 73%; margin: 0 auto; padding: 65px 0px; background: url(/JS9HT11rKSkTnyupHIZoDIkH.jpg);} 
.honor_in ul { width: 100%;}
.honor_in ul li { float: left; width: 25%; padding: 0px 5px;}
.honor_in ul li a { display: block; width: 100%;}
.honor_in .more a { margin: 30px auto 0px auto; font-size: 12px;}
@media only screen and (max-width: 1700px) {
	.honor_in { width: 80%;}
}
@media only screen and (max-width: 1600px) {
	.honor_in { width: 85%;}
}
@media only screen and (max-width: 1500px) {
	.honor_in { width: 90%;}
}
@media only screen and (max-width: 1400px) {
	.honor_in { width: 95%;}
}
@media only screen and (max-width: 1300px) {
	.honor_in { width: 100%;}
}
@media only screen and (max-width: 768px) {
	.honor { margin-top: 40px; padding: 0px; background: url(/JS9HT11rKSkTnyAIUI5SIt.jpg) repeat-y center top;}
	.honor_in { padding: 40px 0px;}
	.honor_in ul li { width: 50%; padding: 5px 5px;}
}



/*  底部    */
.footer { width: 100%;}
.footer_up { width: 100%; background-color: #f1f1f1;}
.footer_upbox { width: 100%; padding: 30px;}
.footer_fl { float: left; width: 50%; margin: 20px 0px;}
.footer_text { width: 100%; min-height: 140px;}
.footer_logo { padding-right: 25px;}
.footer_logo img { display: block; width: 100%; max-height: 140px;}
.footer_info { min-height: 140px; padding-left: 25px; border-left: 1px solid #DDDDDD;}
.footer_info h3 { margin-top: 15px; margin-bottom: 10px; font-size: 20px; color: #222222; line-height: 30px; font-family: "苹方","微软雅黑"; font-weight: bold;}
.footer_info p { font-size: 14px; line-height: 24px; color: #666666;}
.footer_fr { float: left; width: 50%; margin: 20px 0px;}
.footer_con { width: 100%;}
.footer_tel { width: 270px;}
.tel_text { width: 100%; padding: 10px 0px 20px 55px; background: url(/JS9HT0SHKzkqIy5pUHEoIt.jpg) no-repeat left 10px; border-bottom: 1px solid #DDDDDD;}
.tel_text p { font-size: 14px; color: #666666; line-height: 22px;}
.tel_number { width: 100%; padding: 15px 0px;}
.tel_number a { display: block; width: 100%; font-size: 32px; color: #0E8A52; line-height: 42px; font-family: "苹方","微软雅黑"; font-weight: bold;}
.erweima { width: 130px; height: 158px; background-color: #FFFFFF;}
.erweima span { display: block; width: 100%; padding: 5px 0px; text-align: center; font-size: 12px; color: #666666; line-height: 18px;}
.friendly { width: 100%; border-top: 1px solid #DDDDDD; padding: 15px 0px;}
.friendly h5 { width: 100%; margin-bottom: 5px; text-align: center; font-size: 12px; color: #444444; line-height: 22px;}
.friendly .fri_list { width: 100%; text-align: center;}
.friendly .fri_list a { display: inline-block; padding: 0px 10px; font-size: 12px; color: #666666; line-height: 22px;}
.friendly .fri_list a:hover { color: #0e8a52;}
.footer_down { width: 100%; background-color: #0e8a52; padding: 8px 0px;}
.copyright { width: 100%; font-size: 12px; color: #FFFFFF; line-height: 22px; text-align: center;}
@media only screen and (max-width: 992px) {
	.footer_upbox { padding: 30px 10px;}
	.footer_fl { float: none; width: 100%;}
	.footer_fr { float: none; width: 100%;}
	.footer_tel { margin-top: 10px;}
}
@media only screen and (max-width: 768px) {
	.footer_upbox { padding: 10px;}
	.footer_text { min-height: 100px;}
	.footer_logo { padding-right: 15px;}
	.footer_logo img { width: auto; max-height: 100px;}
	.footer_info { min-height: 100px; padding-left: 15px;}
	.footer_info h3 { margin-top: 10px; margin-bottom: 5px; font-size: 16px; line-height: 26px;}
	.footer_info p { font-size: 12px; line-height: 20px;}
	.footer_tel { width: 200px;}
	.tel_text { padding: 10px 0px 20px 50px; background-size: 40px 40px;}
	.tel_text p { font-size: 12px; line-height: 20px;}
	.tel_number { width: 100%; padding: 15px 0px;}
	.tel_number a { font-size: 24px; line-height: 34px;}
	.erweima { width: 110px; height: 138px;}
}


/*2020.01.14新增*/
.suspension { position: fixed; z-index: 55; right: 0; bottom: 30px; width: 54px; height: 200px;}
.suspension-box { position: relative; float: right;}
.suspension .a { display: block; width: 44px; height: 44px; background-color: #353535; margin-bottom: 4px; cursor: pointer; outline: none;}
.suspension .a.active, .suspension .a:hover { background: #0e8a52;}
.suspension .a .i { float: left; width: 44px; height: 44px; background: url(/JS9HT0qhEHfnEI9I.jpg) no-repeat; background-size: 44px 44px;}
.suspension .a-top .i { background: url(/JS9HT0MRDHAEJ0WoKSbLH1HqESgJ.jpg) no-repeat;}
.suspension .a-top { background: #D2D3D6; display: none;}
.suspension .a-top:hover { background: #c0c1c3;}
.suspension .d { display: none; width: 180px; position: absolute; right: 54px; background: #fff; border: 1px solid #E0E1E5; border-radius: 3px;}
.suspension .d-service { top: 0px; text-align: center;}
.suspension .d-qrcode { top: -54px; text-align: center;}
.suspension .d .inner-box { padding: 15px 0px;}
.suspension .d .inner-box p{font-size:16px;color:#93959c;}
@media only screen and (max-width: 768px) {
	.suspension { display: none;}
}