.ope_topBg{
	width: 100%;
	float: left;
	min-width: 1200px;
}
body{
	background: url(../images/ab_topBg.gif) center 150px no-repeat;
}
.ope_top{
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
}
.ope_tit{
	width: 1200px;
	float: left;
	margin: 15px 0;
}
.ope_tit .title{
	width: 600px;
	float: left;
	height: auto;
}
.ope_tit .tit{
	font-size: 24px;
	line-height: 50px;
}
.ope_tit .site{
	width: 600px;
	float: left;
	height: auto;
	text-align: right;
}
.ope_top .text{
	width: 880px;
	height: 350px;
	background: url(../images/ope_top_bg_l.png) left 433px no-repeat, url(../images/ope_top_bg_r.png) right bottom no-repeat;
	padding: 0 250px 0 70px;
}

.ope_top .text2{
	width: 88%;
	margin: 0 auto;

}
.ope_top .text3 h1 {
	font-size: 24PX;
	color: #67a92c;
	font-weight: normal;
}

.ope_top .text3{
	width: 88%;
	margin: 0 auto;

}

.ope_top .text3 p{
	margin: 2% 0;

}

.ope_botBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	font-weight: normal;
}
.ope_bot{
	width: 1200px;
	margin: 0 auto;
	height: 400px;
	background: url(../images/ope_bg.png) -20px bottom no-repeat, url(../images/ope_bot_bg_r.png) right 50px no-repeat;
}
.ope_bot .text{
	float: right;
	width: 900px;
	padding-right: 100px;
}
.text img{
	display: none;
}
/* =================
		   Container Styling */
		.container {
		  position: relative;

		  padding: 3em;
		}

		/* ===========
		   Tab Styling */
		.tab-group {
		  position: relative;
		  border: 1px solid #eee;
		  margin-top: 2.5em;
		  border-radius: 0 0 10px 10px;
		}
		.tab-group section {
		  opacity: 0;
		  height: 0;
		  padding: 0 1em;
		  overflow: hidden;
		  transition: opacity 0.4s ease, height 0.4s ease;
		}
		.tab-group section.active {background: rgba(255,255,255,0.8);
		  opacity: 1;
		  height: auto;
		  overflow: visible;
		  margin:10px 0;
		}

		.tab-nav {
		  list-style: none;
		  margin: -2.5em -1px 0 0;
		  padding: 0;
		  height: 2.5em;
		  overflow: hidden;
		}
		.tab-nav li {
		  display: inline;
		}
		.tab-nav li a {
		  top: 1px;
		  position: relative;
		  display: block;
		  float: left;
		  border-radius: 10px 10px 0 0;
		  background: #eee;
		  line-height: 2em;
		  padding: 0 1em;
		  text-decoration: none;
		  color: grey;
		  margin-top: .5em;
		  margin-right: 1px;
		  transition: background .2s ease, line-height .2s ease, margin .2s ease;
		}
		.tab-nav li.active a {
		  background: #6EB590;
		  color: white;
		  line-height: 2.5em;
		  margin-top: 0;
		}
@media screen and (min-width: 320px) and (max-width: 768px) {
.ope_topBg, .ope_botBg{
	width: 100%;
	height: auto;
	min-width: 320px;
}
.ope_top{
	width: 90%;
	margin: 0 auto;
	padding: 15px 5%;
}
.ope_tit{
	width: 100%;
}
.ope_tit .site, .ope_tit .title, .ope_top .info{
	width: 90%;
	padding: 0 5%;
	height: auto;
	margin: 10px 0;
}
.ope_top .text{
	width: 100%;
	height: auto;
	padding: 0;
	background: none;
}
.ope_botBg{
	width: 100%;
	height: auto;
	min-width: 320px;
	min-height: 240px;
}
.ope_bot{
	width: 90%;
	height: auto;
	padding: 0 5%;
	background: none;
}
.ope_bot .text{
	width: 100%;
	padding: 0;
}
.text img{
	display: block;
	width: 100%;
	height: auto;
	margin: 10px 0;
}
}