@import url(common.css);
.banner{ position: relative; width: 100% !important; height:650px; z-index:1;}
.banner .hd ul{  position: absolute; bottom: 20px; width:100%; height: 18px; z-index: 900; text-align:center;}
.banner .hd li{ display:inline-block; width: 18px; height: 18px; margin: 0 3px; cursor:pointer; background:url(../images/bg_num.png); }
.banner .hd li.on{ background:url(../images/bg_num_cur.png);}
.banner .bd{ width: 100% !important; margin: auto; height:650px; }
.banner .bd ul{ width: 100% !important;   }
.banner .bd li{ position: relative; width: 100% !important; height:650px;  }
.banner .bd li a{ display: block; position: relative; margin: auto; width: 100%; height:650px; }
.banner .prev,.banner .next{ position: absolute; top: 50%; width: 74px; height: 74px;  margin-top: -37px;z-index: 900; display: none;}
.banner .prev{ left: 20px; background: url(../images/arr_l.png); }
.banner .next{ right: 20px;  background: url(../images/arr_r.png); }


.itits{ margin-bottom: 45px;}
.itits span{ display: inline-block; line-height: 80px; color:#717174;}

.ipart1{ margin-bottom: 50px;}
.ipart1 .line-big{ margin-left: -20px; margin-right: -20px;}
.ipart1 .line-big .x4{ padding-left: 20px; padding-right: 20px;}
.ipart1 .wrap{ position: relative; width: 100%; height: 380px; background-size: cover;overflow: hidden;}
.ipart1 .wrap .tit{ z-index: 2; position: absolute; right: 10%; bottom:10%; width: 80%; text-align: center; padding: 5px 25px; background: rgba(255,255,255,.6); line-height: 26px;}
.ipart1 .wrap .tit .f18{ border-bottom:1px solid #717171;}
.ipart1 .wrap .sub{ display: none; position: absolute; left: -60%; top:20px; width: 60%;  transition: all 0.2s ease;}
.ipart1 .wrap .sub a{ display: block; margin-bottom: 10px; background: rgba(255,255,255,.8); padding: 5px 10px; width: 100%; transition: all 0.3s ease;}
.ipart1 .wrap .sub a:hover{ background: #fff; width: 110%; transition: all 0.3s ease;}
.ipart1 .wrap:hover .sub{ left: 0;}
/*.ipart1 .wrap:hover .tit{ bottom:0; right: 0; background: #fff;  }*/
/*.ipart1 .wrap:hover a{ color:#4fa9b5;}*/
.ipart1 .wrap:after{ opacity: 0; content:''; position: absolute; width:100%; height: 100%; background: rgba(0,0,0,.4); transition:all ease 0.3s; z-index: 1;}
.ipart1 .wrap:hover:after{ opacity: 1;}

.ipart2{ margin-bottom: 80px;}
.ipart2 .cata{ position: relative; padding-left: 280px; min-height: 185px; }
.ipart2 .cata .pic{ position: absolute; left: 0;}
.ipart2 .cata .pic img{ width: 250px;}
.ipart2 .cata .txts{ padding-top: 70px;}
.ipart2 .icats{ padding-top: 70px;}


.ipart3{ margin-bottom: 30px;}
.ihistory{ position: relative; width: 100% !important; height:380px; z-index:1; padding-left: 50px; padding-right: 50px;}
.ihistory .bd{ width: 100% !important; margin: auto; height:380px; }
.ihistory .bd ul{ width: 100% !important;   }
.ihistory .bd li{ position: relative; width: 100% !important; height:380px;  }
.ihistory .bd li a{ display: block; position: relative; margin: auto; width: 100%; height:380px; }
.ihistory .prev,.ihistory .next{ position: absolute; top: 50%; width: 40px; height: 80px;  margin-top: -40px;z-index: 900;  }
.ihistory .prev{ left: 0px; background: url(../images/arr_l2.png); }
.ihistory .next{ right: 0px;  background: url(../images/arr_r2.png); }

.ipart4{ margin-bottom: 60px;}

/*分页*/
.pages{ text-align:center; margin:40px auto 0; font-size:12px;}
.pages a, .pages span{ display:inline-block; padding:5px 12px; background:#f7f7f7; border:1px solid #f0f0f0; border-radius:5px; margin:0 2px; color:#aeaeae;}
.pages a:hover, .pages span.cur{ background:#4fa9b5; color:#fff; border-color:#4fa9b5;}


.tWrap{ padding-top:10px;  padding-bottom: 50px;}

.catalist{ width: 50%; margin-left: 25%;}
.catalist li{ margin-bottom: 20px;}
.catalist .cata{ position: relative; padding-left: 280px; min-height: 185px; }
.catalist .cata .pic{ position: absolute; left: 0;}
.catalist .cata .pic img{ width: 250px;}
.catalist .cata .txts{ padding-top: 70px;}


/*瀑布流*/
.waterfall{overflow:hidden;zoom:1;width:100%}
.wf_inner{margin:15px auto}
.wf_col{position:relative;min-height:473px;margin-left:15px;margin-top:0}
.wf_item{/*border:1px solid #d1d7dc;*/-webkit-box-shadow:0 3px 12px 1px rgba(0,0,0,.1);box-shadow:0 3px 12px 1px rgba(0,0,0,.1);/*background-color:#fff;border-radius:6px;box-sizing:border-box;width:335px;color:#565656;*/float:left;overflow:hidden;zoom:1;position:absolute}
.wf_item:hover{/*border:1px solid #ccc;box-shadow:5px 3px 3px rgba(201,201,201,.32)*/}
.wf_item_inner{margin:10px}
.wf_item .thumb{background:#E9E9E9;position:relative;display:block;overflow:hidden;font-size:0}
.wf_item .thumb_img{width:100%;max-width:100%;-ms-interpolation-mode:bicubic}
.wf_item .title{height:27px;margin:7px 0 0;color:#538700;font-size:17px;font-family:\5FAE\8F6F\96C5\9ED1}
.wf_item .title a{color:#060}
.wf_item .desc{word-wrap:break-word;word-break:break-all;color:#888}
.wf_result{height:32px;line-height:32px;margin-top:15px;text-align:center;color:#e9e9e9;}
.wf_loading{background:url(../images/loading.gif) center center no-repeat}
#backTop{cursor:pointer;width:38px;height:38px;background:url(../images/backTop.gif) no-repeat 0 -39px; z-index: 11;}
#backTop:hover{background-position:0 0}
.entry-overlay{visibility:none;opacity:0;filter:alpha(opacity=0);background:#000;position:absolute;top:0;left:0;height:100%;width:100%;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;cursor:pointer}
.wf_item .thumb:hover .entry-overlay{visibility:visible;opacity:.5;filter:alpha(opacity=50)}
.wf_item .thumb:hover .entry-overlay .fangda{filter:alpha(opacity=100);opacity:1}
.entry-overlay .fangda{width:50px;height:50px;opacity:0;filter:alpha(opacity=0);position:absolute;top:50%;margin-top:-25px;left:50%;margin-left:-25px;background:url(../images/fangda.png)}
.wf_list_menu h3{height:28px;line-height:28px;color:#000;font-size:14px;font-weight:700}
.wf_list_menu p{font-size:0}
.wf_list_menu p a{display:inline-block;margin:4px 4px 4px 0;width:63px;line-height:27px;color:#000;text-align:center;font-size:14px;cursor:pointer}
.wf_list_menu p a.on{background:#8BB843;color:#fff;border-radius:2px}
.wf_list_menu p a:hover{color:#060;text-decoration:underline}
.wf_list_menu p a.on:hover{color:#fff;text-decoration:none}
.wf_list_menu .line_b{border-bottom:1px dashed #eaeaea;padding-bottom:10px;margin-bottom:10px}
/*END瀑布流*/

body .fr-box{  margin-bottom: 200px;}



.histit { margin-bottom: 70px; margin-top:80px;}
.histit span{ display: inline-block; padding:0 50px; background: #f2f3f4;}

.hisslide{ position: relative; width: 100% !important;  z-index:1; height: 250px; padding-left: 50px;    padding-right: 50px; margin-top:30px;}
.hisslide .bd{ width: 100% !important; margin: auto; }
.hisslide .bd ul{ width: 100% !important;   }
.hisslide .bd li{ position: relative; width: 100% !important;   }
.hisslide .bd li a{ display: block; position: relative; margin: auto; width: 100%;height: 250px; }
.hisslide .bd li a img{height: 250px;}
.hisslide .prev,.hisslide .next{ position: absolute; top: 50%; width: 40px; height: 80px;  margin-top: -40px;z-index: 900;  }
.hisslide .prev{ left: 0px; background: url(../images/arr_l2.png); }
.hisslide .next{ right: 0px;  background: url(../images/arr_r2.png); }

.hiscert .line-big{ margin-left: -30px; margin-right: -30px;}
.hiscert li.x4{ margin-bottom: 20px; padding-left: 30px; padding-right: 30px;}
.hiscert li a{  display: block; border:5px solid #eee; box-shadow: 10px 10px 30px #bbb; }


.protab { text-align: center; margin-bottom: 60px;}
.protab a{ display: inline-block; padding: 5px 20px; background: #bfc0c0;}
.protab a:hover,.protab a.cur{ background: #95979a; color:#000;}

#prolist{ }

.proslide{ overflow:hidden; position:relative; padding-left: 50px; padding-right: 50px; }
.proslide .prev,.proslide .next{ position: absolute; top: 50%; width: 40px; height: 80px;  margin-top: -60px;z-index: 900;  }
.proslide .prev{ left: 0px; background: url(../images/arr_l2.png); }
.proslide .next{ right: 0px;  background: url(../images/arr_r2.png); }
.proslide .bd{ }
.proslide .bd ul{ overflow:hidden; zoom:1; }
.proslide .bd ul li{ _display:inline; overflow:hidden; text-align:center; margin-bottom: 20px;  }
.proslide .bd ul li a{ display: block; padding: 35px; transition: all 0.3s ease; }
.proslide .bd ul li a img{width:100%; height:134px; display:block;}
.proslide .bd ul li a.pic{ text-align:center; position: relative;}
.proslide .bd ul li a.pic img{ width:100%; height:134px; display:block;  }
.proslide .bd ul li a.title{ line-height:30px;}
.proslide .bd ul li a:hover{transform: scale(1.2);  }



.morepro { display: flex; margin-top: 20px; justify-content: center;  text-align: center; align-items: center;}
.morepro .item{ margin: 0 30px;  align-items: center;}
.morepro .item.cur{ display: none;}
.morepro .line-big{ margin-left: -20px; margin-right: -20px;}
.morepro .line-big .x4{ padding-left: 20px; padding-right: 20px;}
.morepro .wrap{ position: relative; width: 320px; height: 380px; background-size: cover; overflow: hidden;}
.morepro .wrap .tit{ z-index: 2; position: absolute; right: 10%; bottom:10%; width: 80%; text-align: center; padding: 5px 25px; background: rgba(255,255,255,.6); line-height: 26px; }
.morepro .wrap .tit .f18{ border-bottom:1px solid #717171;}
.morepro .wrap .sub{display: none; position: absolute; left: -60%; top:20px; width: 60%; transition: all 0.2s ease;}
.morepro .wrap .sub a{ display: block; margin-bottom: 10px; background: rgba(255,255,255,.8); padding: 5px 10px; width: 100%; transition: all 0.3s ease; }
.morepro .wrap .sub a:hover{ background: #fff; width: 110%; transition: all 0.3s ease;}
.morepro .wrap:hover .sub{ left: 0;}
/*.morepro .wrap:hover .tit{ bottom:0; right: 0; background: #fff;  }*/
.morepro .wrap:after{ opacity: 0; content:''; position: absolute; left: 0; width:100%; height: 100%; background: rgba(0,0,0,.4); transition:all ease 0.3s; z-index: 1;}
.morepro .wrap:hover:after{ opacity: 1;}

.ui-flex {display: -webkit-box !important;display: -webkit-flex !important;display: -ms-flexbox !important; display: flex !important; -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap; flex-wrap: wrap;}
.ui-flex.justify-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
.ui-flex.center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}





.pc-slide{width: 405px; float: left; }
.pc-slide .view .swiper-container {width: 405px;height: 320px;}
.pc-slide .view .swiper-container a{ display: block; position: relative; height: 100%;}
.pc-slide .view .swiper-container img{ max-height: 100%; max-width: 100%; }
.preview { width: 100%; margin-top: 10px; position: relative; }
.preview .swiper-container {width: 490px;height: 100px;padding-top: 10px; }
.preview .swiper-slide {width: 120px;height: 90px;cursor:pointer; position: relative; margin-right: 10px;}
.preview .arrow-left {background: url(../images/mini_l.png) no-repeat left center;position: absolute;left: -15px;top: 10px;width: 10px;height: 90px;z-index: 10;}
.preview .arrow-right {background: url(../images/mini_r.png) no-repeat right center;position: absolute;right: -15px;top: 10px;width: 10px;height: 90px;z-index: 10;}
.preview img {width: 120px;height: 90px;}
.preview .active-nav:before{ display:none; content: ''; position: absolute; z-index: 10; left: 0; bottom:0; width:120px; height: 94px; background: url(../images/p_on.png);}


.catinfo{ padding-left:50px; position: absolute;}
.catinfo .icon{ font-size:40px; position: absolute; left: 0; width: 40px; text-align: center;}
.catinfo .icon-envelope-o{ top:-20px;}
.catinfo .icon-map-marker{ top:50px;}
.catinfo .icon-phone{ top:120px;}