@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:16px;font-family:"微软雅黑";-webkit-text-size-adjust:none;color:#3E3E3E;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom; }
input{-webkit-appearance: none;}
ul,li{list-style-type:none;}
a{color:#000;text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
body { background:#fff; }
/*header*/
.top_logo { border:0;vertical-align:bottom;width:100%; }
.logo{position:fixed; top:0; left:0; width:100%;z-index:999;}
.logo img {width:100%;}
.search{width:30px;position:absolute;left:2%;top:10px;z-index:8;}
.ss{width:0;height:35px;position:absolute;left:0;top:7px;overflow:hidden;z-index:7;}


.ss_bd{width:68%;height:35px;border:none;background:#fff;float:left;color:#333333;padding:0 0 0 12%;font-family:"微软雅黑";border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:16px;}
.ss_btn{width:20%;float:left;line-height:35px;background:#ffc600;border:none;color:#fff;font-family:"微软雅黑";border-radius:3px;
-moz-border-radius:3px;-webkit-border-radius:3px;font-size:18px;}
.top{width:40px;position:absolute;left:2%;top:8px;}
/*index*/
#mar-t20 { margin-top:20px; }
.company{
	position: relative;
	top: 20px;
	padding:3%;
	font-size:15px;
	line-height:1.5;
	/*opacity:0;*/
	
}
.com_pic{
	width:30%;
	float:left;
	padding:0 2% 0 0;
}
.com_pic img { width:100%;}
.com_title{
	color:#fff;
	font-size:24px;
	text-align:center;
	padding:3% 0 0 0;
	margin-top: 20px;

}
.com_title1{
	color:#fff;
	font-size:24px;
	text-align:center;
	padding:3% 0 0 0;
	position: relative;
	top: 0px;

}
.com_con{
	width: 68%;
	color: #333;
	float: left;
	font-size: 12px;
	font-family: 微软雅黑;

}
.com_con h2 { font-size:14px; }
.com_pic1{
	width:40%;
	position: relative;
	top: 10px;
	margin:  0 auto;
}
.top_list1{
	/*background: url(../images/gywmbj2_02.png) no-repeat center top;*/
	background:#333;
	margin-top: -20px;
	padding-bottom: 10px;
	
}
.top_list1 li{
	width: 30%;
	height: 100%;
	float: left;
	margin:1.6%;
}
.top_list1 ul{
	margin-top: 20px;
}
.com_tm{opacity:1;
transition:opacity 1s linear;
-webkit-transition:opacity 1s linear;
-moz-transition:opacity 1s linear;
-ms-transition:opacity 1s linear;
-0-transition:opacity 1s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;

}

.top_list{clear:both;padding:0 0 3% 0;overflow:hidden;}
.top_list li{
	width:33%;
	float:left;
	padding:0;
	position:relative;
}
.top_list li a{color:#fff;}
.top_list_t{
	width:95%;
	position:absolute;
	top:20%;/*right:5%;*/
	color:#fff;font-size:18px;
	text-align:center;
}
.top_list_t1{
	width:85%;
	position:absolute;
	top:50%;right:5%;
	color:#fff;
	font-size:12px;
	text-align:center;
}
.news{
	/*background:url(../images/bg1.jpg) no-repeat center top;*/
	background-size:100% 100%;
	/*padding:0 2% 2% 2%;*/
	overflow:hidden;
	width: 100%;
	padding-bottom: 10px;
}
.news_title{
	color:#fff;
	font-size:20px;
	text-align:center;
	padding:3% 0;
	width: 30%;
	margin: 0 auto;
}
.news-con_1{
	width: 90%;
	margin: 0 auto;
}
.news_con_11{
	text-align: center;
	font-size: 28px;;
	
	position: relative;
	/*top: 80%;*/
	margin-top: -175%;
	margin-left: -250%;
}
.news_con_12{
	text-align: center;
	position: relative;
	/*top: -70px;*/
	font-size: 12px;
	margin-bottom: 10px;
	margin-left: -250%;
}
.news_con_11b{
	width: 230%;
	margin-left: -190%;
}
.news_con_11b img{
	width: 100%;
}
.news_con_11a{
	width: 25%;
	float: left;
	/*z-index: 999;*/
	margin-left: -16%;
	text-align: center;
	line-height: 180%;
	
}
.news_titlea{
	position: relative;
	top:-6em;
	text-align: center;
	color: #fff;
	font-size: 10px;

}
.news_pic2{
	width: 100%;
	margin-top: -20px;
}
.news_con_2{
	width: 83.88%;
	/*height: 133px;*/
	/*height: 1000%;*/
	float: right;
	background: #dbdbdb;
	position: relative;
	/*margin-top: -17%;*/
	/*z-index: 1;*/
	/*padding-left: 30px;*/
}
.news_con_2a{
	width:63%;
	float: left; 
	padding-left: 20%
}
.news_con_21{
	width: 100%;
	color: #171717;
	font-size: 16px;
	font-family: 微软雅黑;
	float: left;
	margin-top: 12%;
	margin-left: -12%;
}
.news_con_22{
	/*width: 62.87%;*/
	width: 100%;
	float: left;
	line-height: 24px;
	color: #585858;
	font-size: 12px;
	font-family: 微软雅黑;
	/*float: left;*/
	margin-left: -10%;
}
.news_con_3{
	width:17%;
	float: right;
	/*margin-top: -10%;*/
}
.news_con_3  img{
	max-width: 100%;
}
.news ul li{
	width:96%;
	/*padding:3% 2%;*/
	color:#fff;
	font-size:15px;
	/*text-align:right;*/
	/*border-radius:3px;*/
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-top: 5px;
}
.news li a{color:#fff;float:left;}
.news_title a{color:#fff;}
/*.news li{background:#de172e;width:96%;padding:3% 2%;color:#fff;font-size:15px;text-align:right;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:0 0 3% -100%; -webkit-animation:mymar 1s linear; opacity:0;-webkit-animation-fill-mode: forwards }
@-webkit-keyframes mymar{
	0%{margin:0 0 3% -100%; opacity:0;}
	20%{margin:0 0 3% -80%; opacity:0.2;}
	40%{margin:0 0 3% -60%; opacity:0.4;}
	60%{margin:0 0 3% -40%; opacity:0.6;}
	80%{margin:0 0 3% -20%; opacity:0.8;}
	100%{margin:0 0 3% 0; opacity:1;}}*/
.news_more a{width:40px;height:40px;display:block;margin:0 auto;background:#fff;font-size:15px;line-height:40px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#000;}
.news_more a:hover{background:#de172e;color:#fff;transform:rotate(360deg);
transition:background 1s linear,color 1s linear,transform 1s linear;
-webkit-transition:background 1s linear,color 1s linear,transform 1s linear;
-moz-transition:background 1s linear,color 1s linear,transform 1s linear;
-ms-transition:background 1s linear,color 1s linear,transform 1s linear;
-0-transition:background 1s linear,color 1s linear,transform 1s linear;}
.news_more1{transform:rotate(360deg);transition:transform 1s linear;-webkit-transition:transform 1s linear;-moz-transition:transform 1s linear;}
.news_more2{width:40px;height:40px;display:block;margin:0 auto;background:#fff;font-size:15px;line-height:40px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#000;}
.product{
	background:url(../images/gywmbj_02.png) no-repeat center top;
	background-size:cover;
	overflow:hidden;
}
.pro_title{
	color:#191919;
	font-size:20px;
	text-align:center;
	padding:4% 0;
}
.pro_text{color:#fff;height:30px;line-height:30px;font-size:16px;background:#1f2229;}
.pro_nr li{width:44%;float:left;text-align:center;margin:0 3% 4% 3%;background:#fff;
/*transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
animation:fz 1s linear;
-webkit-animation:fz 1s linear;
-moz-animation:fz 1s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;*/
opacity:1;}
.pro_nr_pic{background:url(../images/Preloader_1.gif) no-repeat 50% 50%;border:none;}
.pro_nr_pic img{width:100%;height:150px;}
.pro_zz{opacity:0;
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-0-transform: rotateY(360deg);
transition:transform 1s linear,opacity 1s linear;
-webkit-transition:transform 1s linear,opacity 1s linear;
-moz-transition:transform 1s linear,opacity 1s linear;
-ms-transition:transform 1s linear,opacity 1s linear;
-0-transition:transform 1s linear,opacity 1s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;}


@keyframes fz{
	0%{transform: rotateY(0deg); opacity:1;}
	20%{transform: rotateY(60deg);opacity:0.8;}
	40%{transform: rotateY(120deg); opacity:0.6;}
	60%{transform: rotateY(180deg); opacity:0.6;}
	80%{transform: rotateY(120deg); opacity:0.8;}
	90%{transform: rotateY(60deg); opacity:0.8;}
	100%{transform: rotateY(0deg); opacity:1;}
	}

@-webkit-keyframes fz{
	0%{transform: rotateY(0deg); opacity:1;}
	20%{transform: rotateY(60deg);opacity:0.8;}
	40%{transform: rotateY(120deg); opacity:0.6;}
	60%{transform: rotateY(180deg); opacity:0.6;}
	80%{transform: rotateY(120deg); opacity:0.8;}
	90%{transform: rotateY(60deg); opacity:0.8;}
	100%{transform: rotateY(0deg); opacity:1;}
	}
@-moz-keyframes fz{
	0%{transform: rotateY(0deg); opacity:1;}
	20%{transform: rotateY(60deg);opacity:0.8;}
	40%{transform: rotateY(120deg); opacity:0.6;}
	60%{transform: rotateY(180deg); opacity:0.6;}
	80%{transform: rotateY(120deg); opacity:0.8;}
	90%{transform: rotateY(60deg); opacity:0.8;} 
	100%{transform: rotateY(0deg); opacity:1;}
	}	

/*footer*/
.copyright{color:#fff;font-size:1rem;text-align:center;line-height:30px;}
.footer{
	background:url(../images/dibjt_02.png) repeat-x center bottom;
	background-size:cover;
	width:100%;
	height: 60px;
	position:fixed;
	left:0;bottom:0;
}
.footer li{
	width:18%;
	float:left;
	text-align:center;
	color:#fff;
	/*font-size:20px;*/
	line-height:100%;
	padding-top: 0;
}
.footer li a{
	color:#fff;
	/*line-height:100%;*/

}
.footer li img{
	width:22px;
	/*margin-top: 50%;*/
}
.footer_text a{
	width:100%;
	display:block;
	font-size:16px;
	color:#fff;
	line-height:35px;
}
.footer_text_1{
	position: relative;
	top: -10px;
	font-size:12px;
}
/*top*/
.to-top{display:none;padding:5px 15px;color:#fff;background:#ffc600;border-radius:2px;font-size:15px;}

/*loading*/
/*@-webkit-keyframes line-scale {
  0% {-webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }
@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }
.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div {
  background-color: #fff;
  width: 3px;
  height: 30px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }
*/




/*banner*/

#ban{ margin-top:1px;}

#ban img{ width:100%;}

#banner{}

.swipe{}

.swipe ul{}

#slider{ position:relative; overflow:hidden;}

#slider li{ float:left;}

#pagenavi{ position:absolute; bottom:0; width:100%; z-index:1; text-align:center; padding:10px 0;}

#pagenavi a{ width:12px; height:12px; line-height:99em; background:#FFF; border-radius:90px;margin:0px 2px 0px 2px; overflow:hidden; cursor:pointer; display:inline-block;}

#pagenavi a.active{ background:#008C00;}

/*栏目*/
.lanmu{
	width:100%;
	/*margin-top: 3%;*/
	background: url(../images/dbj]_02.jpg);
	background-size:100% 100%;
	height:100%;
}
.lanmu a{
	color: #fff;
}
.box{
	padding-bottom: 30px;
}
.box_main {
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	margin-top: 8%;
}
.cent{
	width: 94%;
	margin: 0 auto;
}
.cent img{
	width: 60%;
	float: left;
}
.cent span{
	
	color: #444444;
	font-size: 12px;
	font-family: 微软雅黑;
	line-height: 25px;

	
}
.danye_about_a{
	color: #4c4545;
	text-align: center;
	font-size: 26px;
}
.danye_about{
	width: 29%;
	margin:0 auto;
	padding-bottom: 5%;
}
.danye_about p{
	width: 100%;
	text-align: center;
	font-family: 微软雅黑;
	font-size: 14.38px;
	color: #7c7c7c;
	position: relative;
	top: 5px;
	/*left: 3px;*/
}
.sub_more img{
	width: 10%;
	position: relative;
	top: -5px;
}

/*分类样式*/

.index_liebiao{
	width:94%;
	padding-top: 2%;
	padding-bottom:8%; 
}

.index_liebiao li{
	float: left;
	background: #2c2f34;
	padding:2% 2%;
	margin-bottom:2%;
	margin-left:1.5%; 
	border-radius:5px; 
}
.index_liebiao a{

	font-size: 100%;
	color:#fff;
}

/*新闻列表样式*/
.list1{
	border-radius:8px;
	width:94%;
	background: #de172e;
	padding: 4% 0;
	margin-top:3%;
}
.list1 a{
	color:#fff;
	text-align: left;
}
.list span{
	color:#fff;
	float: right;
}


/*新闻详细页*/

.news_show_cont p{
	font-size: 22px;
	color:#171717;
	margin-bottom: 2%;
	text-align: center;
}
.news_show_cont span{
	font-size: 16px;
	color:#585858;
	font-family: 微软雅黑;
	line-height: 25px;
}
.news_show_cont_1{
	text-align: center;
	color: #999999;
	font-size: 14px;
	padding-bottom: 5%;
}
.page1 {
	width: 50%;
	margin:0 auto;
	padding: 15px 0 15px 0;
}

.page1 li {
	width: 50%;
	float: left;
	text-align: center
}

.page1 li div {
	width: 80%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #e3e3e3;
	color: #595959;
	margin:0 auto;
	border-radius:5px;
}

.page1 li div a {
	color: #595959
}



.products_list{
	width:94%;
	padding: 0 3%;
}
.products_list li{
	float: left;
	width:30%;
	margin-right: 2%;
	margin-bottom:5%;
}
.products_list_pic{
	background:url(../images/Preloader_1.gif) no-repeat 50% 50%;border:none;}
.products_list_pic img{
	width:100%;
	height:100px;
	border:none;
}
.products_list_t{
	height:30px;
	line-height:30px;
	/*background:#de4e3c;*/
	color: #4c4545;
	border-bottom: 3px solid #787878;
}
.products_list_t:hover{
	border-bottom: 3px solid #810b4f;
}
/*图文详情*/
.products_con{
	width:94%;
	padding:0 3%;
	padding-bottom: 3%;
}
.products_con img{ width:60%;}
.products_con p{
	font-size:160%;
	color:#4c4545;
	padding-bottom: 3%;

}
.products_con_1{
	float: left;
	font-family: 微软雅黑;
	font-size: 18px;
	color: #4c4545;
}
.products_con_2{
	font-size: 14px;
	line-height: 25px;
	color: #444444;
	font-family: 微软雅黑;
	float: left;
}
.products_con span{
	font-size:100%;
	color: #262626;
}


/*更多*/
.com_more{width:40px;height:40px;display:block;margin:0 auto 3% auto;background:#FCBA5A;font-size:15px;line-height:40px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff;}
.com_more a{color:#fff;}
.pro_more{width:40px;height:40px;display:block;margin:0 auto 3% auto;background:#5F636C;font-size:15px;line-height:40px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff;}
.pro_more a{color:#fff;}
.tanchu{width:120px;height:25px;margin:0 auto;background:#000;text-align:center;color:#fff;font-size:14px;position:fixed;top:50%;left:50%;margin-left:-50px;z-index:9999;display:none;line-height:25px;}
.sub_more div{border: 1px solid #fff;}
/*首页课程*/
.top_list_1{
	width: 95%;
	margin: 0 auto;
	text-align: center;
	font-family: 微软雅黑;
	padding-bottom: 30px;
}
.top_list_2{
	text-align: center;
	color: #4c4545;
	font-size: 26px;
}
.top_list_3{
	color: #868686;
	font-size: 14.38px;
}

/*留言*/
.danye_con{
	width: 94%;
	margin: 0 auto;
}
.danye_con form{
	width: 100%;
	text-align: center;
}
.danye-gbook-1 input{
	width: 80%;
	margin: 0 auto;
	height: 35px;
	background: #ececec;
	padding-left: 5%;
	border:1px solid #fff;
	font-size: 14px;
	color: #646464;
	font-family: 微软雅黑;
}
.danye-gbook-2 textarea{
	width: 80%;
	height: 150px;
	resize: none;
	background: #ececec;
	padding-left: 5%;
	border: 1px solid #fff;
	font-size: 14px;
	color: #646464;
	font-family: 微软雅黑;
}
.yijian1{
	width: 30%;
	height: 30px;
	background: url(../images/yijiaop_03.png) no-repeat ;
	background-size:100%;
	border: 1px solid #fff;
	border-radius: 100px;

}
.yijian2{
	width: 30%;
	height: 30px;
	background: url(../images/yijiaop1_03.png) no-repeat ;
	background-size:100%;
	border: 1px solid #fff;
	border-radius: 100px;
}
.danye-gbook-3{
	text-align: center;
}

/*招聘*/
.danye-job-2 li{
	margin-bottom: 20px;
}
.danye_job{
	width: 94%;
	margin: 0 auto;
	background: #dfdfdf;
}
.danye_job img{
	width: 22.84%;
	height: 50px;
	float: left;
}
.danye_job_1{
	width:90%;
	padding-left: 10%;
	font-size: 14px;
	color: #252525;
	font-family: 微软雅黑;
}
.danye_job-2{
	width: 90%;
	padding-left: 10%;
	font-size: 14px;
	color: #252525;
	font-family: 微软雅黑;
}
.danye_job_a{
	width: 50%;
	float: left;
	line-height: 25px;
}
.danye_job_3{
	width: 20%;
	height: 50px;
	background: url(../images/zpbj_03.png);
	float: right;
	text-align: center;
	line-height: 25px;
	color: #fff;
	font-family: 微软雅黑;
	font-size: 14px;
}
.danye_job_4{
	width: 80%;
	margin: 0 auto;
	color: #5a5a5a;
	font-size: 12px;
	background: #ececec;
	font-family: 微软雅黑;
	margin-top: 10px;
	line-height: 20px;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 3%;
	padding-bottom: 3%;
}
  .danye_title{
    font-size: 26px;
    color: #f71d5d;
    font-family: 微软雅黑;
    text-align: center;
	font-weight:700;
  }
  .fanye { text-align:center; padding:5px 0; height:30px; line-height:30px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-bottom:15px; background:#DCDCDC;}
  #pro_list ul li img { height:8em; }
/*首页导航*/
.indexnav { width:100%;  padding:0 0 0.38rem 0; }
.indexnav li{ float:left; width:25%; text-align:center; background:#09F}
.indexnav li span{ font-size:0.875rem; line-height:1.64rem; display:block;  }
.indexnav a{ color:#666;}
.indexnav img{ width:3.5rem;}
/*标题*/
.biaoti { width:100%; height:50px; text-align:center; font-size:1.25rem; font-weight:700; }
/*标题1*/
.biaoti01 { width:100%; height:40px; line-height:40px; background:#008C00; color:#fff; text-align:center; font-size:1.25rem; font-weight:700; margin-bottom:15px; }
/*副标题*/
.fubiaoti { width:100%; height:20px; line-height:20px; font-size:0.875rem;  text-align:center; color:#999;  }
.hr{height:16px;line-height:30px;border-bottom:1px solid #ccc;width:90%;margin:10px auto;margin-bottom:5px; font-size:18px;}
.hr-intext{text-align:center;width:40%;margin:0 auto;font-size:1em; font-weight:700;background: #C9E1F8;
/* -moz-border-radius: 0.2rem;  -webkit-border-radius: 0.2rem; border-radius:0.2rem;  
 background: -moz-linear-gradient(top, #ccc, #fff 18%);
 background: -webkit-gradient(linear, 0 0, 0 18%, from(#ccc), to(#fff));
 border:1px solid #ccc;
 */}
 


/*简介*/
.jianjie { width:100%; margin:0 auto; line-height:50px;   }
.jjcontent {  width:80%; border:1px dashed #D4D0C8; padding:5%; font-size:0.825rem; line-height:28px; margin:0.75rem auto;  }


/*艺术作品*/
.yszp ul { width:95%; margin:0 auto; }
.yszp ul li { width:46%; height:140px; padding:2%; float:left; }
/*作品展示图片等比例缩放*/
.mysec{
width:100%;
height:120px;
border:solid 1px #ccc;
background-color:#fff;
background-origin:content;/*从content区域开始显示背景*/
background-position:50% 50%;/*图片上下左右居中*/
background-size:contain;/*保持图像本身的宽高比例，将图片缩放到宽度或高度正好适应定义背景的区域*/
background-repeat:no-repeat;/*图像不重复显示*/}
/*作品描述*/

.miaoshu p { font-weight:700; padding:5px 0 2px 0; font-size:0.875rem;  }
.miaoshu span { padding-left:0.3rem; float:left; color:#B20000; font-size:0.5rem;  line-height:1.2rem; }
.miaoshu em { font-style:normal;  float:right; color:#999; font-size:0.26rem; line-height:1.2rem; }
.mysec img { width:100%; height:120px; }


/*艺术家展示 两张图片滚动*/
.jm{position:relative; width:100%; margin:.8rem auto 0;}
.jm .sclwrap_box{height:14rem; overflow:hidden;}
.jm .nowarp{ width:100%; margin:0 auto;}
.jm .prev{ width:1.50rem; height:2.5rem; overflow:hidden; position:absolute; top:3.075rem; left:0.5%; z-index:9;}
.jm .next{width:1.50rem; height:2.5rem; overflow:hidden; position:absolute; top:3.075rem; right:0.5%;z-index:9;}
.jm .prev img,.jm .next img{ display:block; width:100%;}
.jm .con{margin:0 2em;}
.jm .con p{float:left;padding:0;width:96%;display:inline-block;margin:0 2%;text-align:center; height:210px;}
.jm .con p img{display:block; width:100%; height:180px;}
.jm .con p span{display:block;width:100%;height:1.62rem; text-align:center; line-height:1.62rem; font-size:1em; color:#333; background-size:20px 20px;}


/*特色名师*/
.jmms{position:relative; width:100%; margin:.8rem auto 0;}
.jmms .sclwrap_box{height:15rem; overflow:hidden;}
.jmms .nowarp{ width:100%; margin:0 auto;}
.jmms .prev{ width:1.50rem; height:2.5rem; overflow:hidden; position:absolute; top:4.3rem; left:1%; z-index:9;}
.jmms .next{width:1.50rem; height:2.5rem; overflow:hidden; position:absolute; top:4.3rem; right:1%;z-index:9;}
.jmms .prev img,.jmms .next img{ display:block; width:100%;}
.jmms .con{margin:0 2em;}
.jmms .con p{float:left;padding:0;width:100%;display:inline-block;margin:0 auto;text-align:center; height:230px;}
.jmms .con p img{display:block; width:100%; height:200px;}
.jmms .con p span{display:block;width:100%;height:1.62rem; text-align:center; line-height:1.62rem; font-size:1em; color:#333; background-size:20px 20px;}

/*艺术空间*/
.yskj .yskj_tit { width:100%; height:2.4rem; background:#5EA6EA; color:#fff; line-height:2.4rem  }
.yskj .yskj_tit h1 { font-size:1rem; float:left; padding-left:1rem; color:#F3F3F3; }
.yskj .yskj_tit span { font-size:0.875rem; color:#CCC; float:right; padding-right:1rem; }
.yskj ul { padding:2% 4%;}
.yskj ul li { height:2rem; line-height:2rem;  border-bottom:1px dotted #ccc; clear:both; }
.yskj ul li a { float:left; font-size:.875rem; color:#444;}
.yskj ul li span { float:right; font-size:0.6rem; color:#999 }

/*内页图片列表*/

.pic_wz{
	width:100%;	/*margin-top: 3%;*/	background: #008C00; height:40%;
}
.pic_wz a{
	color: #fff;
}
.pro_fenlei { width:100%; height:40px; background:#DCDCDC; padding-top:15px; padding-bottom:15px; }
.pro_fenlei ul { width:95%; margin:0 auto; }
.pro_fenlei ul li { width:16.6%; float:left; }
.pro_fenlei ul li a {width:40px;height:40px;display:block;margin:0 auto 3% auto;background:#999;font-size:15px;line-height:40px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff;}
.pro_fenlei a{color:#fff;}
.pro_fenlei a.on { background:#5F636C; }

/*详情页 返回*/
.ny_bg { width:100%; height:30px; background:#DCDCDC; padding-top:4px; padding-bottom:4px; border-bottom:1px solid #ccc;}
.goback{width:30px;height:30px;display:block;margin:0 auto 3% auto;background:#5F636C;font-size:10px;line-height:30px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff; float:right; margin-right:20px;}
.goback a{color:#fff;}
.ny_content { width:95%; margin:15px auto 0 auto; line-height:1.5rem;  }
.ny_content img { max-width:100%; }


/*新闻内页标题*/
.ny_fu_tit { width:100%; text-align:center; font-size:0.625rem; }
.ny_fu_tit span { padding:0 5px; }
.beizhu{  color:#999;  }
.hr_ny{ width:90%; line-height:20px; font-size:18px; text-align:center; font-weight:700; margin:15px auto 0;}
.ny_zuozhe {  color:#C00; }

/*艺术家列表页*/
.ysj_list ul { width:95%; margin:0 auto; }
.ysj_list ul li { width:46%; height:200px; padding:2%; float:left; }
.pic_ysj{
width:100%;
height:160px;
}
.pic_ysj img { width:100%; height:160px; }
.ysj_name { font-weight:700; padding:5px 0 2px 0; font-size:0.875rem; text-align:center;  }
.disb img { display:block; }
.b_line { width:95%; margin:0 auto; height:5px; border-bottom:1px dotted #ccc; }
/*上一条 下一条*/
.updown { padding:5px 0; height:50px;  border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-bottom:15px; background:#DCDCDC;}
.updown p { padding-left:15px; line-height:25px; }
/*ad*/
.ad01 { margin:0; padding:0; width:100%;  }
.ad01 img { width:100%;  }

/*新闻列表*/
.newslist { width:100%; }

.newslist ul { padding:2% 4%;}
.newslist ul li { height:2rem; line-height:2rem;  border-bottom:1px dotted #ccc; clear:both; }
.newslist ul li a { float:left; font-size:.875rem; color:#444;}
.newslist ul li span { float:right; font-size:0.6rem; color:#999 }

/*艺术家简页面*/
.ny_ysj_jj { width:90%; padding:15px 0; margin:0 auto; }
.jjmore { width:120px; margin:5px 0; background:#900; padding:3px; float:right; text-align:center;  }
.jjmore a { color:#fff; font-size:10px; } 

/*花苑影集*/
.hyyj ul { padding:5px 0; }
.hyyj ul li { width:80%; margin:15px auto; }
.hyyj ul li img { width:100%; }
.hyyj ul li span { display:block; width:100%; height:30px; line-height:30px; text-align:center; background:#fff; font-size:12px; }
/*二维码*/
.ewm { width:50%; margin:2px auto; text-align:center; }
.ewm img { width:100%; }
.ewm span {  padding:10px; }

/*导航--蓝色*/
.g-nav { border-top:1px solid #fff; margin-bottom:0.16667em;}
.g-nav li { float:left; color:#fff; font-size:1em; height:2.4425em; line-height:2.375em; width:25%; text-align:center; position:relative; border-top:1px solid #008C00; border-right:1px solid #fff; border-bottom:1px solid #fff; box-sizing:border-box;
background: #009900; /* Old browsers */
background: -moz-linear-gradient(top,  #009900 0%, #009900 50%, #008C00 51%, #008C00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009900), color-stop(50%,#009900), color-stop(51%,#008C00), color-stop(100%,#008C00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #009900 0%,#009900 50%,##008C00 51%,#008C00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #009900 0%,#009900 50%,#008C00 51%,#008C00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #009900 0%,#009900 50%,#008C00 51%,#008C00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #009900 0%,#009900 50%,#008C00 51%,#008C00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009900', endColorstr='#008C00',GradientType=0 ); /* IE6-9 */}
.g-nav a:nth-child(4) li, .g-nav a:nth-child(8) li { border-right:none;}

/*我们能做什么*/
.g-mar{ width:100%;overflow:hidden;clear:both;}
.g-mar img { width:100%; }
.g-mar h2{text-align:center; display:block; line-height:24px; font-size:22px; color:#186FBC;
}
.g-mar h3 { text-align:center; color:#999; font-size:14px; line-height:20px; }
.g-mar h4{ display:block;width:100%;height:10px;margin:0 auto;
background:url(../images/mar_ic.png) center top no-repeat;background-size:320px 10px;-webkit-background-size:320px 10px;-o-background-size:320px 10px;}
.g-mar ul{padding:10px 0 0 19px; overflow:hidden;}
.g-mar ul li{}
.g-mar ul li h5{ font-size:18px; color:#186FBC; font-weight:bold; line-height:18px;height:18px;} 
.g-mar ul li h5 b{ display:inline-block; text-align:center;width:20px;height:20px; color:#fff; background:#ffb32f;
-moz-border-radius:18px;-o-border-radius:18px; -webkit-border-radius:18px;border-radius:18px;margin:0 4px 0 0; float:left;}
.g-mar ul li p{ clear:both; line-height:18px; font-size:12px; color:#232323;padding:0 0 12px;}
.g-mar h6{ text-align:center; display:block; line-height:19px;height:27px; overflow:hidden;
background:url(../images/mar_bg.png) center top no-repeat;background-size:222px 27px;-webkit-background-size:222px 27px;-o-background-size:222px 27px; font-size:12px; font-weight:bold; color:#fff;}

/*电话*/
.g_ctTel{padding:0 0 0 90px;line-height:42px;height:42px; border-bottom:5px #5EA6EA solid;
display:block; position:relative;font-size:12px; color:#d8140b; font-weight:bold;background-color:#C9E1F8;}		
.g_ctTel span{font-size:18px; font-weight:100;margin:0 0 0 4px; }
.g_ctTel .u-tel {display:inline-block;
    background:url(../images/tel.png) left top no-repeat;
    width:22px;
    height:22px; 
	background-size:22px 22px;
    -webkit-background-size:22px 22px;
    -o-background-size:22px 22px;
    -moz-background-size:22px 22px;
    left:60px; top:11px; position:absolute;}
.g_ctTel .u-tel .z-ln-1{
	animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-name: xshow;
    animation-timing-function: linear;
	-webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: xshow;
    -webkit-animation-timing-function: linear;
	-moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: xshow;
    -moz-animation-timing-function: linear;
    border-radius: 0 35px 0 0;
    border-width: 2px 2px 0 0;
    display: inline-block;
    height:6px;
	width:6px;
    position: absolute;
    right:4px;
    top:5px;
   z-index: 10;
}
.g_ctTel .u-tel .z-ln-2{
	animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-name: xshow;
    animation-timing-function: linear;
	-webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: xshow;
    -webkit-animation-timing-function: linear;
	-moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: xshow;
    -moz-animation-timing-function: linear;
    border-radius: 0 35px 0 0;
    border-width: 2px 2px 0 0;
    display: inline-block;
    height: 9px;
	width: 9px;
    position: absolute;
    right: 1px;
    top:2px;
    z-index: 10;
}

.g_ctTel .u-tel .z-ln-3{
	animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-name: xshow;
    animation-timing-function: linear;
	-webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: xshow;
    -webkit-animation-timing-function: linear;
	-moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: xshow;
    -moz-animation-timing-function: linear;
    border-radius: 0 35px 0 0;
    border-width: 2px 2px 0 0;
    display: inline-block;
    height: 12px;
	 width: 12px;
    position: absolute;
    right: -2px;
    top: -1px;
   z-index: 10;
}
.g_ctTel .u-tel .z-ln-1, .g_ctTel .u-tel .z-ln-2, .g_ctTel .u-tel .z-ln-3{ border-color:#d8140b;}


/*优势*/
.g-ys{overflow:hidden; border-bottom:5px #e4dfdb solid;
background:url(/mobile/images/index/ys_bg.jpg);background-size:71px 64px;-webkit-background-size:71px 64px;-o-background-size:71px 64px; position:relative;}
.g-ys h3{ height:65px;display:block;text-align:center;border-top:1px #C9E1F8 solid; border-bottom:1px #C9E1F8 solid;overflow:hidden; font-size:20px; line-height:40px; color:#fff;
    background-color:#186FBC;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5EA6EA), to(#186FBC));
	background-image: -webkit-linear-gradient(top, #5EA6EA, #186FBC); /*背景渐变，针对苹果浏览器写的兼容*/
	background-image: -moz-linear-gradient(top, #5EA6EA, #186FBC); /*背景渐变，针对火狐浏览器写的兼容*/
	background-image: -o-linear-gradient(top, #5EA6EA, #186FBC); /*背景渐变，针对欧朋浏览器写的兼容*/
	background-image: -ms-linear-gradient(top, #5EA6EA, #186FBC); /*背景渐变，针对手机微软浏览器写的兼容*/
	background-image: linear-gradient(top, #5EA6EA, #186FBC);}
.g-ys h3 b{ display:block; font-size:14px; line-height:16px;}
.g-ys ul{padding:14px 5px 0;}
.g-ys li{ display:block;padding:9px 0 0 15px;height:42px; border-bottom:1px #9b9998 dashed; overflow:hidden;}
.g-ys li i{ position:relative;display:inline-block; float:left; text-align:center; line-height:26px;height:26px;width:26px; border:1px #d8140b dotted; font-size:18px; color:#fff; z-index:9;-moz-border-radius:26px;-o-border-radius:26px; -webkit-border-radius:26px;border-radius:26px; font-weight:100; font-style:italic;}
.g-ys li i:before{ content:""; position:absolute;width:24px;height:24px; background:#d8140b;
-moz-border-radius:24px;-o-border-radius:24px; -webkit-border-radius:24px;border-radius:24px;left:1px;top:1px; z-index:-1;}
.g-ys li span{ display:inline-block; float:right;width:275px; line-height:42px; font-size:18px; color:#232323;}
.ys_img{ position:relative;left:38%;top:-50px; z-index:9;}


/*内页分类导航列样式*/
#navlist { width:95%;  margin:2em auto;  }
#navlist li {height:3em; margin:0.5em 0; background:#543A25 url(../images/navbg.png) repaea-x; -moz-border-radius: 0.6em;  -webkit-border-radius: 0.6em; border-radius:0.6em; line-height:3em;color:#fff; clear:both; border:1px solid #ccc; }
	
#navlist li a { color:#333; display:block; width:100%; height:3em; }
#navlist li a span { width:60%; float:left; padding-left:3em; margin-left:0.75em; background:url(../images/navlist01.png) no-repeat 2px;}
#navlist li a p { width:10%; float:right;  margin-top:-0.5em;  }	
#navlist li a p img { width:25px;  } 

#navlist li{

background: #ccc; /* fallback for older/unsupporting browsers */
 background: -moz-linear-gradient(top, #ccc, #fff 18%);
 background: -webkit-gradient(linear, 0 0, 0 18%, from(#ccc), to(#fff));

}

/*图片新闻列表*/
.list_d { color:both; width:95%; margin:10px auto 0; overflow: hidden; position: relative;  }
.list_dd { display: block; padding-bottom: 10px; overflow: hidden; }
.list_l { width: 27%; float: left; }
.list_l img {width:100%;}
.list_lt { width: 71%; float: left; padding-left:2%; }
.list_ld dt { font-size: 16px; line-height: 24px; margin-bottom:6px; }
.list_ld dd { font-size: 12px; color: #666; line-height: 18px; }


/*安全食品推荐*/
.m-tj{ height:auto;overflow:hidden;}
.til01{font-size:1em; line-height:250%; color:#fff; background:#008C00; padding:2% 3% 0; margin-bottom:2%;height:40px;}
.til01 li{ float:left; width:30%;  text-align:center;}
.til01 li.z-on{ background:#fff; color:#333; border-radius:0.3em 0.3em 0 0;}
.m-tj .sclwrap_box , .m-tj .m-box{ height:330px; overflow:hidden;}
.nyclm { padding:0 2%; }
.tj01{ float:left; display:inline-block;}
.tj01 li { padding:0 2%; width:96%; height:2rem; line-height:2rem;  border-bottom:1px dotted #ccc; clear:both; }
.tj01 li a { float:left; font-size:1rem; color:#444;
    width: 100%;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tj01 li span { float:right; font-size:0.6rem; color:#999 }

/*广告adv*/
.adv { width:100%;  }
.adv img { width:100%; }

/*标题样式01*/
.tit_wrap1 { width:100%; text-align:center;}
.tit_line { height: 20px; border-bottom:1px solid #ccc; width: 100%; }
.tit_content { width: 60%; margin: -18px auto 0; background: #fff; }
.tit_top { width: 95%;  margin: 0px auto; height: 8px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px;  border-style: solid solid none;  border-color: #ccc; }
.tit_center { width: 92%;   margin: 0px auto; font-size: 22px; word-break: break-all;  color: #333; font-weight:700;}
.tit_center p { font-size: 16px; line-height: 18px; margin-top: 0px;  margin-bottom: 0px; text-transform: uppercase; }
.tit_bottom { width: 95%;  margin: 0px auto; height: 8px;  border-right-width: 1px; border-bottom-width: 1px;   border-left-width: 1px;   border-style: none solid solid;  border-color: #ccc; }

.nyclm p img { width:100%; }

/*计划*/
.g-pl{min-height:457px; overflow:hidden;
background:url(../images/pl_img.jpg) 286px 15px no-repeat; -webkit-background-size:60px 87px;-ms-background-size:60px 87px;-o-background-size:60px 87px;background-size:60px 87px;}
.m-pl-t{ display:block;padding:11px 21px 11px 23px; line-height:25px;height:25px;
background-color:#c31e1e;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e33e3e), to(#a60101)); 
background-image: -webkit-linear-gradient(top, #e33e3e, #a60101); 
background-image: -moz-linear-gradient(top, #e33e3e, #a60101); 
background-image: -o-linear-gradient(top, #e33e3e, #a60101);
background-image: -ms-linear-gradient(top, #e33e3e, #a60101); }
.m-pl-t h2{ float:left; font-weight:100; font-size:16px; color:#fff;}
.m-pl-t span{ float:right; display:inline-block; position:relative;width:77px;height:25px; display:inline-block; text-align:center; color:#fff;
background-color:#616161;
background-image: -webkit-gradient(linear, left top, left bottom, from(#777), to(#504f4f)); 
background-image: -webkit-linear-gradient(top, #777, #504f4f); 
background-image: -moz-linear-gradient(top, #777, #504f4f); 
background-image: -o-linear-gradient(top, #777, #504f4f);
background-image: -ms-linear-gradient(top, #777, #504f4f);}
.m-pl h3{ font-size:26px; color:#008C00; line-height:26px; font-weight:100; display:block;padding:28px 0 3px 15px;
background:url(../images/pl_l.jpg) 15px bottom no-repeat; -webkit-background-size:210px 1px;-ms-background-size:210px 1px;-o-background-size:210px 1px;background-size:210px 1px;}
.m-pl h3 span{ font-weight:100; font-size:16px; color:#666;}
.m-pl h3 span b{font-weight:bold; color:#da0101;}
.m-pl p{ line-height:24px; font-size:15px; color:#666;padding:6px 16px 0 15px;min-height:85px; overflow:hidden;}
.m-pl li{ padding:17px 0 0;float:left; display:inline-block; font-weight:bold; font-size:24px; color:#008C00; line-height:24px; border:7px #00B000 solid; background:#fff;width:40%;height:59px;margin:2%; text-align:center;
   -moz-border-radius:45px;   
    -o-border-radius:45px; 
   -webkit-border-radius:45px;
    border-radius:45px;}
.m-pl li span{ display:block; font-size:9px; font-family:Arial; color:#cecece; text-transform:uppercase;}
.m-pl img { max-width:100%; }
.xiaoxun { width:90%; margin:0 auto; }
.title_ty03 { width:95%; margin:0 auto; text-align:center; }
.title_ty03 h1 { display:block; color: #fff; font-size: 20px; margin: 0px auto -2px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; line-height:40px;  border-color: rgb(85, 85, 85); background-color: #008C00; }
.title_ty03 span { display:block; width: 0px; margin-right: auto; margin-left: auto; border-top-width: 0.6em; border-top-style: solid; border-bottom-color: #008C00; border-top-color:#008C00; height: 10px; color: inherit; border-left-width: 0.7em !important; border-left-style: solid !important; border-left-color: transparent !important; border-right-width: 0.7em !important; border-right-style: solid !important; border-right-color: transparent !important; }

/*通用图片列表 一行两列*/
.tongpic { padding-top:15px; width:95%; margin:0 auto; }
.tongpic li { width:46%; height:9.5rem; float:left; border:1px solid #ccc; margin:2% 1.5%; }
.tongpic li img { width:100%; height:7rem; }
.tongpic li span { display:block; width:100%; line-height:1.2rem; font-size:14px; }
/*更多  通用*/
.index_more { display:block; width:40%; height:24px; background:#279100; line-height:24px; text-align:center; margin:0 auto; clear:both; font-size:14px; }
.index_more a { color:#fff; }
.footbg { background:#008C00; min-height:56px; }

/*底部浮动样式*/
.body_footer{width:100%; height:51px; background:url(../images/nav.jpg) left bottom repeat-x; position:fixed; bottom:0; left:0; z-index:999;}
.body_footer ul{width:100%;}
.body_footer ul li{width:25% ; float:left; color:#fff; background:url(../images/line.jpg) right top no-repeat;}
.body_footer ul li:hover{width:25% ; float:left; color:#fff; background:url(../images/nav01.jpg) left bottom repeat-x;}
.body_footer ul li a{width:100%; height:46px; display:block; padding-top:5px;}
.body_footer ul li a:hover { color:#ff0;}
.body_footer ul li dl{width:auto; margin:0 auto; text-align:center;}
.body_footer ul li dt{width:auto; height:25px; overflow:hidden;}
.body_footer ul li dd{width:auto; height:20px; font-size:12px; color:#fff; line-height:20px; overflow:hidden; text-align:center; margin:0;}
.nodiy{display:none;}

/*详情页 返回*/
.ny_bg { width:100%; height:30px; background:#f2f2f2; padding-top:4px; padding-bottom:4px; }
.goback{width:30px;height:30px;display:block;margin:0 auto 3% auto;background:#5F636C;font-size:10px;line-height:30px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff; float:right; margin-right:20px;}
.goback a{color:#fff;}
.ny_content { width:95%; margin:15px auto 0 auto; line-height:1.5rem;  }
.ny_content img { max-width:100%;  }

/*header*/
.indextop { width:100%; text-align:center; padding:2% 0; border-bottom:4px solid #1F7000; background:url(../images/topbg.jpg) no-repeat; background-size:100%; }
.indexlogo { width:85%; margin: 0 auto; }
.indexlogo img { width:100%; 
/*padding-top:10px; */
    
}
.indextop h1 { color:#1F7000; font-size:14px; font-weight:normal;}
.indextop h2 { color:#999; font-size:12px; font-weight:normal;}
.top_logo { border:0;vertical-align:bottom;width:100%;  }
.logo{position:fixed; top:0; left:0; width:100%;z-index:999;}
.logo img {width:100%;}
.search{width:30px;position:absolute;left:2%;top:10px;z-index:8;}
.ss{width:0;height:35px;position:absolute;left:0;top:7px;overflow:hidden;z-index:7;}