@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:focus { outline: none; -moz-outline:none; }

a:hover { color:#81BA1D; }

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; }

a:hover .pzoom:hover img { transform: scale(1.2); }





.btn-primary { background-color:#81BA1D; border-color:#81BA1D; }

	.btn-primary:hover { background-color:#81BA1D; border-color:#81BA1D; }

.swiper-button-next { background-image:url('../images/icon_next1.png'); background-size: 23px 44px; }

.swiper-button-prev { background-image:url('../images/icon_prev1.png'); background-size: 23px 44px; }





/* head ,footer */

.top { height:145px; border-bottom:1px solid #DDD; position:relative; z-index:2; }

.top .container {   }

.top-logo { padding:10px 0 0 0px; }

	.top-logo a { margin:0px 0 0; display:block; width:100%; text-align:center; }



.top-phone { font-size:14px; padding:10px 0px; line-height:35px; text-align:right; color:#666; }

	.top-phone strong {  color:#81BA1D; font-size:16px; font-weight:bolder; margin:0 10px; }

	.top-phone span { font-weight:normal; position:relative; display:inline-block; }
	.top-phone span i { font-style:normal; font-size:18px; margin:0 8px; font-weight:bold; }
	.top-qr { cursor:pointer; }
	.top-qr div { display:none; position:absolute; width:auto; left:0; top:30px; background:#FFF; padding:10px; z-index:2; }
	.top-qr:hover div { display:block; }
	.top-qr div img { width:100px; }



nav.top-nav { line-height:1.7; position:relative; font-size:16px; margin:0px 0 0; padding:0px 0 0 0px; background:none; position:relative; z-index:0; }

	nav:after { content:''; display:block; width:100%; position:absolute; z-index:1; height:4px; top:107px; left:0; background-image: linear-gradient(to right,#84BD1D 0,#0C702F 100%); }

	nav ul { margin:0; padding:0; position:relative; z-index:999; }

	nav li { margin:0px 0px; padding:55px 0 0px; height:145px; border-right:1px solid #DDD; position:relative; }

	.nav-pills > li + li { margin:0px 25px; }

	nav .nav>li:last-child { border-right:none; }

	nav .nav>li>a{ color:#333; width:auto; text-align:center; background:none; padding:0px 0px; height:30px; line-height:30px; }

	nav .nav-pills>li.active:hover>a { color:#22792B;  background:none; margin-top:0px; }

	nav .nav-pills>li.active>a,nav .nav-pills>li.active>a:focus,nav .nav-pills>li>a:hover{ color:#333; border-radius:0px;  background:none; margin-top:0px; }

	nav .nav>li:hover>a { color:#22792B;  background:none; border-radius:0; }

	nav .nav>li ul { display:none; list-style-type:none; margin:0 0 0 0px; padding:0px 0 0; z-index:8; background:#84BD1D; border-radius:0px; position:absolute; left:0; top:111px; width:100%; border:none; }

	nav .nav>li ul li { margin:0; padding:0; width:100%; height:40px; border:none; border-bottom:1px solid  rgba(255,255,255,0.5); }

	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; }

	nav .nav>li:hover ul { display:block; }

	nav .nav>li:hover li>a { color:#FFF; }

	nav .nav>li:hover li>a:hover { background:rgba(255,255,255,0.2); color:#FFF; }



.index-footer { background:#81BA1D; color:#FFF; padding:40px 0 0; }

	.footer-logo { padding:0px 0 0 0px; text-align:center; }

		.footer-logo img { max-width:100%; }

	.index-footer h3 { font-size:24px; color:#FFF; margin:0; padding:0px 0 20px; text-align:left; font-weight:bolder; }

	.footer-contact { padding:0px 0px 0px 0px; line-height:2em; color:rgba(255,255,255,0.8); font-size:20px; }

	.footer-qr { padding:20px 0px 0px 0px; text-align:left; height:200px; background:#81BA1D; color:rgba(255,255,255,0.8); margin-bottom:30px; font-size:16px; }

		.footer-qr img { width:120px; }

		.footer-qr p { padding:0px 0px 0 0;  margin:0; width:120px; text-align:center; }

	.footer-nav  { padding:0px 0px 0px 0px; }

		.footer-nav ul  { list-style-type:none; margin:0; padding:0; }

		.footer-nav li { margin:0; font-size:16px; line-height:2em; }

		.footer-nav li a { color:rgba(255,255,255,0.8); }	

		.footer-nav li a:hover { color:rgba(255,255,255,1); }

	.footer-links { padding:0px 0; font-size:16px; }

		.footer-links ul  { list-style-type:none; margin:0; padding:0; }

			.footer-links li { margin:0; font-size:16px; line-height:2em; }

			.footer-links li a { color:rgba(255,255,255,0.8); }

			.footer-links li a:hover { color:rgba(255,255,255,1); }

.footer-copyright { padding:20px 0; background:#333; font-size:16px; color:rgba(255,255,255,0.6); text-align:center; }

	.footer-copyright a { color:rgba(255,255,255,0.6); }

.float { position:fixed; bottom: 20px; right:7px; width:auto; z-index:10000; }
	.float ul { list-style-type:none; margin:0; padding:0; }
	.float li { width:auto; position:relative; z-index:1; cursor:pointer; margin-bottom:3px; background-color:#81BA1D; border-radius:4px; -webkit-box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.1); box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.1); }
	.float li i { display:block; width:60px; height:60px; background-repeat:no-repeat; background-position:center center; position:relative; z-index:2; }
	.float li.float-phone i { background-image:url('../images/icon-phone2.png'); }
	.float li.float-qq i { background-image:url('../images/icon-qq.png'); }
	.float li.float-qr i { background-image:url('../images/icon-qr.png'); }
	.float li.float-top i { background-image:url('../images/icon-top.png'); }
	.float-box { position:absolute; right:58px; top:0; width:0px; height:0px; min-height:60px; background:#81BA1D; color:#FFF; z-index:0; overflow:hidden; }
	.float li.float-phone .float-box-c { line-height:40px; padding:10px 20px; border-radius:4px 0 0 4px; width:140px; }
	.float li.float-qq .float-box-c { line-height:40px; padding:10px 0px 10px 10px; border-radius:4px 0 0 4px;  }
		.float li.float-qq .float-box-c a { display:block; color:#FFF; width:100px; }
	.float li.float-qr .float-box { top:auto; bottom:0; }
		.float li.float-qr .float-box-c { padding:15px; text-align:center; top:-70px; }
		.float li.float-qr .float-box-c img { width:130px; margin-bottom:10px; }
	.float li:hover .float-box { display:block; right:58px; width:auto; height:auto; animation-name:floatshow; animation: floatshow 0.8s ease 0s normal none; -moz-animation: floatshow 0.8s ease 0s normal none; -webkit-animation: floatshow 0.8s ease 0s normal none; -o-animation: floatshow 0.8s ease 0s normal none; }
@-webkit-keyframes floatshow{from{opacity:0;} to{opacity:1;} }
@-moz-keyframes floatshow{from{opacity:0;} to{opacity:1;}}
@keyframes floatshow{from{opacity:0;} to{opacity:1;} }





/* 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:#81BA1D; border:1px solid #81BA1D; 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%; overflow:hidden; }

	.banner-container img { width:100%; }

	.index-banner .swiper-pagination { bottom:10px; }

	.swiper-pagination-bullet { opacity:0.5; width:50px; height:6px; border-radius:3px; }

	.swiper-pagination-bullet-active { background-color:#81BA1D; opacity:1; }

	.index-banner .swiper-slide-active img { animation-name:slidescale; animation: slidescale 9s ease 0s normal none; -moz-animation: slidescale 9s ease 0s normal none; -webkit-animation: slidescale 9s ease 0s normal none; -o-animation: slidescale 9s ease 0s normal none; }

@-webkit-keyframes slidescale{from{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);    -o-transform: scale(1.1);} to{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} }

@-moz-keyframes slidescale{from{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);    -o-transform: scale(1.1);} to{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} }

@keyframes slidescale{from{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);    -o-transform: scale(1.1);} to{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} }





.index-title { padding:0px 0px 40px; margin:0 auto; position: relative; text-align: center; }

	.index-title h3 { margin:0 0 10px; padding:0 0px 0; font-size:36px; letter-spacing: 1px; line-height:1em; color:#81BA1D; font-weight:bolder;  width:auto; text-align:center;  }

	.index-title h3 i {  }

	.index-title small { font-size:16px; display:inline-block; text-align:center; color:#999; font-weight:100; padding:0 0px; }

	.index-title small:before { content:''; display:block; float:left; width:240px; height:1px; background: #EEE; margin:15px 20px 0 0 ; }

	.index-title small:after { content:''; display:block; float:right; width:240px; height:1px; background: #EEE; margin:15px 0px 0 20px; }

	.index-more { padding:0px 0; text-align:center; }

	.index-more a { display:inline-block; height:50px; color:#FFF; background:#F4AD3E; font-size:18px; text-align:center; width:160px;  line-height:50px; border-radius:25px; font-weight:bolder; }

	.index-more a:hover { background:#F8C274; }

	

	

.index-case { padding:50px 0 20px; }

	.index-case-type { text-align:center; margin:0 0px 8px; padding:0 35px; }

	.index-case-type a { display:inline-block; width:auto; height:40px; line-height:40px; font-size:36px; text-align:center; padding:0 10px; color:#666; font-weight:700; }

	.index-case-type a.active,.index-case-type a:hover { color:#81BA1D; }

  .index-case-list { list-style-type: none; margin:0 0 0 -30px; padding:0px; }

  .index-case-list li { text-align: center; padding:0 0 30px 30px; }

  .index-case-list li a { display:block; padding:0px; position:relative; overflow:hidden; }

  .index-case-list li .pzoom { width:100%; height:0; padding-bottom:66.67%; margin:0 auto 5px; position: relative; overflow: hidden; }

	.index-case-list li .pzoom .case-box { width:100%; height: 100%; position: absolute; }

	.index-case-list .pzoom .case-box img { width:100%; height: 100%; object-fit: contain; }

  .index-case-list li h4 { font-size:18px; text-align:center; margin: 0; position:absolute; bottom:-100%; left:0; width:100%; height:100%; background:rgba(129,187,29,0.9); color:#FFF; transition: all 0.5s; }

  .index-case-list li h4 i { height:50px; line-height:50px; width:50px; border-radius:25px; display:block; font-size:18px; text-align:center; margin:100px auto 20px; background:#FFF; color:#22792B; }

  .index-case-list li:hover h4 { bottom:0; }
  .index-case-list li h3 { display:block; background:#EEE; font-size:16px; text-align:center; font-weight:normal; line-height:50px; height:50px; margin:0; padding:0; }
  .index-case-list-c .index-more { padding-top:20px; }





.index-adv { padding:50px 0 80px; position:relative; }

	.index-adv .container { padding:0; overflow:hidden; text-align:center; }

	.index-adv .index-title-type a { display:block; border-right:1px solid #EEE; height:118px; padding:72px 0 0; text-align:center; position:relative; }

		.index-adv .index-title-type a:before { content:'01'; display:block; color:#999; font-size:80px; line-height:1em; font-weight:100; position:absolute; top:10px; left:0; width:100%; text-align:center; z-index:1; }

		.index-adv .index-title-type a i { display:inline-block; font-style:normal; font-size:26px; color:#999; font-weight:100; background:#FFF; border:1px solid #999; border-radius:5px; width:auto; padding:0 10px; line-height:1.5em; position:relative; z-index:5; }

		.index-adv .index-title-type a:nth-child(2):before { content:'02'; }

		.index-adv .index-title-type a:nth-child(3):before { content:'03'; }

		.index-adv .index-title-type a:nth-child(4):before { content:'04'; }

		.index-adv .index-title-type a:nth-child(4) { border-right:none; }

		.index-adv .index-title-type a.active:before { color:#82BB1D; }

		.index-adv .index-title-type a.active i { color:#82BB1D; border-color:#82BB1D; }

	.index-adv-c { margin-bottom:50px; }

	.index-adv-p { float:right; width:770px; height:490px; }

		.index-adv-p img { width:770px; height:490px; }

	.index-adv-info { background:#3B3B3B; width:730px; height:400px; float:left; margin-top:45px; padding:60px 10px 0 50px; position:relative; }

		.index-adv-info:after { content:''; position:absolute; right:-200px; top:0; width:0; height:0; display:block; border-top:200px solid transparent; border-bottom:200px solid transparent; border-left:200px solid rgba(59,59,59,0.8); }

		.index-adv-info h4 { font-size:28px; font-weight:bold; color:#FFF; padding:0 0 15px; margin:0 0 15px; text-align:left; }

		.index-adv-info h4:after { content:''; display:block; width:60px; height:4px; background:#FFF; margin-top:20px; }

		.index-adv-info small { font-size:16px; color:#FFF; text-align:justify; display:block; line-height:1.8em; margin-bottom:40px; }

		.index-adv-phone { width:427px; height:70px; line-height:68px; background:#F5AD3F; border-radius:8px; font-size:24px; color:#FFF; padding:1px; }

		.index-adv-phone i { display:block; float:left; text-align:center; width:267px; height:68px; line-height:68px; background:#5C5C5C; border-radius:8px 0 0 8px; font-size:32px; color:#F5AD3F; font-style:normal; font-family:Arial; letter-spacing:2px; }

		





.index-about { background:#F8F8F8; padding:50px 0 100px; position:relative; overflow:hidden; }

	.index-about .container {  padding:0px 0; }

	.index-about-pic { padding:0px 0px 0 0; position:relative; z-index:0; text-align:right; }

		.index-about-pic img { max-width:100%; position:relative; z-index:1; }

	.index-about-box { margin:0 0 0 0px; padding:0px 0px 0px 100px; }

	.index-about-box h2 { font-size:32px; font-weight:normal; padding:0 0 30px 0; margin:0; text-align:left; }

		.index-about-box h2:after { content:''; display:block; width:60px; height:4px; background:#82BB1D; margin-top:15px; }

	.index-about .index-more { text-align:left; }

	.about-container { font-size:18px; line-height:2em; max-height:16em; overflow:hidden; color:#666; text-align:justify; margin-bottom:70px; }





.index-customer { padding:50px 0; }

.customer-swiper-container { width:100%; height: 500px; overflow:hidden; position:relative; }

	.customer-swiper { width:100%; height: 450px; margin-left: auto; margin-right: auto; padding-left:1px; }

	.customer-swiper ul { margin:0; padding:0; list-style-type:none; }

	.customer-swiper li { height:150px; padding:0; text-align: center; border: 1px solid #EEE;

        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;

      }

	  .customer-swiper li img { max-width:90%; max-height:90%; }

	  .customer-swiper-container .swiper-pagination { bottom:0px; }

	  .customer-swiper-container .swiper-pagination-bullet-active { background-color:#82BB1D; opacity:1; }

	  

.index-flow { padding:70px 0; }

.index-flow ul { margin:0 auto 50px; padding:0; list-style-type:none; width:auto; }

	.index-flow li { margin:0; padding:0 74px; float:left; width:297px; position:relative; }

	.index-flow-box-border,.index-flow-box-border::before,.index-flow-box-border::after { width:148px; height:258px; background:#F4AD3E; }

	.index-flow-box-border { position:relative; z-index:1; }

	.index-flow-box-border::before{ content: ''; display: block; transform:rotate(60deg);}

	.index-flow-box-border::after{ content: ''; display: block; transform:rotate(-60deg); position: absolute; left: 0; top: 0;}

	.index-flow-box-border2,.index-flow-box-border2::before,.index-flow-box-border2::after { width:134px; height:234px; border:1px solid rgba(255,255,255,0.8); border-left: none; border-right: none;}

	.index-flow-box-border2 { position:relative; z-index:1; margin:-247px 0 0 6px; }

	.index-flow-box-border2::before{ content: ''; display: block; transform:rotate(60deg);}

	.index-flow-box-border2::after{ content: ''; display: block; transform:rotate(-60deg); position: absolute; left: 0; top: 0;}

	.index-flow li:nth-child(odd) .index-flow-box-border,.index-flow li:nth-child(odd) .index-flow-box-border::before,.index-flow li:nth-child(odd) .index-flow-box-border::after { background:#333; }

	.index-flow-box { text-align:center; color:#FFF; position:absolute; top:0; left:0; width:100%; z-index:5; padding:40px 50px 0; }

	.index-flow li i { display:block; font-size:40px; font-style:normal; margin-bottom:15px; line-height:1em; }

	.index-flow li h4 { font-size:30px; margin:0 0 20px; padding:0; }

	.index-flow li small { font-size:20px; margin:0; padding:0; line-height:1.2em; font-weight:100; }





.index-news { padding:50px 0; background:#F8F8F8; }

	.index-news .container { padding:0px; overflow:hidden; }

	.index-news .index-title-type { text-align:left; margin:0 0px 30px; padding:0 0px 10px; border-bottom:1px solid #EEE; }

	.index-news .index-title-type a { display:inline-block; width:auto; height:40px; line-height:40px; font-size:24px; text-align:center; padding:0 10px; color:#666; font-weight:700; }

	.index-news .index-title-type a.active,.index-title-type a:hover { color:#81BA1D; }

	.index-news-more { float:right; margin-top:-80px; }

		.index-news-more a { display:inline-block; color:#81BA1D; font-size:18px; width:auto; height:40px; line-height:40px; font-weight:700; }

		.index-news-more a:hover {  }

	.index-news-rec { padding:0 85px 0 0; }

		.index-news-rec .index-more { text-align:left; }

		.index-news-rec .pzoom { margin-bottom:30px; }

		.index-news-rec h4 { font-size:20px; margin:0 0 10px; padding:0; }

		.index-news-rec .time { color:#999; font-size:16px; }

		.index-news-rec small { color:#999; font-size:16px; overflow:hidden; line-height:1.8em; max-height:3.6em; display:block; text-align:justify; margin-bottom:20px; }

	.index-news-c { margin:0; padding:0; list-style-type:none; }

	.index-news-c li { margin:0 0 25px; padding:5px 0px 20px; border-bottom:1px solid #EEE; }

	.index-news-c li h4 { font-size:20px; margin:0 0 5px; color:#333; line-height:2em; }

	.index-news-c li:hover h4 { color:#81BA1D; }

	.index-news-c li .time { float:left; width:90px; color:#999; line-height:2em; font-size:16px; text-align:center; margin:0 30px 40px 0; padding:15px 0 0; }

		.index-news-c li .time i { font-size:50px; color:#555; display:block; font-style:normal; margin-bottom:10px; }

	.index-news-c li small { color:#666; font-size:16px; overflow:hidden; line-height:1.8em; max-height:3.6em; display:block; text-align:justify; }

	









/* css of sub pages */

.sub-banner { position:relative; width:100%; height:401px; overflow:hidden; background-position:center top; z-index:-1; }

.dir { height:50px; line-height:50px; color:#666; border-bottom:1px solid #EEE; margin-bottom:30px; }

.dir .container { }

.dir a { color:#666; }

	.dir a:last-child { color:#81BA1D; }







.sub-main { padding:20px 0 50px; min-height:600px; margin-top:0px; }

.sub-left { padding:0 0px 0 0; }

	.sub-left-nav { margin:0 0 50px; padding:0; list-style-type:none; }

	.sub-left-nav dt { background:#81BA1D; height:60px; line-height:60px; text-align:left; color:#FFF; padding:0 20px; font-size:22px; font-weight:normal; }

	.sub-left-nav dd { margin-top:8px; }

	.sub-left-nav dd a { font-size:16px; display:block; width:100%; background:#EEE; height:45px; line-height:45px; text-align:left; color:#333; padding:0 20px; }

	.sub-left-nav dd a i { float:right; font-size:20px; }

	.sub-left-nav dd.active a { color:#81BA1D; font-weight:bold; }

	.sub-left-t { background:#3B3B3B; height:60px; line-height:60px; text-align:left; color:#FFF; padding:0 20px; font-size:22px; font-weight:normal; }

	.sub-left-c { border:1px solid #EEE; padding:20px; }

	.sub-left-contact span { font-size:16px; color:#999; display:block; }

	.sub-left-contact i { font-size:16px; margin-right:5px; color:#333; }

	.sub-left-contact p { font-size:16px; margin-bottom:10px; line-height:1.5em; }

.sub-right { padding:0 0 50px 60px; }

	.sub-title { padding:0px 0px 0; text-align:left; margin-bottom:40px; border-bottom:1px solid #EEE; }

	.sub-title h1 { font-size:24px; width:auto; display:inline-block; height:50px; line-height:50px; padding:0px 0px; margin:0; font-weight:normal; border-bottom:2px solid #81BA1D; }



	.sub-info { text-align:center; color: #999; padding: 0 0 20px;}

	h2.title { text-align:center; font-size:22px; margin:0; padding:20px 0 10px; font-weight:bold; }

	.sub-main article { height:auto; font-size:16px; line-height:2.2em; }

	.sub-main article p { margin:0; }

	.sub-main article img { max-width:100%; margin:0px 0; }

	.article-relative { border-top:1px solid #DDD; padding-top:15px; color:#666; margin-top: 50px; }

		



.news-list ul { margin:0 0 0 0px; padding:0; list-style-type:none; }

	.news-list li { margin:0 0 20px; padding:5px 0px 30px; border-bottom:1px solid #EEE; }

	.news-list li h4 { font-size:20px; margin:0 0 5px; color:#333; line-height:2em; }

	.news-list li:hover h4 { color:#81BA1D; }

	.news-list li .time { float:left; width:90px; color:#999; line-height:2em; font-size:16px; text-align:center; margin:0 30px 0px 0; padding:15px 0 0; }

		.news-list li .time i { font-size:50px; color:#555; display:block; font-style:normal; margin-bottom:10px; }

	.news-list li small { color:#666; font-size:16px; overflow:hidden; line-height:1.8em; max-height:3.6em; display:block; text-align:justify; }





.photo-list ul { margin:0 0 0 0px; padding:0; list-style-type:none; }

	.photo-list li { height:150px; padding:0; text-align: center; border: 1px solid #EEE;

        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;

      }

	  .photo-list li img { max-width:80%; max-height:80%; }





.case-list ul { margin:0 0 0 -30px; padding:0; list-style-type:none; }

	.case-list li { padding:0px 0 30px 30px; margin: 0; }

	.case-list li a { display:block; width:100%; padding:0px; position:relative; overflow:hidden; }

	.case-list li .pzoom { width:100%; height:0; padding-bottom:66.67%; margin:0 auto 0px; 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 { font-size:18px; text-align:center; margin: 0; position:absolute; bottom:-100%; left:0; width:100%; height:100%; background:rgba(129,187,29,0.9); color:#FFF; transition: all 0.5s; }

  .case-list li h3 i { height:50px; line-height:50px; width:50px; border-radius:25px; display:block; font-size:18px; text-align:center; margin:100px auto 20px; background:#FFF; color:#22792B; }

  .case-list li:hover h3 { bottom:0; }
	.case-list li h4 { display:block; background:#EEE; font-size:16px; text-align:center; font-weight:normal; line-height:50px; height:50px; margin:0; padding:0; }




.contact-c { text-align:left; padding:0px 0 50px;}

	.contact-item { padding:0 20px 0 40px; }

	.contact-item:before { content:''; float:left; width:79px; height:79px; border:1px solid #E3E3E3; border-radius:5px; margin-right:15px; }

	.contact-item:nth-child(1):before { background:url('../images/ico-phone2.png') no-repeat center center; }

	.contact-item:nth-child(2):before { background:url('../images/ico-addr2.png') no-repeat center center; }

	.contact-item:nth-child(3):before { background:url('../images/ico-email2.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:left; padding:0px 0 20px 50px; }

	.contact-qr-c { text-align:center; display: inline-block; }

	.content-qr img { width:120px; border:1px solid #E0E0E0; padding:10px; }





/* 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:#FEC500; border-color:#FEC500;}

	.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; }