www.gusucode.com > （带手机版数据同步）教育培训行业网站源码 户外拓展通用织梦模板（demo209）源码程序 > （带手机版数据同步）教育培训行业网站源码 户外拓展通用织梦模板（demo209）源码程序/www10/m/css/master.css

    body,input{font-family: "microsoft yahei";}
.allpage{
	background-color: #ffffff!important;
}
/*font*/
@font-face{font-family:"iconfont";src:url('../other/iconfont.woff') format('woff'),url('../other/iconfont.ttf') format('truetype');}
@font-face{font-family:"iconfont1";src:url('../other/iconfont1.woff') format('woff'),url('../other/iconfont1.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
.iconfont1 {
	font-family:"iconfont1" !important;
	
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	borde/r-radius: 50%;
	display: inline-block;
	
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:0.2px;
	-moz-osx-font-smoothing:grayscale;
}
	
input{
	outline: none;
}
.search-lh-input{
	width: 75%;
	border:1px solid #65b673;
	border-radius: 15px 0 0 15px;
	float: left;
	border-right: none;
	height: 0.461rem;
	font-size: 0.18rem;
	font-family: "microsoft yahei";
	text-indent: 5%;
	margin-top: 2%;
}
.search-lh-btn{
	width: 15%;
	float: left;
	background-color: #fff;
	border-radius:0 15px 15px 0;
	border:1px solid #65b673;
	border-left: none;
	height: 0.491rem;
	font-size: 0.25rem;
	margin-top: 2%;
}
.search_hl{
	width:14.0625%;
	left:0.1%;
	top:-1px;
	position:absolute;
	height:100%;
	font-size:0.38rem;
	line-height:0.8rem;
	color:#fff;
	text-align:center;
	overflow:hidden;
}
.search{
	width: 96%;
	height: 0.691rem;
	padding:0 2%;
	position: absolute;
	top: -120%;
	left: 0;
	background-color: #22b38a;
	font-family: "microsoft yahei";
}
.search-lh-input{
	width: 75%;
	border:1px solid #22b38a;
	border-radius: 15px 0 0 15px;
	float: left;
	border-right: none;
	height: 0.461rem;
	font-size: 0.18rem;
	font-family: "microsoft yahei";
	text-indent: 5%;
	margin-top: 2%;
}
.search-lh-btn{
	width: 15%;
	float: left;
	background-color: #fff;
	border-radius:0 15px 15px 0;
	border:1px solid #22b38a;
	border-left: none;
	height: 0.491rem;
	font-size: 0.25rem;
	margin-top: 2%;
}
.search a{
	display: inline-block;
	width: 9%;
	float: left;
	color:#fff;
	text-align: center;
	height: 0.7rem;
}
.index_text{
	font-size: 14px;
	width: 100%;
	height: 0.5rem;
	background: #fff url(../images/search_bg_05.png) no-repeat 95% center;
	-webkit-background-size: 7%;
	background-size: 7%;
	border:none;
	font-family:"microsoft yahei";
	text-indent: 3%;
}
.search_new{ width:92%; z-index:9; background:#ffa200; position:relative;
	padding:3% 2% 3% 6%;
	text-align: left;
	
}
.srch-sub{
	position:absolute;
	top:20%;
	right:3%;
	width:0.42rem; height:0.42rem; background:#d92619;text-align:center;
	border:none;
	
	font:0.25rem/1 "Microsoft YaHei"; font-weight:normal;
	cursor:pointer; 
	color:#FFF;
	-webkit-appearance:none; border-radius:50%;
	
}
.search_new .input1{
	width:88%;
	border:1px solid #cdcdcd; border-radius:20px;
	
	-webkit-background-size: 7%;
	background-size: 7%;
	text-indent: 3%;
	padding:2% 0;
}
/* for white */
.white-bg{background:#fff;}
/* mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm */
.casei{width:100%;height:auto;overflow:hidden;margin:0 auto}
.blue{
	background-color:#009269;
}
.s_b{
	background-color:#009269;
}
.nav_new{
	width: 100%;
	
}
.nav_new ul li{
	width: 25%;
	
	float: left;
	text-align: center; 
 	
}
.tpp ul li{ border-bottom:1px solid #8affde;}
.nav_new ul li:nth-child(4){
	border-right: 0;
}
.nav_new ul li:nth-child(1){
	border-left: 0;
}
.nav_new ul li:nth-child(5){
	border-left: 0;
}
.nav_new ul li:nth-child(6){
	
}
.nav_new ul li:last-child{
	border-right: 0;
} 
.tpp{ background:#009269; border-top:1px solid #ffffff;}
.boo{ background:#009269}
.nav_new ul li a{
	display: inline-block;
	/* padding:80%; */
	color:#fff;
	
	font-size: 0.22rem;
	font-family: "microsoft yahei"; padding:2% 0;
	height: 0.4rem;
	line-height: 0.4rem;
}
.nav_new ul li a:nth-child(4){
	border:none!important;
}
.nav_new ul li a:last-child{
	border:none;
}
/* banner */
.banner{
	width:96.875%; margin:2% auto;
	position: relative;
}
.swiper-pagination{ 
	width: 98%!important;
	text-align: center!important;
	bottom: 0.05rem!important;
}
.swiper-pagination-bullet{
	width: 0.1rem!important;
	height: 0.1rem!important; background:#ffffff;
	opacity: 1!important; border-radius:50%!important; 
}
.swiper-pagination-bullet-active{
	background-color: #009269!important;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	margin:0 3px!important;
}
.common_title{
	text-align: center;
	position: relative;
	margin-top: 5%;
	margin-bottom: 3%;
}
.common_title span{
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 1px;
	background-color: #b9bbcb;
}
.common_title h2{
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 38%;
	background-color: #2332c6;
	color:#fff;
	font-size: 0.26rem;
	padding:1.5% 0;
	border-radius: 20px;
}
.more_i{  width:93.75%; float:left; text-align:center; margin:3% 0; margin-left:3%; background:url(../images/line.gif) left center repeat-x;
	
}
.more_i span{ background:#ffe430; padding:0 2%;  font-size: 0.22rem; color:#010101; line-height:1.2;}
.about_i_c{
	line-height: 1.6;
	padding:2% 5% 1% 5%;
	font-size: 0.2rem;
	color:#151515;
}
.about_i{ background:#f0f0f0;}
.common_title_new h2{
	background-color: #e00409!important;
}
.honor_i{}
.honor_i_c{ margin:0 auto; background:#f0f0f0;
	margin-top: 2%; width:100%; 
}
.ss{ margin:0; background:#ffffff;}
.honor_i_c ul li{
	width: 45.3125%;
	float: left;
	text-align: center;
	margin: 3%  0% 0.5% 3.3%;
}
.ss ul li{ margin:0 0 3.5% 3.3% !important}

.honor_i_c ul li div{ display:block; background:#5d5d5d;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; }
.honor_i_c ul li span{ color:#ffffff; 
	width: 94%; padding:2% 3% 3% 3%;
	text-align: center;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	margin: 0;
	font-size: 0.2rem;
}
.honor_i_c ul li label{overflow: hidden;white-space: nowrap;text-overflow:ellipsis; display:inline-block; margin:3% auto; padding:1% 2%; border:1px solid #d92619; border-radius:0.05rem; color:#db3d34; font-size:0.16rem;}
.casei{width:100%;height:auto;overflow:hidden;margin:0 auto}
.casei li{width:100%;height:auto;padding:2% 0;border-bottom:1px solid #ccc;overflow:hidden}
.case_i_c ul li{ padding:1% 0;  width:100%; display:block; float:left;margin-top:1%; }
.case_i_c ul li a{ float:left; width:100%;color:#222222;  line-height:1.8;}
.case_i_c ul li:nth-child(odd){ background:#f5f5f5;} 
.case_i_c ul li h2{ float:left; margin-left:2%; line-height:1.8;
	
	font-size: 0.20rem;
	font-weight: normal;
	width: 65%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.case_i_c ul li span{ float:left; line-height:2.2; color:#999999;
	
	font-size: 0.18rem;
	font-weight: normal;
	width:25%; margin-left:3%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.beian{
	background-color: #ffffff;
	color:#151515;
	text-align: center;
	height: 0.65rem;
	line-height: 0.65rem;
	font-size: 0.21rem;
}
.beian a{
	color:#151515;
	font-size: 0.21rem;
}
.common_bg{
	background-color: #ff4863;
}
.more_im{ width:93.75%; margin:0 auto; background: url(../images/line1.gif) left center repeat-x;;
	text-align: center;
	padding:1.5% 0;
}
.more_im a{
	color:#747474; display:inline-block; background:#f0f0f0; padding:0 2%;
	font-size: 0.20rem;
}
.more_im a.mm1{ background:#ffffff}
.baoming { background:#22b38a;
    width: 100%;
    padding: 3% 0; margin-top:3%;
   
    font-family: "microsoft yahei";
    color: #ffffff;
   
}
.baoming span.sp1 { color:#ffffff;
    font-size: 0.18rem;
    display: block;
    margin-bottom: 1%; text-align: center;}
.adtel{ text-align:center;  width:92.5%; padding:2% 0; margin:0 auto;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; }
.adtel span{ font-weight:bold; display:inline-block;color:#ffffff; wi/dth:60%;overflow: hidden; font-size:0.2rem;white-space: nowrap;text-overflow:ellipsis;}
.adtel label{  display:inline-block; color:#ffffff; font-size:0.35rem; padding:0 0%}
.adtel a{  display:inline-block; margin-left:4%; background:#ffffff; color:#22b38a; padding:0.5% 3%; border-radius:0.05rem; font-size:0.2rem;}
.aa{ width:100%; margin:0; background:url(../images/line2.gif) #ffffff left center repeat-x; margin-left:0; padding:2% 0;}
.aa span{ background:#ffffff; color:#22b38a;}
.bb{ width:100%; margin:0; background:url(../images/line.gif) #22b38a left center repeat-x; margin-left:0; padding:2% 0;}
.bb span{ background:#22b38a; color:#ffffff;}
.proliul{ float:left; width:93.75%; text-align:center; margin-left:3.5%;}
.proliul a{ display:inline-block; color:#ffffff;text-align:center; background:#22b38a; padding:1% 0; border-radius:5px; width:23.5%; margin:0 1% 2% 0.5%; font-size:0.2rem;overflow: hidden;
white-space: nowrap;text-overflow:ellipsis; }
.topfra{ display:block; float:left; margin:0 0 0 3%; width:93.75%; background:#ffe430; border-radius:0.2rem;}
.case_i{ margin:2% auto;}
@media all and (min-width:640px){
    .content{width:640px;margin:0 auto;position:relative;}
}