@charset "utf-8";
/* CSS Document @woniu*/
*, ::after, ::before {
    box-sizing: border-box;
}

@media screen and (max-width: 768px) {
.pl02 {
padding-left: .4rem;
}
.pall02 {
padding-left: .4rem;
padding-right: .4rem;
}
}
@media screen and (min-width: 1281px) {
.layui-container {
	width: 1200px;
}
}
.layui-col-space30 {
	margin: -0.325rem
}
.layui-col-space30>* {
	padding: 0.325rem
}
.layui-input-inline {
	width: 96%;
 margin: 0 0 .3rem 0;
}

/****head样式****/

.bodyLogo{ height:120px; overflow:hidden; padding-bottom:10px; padding-top:10px;}
.bodyLogo .weblogo{ width:424px; overflow:hidden;}
.qdcn{ height:30px; line-height:30px; text-align:center; background:#019a45; padding:0 15px; border-radius:5px; color:#fff; font-size:16px; font-weight:bold; margin-top:35px;}
.qdcn strong{ display:block; font-size:24px; height:55px; overflow:hidden; line-height:75px; color:#ff6600}
.qdcn span{ font-size:14px; color:#7d7d7d;}
.qdCon{ width:250px; overflow:hidden;}
.conH{ height:100px; overflow:hidden; background:url(../images/contact.png) no-repeat left 25px; width:58px; background-size:50px;}
.conD{ height:100px; overflow:hidden;}
.conD .conGao{ height:20px; overflow:hidden;}
.conD span{ display:block; font-size:18px; color:#000000; height:25px; overflow:hidden; line-height:30px;}
.conD b{ display:block; color:#ff9000; font-size:24px; margin-top:8px;}
.lxdh{ height:35px; line-height:30px; font-size:18px;}
.tswz{ font-size:16px; height:30px; line-height:30px; color:#fd9940; border:1px solid #fd9940; text-align:center;}

.daohang{ width:100%; height:55px; background:#019a45;}
.dh{ height:55px; background:#019a45; position:relative; z-index:10000;width:1200px; margin:0 auto;}
#jxdhBigDIV .dhMenu.cur {float:left;line-height:55px;display:block; text-align:center; color:white; background:#ff9000; font-size:16px;}
#jxdhBigDIV .dhMenu {background:#ffffff; float:left; background:url(../images/dhli.jpg) no-repeat left top; height:55px; overflow:hidden; width:150px;/*IE6 only*/}
#jxdhBigDIV .dhMenu a {color:white; text-decoration:none; line-height:55px; display:block; width:150px; text-align:center; font-size:16px;}
#jxdhBigDIV .dhMenu a:hover {color:white; text-decoration:none; background:#ff9000;}


/*****flash***/
.section-three{
	overflow:hidden;
}
.owl-carousel-c{
	width: 100%;
	float:left;
	overflow:hidden;
}
#banner{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
#banner .item{ display: block;}
#banner img { display: block;width:100%;margin:0 auto;}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;}	
.owl-carousel .owl-item{float: left;}
.owl-controls{position:absolute;bottom:10px;left:50%;float:left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing { cursor:url(grabbing.png) 8 8, move;}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{margin-top: 10px;text-align: center;}
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */margin: 5px;
padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #ddd;overflow: hidden;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;background:#019a45;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;
-moz-border-radius: 30px;border-radius: 30px;}
.owl-item.loading{min-height: 150px;background: url(AjaxLoader.gif) no-repeat center center}


/********/
.dhbgAndH{ display:block; width:100%;margin-top:-50px; overflow:hidden;}
.blogo{width:270px;overflow:hidden;background:#019a45;border-radius:6px;position:relative;z-index:10;float:left}
.blogo div{overflow:hidden;margin:0 auto}
.blogo dl{overflow:hidden;text-align:center;margin:30px auto}
.blogo dl dd{font-size:18px;color:#fff;overflow:hidden}
.blogo dl dt{font-size:34px;color:#fff;text-align:center;font-weight:700;margin:10px auto}
.blogo dl p{width:80%;border:1px #fff solid;height:50px;line-height:50px;text-align:center;border-radius:6px;position:relative;margin:20px auto 0}
.blogo dl p a{position:relative;z-index:5;color:#fff;font-size:18px}
.blogo dl p:after{content:"";position:absolute;width:0%;height:100%;background:#fff;left:0;top:0}

.pinpai{ width:900px; float:right; margin-top:100px;}
.pinpai h3 {
    font-size: 40px;
	font-weight:bold;
    color: #262626;
    background: url(../images/xx.png) no-repeat left bottom;
    padding-bottom: 30px;
}
.pinpai dd {
    font-size: 16px;
    color: #666;
    line-height: 33px;
    margin: 30px auto 0;
	text-indent:2em;
}

/****横幅***/
.hf{display:block; width:100%; margin:40px 0; overflow:hidden;}
.hf img{ width:100%;}

/****首页新闻****/
.index-news{ width:100%; overflow:hidden;}
.index-xc1{ width:340px; float:left; margin-right:20px;}

.xinwenT{ width:560px; overflow:hidden; border: 1px solid #e8e6e6;}
.xinwenContent{  padding:15px; overflow:hidden;}
.newContent{ display:none;}
.xwUl{ height:45px; overflow:hidden;background:#f0fbf5; padding-left:15px;border-bottom:1px solid #e8e6e6;}
.ulTab{ padding-top:5px;}
.ulTab li{ float:left; width:125px; overflow:hidden; height:45px;}
.ulTab li a{ display:block; height:45px; line-height:35px; width:120px; overflow:hidden; text-align:center;  font-size:16px;}
.ulTab li a:hover,.ulTab li a.tabactive{background:white; position:absolute; color:#e95c07; color:#e95c07; background:white; height:40px; line-height:40px; text-decoration:none; border-left:1px solid #e8e6e6;border-top:1px solid #e8e6e6;border-right:1px solid #e8e6e6;}

.FistNews{}
.FistNews .left{ width:145px; height:105px; overflow:hidden;}
.FistNews .left img{ width:145px; overflow:hidden; height:105px;}
.FistNews .right{ width:370px;}
.FistNews .right strong{ display:block; height:30px; line-height:28px; color:red; font-size:16px; overflow:hidden;}
.FistNews .right strong:hover{ color:red;}
.FistNews .right p{ padding:0px; margin:0px; line-height:24px; color:#afafaf; padding-top:5px;}

.gao15 {
    height: 15px;
    overflow: hidden;
}
.gao20 {
    height: 20px;
    overflow: hidden;
}
.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}

.ulN{}
.ulN li{ height:26px; line-height:26px; overflow:hidden; background:url(../images/sj.png) no-repeat left center; background-size:8px; padding-left:15px;}
.ulN li a{ float:left; color:#777777;}
.ulN li span{ float:right; color:#afafaf;}

.quickLink{ width:260px; height:300px; overflow:hidden; border: 1px solid #e8e6e6;}
.quickLink ul{ width:250px;}
.quickLink ul li{ float:left; width:80px; overflow:hidden;}
.quickLink ul li span{ display:block; width:60px; background-size:40px; height:60px; overflow:hidden;}
.quickLink ul li a{ display:block; width:60px; text-align:center; height:30px; line-height:20px; overflow:hidden; font-size:12px;}

.indexTit{ height:45px; overflow:hidden; background:#f0fbf5; line-height:45px; border-bottom:1px solid #e8e6e6; padding-left:10px;}
.indexTit .right{ padding-right:20px;}
.indexTit .right a{ color:#666666;}
.sb0{ background:url(../images/ljgd.png) no-repeat left center;}
.sb1{ background:url(../images/bg1.png) no-repeat left center;}
.sb2{ background:url(../images/jj.png) no-repeat left center;}
.sb3{ background:url(../images/ff.png) no-repeat left center;}
.sb4{ background:url(../images/kc.png) no-repeat left center;}
.sb5{ background:url(../images/ls.png) no-repeat left center;}
.sb6{ background:url(../images/xc.png) no-repeat left center;}
.indexTit .left{ display:block; height:45px; line-height:45px; padding-left:30px; background-size:25px; font-size:16px; font-weight:bold;}

.index-lx{ padding:10px 15px; overflow:hidden;}
.index-lx p{ line-height:30px; font-size:15px;}


/****关于我们****/
.index-about{ margin:40px 0; overflow:hidden;}
.aboutDIV{ width:920px; overflow:hidden; height:328px; border: 1px solid #e8e6e6;}
.abGG{ width:260px; height:330px; overflow:hidden;}
.aboutPad{ padding:0px 20px 20px 20px; overflow:hidden;}
.aboutPad .leftIms{ width:340px; height:250px; overflow:hidden;}
.aboutPad .leftIms img{ width:340px; height:250px;}
.aboutPad .rightAboutT{ width:520px; overflow:hidden;}
.aboutPad .rightAboutT strong{ display:block; height:35px; line-height:30px; font-size:18px; color:#0d9a4e; font-weight:bold;}
.aboutPad .rightAboutT p{ display:block; padding:0px 0px 10px 0px; margin:0px; line-height:24px;}
.rightAboutT a{ display:block; background:#ff9600; color:White;border-radius:10px; width:140px; height:35px; text-align:center; line-height:35px; font-size:16px; }

.index-xc2{ width:260px; overflow:hidden;}

/*****产品展示***/
.index-product{ overflow:hidden; margin-bottom:40px;}
.jiaoyufangfa { border: 1px solid #e8e6e6; overflow:hidden;}
.prd-show{ padding:15px; overflow:hidden;}
.prd-show li{ width:23%; float:left; margin-bottom:20px; margin-left:1%; margin-right:1%; line-height:30px; text-align:center; font-size:15px;}
.prd-show li img{ width:100%;}
.prd-show li a:hover{ color:#019a45;}
.prd-img{ width:100%; height:0; position:relative; padding-bottom:80%; overflow:hidden;}


/****footer***/
.footer{ background:#019a45; padding:30px 0; overflow:hidden;}
.footnav{ width:60%; float:left;}
.footnav ul{ width:33.3333%; float:left; text-align:left;}
.footnav ul h2{ margin-bottom:15px;}
.footnav ul h2 a{ font-size:17px; color:#fff; font-weight:bold;}
.footnav ul li{ width:100%; height:30px; line-height:30px; float:left;}
.footnav ul li a{ font-size:14px; color:#fff;}

.footlx{ width:25%; float:left;}
.footlx h2{ margin-bottom:15px; font-size:17px; color:#fff; font-weight:bold;}
.footlx{ line-height:30px; font-size:14px; color:#fff;}

.footwx{ width:130px; float:right;}
.footwx img{ width:100%;}
.footwx span{ width:100%; height:30px; line-height:30px; float:left; text-align:center; font-size:14px; color:#fff; background:#ff9000;}

.copyright{ height:60px; line-height:60px; background:#0c8241; text-align:center; font-size:15px; color:#fff; overflow:hidden;}
.copyright a{ color:#fff;}

/****关于我们单页***/
.prdshow{ padding:40px 0; overflow:hidden; background:#f5f5f5;}
.conleft {
	width: 270px;
}
.pro_title {
	height: 70px;
	line-height: 70px;
	width: 270px;
	position: relative;
	left: -1px;
	background: #019a45;
	font-size: 20px;
	text-indent: 30px;
	top: -1px;
	border-radius: 5px 5px 0 0;
}

.pro_title a {
	display: block;
	color: #fff;
	height: 70px;
	background: url(../images/proicon01.png) no-repeat 220px center;
	font-size: 26px;
	line-height: 70px;
}
.pro_info {
    background: #fff;
    padding: 8px 20px 0 20px;
}
.pro_info a {
    background: url(../images/pro_bj.png) no-repeat 10px center;
    border-top: 1px solid #ececec;
    height: 44px;
    line-height: 44px;
    display: block;
    padding-left: 30px;
    font-size: 14px;
    color: #343434;
}
.pro_info a strong{ color:#f00;}
.pro_info ul li:first-child a {
    border-top: 0;
}
.pro_info a:hover{ background: url(../images/pro_bj01.png) no-repeat 10px center; color:#019a45; font-weight:bold;}
.pro_info a.cur{ background: url(../images/pro_bj01.png) no-repeat 10px center; color:#019a45; font-weight:bold;}

.conleft .left_tel {
    width: 270px;
    background: #019a45;
    margin-top: 15px;
    border-radius: 5px;
    padding-bottom: 10px;
}
.conleft .left_tel .con_tel {
    padding: 32px 0 32px 70px;
    height: 110px;
    background: url(../images/pro_tel.png) no-repeat 20px center;
    color: #fff;
}
.conleft .left_tel .con_tel .p1 {
    font-size: 16px;
    margin-top: 3px;
}
.conleft .left_tel .con_tel .p2 {
    font-size: 26px;
    font-family: arial;
    word-spacing: 0;
    margin-top: 10px;
}
.left_tel #qq {
    background: #fdc50b url(../images/index_01.png) no-repeat 60px center;
    padding: 8px 60px;
    display: block;
    width: 220px;
    margin: 20px auto;
    text-align: right;
    font-size: 16px;
    color: #111;
    border-radius: 5px;
}
.left_tel #zaixian {
    background: #fdc50b url(../images/index_02.png) no-repeat 60px center;
    padding: 8px 60px;
    display: block;
    width: 220px;
    margin: 20px auto;
    text-align: right;
    font-size: 16px;
    color: #111;
    border-radius: 5px;
}

.pageabout{ width:900px; background:#fff; overflow:hidden; padding:25px;}
.ny_r_title {
    border-bottom: 1px solid #019a45;
    color: #666;
    line-height: 50px;
    height: 50px;
}
.ny_r_title p a:hover{ color:#019a45;}
.ny_r_title h3 {
    height: 18px;
    float: left;
    border-left: 2px solid #019a45;
    color: #019a45;
	font-weight:bold;
    font-size: 18px;
    line-height: 20px;
    margin-top: 13px;
    padding-left: 10px;
}
.page-content{ width:100%; overflow:hidden; font-size:16px; line-height:2; margin-top:20px;}
.page-content h2{ text-align:center; font-size:20px; font-weight:bold;}
.page-content h3{ border-bottom:1px dashed #ddd; font-size:14px; text-align:center; padding-bottom:10px; margin-bottom:15px;}
.page-content img{ max-width:100%;}
.page-content p{ margin-bottom:10px;}

.ny_news_next {
    color: #333;
    border-top: 1px dashed #c4c4c4;
    margin-top: 30px;
    padding-top: 10px;
	overflow:hidden;
	font-size:13px;
}
.ny_news_next a:hover{ color:#019a45;}

/*****新闻中心***/
.newsul{ width:100%; overflow:hidden; margin:15px 0;}
.newsul li{ width:100%; height:45px; line-height:45px; float:left; border-bottom:1px dashed #019a45; background:url(../images/pro_bj.png) left center no-repeat; text-indent:20px;}
.newsul li a{ font-size:14px;}
.newsul li:hover{ background: url(../images/pro_bj01.png) no-repeat left center; color:#019a45; }
.newsul li:hover a{ color:#019a45;}

/***产品中心***/
.prdlistul{ padding:20px 0; overflow:hidden;}
.prdlistul li{ width:32%; float:left; margin-right:2%; margin-bottom:20px; overflow:hidden; text-align:center; line-height:40px; font-size:15px;}
.prdlistul li:nth-child(3n){ float:right; margin-right:0;}
.prdlistul li img{ width:100%;}
.prdlistul li a:hover{ color:#019a45;}




@media screen and (max-width: 1024px) {
.layui-container{ width:auto;}
.dingbuTop,.bodyLogo .tbg,.qdcn,.qdCon{ display:none;}
.bodyLogo{ padding:0; height:auto;}
.bodyLogo .weblogo{ padding:0 0 0 10px;}
.daohang{ height:auto;}
#jxdhBigDIV .dhMenu a{ height:40px; line-height:40px;}
#jxdhBigDIV .dhMenu.cur{ height:41px; line-height:41px;}
#jxdhBigDIV .dhMenu{ width:25%; height:41px;}
#jxdhBigDIV .dhMenu a{ width:100%}
.jquery_inner{
width: 100%;
overflow: hidden;
border-top: 1px solid #f5f5f5;
border-right: 1px solid #f5f5f5;
height: 40px;
line-height: 40px;
}
.dhbgAndH{ margin-top:30px; padding:0 10px; overflow:hidden;}
.blogo{ width:100%; text-align:center;}
.blogo div{ width:50%; float:left;}
.blogo dl{ width:50%;}
.blogo dl dt{ font-size:24px;}
.pinpai{ width:100%; margin-top:20px;}
.hf{ margin:20px 0;}
.index-news{ padding:0 10px;}
.index-xc1{ width:100%; text-align:center; margin-bottom:20px;}
.xinwenT{ width:100%;}
.FistNews .left{ width:30%; height:auto;}
.FistNews .right{ width:65%;}
.quickLink,.index-xc2,.conleft{ display:none;}
.index-about{ margin:20px 10px;}
.aboutDIV{ width:100%; height:auto;}
.aboutPad .rightAboutT{ width:100%;}
.index-product{ margin:0 10px 20px 10px;}
.prd-show li{ width:48%;}
.footer{ padding:30px 10px;}
.footnav{ width:100%; margin-bottom:15px;}
.footlx{ width:70%;}
.footwx{ width:30%;}
.prd-show li img{ height:auto;}
.prdshow{ padding:20px 10px;}
.pageabout{ width:100%; padding:10px;}
.ny_news_next span{ width:100%; float:left;}
.prdlistul li{ width:48%;}
.prdlistul li img{ height:auto;}
}
