*{ font-family:"Microsoft YaHei","宋体"; color:#333;}
a{ color:#333;}
a:hover,a:focus{ color:#993333; text-decoration:none;}
img{ max-width: 100%;}
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
/*header*/
.navbar{ margin-bottom:0px;}
.navbar-default{ background:none; border:none;}
.navbar-brand{ height:100px; padding:0; margin:0px;}
.navbar-right{ float:right!important; margin-right:-31px;}
.navbar-right>li{ min-width:60px;}
.navbar-right>li div{position: absolute; min-width: 300px; top: 30px; height: 40px; line-height: 40px; font-size: 14px; z-index: 2; display:none;}
.navbar-right>li div,.navbar-right>li div a { }
.navbar-right{ padding: 30px 0;}
.navbar-right>li:hover div{ display:block;}
/*banner*/
.carousel>.carousel-inner>.item{ background-repeat:no-repeat; background-position:center;}
/*aboutus*/
.about_con{ margin-top: 40px; line-height: 28px; margin-bottom: 30px; padding-right: 40px;}
.about_m{ border:1px #333 solid; padding: 10px 30px;}
/*Designidea*/
.Designidea>.row{ margin-left: 0; margin-right: 0;}
.Designidea>.row>.col-md-4{ padding: 0;}
.Designidea .Design_con{ background-color: #8cb95a; color: #fff; padding: 30px;}
.Designidea .Design_con h3{ border-bottom: 1px #fff solid; font-size: 16px; font-weight: bold; line-height: 40px; margin-top: 0;}
.Designidea .Design_con p{ color: #fff; line-height: 24px; margin-top: 20px;}
.Designidea .Design_W{ background-color:#fff; color: #333;}
.Designidea .Design_W h3{ border-color: #333;}
.Designidea .Design_W p{ color: #333;height:48px;overflow:hidden}
.Designidea .Design_img img{ width: 100%;}
/*service*/
.service { background-repeat:no-repeat; background-position:center; background-image: url(../images/service.jpg); }
.service .com_title{ color: #fff;}
.service .com_title span{ color: #fff;}
.service .row{ margin-left: -5px; margin-right: -5px; margin-bottom: 60px;}
.service .row .col-md-3{ padding: 0 5px;}
.service .row a{ min-height: 240px; background-color: rgba(255, 255, 255, 0.75); width: 100%; display:block; text-align: center;}
.service .row a span{ width: 82px; height: 82px; display: block;position:relative; top: 50px; margin: 0 auto; background-size: cover;}
.service .row a b{ position:relative; top: 70px; margin: 0 auto; font-weight: normal; font-size: 18px;}
.service .row a span.service_an1{ background-image: url(../images/service_an1.png);}
.service .row a span.service_an2{ background-image: url(../images/service_an2.png);}
.service .row a span.service_an3{ background-image: url(../images/service_an3.png);}
.service .row a span.service_an4{ background-image: url(../images/service_an4.png);}
.service .row a:hover span.service_an1{ background-image: url(../images/service_an1_a.png);}
.service .row a:hover span.service_an2{ background-image: url(../images/service_an2_a.png);}
.service .row a:hover span.service_an3{ background-image: url(../images/service_an3_a.png);}
.service .row a:hover span.service_an4{ background-image: url(../images/service_an4_a.png);}
.service .row a:hover b{ color: #fff;}
.service .row a:hover{ background-color: #8cb95a; color: #fff;}
/*case*/
.case .case_btn a{ font-size: 16px; border:2px #999 solid; padding: 10px 30px;}
.case .case_btn a:hover{ border-color: #993333;}
.case .case_list {list-style-type: none; margin: 0; padding: 0;}
.case_list::before { content: " "; display: table;}
.case_list::after{ clear: both; content: " "; display: table;}
.case .case_list .last{width: 33.4%;}
.case .case_list li{ width: 32%; float: left; overflow: hidden; margin: 1px;}
.case .case_list li img{max-width: 100%;}
.case .case_list li a{ display: block; position: relative;}
.case_info{ display: none; position:absolute; top: 0px; left: 0px; background-color: rgba(140, 185, 90, 0.87); color: #fff; width:100%; height: 100%; padding: 20px;}
.case_info div{border: 5px solid #FFF;padding: 1.1em 1em 2em;margin: 0em 1em 1em 1em;text-align: left; height: 100%;}
.case_info div>h3{ font-size: 16px; line-height: 30px; border-bottom: 1px #fff solid;}
.case_info div>h3,.case_info div>p{ color: #fff;}
.case .case_list li a:hover img{}
/*news*/
.news img{ max-width: 100%;}
.news h3{ font-size: 20px; font-weight: bold; color: #fff;}
.news p{ line-height: 24px; color: #fff; font-weight: 200;height:72px;overflow:hidden}
.news span{color: #fff;}
.news .news_info{ padding: 30px 20px;}
.news .news-hx1 .news_info{ background-color: #e8bb37; }
.news .news-hx2 .news_info{ background-color: #ea7a66;}
.news_w{ margin-top: 30px;}
.news_w::before{content: " "; display: table;}
.news_w::after{ content: " "; clear:both; display: table;}
.news_w .news_info{ float: left;width: 50%; background-color: #8cb95a; padding-bottom: 50px;}
.news_w img{ float: right; max-width: 50%;}

.news_h img{ max-width: 100%;}
.news_h .news_info{ background-color: #f1f1f1; color: #333}
.news_h .news_info *{color: #333;}
/*cooperation*/
.cooperation{ background-color: rgba(244, 244, 244, 0.92); padding-bottom: 40px; margin-top: 30px;}
.owl-carousel .item>img{ }
.owl-carousel{}
.products{ background-color: rgba(244, 244, 244, 0.92); padding-bottom: 40px;}
/*contactus*/
.contactus{ /*background-image: url(../images/contactus.jpg);*/background:#8cb95a;margin-top:60px;padding-top:68px;padding-bottom:30px;}
.contactus .com_title,.contactus .com_title *,.contactus *{ color: #fff;}
.contactus textarea{background: none;border: 1px #fff solid;}
.contactus input{ width: 100%; border-radius: 0; max-width: 100%;}
.contactus button{ width: 100%; margin-top: 20px; border-radius: 0; max-width: 100%;}
.contactus .form-group{ padding: 10px 0;}
.contactus .contactinfo{ line-height: 24px; padding-top: 8px;}
.contactus .contactinfo .cinfo{ margin-bottom: 30px;}
.contactus .contactinfo .map iframe{ max-width: 100%;}
.contactus .contactinfo .kf{ position:absolute; top: 316px;right: 15px;
    height: 40px;}
.contactus .contactinfo .kf::after{ content: ' '; clear: both;}
.contactus .contactinfo .kf .QQ{ background:url("../img/WX_QQ.png") 0; display: block; width: 41px; height: 41px; float: left; margin-right: 15px;}
.contactus .contactinfo .kf .wx{ background:url("../img/WX_QQ.png") 41px; display: block; width: 41px; height: 41px; float: left;}

/*pager*/

.inside_page {
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  width: auto;
  text-align: center;
  padding: 20px 0 0 0;
}

.inside_page span {
  display: inline-block;
  overflow: hidden;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background-color: #e70000;
  color: #d4d4d4;
}

.inside_page a {
  display: inline-block;
  overflow: hidden;
  min-width: 40px;
  min-height: 40px;
  margin: 0 6px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #d4d4d4;
  background-color: #d4d4d4;
  color: #666;
}

.inside_page a:hover {
  border: 1px solid #e70000;
  background-color: #e70000;
  color: #d4d4d4;
}

.inside_page .a1 {
  padding: 0 8px;
}

/*copyright*/
.copyright{ margin: 30px auto; text-align: center;}
.copyright,.copyright *{ color: #999;}
.copyright::after{ content: ' '; clear: both;}
/*public*/
.com_title{font-family:"Microsoft YaHei","微软雅黑"; font-size: 30px; line-height: 40px; font-weight:normal;font-style: italic; color: #999;margin: 40px auto;}
.com_title span{ font-style: normal; font-weight:bold; margin-left: 12px; color: #666;}

/*nei*/
.banner_b{ background-repeat:no-repeat; background-position:center;}
.main{ padding-top:20px;}
.main .path{ padding: 15px 0; border-bottom: 1px solid #999;}
.main .path b{ font-size:16px;}
.main .content-box{ padding-bottom:30px;}
.main .content-box .p_list{ margin-top:10px; }
.main .content-box .p_list .item{ margin:15px 0;padding:0}
.main .content-box .p_list .item a{display: block;width: 100%;height: 100%;position: relative;}
.pic_info{ display: none; position:absolute; top: 0px; left: 0px; background-color: rgba(60, 67, 73, 0.64); color: #fff; width:100%; height: 100%; padding:15% 48%;}
.pic_info span{ font-size: 20px; color: #fff;}
/*文章列表*/
.main .content-box .a_item{ }
.main .content-box .a_item:after{ clear:both;}
.main .content-box .a_item:after,.main .a_item:before{ display:table;}
.main .content-box .a_item>.a_pic{ max-height:160px; overflow: hidden;}
.main .content-box .a_item>.a_pic img{ width:100%;}
.main .content-box .a_item .a_con{}
.main .content-box .a_item .a_con1{ width:100%;}
.main .content-box  hr{ height: 1px; border-color: #999;}
.main .content-box .a_con>h3{ margin:0; font-size:16px; line-height:20px; margin:18px 0;}
.main .content-box .a_con>p,.a_con>span{ font-size:12px; color:#666;}
.a_con>b{}
.main .content-box .a_con>b>a{  color:#fff; display:inline-block; width:80px; background-color:#993333; line-height:24px; text-align:center; float:right;}

.content-box .content-detial{ margin-top:20px; line-height:2;}
.content-box .content-detial img,.content-box .content-detial * img{ max-width:100%;}
.content-box .relationtitle{ border-bottom: 1px #999 solid; margin-top: 20px; font-size: 18px; font-weight: bold; line-height: 30px;}
.content-box .content_title{ margin-top:30px;}
.content-box .content_title h1{ text-align:center; font-size:24px;}
.content-box .content_title div{ text-align:center; font-size:12px; color:#666;}
.main .content-box .content-detial{ line-height:2em;}
.main .content-box .content-detial img{ max-width:100%; height: auto !important;}

.content-box .case_btn {text-align: right;}
.content-box .case_btn a{ font-size: 16px; border:2px #999 solid; padding: 10px 30px;}
.content-box .case_btn a:hover{ border-color: #993333;}
.content-box .case_btn .active{border-color: #993333; color: #993333;}

@media (min-width: 768px){
  .navbar-collapse>.navbar-right>li>a{ font-size:14px;  font-weight:bold; color:#141414; padding: 5px 15px;}
	.navbar-collapse>.navbar-right>.active>a,.navbar-collapse>.navbar-right>li>a:hover,.navbar-collapse>.navbar-right>.active>a:hover{ background-color:#FFF; color: #ed1f24;}

	.banner>.carousel-inner>.item{ height:630px;}
	.aboutus .com_title{ margin-top: 0px;}
	.aboutus,.Designidea,.case,.news{margin-top: 40px;}
	.case .case_btn{ float: right; margin-top: -70px;}
	.case .case_list li a:hover .case_info{ display: block;}

	/*nei*/
	.banner_b{height: 300px;}

	.main .path span{ float:right; color:#666;}
	.main .content-box{ padding-top:20px; }
	.main .content-box .p_list .item a:hover .pic_info{ display: block;}
	.content-box .content-detial{ margin: 20px auto; width: 1000px;}
}
@media (max-width:767px){
	.navbar-brand,.navbar-brand img {
    height: 60px;
    padding: 0;
    margin: 0px;
	}
	.navbar-default{ background:none; border:none;}
	.navbar-right{ float:none!important; padding: 0;}
	.navbar-brand{ height:60px; padding:0; margin:0px;}
	.navbar-brand img{ height:60px; padding:0; margin:0px;}

	.navbar-right>li div{position: unset; padding-left: 15px;}

	.banner>.carousel-inner>.item{ height:200px; background-size:cover;}
	.com_title{ font-size: 20px; margin: 20px auto; line-height: 20px;}
	/*aboutus*/
	.about_con{margin-top: 0px; padding-right: 0px;}
	/*Designidea*/
	.Designidea .Design_con{ padding: 15px;}
	/*service*/
	.service .row a{ height: 12em; min-height: auto; margin-bottom: 10px;}
	.service .row a span {width: 4.6em;height: 4.6em; top:2.8em;}
	.service .row a b{top:3em;}
	/*case*/
	.case .case_btn a{ font-size: 14px; border:1px #999 solid; padding: 4px 10px;}
	.case .case_btn{ padding: 10px 0;}
	.case .case_list li{ width: 50%;}
	.case .case_list li:last-child{ display: none;}
	/*news*/
	.news h3{ font-size: 16px; margin-top: 0px;}
	.news .news_info{ padding: 15px;}
	.news_w{ margin-top: 0;}
	.news_w .news_info{ width: 100%;}
	.news_w img {max-width: 100%;}
	.news img{ width: 100%;}
	/*contactus*/
	.contactus .form-group{padding: 0;}
	/*nei*/
	.banner_b{ height:100px; background-size:cover;}

	.content-box .case_btn a{ font-size: 14px; border:1px #999 solid; padding: 4px 10px; display:inline-block; border-radius: 0; margin: 4px 0;}
	.content-box .case_btn{ padding: 10px 0;}
	.content-box .relationtitle{ font-size: 16px;}
	.inside_page a,.inside_page span{ display: none;}
	.inside_page .a1{ display:inline-block;}
}


@font-face {
  font-family: 'iconfont';  /* project id 696049 */
  src: url('//at.alicdn.com/t/font_696049_anvuyhwjiy1wz5mi.eot');
  src: url('//at.alicdn.com/t/font_696049_anvuyhwjiy1wz5mi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_696049_anvuyhwjiy1wz5mi.woff') format('woff'),
  url('//at.alicdn.com/t/font_696049_anvuyhwjiy1wz5mi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_696049_anvuyhwjiy1wz5mi.svg#iconfont') format('svg');
}

ul,ol,li{margin:0;padding:0;border:0}
ul li{list-style-type:none;padding:0}
.a-1 h3{font-size:36px;line-height:50px;border-bottom:1px solid #729d29;padding-bottom:6px;}
.a-1 h3 span{margin-left:30px;}
.a-2 ul li{width:374px;height:140px;background:#f7f7f7;float:left;margin-right:8px;margin-bottom:8px;position:relative;cursor:pointer}
.a-2 ul li i{font-size:60px;text-align:center;line-height:140px;color:#8cb95a;display:block}
.a-2 ul li:nth-child(3n){margin-right:0}
.a-2{overflow:hidden;margin-top:30px;}
.a-2 ul li ol{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;overflow:hidden}
.a-2 ul li ol img{float:left;margin-top:30px;margin-left:40px}
.a-2 ul li ol p{font-size:16px;color:#fff;margin-top:45px;float:left;margin-left:30px;font-weight:bold;line-height:24px;}
.a-2 ul li:hover ol{visibility:visible;opacity:1;}
.a-2 ul li ol #a{text-align:center;float:none;margin-left:0;width:300px;margin:45px auto 0;}

.a-3 h6{color:#d6e4c0;font-size:20px;}
.a-3{margin-top:20px;}
.a-3 ul li{border:1px solid #d6e4c0;width:310px;text-align: center;color:#d6e4c0;line-height:30px;font-size:16px;float:left;overflow:hidden;margin-right:5px;margin-bottom:5px;}
.a-3 ul{overflow:hidden}
.a-3 ul li input{border:0;background:transparent;margin:0;font-size:14px;color:#d6e4c0;line-height:28px;padding-left:10px;}
.a-3 ul li *{float:left;}
.a-3 ul li span input{width:13px;height:13px;margin-top:9px;margin-right:3px;}
.a-3 ul li span{margin-left:10px;}

.a-4{background:#383735;padding-top:30px;color:#979797;padding-bottom:20px;}
.a-4 p{color:#979797;text-align:center;margin:0;line-height:30px;}
.a-4 span{color:#979797;margin-left:20px;}



/*悬浮窗*/

#leftsead{width:161px;height:290px;position:fixed;top:350px;right:0px; z-index:100;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:161px;height:60px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
#p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}



/*banner*/
#container {
	width:100%;
margin: 0;
  overflow: hidden;
}

#sliderContainer {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

#slider {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

#slider img {
  width: 100%;
  height: auto;
  display: block;
}

.slide {
  position: absolute;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
}

.slide.active {
  position: relative;
  z-index: 1;
  opacity: 1;
  pointer-events: auto;
}

.slideCopy {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background-color: #fff;
  color: #333;
}

.slideCopy p { font-size: 18px; }

.arrow {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  background-color: #fff;
  margin: auto 0;
  cursor: pointer;
  z-index: 100;
  background-size: 10px;
  background-repeat: no-repeat;
  pointer-events: none;
  opacity: 0;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

#prev {
  left: 30px;
  background-image:url(../images/arrow-left.png);
  background-position: 13px center;
  transform: translateX(20px);
  -webkit-transform: translateX(20px);
}

#next {
  right: 30px;
  background-image:url(../images/arrow-right.png);
  background-position: 16px center;
  transform: translateX(-20px);
  -webkit-transform: translateX(-20px);
}

.sliderHovered .arrow {
  opacity: 1;
  pointer-events: auto;
}

.sliderHovered #prev {
  transform: translateX(0);
  -webkit-transform: translateX(0);
}

.sliderHovered #next {
  transform: translateX(0);
  -webkit-transform: translateX(0);
}




/*contact*/
.z-1 ul li{/*border:1px solid #ddd;padding:20px;*/width:48%;float:left;margin:10px;min-height:552px;}
.z-1 ul li img{width:100%}
.z-1{overflow:hidden}
.z-1 ul li h6{font-size:24px;font-weight:bold}
.z-1 ul li b{font-size:14px;}
.z-1 ul li p{margin:0;font-size:14px;line-height:24px;}
.z-2 h3{font-size:36px;text-align:center;font-weight:bold;color:#8cb95a}
.z-2 em{display:block;width:60px;height:3px;margin:20px auto;background:#8cb95a}

	.z-3 h6{font-size:18px;text-align:center;color:#8cb95a;background:url(../images/map.png) no-repeat 26% center;background-size:20px;line-height:30px;}