* { margin: 0; padding: 0; list-style: none; text-decoration: none; font-family: "微软雅黑", "Microsoft Yahei"; }
body{ min-width: 1200px; }
a { color: #666 }
img { border: none; }
.clearfix { zoom: 1; clear: both; }
.fl { float: left; }
.fr { float: right; }
.tel { padding-left: 60px; font-size: 18px; background: url(../images/tel.png) no-repeat center left; margin-top: 25px; }
.tel span { display: block; font-size: 24px; color: #f15d00; font-weight: bold; }
.clearfix:after { content: ''; clear: both; display: table; }
.wrap { width: 1200px; margin: 0 auto; position: relative; }

/* top */
.top { width: 100%;/* height: 120px; *//* border-top: 4px solid #fa6d13; *//* background: url(../images/top_bj.jpg) left top repeat; */padding: 10px 0; overflow: hidden; }
.top_content { width: 1200px; margin: 0 auto;/* margin-top: 20px; */ }
.top_content .top_right { float: right; width: 200px; }
.top_content .top_right ul li { float: left; margin-top: 10px; margin-right: 10px; border-right: 1px dashed #EEE; width: 50px; }
.top_content .top_right ul li a { float: right; font-size: 12px; color: #333; }

/*导航*/
.nav { clear: both; height: 54px; background: #53ba07; }
.nav ul { width: 1200px; margin: 0 auto; }
.nav ul li { float: left; text-align: center; line-height: 54px; width: 120px; position: relative; }
.nav ul li a { color: white; display: inline-block; }
.nav ul li:hover { background: #fa6d13; }
.nav ul li .slide-ul { position: absolute; z-index: 999; display: none; }
.nav ul li .slide-ul li { height: 50px; line-height: 50px; clear: both; background: rgb(241, 93, 0); border-bottom: 1px dashed #fff; }
.nav ul li:hover .slide-ul { display: block; }

/* focusindex */
#focusindex { height: 500px; overflow: hidden; position: relative; }
#focusindex li { height: 500px; overflow: hidden; position: absolute; width: 100%; }
#focusindex li a { display: block; height: 500px; position: absolute; width: 100%; z-index: 2 }
#focusindex .btn { position: absolute; width: 100%; height: 30px; bottom: 0; text-align: center; z-index: 9 }
#focusindex .btn span { display: inline-block; _display: inline; _zoom: 1; width: 14px; height: 14px; _font-size: 0; margin: 5px 10px; cursor: pointer; background: #dfdfdf; z-index: 9; border-radius: 50% }
#focusindex .btn span.on { background: #53ba07; z-index: 9; }
#focusindex .preNext { width: 44px; height: 44px; position: absolute; top: 180px; background: url(../images/sprite.png) no-repeat left bottom; cursor: pointer; z-index: 9; opacity: 0; transition: all 0.3s linear 0s; }
#focusindex .pre { left: 0%; z-index: 9 }
#focusindex .next { right: 0%; background-position: right bottom; z-index: 9 }
#focusindex:hover .preNext { opacity: 0.5; }
#focusindex:hover .pre { left: 10%; }
#focusindex:hover .next { right: 10%; }
#focusindex .pre:hover, #focusindex .next:hover { opacity: 1; }

/*news*/
.container-rollNews { background-color: #f5f5f5; border-bottom: 1px solid #dedede; padding: 15px 0; }
.container-rollNews .contain { height: auto; overflow: hidden; }
.container-rollNews .rNs-title { display: inline-block; float: left; padding-left: 30px; font-size: 14px; color: #666; background: url(../images/icon-news.png) no-repeat left center; }
.container-rollNews .rNs-swiper { float: left; position: relative; overflow: hidden; height: 20px; width: 1000px; margin-left: 13px; }
.container-rollNews .rNs-swiper a { display: block; line-height: 20px; font-size: 13px; color: #555; }
.container-rollNews .rNs-swiper a span { display: inline-block; max-width: 900px; vertical-align: middle; }
.container-rollNews .rNs-swiper a em { font-size: 13px; color: #555; margin-left: 15px; vertical-align: middle; }
.container-rollNews .rNs-bPage { float: right; width: 12px; height: 20px; background: url(../images/swiper-2.png) no-repeat center center; }
.container-rollNews .rNs-bPage a { display: block; width: 100%; height: 10px; }
.p_show { background: url(../images/index_13.jpg) no-repeat center; overflow: hidden; }
.p1 { width: 40%; text-align: center; }
.p1 h3 { font-size: 24px; line-height: 60px; font-weight: normal; color: #333333; height: 60px; }
.js { color: rgb(153, 153, 153); font-size: 12px; padding: 0px 70px 0px 70px; line-height: 22px; padding-bottom: 15px; }
.p_more a { color: #f15d00; border: 1px solid  #f15d00; border-left: none; border-right: none; line-height: 35px; width: 140px; height: 35px; display: block; margin: auto; }
.ab, .case { background: url(../images/a_bg.jpg) no-repeat center; height: 502px; width: 100%; padding: 66px 0; margin-top: 40px; }
.ab_intro { width: 338px; background: #fff; height: 499px; }
.ab_p { padding: 15px; font-size: 12px; color: #666; line-height: 22px; }
.ab_more { text-align: right; }
.ab_more a { display: block; width: 190px; background: #53ba07; height: 40px; line-height: 40px; color: #fff; text-align: center; }
.tech { padding: 40px 0; overflow: hidden; }
.tech ul li { float: left; width: 17%; text-align: center; line-height: 22px; margin: 0 2%; padding:2%; }
.tech ul li:hover{ border-radius:5px;box-shadow: 1px 1px 5px #888888; }
.tech ul li img { margin-bottom: 15px; }
.tech ul li h4 { font-size: 18px; text-align: center; height: 30px; font-weight: normal; }
.tech ul li span { font-size: 12px; position: relative; color: #999; line-height: 30px; display: block; }
.tech ul li span:after { content: ""; width: 60px; height: 1px; background: #999; position: absolute; left: 40%; bottom: 0px; }
.tech ul li p { font-size: 12px; color: #999; padding-top: 15px; }
.caselist { width: 900px; overflow: hidden; height: 444px; }
.big { width: 628px; height: 444px; float: left; }
.small { width: 246px; height: 444px; float: right; }
.swiper-container { width: 100%; height: 444px; margin-left: auto; margin-right: auto; }
.swiper-slide { background-size: cover; background-position: center; }
.gallery-top { height: 100%; width: 100%; }
.gallery-thumbs { height: 444px; box-sizing: border-box; position: relative; }
.gallery-thumbs .swiper-button-prev{ position: absolute; top: 0; height: 36px; background-image:none; width: 100%;    left: 0;
    right: 0;
    margin: 0;}
.gallery-thumbs .swiper-button-next{ position: absolute;  height: 36px;background-image:none; width: 100%;    left: 0;
    right: 0;
    margin: 0;bottom: 0; }
.gallery-thumbs .swiper-slide { width: 100%; opacity: 0.8; 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; }
.gallery-thumbs .swiper-slide-active { opacity: 1; }
.news,footer{clear: both; overflow: hidden;}
.newlist{ margin-top: 50px; width: 620px;  margin-left: 10px; }
.newlist ul li,.news_list ul li{ width: 100%; line-height: 40px; border-bottom: 1px dashed #f2f2f2; height: 40px; }
.newlist ul li a,.news_list ul li a{ display: block; float: left; width: 70%;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color: #333;}
.newlist ul li a:hover,.news_list ul li a:hover{ color: #f00; }
.newlist ul li  span,.news_list ul li span{ float: right; font-size: 12px;  color: #666;}






footer{ background: #53BA07; }
.f_nav{height: 50px;border-bottom: 1px solid #69d01d;line-height: 50px;}
.f_nav ul{ display: flex; flex-wrap: wrap; justify-content: center; }
.f_nav ul li a{ color: #fff;  padding: 0 20px;}
.f_nav ul li:hover,.f_nav ul li .active{ border-bottom: 1px solid #ea5b31; display: block; }
.foot{ margin-top: 48px; color: #fff; line-height: 30px; float: right; width: 670px; } 


.content-left { float: left; width: 245px; margin-top: 20px; }
.content-right { float: right; width: 930px; min-height: 350px; background: #fff; margin-top: 20px; padding-bottom: 20px; }
.content-right1 { float: right; width: 1200px; min-height: 350px; background: #fff; margin-top: 20px; padding-bottom: 20px; }
.content-right h3.cat-tit { height: 54px; line-height: 54px; font-size: 14px; padding-left: 15px; border-bottom: 1px solid #f0f0f0; }
.content-right1 h3.cat-tit { height: 54px; line-height: 54px; font-size: 14px; padding-left: 15px; border-bottom: 1px solid #f0f0f0; }
.contactContent { margin-top: 20px; height: 40px; }

.subcate {width: 245px;min-height: 70px;background: #53ba07;position:  relative;}
.subcate h3 { position: relative; height: 150px; text-indent: 65px; color: #fff;     overflow: hidden;}
.subcate h3 a {width: 100%;height: 100%;position: absolute;top: 70px;left: 0;color: #fff;/* z-index: 9; */}
.subcate h3 span.subcat-tit {/* padding-top: 62px; *//* font-size: 22px; */}
.subcate h3 i.sub-ico { display: block; width: 87px; height: 91px; position: absolute; top: 30px; left: 33px; background: url(../images/h3ico.png) no-repeat; }
.subcate ul {background: #fff;border: 1px solid #dcdcdc;border-top:  none;}
.subcate ul li { clear: both; width: 245px; text-indent: 36px; height: 45px; line-height: 45px; border-top: 1px solid #f0f0f0; }
.subcate ul li:last-child { border-bottom: none; }
.subcate ul li a { display: block; font-size: 14px; color: #333; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; }
.subcate ul li:hover a, .subcate ul li:hover { background: #53ba07; }
.subcate ul li:hover a { color: #fff; }
.pro_0_list ul li i.bor2{background: #53ba07;}
.pro_0_list ul li { position: relative; width: 270px; min-height: auto; float: left; margin-left: 18px; margin-top: 20px; overflow: hidden; }
.pro_0_list ul li a.img {position: relative;display: block;width: 270px;height: 220px;overflow: hidden;}
.pro_0_list ul li img {width: 270px;height: 220px;}
.pro_0_list ul li img, .pro_0_list ul li a.jia, .pro_0_list ul li i.bor2 { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; }
.pro_0_list ul li .title { padding: 15px; }
.pro_0_list ul li a.jia { opacity: 0; position: absolute; bottom: 28px; right: 23px; display: block; z-index: 10; }
.pro_0_list ul li .proMore { width: 32px; height: 32px; background: url(../images/proMore.html) no-repeat center; display: none; }
.pro_0_list ul li:hover .proMore { display: block; }
.pro_0_list ul li i.bor2 { display: block; width: 0; height: 2px; }
.pro_0_list ul li .title h5 a { color: #666; }
.pro_0_list ul li .title p.entitle { color: #999; }
.pro_0_list ul li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.pro_0_list ul li:hover a.jia { opacity: 1; }
.pro_0_list ul li:hover i.bor2 { width: 100%; }

.ct h3{background: #53ba07; line-height: 60px; color: #fff; text-align: center; margin-top:15px;}
.ct_p{ padding: 15px; line-height: 30px; border:1px solid #f2f2f2; }
.detail-content{ padding: 15px; }
.detail-content p,.detail-content  {
    color: #666;
    line-height: 25px;
    font-size: 15px;
    line-height: 35px;
}


.new-title { font-size: 28px; color: #434343; text-align: center;    line-height: 60px; }
.new-time { font-size: 16px; height: 32px; line-height: 32px; color: #828282; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; }
.news-time-left { float: left; }
.news-time-right { width: 100%; overflow: hidden; padding: 15px 0; }
.new-co{ padding: 15px 0;}
.art-page { margin-top: 20px; border-top: 1px solid #f2f2f2; padding: 20px 0;     overflow: hidden;}