@charset "utf-8";
.swiper-pagination-bullet-active { background-color:#F4C117; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:60px; }

body{ font-family:"微软雅黑","arial","sans-serif"; color:#333; font-size:14px; line-height:2; }
a { text-decoration:none; color:#333; blr:expression(this.onFocus=this.blur()); outline: none; }
a:hover { color:#0E9E79; }
a:hover { text-decoration:none; -moz-transition-duration: 0.2s;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s; transition-duration:0.2s;  -webkit-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;-moz-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity; -o-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;  transition-property:color, background-color, background, width, height, top, left, bottom, right, display, border,opacity; }
.full { width:expression(document.body.clientWidth <= 1200? "1200px": "auto");;min-width:1200px; }
.clear { clear:both; }
.red { color:#CB1500; }
.yellow { color:#F0FF00; }
.gray { color:#999; }
.space10 { clear:both; height:10px; overflow:hidden; }
.space20 { clear:both; height:20px; overflow:hidden; }
.f20 { font-size:20px; }
.f16 { font-size:16px; }
.pzoom { overflow:hidden; }
.pzoom img { transition: all 0.3s; }
.pzoom:hover img { transform: scale(1.2); }


.btn-primary { background-color:#0E9E79; border-color:#0E9E79; }
	.btn-primary:hover { background-color:#0E9E79; border-color:#0E9E79; }
.swiper-button-next { background-image:url('../images/icon_next1.png') }
.swiper-button-prev { background-image:url('../images/icon_prev1.png') }


/* head ,footer */
.top { background:#000; height:153px; }
.top .container {   }
.top-logo { padding:15px 0 0 10px; }
	.top-logo h1 { margin:0px 0 0; padding:0px 0 0 5px; font-size:32px; font-weight:bold; color:#FFF; }
.top-phone {  color:#0E9E79; font-size:16px;  background:url('../images/ico-phone.png') no-repeat left center; padding-left:55px; margin-top:10px; line-height:1.3; margin-bottom:15px; }
	.top-phone strong {  color:#FFF; font-size:26px; display:block; }

nav.top-nav { clear:both; line-height:1.7; position:relative; z-index:999; font-size:16px; margin:0px 0 0; padding:15px 0 0; border-top:1px solid #053529; }
	nav ul { margin:0; padding:0; }
	nav li { margin:0px 20px; padding:0 0px; height:auto; }
	.nav-pills > li + li { margin-left:0; }
	nav .nav>li:first-child>a { background-image:none; }
	nav .nav>li>a{ color:#FFF; width:auto; text-align:center; background:none; padding:0px 40px; height:40px; line-height:40px; }
	nav .nav-pills>li.active:hover>a { color:#FFF;  background:#0E9E79; margin-top:0px; }
	nav .nav-pills>li.active>a,nav .nav-pills>li.active>a:focus,nav .nav-pills>li>a:hover{ color:#FFF; border-radius:0px;  background:#0E9E79; margin-top:0px; }
	nav .nav>li:hover>a { color:#FFF; }
	nav .nav>li ul { display:none; list-style-type:none; margin:0 0 0 0px; padding:0px 0 0; z-index:8; background:#0E9E79; border-radius:0px; position:absolute; left:0; top:40px; width:100%; z-index:4; border:none; }
	nav .nav>li ul li { margin:0; padding:0; width:100%; height:40px; border:none; }
	nav .nav>li ul li:last-child { border-bottom:none; }
	nav .nav>li ul li a { display:block; width:100%; color:#FFF; text-align:center; font-size:14px; line-height:40px; height:40px; border-top:1px solid rgba(255,255,255,0.3); }
	nav .nav>li:hover ul { display:block; }
	nav .nav>li:hover li>a { color:#FFF; }
	nav .nav>li:hover li>a:hover { background:#FFF; color:#0E9E79; }

.index-footer { background:#000; color:#888; padding:30px 0; }
	.index-footer a {  color:#888; }
	.index-footer h3 { font-size:20px; font-weight:normal; margin:0; padding:0px 0 15px; }
	.footer-contact { padding:0px 20px 0px 0px; line-height: 1.8em; }
		.footer-contact p { margin:0 0 0px; clear:both; }
	.footer-qr { padding:0px 0px 0px 70px; text-align:center; }
		.footer-qr img { width:100px; }
		.footer-qr p { padding:0px 0px 0 0;  margin:0; }
	.footer-phone {  color:#7ED4C6; font-size:20px;  background:url('../images/ico-phone2.png') no-repeat left center; padding-left:75px; margin-top:30px; line-height:1.5; }
	.footer-phone strong {  color:#FFF; font-size:30px; display:block; }



/* pages */
.page-turner { padding:20px 10px 0; font-family:Verdana, Geneva, sans-serif; }
	.page_btn { display:inline-block; background-color:#FFF; border:1px solid #EEE; width:auto; padding:0 12px; line-height:35px; color:#333; margin:0 2px; border-radius:0px; }
	.page_cur { display:inline-block; background-color:#333; border:1px solid #333; color:#FFF; width:auto; padding:0 12px; line-height:35px; margin:0 2px; border-radius:0px; }
	.page_disable { display:inline-block; background-color:#F7F7F7; border:1px solid #EEE; width:auto; padding:0 12px; line-height:35px; color:#333; margin:0 2px; border-radius:0px;}



/*index*/
.index-banner { width:100%; z-index:-1; overflow:hidden; }
	.index-banner .swiper-wrapper { z-index:-1; }
	.banner-container a { display:block; width:100%; }
	.banner-container img { width:100%; }
	.index-banner .swiper-pagination { bottom:10px; }
	.swiper-pagination-bullet { opacity:0.5;}
	.swiper-pagination-bullet-active { background-color:#F4C117; opacity:1; }


.index-title { padding:0px 0px 40px; margin:0 auto; position: relative; text-align: center; }
	.index-title h3 { margin:0 0 0px; padding:0 0px 0; font-size:30px; letter-spacing: 1px; line-height:1em; color:#333; font-weight:bold;  width:auto; display: inline-block;  }
	.index-title small { font-size:22px; color:#0E9E79; font-family:Arial; font-weight:bold; display: block; line-height:1.2em; }
	.index-title p { color:#999; font-size:14px; margin:0; }
	.index-more { padding:0px 0; }
	.index-more a { display:inline-block; height:50px; color:#FFF; background:#0E9E79; font-size:16px; text-align:center; width:170px;  line-height:50px; }
	.index-more a:hover { display:inline-block; background:#40BB9C; }

.index-xiaosha { padding:70px 0; }
	.index-xiaosha-list { margin:0 0 50px -10px; padding:0; list-style-type:none; overflow:hidden; }
	.index-xiaosha-list li { padding:0 0 0 10px; }
	.index-xiaosha-list li:nth-child(odd) .index-xiaosha-box { border-top:6px solid #0E9E79; }
	.index-xiaosha-list li:nth-child(even) .index-xiaosha-box { border-bottom:6px solid #0E9E79; }
	.index-xiaosha-box { padding:20px 16px; height:150px; overflow:hidden; }
	.index-xiaosha-box h4 { font-size:18px; font-weight:bold; margin:0 0 10px; }
	.index-xiaosha-box small { color:#888; font-size:14px; display:block; line-height:23px; max-height:46px; overflow:hidden; text-align:justify; }
	.index-xiaosha-link { font-size:14px; color:#0E9E79; text-align:right; padding:10px 0 0; }
	.index-xiaosha-thumb img { width:100%; }
	.index-xiaosha .index-more { text-align:center; }
	.index-xiaosha .index-more a { background:#FFF; color:#0E9E79; border:1px solid #0E9E79; width:140px; }
	.index-xiaosha .index-more a:hover { background:#0E9E79; color:#FFF; }

.index-cases {  }
  .index-cases .container { margin-top:0px; padding:50px 0 50px; background: #FFF; position: relative; z-index: 1; }
  .cases-slide-c { overflow:hidden; padding-right:20px; }
  .index-cases-list { list-style-type: none; margin:0; padding:0 18px 0 0; }
  .index-cases-list li { text-align: center; padding:0 0 20px 18px; }
  .index-cases-list li .pzoom { width:100%; height:0; padding-bottom:105.9%; margin:0 auto 5px; position: relative; overflow: hidden; }
	.index-cases-list li .pzoom .case-box { width:100%; height: 100%; position: absolute; }
	.index-cases-list .pzoom .case-box img { width:100%; height: 100%; object-fit: contain; }
  .index-cases-list li h4 {  height:40px; line-height:40px; font-size:16px; text-align:center; margin: 0; }
  .index-cases-list li:hover h4 {  color:#0E9E79; }
  .photoPre { left:-30px; background-image:url('../images/icon_prev.png'); margin-top:0; }
  .photoNext { right:-30px; background-image:url('../images/icon_next.png'); margin-top:0; }


.index-about { padding:70px 0; background:#EEE; }
	.index-about .container { background:#FFF; padding:20px; }
	.index-about-box { margin:0 0 0 0px; padding:10px 20px 0 20px; }
	.index-about .index-more { margin-top:15px;  }
	.about-container { font-size:16px; line-height: 2; color:#666; text-align:justify; }
	.about-thumb { padding:0 10px 0 0px; }
	.about-thumb img { max-width:100%; }


.index-solution { background: url('../images/bg1.jpg') no-repeat center top; padding:90px 0; position:relative; height:669px; }
   .index-solution-bg { left:0; width:50%; height:669px; top:0; position:absolute; background:#0E9E79; }
   .solution-container { overflow:hidden; }
  .index-solution-right { padding:0px 0 0 50px; margin-left:-100px; }
  .index-solution-left { padding:80px 90px 0px 0; }
  .solution-container .index-title { text-align:left; padding-top:42px; }
  	.solution-container .index-title:before { content:''; width:90%; height:158px; display:block; position:absolute; border:3px solid #FFF; left:10%; top:0; z-index:0; }
  	.solution-container .index-title h3 { color:#FFF; background:#0E9E79; position:relative; z-index:1; width:90%; padding-bottom:8px; }
	.solution-container .index-title small { color:#FFF; background:#0E9E79; position:relative; z-index:1; width:90%; padding-top:8px; }
	.index-title-p { color:#FFF; font-size:14px; line-height: 1.6em; padding:30px 0; }
	.index-solution-type a { display:inline-block; margin-right:20px; font-size:16px; width:140px; height:40px; line-height:40px; text-align:center; border:1px solid #FFF; color:#FFF; }
	.index-solution-type a.active { background:#FFF; color:#333; }
	.index-solution-type a:last-child { margin-right:0; }
	.index-solution-list-c { background:#FFF; padding:0px 0px; height:480px; overflow:hidden; }
	.index-solution-list-c .index-more { text-align: right; margin-top:20px; }
	.index-solution-list-c .index-more a { width:120px; height:40px; line-height:40px; }
	.index-solution-list { margin:0 30px; overflow:hidden; padding:10px 0px; }
	.index-solution-list ul { list-style-type: none; margin: 0 0px; padding:50px 0px 0; }
	.index-solution-list li { padding:0 20px; }
	.index-solution-list li a { display:block; width:100%; text-align: center; }
	.index-solution-box { width:163px; height:163px; border:1px solid #0E9E79; border-radius:86px; margin: 0 auto 30px; display:flex; align-items:center; justify-content:center; overflow: hidden;}
	.index-solution-box img {  }
	.index-solution-list li h4 { text-align: center; margin:0; font-size:18px; font-weight:bold; }
	.index-solution-list li h4:after { content:''; width:83px; height:2px; background:#CCC; margin:10px auto 0; display:block; }
	.index-solution-list li small { display:block; text-align:justify; color:#999; font-size:14px; line-height:23px; height:69px; overflow:hidden; margin-top:15px; }
	.index-solution-list li a:hover .index-solution-box {  }
	.index-solution-list li a:hover h4 { color:#0E9E79; }
	.solutionPre { left:65px;  margin-top:0; }
    .solutionNext { right:15px; margin-top:0; }


.index-news { padding:70px 0; background-image:linear-gradient(to bottom,#EEE 0px,#EEE 198px, #FFF 198px, #FFF 100%); background-repeat:repeat-x; background-position:center top;  }
	.index-news .container { overflow:hidden; padding-bottom:20px; }
	.index-news-pic { padding:0px 40px 0 0; }
		.index-news-pic img {  }
	.index-news-box {  margin-left:-100px; padding-left:80px; }
	.index-news-c { background:#FFF; height:406px; padding:25px 40px 0;  -webkit-box-shadow: 0px 5px 12px 5px rgba(0,0,0,0.05); -moz-box-shadow: 0px 5px 12px 5px rgba(0,0,0,0.05); box-shadow: 0px 5px 12px 5px rgba(0,0,0,0.05);  }
	.index-news-c .index-title { text-align:left; padding-top:0; padding-bottom:0; }
	.index-news-c .index-more a { width:130px; }
	.index-news-c ul { margin:0; padding:0; list-style-type:none; }
	.index-news-c li { margin:0; padding:15px 0 10px; border-bottom:1px solid #EEE; }
	.index-news-c li:last-child { border-bottom:none; }
	.index-news-c li h4 { font-size:18px; margin:0 0 10px; font-weight:bold; color:#444; }
	.index-news-c li:hover h4 { color:#0E9E79; }
	.index-news-c li small { font-size:14px; overflow:hidden; line-height:23px; max-height:46px; color:#999; display:block; }
	.index-news-c li span { color:#999; }





/* css of sub pages */
.sub-banner { position:relative; width:100%; height:300px; overflow:hidden; }
.sub-type { position:relative; margin-bottom:40px; text-align:center; }
	.sub-type .container { }
	.sub-type a { display:inline-block; width:auto; padding:0 40px; margin:0 30px 0 0; height:50px; line-height:50px; text-align:center; font-size:18px; color:#0E9E79; border:1px solid #0E9E79; }
	.sub-type a:last-child { margin-right:0; }
	.sub-type a.active,.sub-type a:hover { background:#0E9E79; color:#FFF; }

.dir { height:50px; line-height:50px; color:#999; }
.dir .container { border-bottom:1px solid #EEE; }
.dir a { color:#999; }


.sub-main { padding:20px 0 50px; min-height:600px; margin-top:0px; }
.sub-main .container,.sub-main .container .col-lg-2 { padding:0; }
.sub-main .col-lg-10 { padding:0; }
	.sub-title { padding:0px 0px 0; text-align:center; margin-bottom:20px; }
	.sub-title h1 { font-size:28px; width:auto; padding:10px 30px; margin:0; }
	.sub-title h1:after { content:''; background:#0E9E79; display: block; width:50px; height: 2px; margin:10px auto 0; }
	.sub-info { text-align:center; color: #999; padding: 0 0 20px;}
	h2.title { text-align:center; font-size:22px; margin:0; padding:0 0 10px; font-weight:bold; color:#666; }
	.sub-main article { height:auto; font-size:14px; }
	.sub-main article p { margin:0; }
	.sub-main article img { max-width:100%; margin:10px 0; }
	.article-relative { border-top:1px solid #0E9E79; padding-top:15px; color:#666; margin-top: 50px; color:#0E9E79; }
		.article-relative a { color:#0E9E79; }

.news-list ul { margin:0 0 0 -20px; padding:0; list-style-type:none; }
		.news-list li { margin:30px 0; padding: 0; background:#F9F9F9; }
		.news-list li a { display:block; width:100%; padding-right: 40px;}
		.news-list li .list-item-time { float:left; margin-right:30px; color:#FFF; width:130px; height:190px; padding:40px 0 0; text-align: center; background:#4B4B4B; line-height: 1.5; font-size:16px; }
		.news-list li .list-item-time i { display: block; font-size:44px; font-weight:bold; font-style: normal; }
		.news-list li:hover .list-item-time { background:#0E9E79; color:#FFF; }
		.news-list li h3 { font-size:20px; margin:0px 0 10px; padding:15px 0 0px 0px; height: 55px; line-height: 55px; overflow: hidden; }
		.news-list li:hover h3 { font-weight: bold; }
		.news-list li small { font-size:14px; display: block; color:#666; padding:0px; line-height:25px; max-height:50px; overflow: hidden; margin-bottom: 10px; }
		.news-list li .list-item-more { float:right; margin:0px 0 0px 0px; text-align: center; background: #FFF; border:1px solid #0E9E79; width:100px; height: 30px; line-height: 30px; color:#0E9E79; }

.photo-list ul { margin:0 0 0 -20px; padding:0; list-style-type:none; }
	.photo-list li { padding:0px 0 30px 20px; margin: 0; }
	.photo-list li a { display:block; width:100%; background:#FFF; border:1px solid #E0E0E0; padding:10px; }
	.photo-list li a:hover { -webkit-box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); -moz-box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); }
	.photo-list li .pzoom { width:100%; height:0; padding-bottom:67%; margin:0 auto 5px; position: relative; overflow: hidden; }
	.photo-list li .pzoom .pic-box { width:100%; height: 100%; position: absolute; }
	.photo-list li .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; }
	.photo-list li h3 {  height:30px; line-height:30px; font-size:18px; text-align:center; margin: 0; }

.service-list ul { margin:0 0 0 -30px; padding:0; list-style-type:none; }
	.service-list li { padding:0px 0 50px 30px; margin: 0; }
	.service-list li a { display:block; width:100%; background:#FFF; padding:15px; border:1px solid #0E9E79; }
	.service-list li .pzoom { width:100%; height:0; padding-bottom:100.5%; margin:0 auto 5px; position: relative; overflow: hidden; }
	.service-list li .pzoom .pic-box { width:100%; height: 100%; position: absolute; }
	.service-list li .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; }
	.service-list li h3 {  height:40px; line-height:40px; font-size:18px; text-align:center; margin: 0 0 8px; overflow: hidden; }
	.service-list li small { font-size:14px; display: block; color:#666; padding:0 5px; line-height:25px; height:50px; overflow: hidden; margin-bottom: 15px; }
	.service-list li .list-item-more { margin:5px auto; font-size:16px; text-align: center; width:160px; height: 50px; line-height: 50px; border:1px solid #0E9E79; color:#0E9E79; }
	.service-list li a:hover .list-item-more { background:#0E9E79; color:#FFF; }

.cert-list ul { margin:0 0 0 -10px; padding:0; list-style-type:none; }
	.cert-list li { padding:0px 0 30px 10px; margin: 0; }
	.cert-list li a { display:block; width:100%; }
	.cert-list li .pzoom { width:100%; height:0; padding-bottom:67%; margin:0 auto 5px; position: relative; overflow: hidden; border:1px solid #0E9E79; }
	.cert-list li .pzoom .pic-box { width:100%; height: 100%; position: absolute; }
	.cert-list li .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; padding:10px; }
	.cert-list li h3 {  height:40px; line-height:40px; font-size:16px; text-align:center; margin: 0; }

.case-list ul { margin:0 0 0 -20px; padding:0; list-style-type:none; }
	.case-list li { padding:0px 0 30px 20px; margin: 0; }
	.case-list li a { display:block; width:100%; background:#FFF; padding-bottom:15px; }
	.case-list li a:hover { -webkit-box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); -moz-box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); }
	.case-list li .pzoom { width:100%; height:0; padding-bottom:105.9%; margin:0 auto 5px; position: relative; overflow: hidden; }
	.case-list li .pzoom .pic-box { width:100%; height: 100%; position: absolute; }
	.case-list li .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; }
	.case-list li h3 {  height:30px; line-height:30px; font-size:18px; text-align:center; margin: 0; }
	.case-list li .case-more { width:160px; height:50px; text-align: center; margin: 10px auto; border:1px solid #0E9E79; color:#0E9E79; font-size:16px; line-height: 50px; }
	.case-list li a:hover .case-more { color:#FFF; background:#0E9E79; }

.pests-list ul { margin:0 0 0 -30px; padding:0; list-style-type:none; }
	.pests-list li { padding:0px 0 40px 30px; margin: 0; }
	.pests-list li a { display:block; width:100%; background:#F2F2F2; padding:15px 15px 25px; text-align:center; }
	.pests-list li .pzoom { width:100%; height:0; padding-bottom:66.5%; margin:0 auto 5px; position: relative; overflow: hidden; }
	.pests-list li .pzoom .pic-box { width:100%; height: 100%; position: absolute; }
	.pests-list li .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; }
	.pests-list li h3 {  height:40px; line-height:40px; font-size:18px; text-align:center; margin: 0 0 10px; }
	.pests-list li .list-item-more { display: inline-block; font-size:16px; text-align: center; width:120px; height: 35px; line-height: 35px; background: #0E9E79; color:#FFF; }

.contact-c { text-align:left; padding:0px 0 50px;}
	.contact-item { padding:0 20px 0 40px; }
	.contact-item:before { content:''; display: block; width:104px; height:104px; border:1px solid #0D9D79; border-radius:52px; margin:0 auto 15px; }
	.contact-item:nth-child(1):before { background:url('../images/ico-phone3.png') no-repeat center center; }
	.contact-item:nth-child(2):before { background:url('../images/ico-address.png') no-repeat center center; }
	.contact-item:nth-child(3):before { background:url('../images/ico-email.png') no-repeat center center; }
	.contact-c h3 { font-size:18px; font-weight: bold; padding: 0 0 8px; margin: 0; }
	.contact-c p { margin:0; line-height: 1.8em; font-size:16px; color:#666; }
	.map { padding:0px 0;}
	.map img { max-width: 100%;}
.content-qr { text-align:center; padding:0px 0 20px 50px; }
	.contact-qr-c p { text-align:center; display: block; font-size:14px; }
	.content-qr img { width:150px; border:1px solid #0D9D79; padding:10px; }

.certs-container { background:url('../../images/cert_bg1.jpg') no-repeat center center; width:600px; height: 600px; margin:0 auto; padding:145px 110px 0; background-size:100% auto; color:#FFF; }
	.certs-number { text-align: center; font-size:24px; }
	.certs-company-name { text-align: center; font-size:30px; line-height:1.2em; height:60px; vertical-align:middle; }


/* box */
.box-bg { background-color:rgba(0,0,0,0.6); position:fixed; width:100%; height:100%; left:0; top:0; z-index:10; display:none; }
.box { background-color:#FFF; position:fixed; width:930px; height:667px; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:11; padding:10px 30px; display:none; }
	.box-close { text-align:right; padding-right:30px; background:url('../images/ico_close.png') no-repeat right center; cursor:pointer; }
	.box-c { text-align:center; max-width:100%; max-height:640px; }

/* form */
.red { color:#FF0000; }
.reserve { padding:30px 200px; }
	.reserve .form-group { margin-bottom:15px; position: relative;}
	.reserve .form-ps { position:absolute; right:10px; top:0; height:30px; line-height: 30px; color:red;}
	.reserve .btn-sendcode {position:absolute; left:150px;top:0; background-color:#0D9D79; border-color:#0D9D79;}
	.reserve .control-label { font-weight:normal; text-align:right; padding:0 10px 0 0px; font-size:16px; background:none; }
	.reserve .form-control { border:1px solid #E3E3E3; background:#FFF; border-radius:0; box-shadow:none; }
	.reserve .btn-submit { width:240px; height:45px; }
	.reserve .select {  background:url('../images/ico_select.png') no-repeat right center; background-size:auto 10px; }
.reserve-select { position:fixed; bottom:0px; left:1%; width:98%; background-color:rgba(0,0,0,0.8); color:#FFF; display:none; }
	.reserve-select .list-group-item { background:none; border-color:#666; }
	.choose-label { font-weight:normal; margin-right:10px; }
