html, body, div, span, applet, object, iframe,
h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size:14px;vertical-align: baseline;outline:none;}
ol, ul {list-style: none;}
a{text-decoration: none;}
html{font-size:14px;}
body {font-family: Arial;color: #000;padding-top:164px; line-height:2.5em;}

.pdb50{padding-bottom:50px;}
.nav_con{position:relative;width:auto;box-sizing:border-box;}
.nav_con li a{display: block;position: relative;}
.nav_con li a:hover{color:#471eb3;}
/*.nav_con li:hover .navbardown{max-height:800px;}*/
.nav_con li a.on{color:#fff; background:f30}
.nav_con .line{ width:12rem; height:2px;background:#ff6800; position:absolute; top:50px;}
#navbar-collapse{background: rgba(255,255,255,1); position:fixed; right:0; top:141px; bottom:0; width:200px; padding:40px 20px; padding-top:0; z-index:999;
  -moz-box-shadow: 0 1px 2px #888888; 
  box-shadow: 0 1px 2px #888888;}
#navbar-collapse li a{display: block;position: relative; line-height:3em; border-bottom:#ccc solid 1px; padding:0; color:#368436; text-indent:5px;}
#navbar-collapse li a:hover{color:#fff;}
.hidd{overflow: hidden;}
.navbar-nav li a{font-size:16px;}
.header, .header_contactus, .header_case, .marketing_header, .marketing_header01, .marketing_header02,
.header_detailedcase{position: relative;width: 100%;height: 100%;background: url("../imgs/lp1-1.jpg") no-repeat center top scroll;
-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;margin-top:-5.4rem;z-index: -1;}
.header_contactus{background-image: url("../imgs/xq7.jpg");}
.header_case{background-image: url(../imgs/lp1-18.jpg);}

.topnav {width:100%; background:#49ad49;}
.navbardown {padding-top:0; width:auto;padding:0; margin:0; margin:0 auto;background: rgba(54,132,54,.8); z-index:-99; position:fixed; top:158px; left:0;border-top:#e6e6e6 solid 1px; display:none; overflow:hidden;transition:max-height 0.5s;}
.navbardown dl{padding:0; margin:0; display:block; width:100%;}
.navbardown dl dt {min-width:157px; display:block; border-bottom:#fff solid 1px;}
.navbardown dl dt a{color:#fff;display:block; font-size:1.0em; padding:5px 35px; text-align:center; line-height:3.5em;white-space:nowrap; font-weight:normal;}
.navbardown dl dt a:hover{color:#fff; background:#368436;}
.navbardown dl dd {text-align:left; padding:5px 0; line-height:1.5em; font-size:0.8em; position:fixed; z-index:-99; left:0px; top:0;background: rgba(54,132,54,.8); display:none;}
.navbardown dl dd a{display:block;min-width:140px;color:#fff; padding:5px 35px; line-height:2em; font-size:1em;white-space:nowrap}
.navbardown dl dd a:hover{color:#fff; background:#368436;}


@media (min-width: 768px) and (max-width: 991px){
.nav > li > a {
  padding: 0 11px;
}
}
@media (min-width: 992px) and (max-width: 1199px){
.nav > li > a {
  padding: 0 25px;
}
}

.focusBox{width:100%; margin:0 auto; overflow:hidden; position:relative;}
.focusPic{width:100%; height:340px; list-style:none; margin:0; padding:0;}
.focusPic li{width:100%; position:absolute; list-style:none; margin:0; padding:0; display:none;}
.focusPic li a{display:block; width:100%; height:340px; background-size:cover; background-position:50% 50%;}
.focusPic li img{display:block;}
.focusNum {position:absolute; left:50%; margin-left:-40px; top:90%; text-align:center;}
.focusNum span{margin:0px 15px; display:block; width:16px; height:16px; overflow:hidden; float:left; cursor:pointer;  background:url(../images/run.png) no-repeat;}
.focusNum span.on{background:url(../images/run_over.png) no-repeat;}

.index_tj{width:100%;background:url(../images/tjbg.jpg); background-size:cover; margin:0 auto;}
.tjtit {border-bottom:#358435 solid 1px; margin:35px auto; margin-bottom:75px; text-align:center; height:40px;}
.tjtit span{display:inline-block; line-height:34px; color:#358435; font-size:24px; margin:0 auto; margin-top:14px; background:#fff; padding:5px 30px;}
.tjcon{margin-bottom:55px;}
.tjcon dt{float:left; width:45%; height:115px;}
.tjcon dt img{filter: grayscale(100%); filter:gray;}
.tjcon dt:hover img{filter: grayscale(0%); filter:;}
.tjcon dd{float:left; width:55%; height:115px;}
.tjcon dd h1{font-size:16px; display:block; margin-top:0;}
.tjcon dd h2{font-size:12px; display:block; height:40px; line-height:20px; margin-top:15px; overflow:hidden;}
.tjcon dd h3{font-size:12px; display:block; width:80px; line-height:26px; text-align:center; margin-top:0; background:#49ad49; border-radius:10px;}
.tjcon dd h3 a{color:#fff;}
@media (max-width: 991px){
.index_tj .col-md-4 {width:50%; float:left;}
}

.index_friend {margin-right:-40px; margin-top:-40px;}
.index_friend li{float:left; width:185px; height:55px; margin-right:17px; margin-bottom:17px; border:#ccc solid 1px; overflow: hidden;}
.index_friend li img{width:185px; height:55px;}

.index_about {width:100%;}
.aboutcon {line-height:220%; margin-top:-40px;}
.aboutcon p{margin-bottom:10px;}

.index_news {width:100%;}
.newscon {margin-top:-40px;}
.index_news .col-md-2{padding:0; color:#471eb3;}
.index_news .col-md-10,.index_news .col-md-3{padding:0; color:#959595; overflow:hidden;}
.index_news .col-md-3.nright{text-align:right;}
@media (min-width: 992px){
.index_about {float:left;width:46%;}
.index_news {float:right;width:46%;}
}
@media (min-width: 768px){
.index_news .col-md-2,.index_news .col-md-3{padding:0; width:20%; float:left;}
.index_news .col-md-10{padding:0; width:80%; float:left;}	
}

.index_big {border-top:#d1d1d1 solid 1px; background:url(../images/newsbg.jpg) top center no-repeat; background-size:100%;}
.index_con {padding:50px 0;}
.index_con .col-md-4{padding-bottom:30px; background:url(../images/con_bg.jpg) bottom center no-repeat;}
.index_con .con_kk{border:#e6e6e6 solid 1px; padding:25px; min-height:140px;}
.index_con .con_kk h1{font-size:16px; margin-bottom:19px; margin-top:0;}
.index_con .con_kk h2{font-size:12px; line-height:20px;margin-bottom:0; color:#3c3b3b;}
.index_con .con_kk h2 img{margin-right:24px; text-align:left; float:left;}
@media (min-width: 992px){
.index_con .col-md-4.first{padding-left:0;}
.index_con .col-md-4.last{padding-right:0;}
}

/*banner*/
.banner {height:250px; background-position:center; background-color:#f0f0f0; background-size:auto 100%;}

/*daohang*/
.daohang {line-height:40px; margin-top:15px; text-align:right; color:#959595; font-size:12px;}
.daohang a{color:#959595;}
.daohang span{color:#368436;}

.memu {clear:both;text-align:center; border-bottom:#d1d1d1 solid 1px; min-height:42px; margin-bottom:50px;}
.memu a{display:inline-block; font-size:18px; padding:5px 10px; border-bottom:#d1d1d1 solid 1px; line-height:32px; margin-top:5px; margin-right:44px; margin-left:44px; margin-bottom:-4px; }
.memu a.active{color:#358435; border-bottom:#358435 solid 4px;}
.memubg {background:url(../images/newsbg.jpg) top center no-repeat; background-size:100%; height:50px; clear:both;}
@media (max-width: 991px){
.memu a{float:left;margin:5px 34px -4px 34px;}
}

.memu2 {clear:both; border-bottom:#d1d1d1 solid 1px; min-height:42px; margin-bottom:10px;}
.memu2 a,.memu2 span{float:left;margin:5px 50px 5px 0; font-size:16px;}
.memu2 a.active{color:#e53c31;}


/*guestbook*/
.guestbook{padding:5% 10%;background:url(../images/guestbook.jpg); background-size:cover;}
.myname,.myphone,.myadd,.mycon {width:100%; margin-bottom:5%; background:#ececec; border:#c5c5c5 solid 1px; border-radius:5px; line-height:3em; padding:0 1em;}
.mybtn {font-size:20px; line-height:3em; background:#368436; color:#fff; border:0; padding:0 2em; border-radius:5px; margin:0 2em;}
@media (min-width: 768px){
	.myname {width:48%; float:left;}
	.myphone {width:48%; float:right;}
}

/*job*/

.job_list li {line-height:50px;overflow:hidden;font-size:14px; border-bottom:#bbb dashed 1px; cursor:pointer;}
.job_list li .bt b{float:left; width:30%; height:40px; font-weight:bold;}
.job_list li .bt span{float:right;}
.job_list li .con {display:none; clear:left;line-height:36px; margin-bottom:20px;}
.job_list li .con h2{display:block; font-size:18px; color:#005bac; margin-top:10px;}

/*product*/
.product {border:#ddd solid 1px; text-align:center;margin-top:10%;}
.propic a{vertical-align:inherit; display:block;}
.propic a img{vertical-align:inherit; display:block;}
.protit {background:#ccc; font-size:18px; line-height:2.4em;}
.protit:hover {background:#49ad49;}
.protit:hover a{color:#fff;}
.protit.cur {background:#49ad49;}
.protit.cur a{color:#fff;}
@media (max-width: 991px){
.pro_list .col-md-4 {width:50%; float:left;}
}

.probig {border:#ccc solid 1px; margin-bottom:50px; text-align:center;}
.prodetail {font-size:16px; margin-bottom:50px;} 
.jj{color:#676767;}
.zxzx {font-size:18px; background:#49ad49; color:#fff; border:0; padding:0.5em 2em; border-radius:5px; margin-top:60px;}
@media (min-width: 768px){
.probig {width:45%; float:left;}
.prodetail {width:51%; float:right;} 
}

/*news*/
.news {border-bottom:#ccc solid 1px; margin-bottom:15px; line-height:2.4em;}
.news .col-md-3{color:#b6b6b6;}

/*solution*/
.solution {margin:5% 4%;line-height:1.5em; font-size:12px; color:#3c3b3b;}
.solution h2{font-size:1.3em; line-height:2em; font-size:16px;}
.boxshadow{
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 8px rgba(0, 0, 0, .2);
}


/*content*/
.tit{font-size:18px; padding:10px; border-bottom:#ccc solid 1px; margin-bottom:40px; color:#f30;}
.bot {line-height:40px; padding:10px 0; margin:80px 0; font-size:12px;}
.bot .xiangguan {color:#a4a4a4; width:50%; float:left;}
.bot .xiangguan a {color:#a4a4a4;}
.bot .xgright {text-align:right;}
.bot .back {color:#a4a4a4; text-align:right; border-bottom:#ccc dashed 1px;}
.bot .back a {color:#a4a4a4;}
.bot .back span {color:#3b1e87; float:left; font-size:1.5em;}
.conafter {width:100%; height:50px; margin-top:-40px;}

/*pages*/
.pages {text-align:center; padding:30px 0; line-height:24px; font-size:0.8em;}
.pages a {background:#8ec420; color:#fff; border:1px solid #8ec420; padding:5px 10px; margin:0px 3px;}
.pages span {background:#a5a5a5; color:#fff; border:1px solid #a5a5a5; padding:5px 10px; margin:0px 3px;}

/*bottom*/
.bottom {color:#8d8d8d; margin-top:45px; margin-bottom:25px;}
.bottom img{vertical-align:middle; margin-right:10px; float:left;}
.copyright{background:#41ae41 url(../images/bobg.jpg) center repeat-x; color:#fff; height:42px; line-height:42px; margin:0 auto;}
.boleft{float:left;}
.boright{float:right;}
.copyright a{color:#fff;}
.boqq {width:121px; position:fixed; right:55px; bottom:86px;}
.kefu {margin-bottom:-18px; cursor:pointer;}
.qq{background:#41ae41; border-radius:8px; padding:10px; color:#fff;}
.qq li{margin-bottom:10px; cursor:pointer;}
.qq img {vertical-align:middle;}
@media (max-width: 991px){
.bottom .col-md-4 {margin-bottom:20px;}
}

@media(min-width: 1200px){
	.focusPic{height:340px;}
	.focusPic li a{height:340px;}
    .banner {height:250px;}
	}
@media(min-width:992px) and (max-width: 1200px){
	.focusPic{height:300px;}
	.focusPic li a{height:300px;}
    .banner {height:200px;}
	}
@media (min-width: 768px) and (max-width: 991px){
	.focusPic{height:250px;}
	.focusPic li a{height:250px;}
    .banner {height:180px;}
}
@media (min-width: 414px) and (max-width: 768px){
	body{padding-top:114px;}
	.focusPic{height:200px;}
	.focusPic li a{height:200px;}
    .banner {height:150px;}
	.bot .xiangguan {width:100%;}
	.bot .xgright {text-align:left;}
    .index_news .col-md-3.nright{text-align:left;}
}
@media (min-width: 320px) and (max-width: 414px){
	body{padding-top:114px;}
	.focusPic{height:150px;}
	.focusPic li a{height:150px;}
    .banner {height:150px;}
	.bot .xiangguan {width:100%;}
	.bot .xgright {text-align:left;}
    .index_news .col-md-3.nright{text-align:left;}
}





.uityouce{
	position: fixed;
	right: 10px;
	bottom: 20%;z-index: 999;
}	
.uityouce li{
	background: #41AE41;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.uityouce li.tps{
	background: #b2b2b2;
}
.uityouce li.tps:hover{
	background: #41AE41;
}
.uityouce li .icon{
	height:36px ;
	margin: 0 auto;position: relative;
}
.uityouce li .icon img{
	display: block;
	margin: auto;
	max-width: 100%;
	max-height: 100%;position: absolute;
	left: 0;right: 0;
	top: 0;z-index: 1;object-fit: contain;bottom: 0;
}
.uityouce li .weixs{
	width: 125px;
	position: absolute;
	right: 100%;
	margin-right: 20px;
	top: -33px;z-index: 11;
	background: #41AE41;
	border-radius: 6px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;display: none;
}
.uityouce li .weixs::before{
	content: "";position: absolute;
	right: -13px;
	top: 50%;z-index: 1;background: url(../images/tp5.png) no-repeat center;width: 13px;height: 30px;margin-top: -15px;
}
.uityouce li .weixs img{
	display: block;
	width: 100%;
}
.uityouce li a{
	padding: 8px 0;
	display: block;
}

.uityouce .phone{
	position: absolute;
	right: 100%;top: 0;
	line-height: 50px;
	padding: 0 20px;
	background: #41AE41;
	white-space: nowrap;
	font-size: 18px;
	color: #ffffff;font-family: Arial;
	border-radius: 26px;margin-right: 5px;display: none;
}
.uityouce li:hover .hover{
	display: block;
}