@import url("main.css");



/*基地展示*/
.product_box{position:relative; top:0; left:0;}
.product_box_center{width:1200px; margin-left:auto; margin-right:auto;}
.pro_list{float:left; position:relative; width:260px;  top:0px; left:0;}
.pro_list h2{ width:260px; line-height:100px; text-align:center; background:url(../images/pro_bg.jpg) no-repeat center; color:#fff; font-size:30px;}
.pro_list h3{ color:#fff; font-size:16px; line-height:73px; background-color:#00b276; border-bottom:1px solid #30ca96; padding-left:86px;}
.pro_list .pro_list_bg{ background-color:#fff; background-image:url(../images/pro_list_bg.jpg); background-repeat:no-repeat; color:#30ca96;}
.pro_list h3:hover{ background-color:#fff; background-image:url(../images/pro_list_bg.jpg); background-repeat:no-repeat; color:#30ca96;}
.pro_list .last{ border:none;}
.pro_list h4{height:72px; background-color:#00b276;}
.pro_con_box{ width:900px; position:absolute; right:0px;}
.pro_title{ border-bottom:1px solid #dfdfdf;}
.pro_title h1{ float:left; font-size:20px; color:#30ca96; padding-top:16px; padding-bottom:6px; border-bottom:2px solid #30ca96;}
.pro_title h5{ float:right; font-family:Arial; font-size:16px; padding-top:26px;}
.pro_title h5:hover{ color:#ff9000;}
.about_us{ margin-top:40px;}

.about_text{ border:1px solid #959595; border-top:none;  padding-bottom:23px; padding-left:10px; padding-right:10px;}
.about_text h5{ font-size:16px; font-weight:bold; padding-top:17px; padding-bottom:6px;}
.about_text h6{ line-height:32px;}
.pro_con{ float:left; margin-left:40px; margin-top:30px; width:900px; overflow:hidden;}
.pro img{ width:242px; height:182px; padding:8px; border:#898989 1px solid; }
.pro{ float:left; position:relative;}
.shadow{ position:absolute; top:9px; left:9px;  width:242px; height:182px; background-color:rgba(0,0,0,0.5)}
.shadow h2{ width:76px; line-height:30px; text-align:center; color:#fff; font-size:12px; border:1px solid #fff; margin-top:76px; margin-left:83px;}
.pro h5{ font-size:12px; text-align:center; padding-top:15px;}
.con_title{ border-bottom:1px solid #dfdfdf; width:900px; margin-bottom:20px;}
.con_title h3{ float:left; font-size:20px; color:#16441d; border-bottom:2px solid #7aae42; padding-bottom:6px;}
.con_title_right{ float:right; padding-top:4px;}
.con_title_right h4{ float:left; background:url(../images/shouye.jpg) no-repeat  0 center; padding-left:15px; font-size:14px; color:#646464; line-height:30px;}
.con_title_right h5{ float:left; font-size:16px; color:#646464; line-height:30px;}
.con_title_right h6{ float:left; font-size:13px; color:#646464; line-height:30px;}
.pro{ margin-top:20px; margin-right:38px;}
.con_title_right h4:hover{ color:#ff9000;}
.con_title_right h6:hover{ color:#ff9000;}
.pro_text_title h1{ text-align:center; font-size:24px; color:#646464; padding-top:15px;}

.pro-con-img{width:100%;float:left; margin-top:30px}
/* 本例子css */
	.picScroll{ width:100%;overflow:hidden   }
	.picScroll .hd{display:none;height:36px;line-height:35px;padding:0 15px; background:#f4f4f4; }
	.picScroll .hd h2{ font-family: "Microsoft YaHei"; font-size: 17px; color: #C80300; float: left; margin-right: 15px; }
	.picScroll .bd{ position:relative;  }
	.picScroll .prev{ position: absolute; top: 101px;  left:15px;display: block; width: 48px; height: 88px; background:url(../images/pro_ctrl_left.png) left center no-repeat; z-index: 9; }
	.picScroll .next{ position: absolute; top: 101px; right:15px; display: block; width: 48px; height: 88px; background: url(../images/pro_ctrl_right.png) right center no-repeat; z-index: 9;  }
	
	.picScroll .scrollWrap{ width:400px;margin:0 auto  }
	.picScroll ul{ overflow:hidden; zoom:1; }
	.picScroll li{ width:400px; position:relative; float:left; display:inline; }
	.picScroll li .pic {position:relative;display:block;overflow:hidden;margin-bottom:6px;}
	.picScroll li .pic img {display:block;background:#ddd;width:400px;height:300px}
	.picScroll li .score {color:#FF6600;font-family:Arial;position:absolute;top:0;right:10px;}
.jieshao{width:120px;height:35px;line-height:35px;color:#fff;background:#f64c4c;margin-left:48px;margin-top:20px;text-align:center;font-size:16px;}

.jieshao-con{float:left;width:100%;line-height:25px;margin-top:25px;text-indent:2em;color:#242e37;  padding-bottom:54px;}
.jieshao-con h1{ line-height:60px; font-size:16px; color:#fff; background:#12b17b; margin-bottom:40px;}
.jieshao-con p img{ max-width:100%; display:inline-block; margin-top:10px;}
.fanhui_list{ width:100%;  height:40px; border-radius:4px; overflow:hidden; margin-left:362px;}
.fanhui_list h3{ float:left; color:#fff; background-color:#12b17b; font-size:16px; line-height:40px; text-align:center; padding-left:54px; padding-right:54px;  border-radius:4px; overflow:hidden;}

.fanye{ float:left; width:400px; height:30px; padding-left:289px; padding-top:57px;}
.fanye h2,.fanye h3,.fanye h4{ float:left;}
.before h2{ float:left; background-color:#12b17b; width:60px; line-height:30px; color:#fff; cursor:pointer; text-align:center; margin-right:5px;}
 .num{ float:left;}
 .num .first{background-color:#12b17b; color:#fff; width:28px; height:28px; line-height:28px;}
 .num h3{ float:left; width:28px; height:28px; color:#12b17b; text-align:center; line-height:28px; margin-left:5px; margin-right:5px; border:1px solid #12b17b; cursor:pointer;}
 .num h4{ float:left; width:28px; height:28px; color:#646464; text-align:center; line-height:20px; maigin-right:5px; }
.next h2{float:left; background-color:#12b17b; width:60px; line-height:30px; color:#fff; cursor:pointer; text-align:center; margin-left:5px;}
.num h3:hover{background-color:#12b17b; color:#fff; }