@charset "utf-8";

*{
	margin:0;
	padding:0;
	font-size:12px;
	color:black;
}

input,textarea,img{
	background: none;
	border:none;
}

li{
	list-style-type:none;
}

a{
	text-decoration: none;
}

a:link,a:visited,a:hover,a:active {
	color: #000;
}

body{
	background: white;
	width:100%;
	max-width: 640px;
	margin:0 auto;
	position: relative;
}

.cl{
	clear: both;
}
.headbox{
	width:100%;
	position: fixed;
	left:0;
	top:0;
	background: white;
	z-index: 2;
}
.head{
	width:95%;
	margin:0 auto;
	padding:3% 0;
}
.headl{
	float:left;
	width:55.1%;
}
.headl img{
	max-width: 100%;
}
.headr{
	float:right;
	width:14%;
	padding-top:1%;
}
.headr img{
	width:100%;
}
.shadowline{
	width:100%;
	height:5px;
	background: url(images/x3.jpg) repeat-x;
}
.banner{
	width:95%;
	margin:0 auto;
}
.pagenavi{
	text-align: center;
}
.pagenavi a{
	background: url(images/x5.png);
	width:7px;
	height:7px;
	margin:0 1%;
	display: inline-block;
}
.pagenavi a.active{
	background: url(images/x6.png);
}
.search{
	width:94.5%;
	margin:0 auto;
	border:1px solid #dfdfdf;
	height:40px;
}
.search_inp{
	float:left;
	width:80%;
	height:40px;
	color:#272727;
	line-height: 40px;
	padding-left:5%;
	font-size: 16px;
}
.search_btn{
	width:15%;
	float:right;
	height:40px;
	background: url(images/x7.png) no-repeat center center;
}
.youshi_tit{
	text-align: center;
	width:95%;
	margin:0 auto;
	color:#272727;
	font-size: 15px;
}
.youshi_tit span{
	font-size: 12px;
	color:#ff9e00;
}
.youshi_list{
	width:100%;
}
.youshi_list img{
	width:14.8%;
	margin:0 2%;
}
.itit{
	width:95%;
	margin:0 auto;
}
.ititl{
	float:left;
	width:82%;
	background: url(images/x13.jpg) repeat-x;
	border-left:6px solid #0371c2;
	height:23px;
	text-align: center;
	line-height: 23px;
}
.ititl_tit{
	color:#272727;
	font-size: 3.8vw;
	font-weight: bold;
	background: white;
	/*width:34%;*/
	line-height: 23px;
	height:23px;
	float:left;
	display: inline-block;
	padding:0 2%;
}
.ititl_tit span{
	color:#878787;
	font-size: 3.8vw;
	font-family: "impact";
}

.ititr{
	float:right;
	width:15%;
	height:23px;
	background: #0371c2;
	text-align: center;
	line-height: 23px;
	color:white;
}	
.ititr a{
	display: block;
	color:white;
}
.ishop{
	width:98%;
	margin:0 auto;
}
.ishop a{
	display: block;
	width:46%;
	float:left;
	margin:0 2%;
}
.ishopimg{
	width:100%;
	height:34.2vw;
	max-height: 219px;
	overflow: hidden;
}
.ishopimg img{
	width:100%;
}
.ishop .p2{
	width:100%;
	height:9.5vw;
	background: #f4f4f4;
	text-align: center;
	line-height: 9.5vw;
}
.ipro .p2{
	width:100%;
	height:9.5vw;
	background: #f4f4f4;
	text-align: center;
	line-height: 9.5vw;
}
.inews {
	width: 95%;
	margin: 0 auto;
}
.inews_menu {
	width: 100%;
	background: url(images/x15.jpg);
	height: 38px;
	line-height: 35px;
}
.inews_menu ul {}
.inews_menu li {
	float: left;
	display: block;
	cursor: pointer;
	width: 50%;
	text-align: center;
	color: #272727;
	font-weight: bold;
	font-size: 15px;
}
.inews_menu li.hover {
	color: #0371c2;
	border-bottom:3px solid #0371c2;
	height:35px;
	background: url(images/x16.jpg) no-repeat center bottom;
}
.inews_con{
	width:100%;
}
.inews_con a{
	display: block;
	background: #f4f4f4;
	width:100%;
	margin-top:3.5%;
}
.inews_conl{
	float:left;
	width:23.6%;
	padding:1.6%;
}
.inews_conl img{
	width:100%;
}
.inews_conr{
	float:right;
	width:70.9%;
}
.inews_conr span{
	font-size: 4vw;
	display: block;
}
.inews_conr p{
	font-size: 12px;
	color:#666666;
	height:10vw;
	line-height: 5vw;
	overflow: hidden;
}
.inews_more{
	width:95%;
	height:8.8vw;
	line-height: 8.8vw;
	background: #0371c2;
	text-align: center;
	margin:0 auto;
}
.inews_more a{
	color:white;
	font-size: 4vw;
	display: block;
}
.ipro{
	width:98%;
	margin:0 auto;
}
.ipro a{
	display: block;
	width:46%;
	float:left;
	margin:0 2%;
}
.iproimg{
	width:100%;
	max-height: 219px;
	overflow: hidden;
	border:1px solid #d9d9d9;
}
.iproimg img{
	width:100%;
	display: block;
}
.ipro p{
	width:100%;
	height:9.5vw;
	max-height: 61px;
	text-align: center;
	line-height: 9.5vw;
}
.iabout{
	width:95%;
	margin:0 auto;
}
/*.iabout img{
	max-width: 90%;
	display: block;
	margin:0 auto;
}*/
.iabout p{
	line-height: 20px;
}
.iabout img{
	max-width: 100%;


}
.dashedline{
	width:95%;
	background: url(images/x20.jpg) repeat-x;
	height:1px;
	margin:0 auto;
}
.icontact{
	width:95%;
	margin:0 auto;
}
.icontactl{
	float:left;
	width:41.2%;
}
.icontactl_tel{
	background: url(images/x21.png) no-repeat left center;
	background-size: 12.8%;
	color:#0371c2;
	font-size: 4.7vw;
	font-family: "impact";
	padding-left:14%;
}
.icontactl_addr{
	background: url(images/x22.png) no-repeat left center;
	background-size: 10.4%;
	color:#0371c2;
	font-size: 3.5vw;
	padding-left:14%;
}
.icontactr{
	float:right;
	width:58.8%;
}
.icontactr img{
	width:100%;
}
.botbox{
	width:100%;
	height:18vw;
}
.bot{
	width:100%;
	height:18vw;
	background: #202020;
	position: fixed;
	left:0;
	bottom:0;
}
.bot img{
	width:50%;
}
.bot a{
	width:25%;
	display: block;
	float:left;
	text-align: center;
}
.bot p{
	color:white;
	font-size: 4.5vw;
}
.ititl2{
	width:57%;
}
.ititr2{
	float:right;
	width:40%;
	height:23px;
}
.ititr2_l{
	float:left;
	padding-left:2%;
}
.ititr2_l img{
	height:23px;
}
.ititr2_m{
	float:left;
	font-size: 12px;
	line-height: 23px;
	padding-left:2%;
}
.ititr2_r{
	float:left;
	font-size: 12px;
	line-height: 23px;
	background: #0371c2;
	color:white;
	padding:0 2%;
}
.job_type{
	width:95%;
	margin:0 auto;
}
.job_type a{
	display: block;
	float:left;
	padding:0px 10px;
	height:6vw;
	font-size: 3vw;
	background: #e6e6e6;
	color:#333;
	text-align: center;
	line-height: 6vw;
	margin-right:3.4%;
	margin-top:1%;
	margin-bottom:10px;
	font-size: 12px;
}
.job_type a.hover{
	background: #0371c2;
	color:white;
}
.job_list{
	width:95%;
	margin:0 auto;
}
.job_list a{
	display: block;
	background: #f8f8f8 url(images/x28.png) no-repeat right center;
	line-height: 5vw;
	padding:3% 0;
	margin-top:2%;
}
.job_list_tit{
	float:left;
	font-size: 4vw;
	padding-left:3.6%;
	width:46.4%;
}
.job_list_con{
	float:left;
	font-size: 3vw;
	padding-left:3.6%;
	color:#666666;
	width:46.4%;
}
.job_list_con2{
	float:left;
	font-size: 3vw;
	padding-left:3.6%;
	color:#666666;
	width:96.4%;
}
.job_list_btn{
	width:95%;
	margin:0 auto;
	text-align: center;
}
.job_list_btn input{
	width:20%;
}
.jianli{
	width:100%;
	margin:0 auto;
}
.jianli_tit{
	float:left;
	width:16%;
	margin-left:2.5%;
	height:6.1vw;
	line-height: 6.1vw;
}
.jianli_inp{
	width:31%;
	float:left;
	height:6.1vw;
	line-height: 6.1vw;
}
.jianli_inp input[type="radio"]{
	width:auto;
	float:left;
}
.jianli_inp span{
	float:left;
	line-height: 16px;
	margin:0 7%;
}
.jianli_inp input[type="text"]{
	width:100%;
	border:1px solid #dcdcdc;
	height:6.1vw;
	line-height: 6.1vw;
}
.jianli_areatit{
	height:19.5vw;
	line-height: 19.5vw;
}
.jianli_area{
	width:78%;
	float:left;
}
.jianli_area textarea{
	width:100%;
	border:1px solid #dcdcdc;
	resize:none;
	height:19.5vw;
}
.jianli_btn{
	width:100%;
	text-align: center;
}
.jianli_btn div{
	display: inline-block;
	width:20.8%;
	height:6.9vw;
	line-height: 6.9vw;
	text-align: center;
	border-radius: 4px;
	margin:0 5%;
}
.jianli_btn input{
	color:white;
	font-size: 4vw;
}
.jianli_btn1{
	background: linear-gradient(#ffb500, #ff9a02);
}
.jianli_btn2{
	background: linear-gradient(#0a7dcf, #0371c2);
}
.prolist{
	width:95%;
	overflow:hidden;
}
.prolist a{
	display: block;
	margin-left:2.5%;
	width:47.5%;
	float:left;
}
.prolist img{
	width:100%;
	border:1px solid #dcdcdc;
}
.prolist p{
	width:100%;
	height:8.2vw;
	line-height: 8.2vw;
	font-size: 3.5vw;
	text-align: center;
}
.page{
	width:95%;
	margin:0 auto;
}
.page a{
	display: block;	
	color:#999999;
	background: url(images/x31.png) no-repeat right center;
	background-size: auto 100%;
	display: inline-block;
	padding-right:7%;
}
.proshow{
	width:100%;
}
.proshow_tit{
	width:100%;
	text-align: center;
	color:#111111;
	font-size: 4vw;
	padding:1.5% 0;
}
.proshow_img{
	width:95%;
	margin:0 auto;
}
.proshow_img img{
	width:100%;
	border:1px solid #dadada;
}
.proshow_tit2{
	width:95%;
	margin:0 auto;
}
.proshow_tit2 img{
	width:100%;
}
.proshow_con{
	margin:0 auto;
	width:95%;
}
.proshow_con img{
	max-width: 90%;
	display: block;
	margin:0 auto;
}
.newsshow{
	width:100%;
}
.newsshow_tit{
	width:100%;
	text-align: center;
	color:#343434;
	padding:1.5% 0;
}
.newsshow_line{
	width:95%;
	margin:0 auto;
	background: url(images/x32.jpg) repeat-x;
	height:3px;
}
.newsshow_date{
	width:100%;
	text-align: center;
	color:#0371c2;
	font-size: 3vw;
}
.newsshow_con{
	width:95%;
	margin:0 auto;
}
.newsshow_con img{
	max-width: 90%;
	margin:0 auto;
}
.gbook{
	width:85%;
	margin:0 auto;
}
.gbookx{
	float:left;
	color:#ff585f;
	width:3%;
	text-align: center;
	line-height: 6.1vw;
	height:6.1vw;
}
.gbooktit{
	float:left;
	color:#666666;
	font-size: 3vw;
	width:24%;
}
.gbookinp{
	float:left;
	width:72%;
}
.gbookinp input{
	border:1px solid #dcdcdc;
	width:100%;
	height:6vw;
	line-height: 6vw;
}
.gbookinp textarea{
	width:100%;
	border:1px solid #dcdcdc;
	height:31vw;
	resize:none;
}
.gbookbtn{
	width:21%;
	margin:0 auto;
	height:6.9vw;
	line-height: 6.9vw;
	text-align: center;
	border-radius: 4px;
	background: linear-gradient(#ffb500, #ff9a02);
}
.gbookbtn a{
	color:white;
	font-size: 3vw;
	display: block;
}
.gbookbtn input{
	color:white;
	font-size: 3vw;
}
.job_show{
	width:100%;
}
.job_show_tit{
	margin:0 auto;
	width:95%;
	color:#0852b1;
	font-size: 4vw;
}
.job_show_con{
	margin:0 auto;
	width:95%;
}
.cd-primary-nav a{
	color:white;
	font-size: 14px;
}
.topbox{
	width:100%;
	height:14vw;
}
.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;}
@media screen and (min-device-width: 640px){
	.head{
		max-width: 640px;
	}
	.topbox{
		height:120px;
	}
	.botbox{
		height:100px;
	}
	.job_show_tit{
		font-size: 18px;
	}
	.gbookbtn input{
		font-size: 18px;
	}
	.gbookbtn a{
		font-size: 18px;
	}
	.gbookbtn{
		height:42px;
		line-height: 42px;
	}
	.gbookinp textarea{
		height:200px;
	}
	.gbookinp input{
		height:39px;
		line-height: 39px;
	}
	.gbooktit{
		font-size: 16px;
	}
	.gbookx{
		height:41px;
		line-height: 41px;
	}
	.newsshow_date{
		font-size: 14px;
	}
	.newsshow_tit{
		font-size: 18px;
	}
	.proshow_tit{
		font-size: 18px;
	}
	.prolist p{
		height:50px;
		line-height: 50px;
		font-size: 16px;
	}
	.jianli_area textarea{
		height:119px;
	}
	.jianli_tit{
		height:41px;
		line-height: 41px;
	}
	.jianli_inp input[type="text"]{
		height:39px;
		line-height: 39px;
	}
	.jianli_btn div{
		height:42px;
		line-height: 42px;
	}
	.jianli_btn input{
		font-size: 18px;
	}
	.jianli_inp{
		height:39px;
		line-height: 39px;
	}
	.jianli_area{
		height:119px;
		line-height: 119px;
	}
	.jianli_areatit{
		height:119px;
		line-height: 119px;
	}
	.job_list a{
		line-height: 28px;
	}
	.job_list_tit{
		font-size: 16px;
	}
	.job_list_con{
		font-size: 14px;
	}
	.job_list_con2{
		font-size: 14px;
	}
	.job_type a{
		height:36px;
		font-size: 16px;
		line-height: 36px;
	}
	.ititr2_m{
		font-size: 16px;
	}
	.ititr2_r{
		font-size: 16px;
	}
	.bot{
		height:100px;
	}
	.bot p{
		font-size: 20px;
	}
	.icontactl_tel{
		font-size: 30px;
	}
	.icontactl_addr{
		font-size: 16px;
	}
	.bot a{
		font-size: 20px;
	}
	.inews_more{
		height:56px;
		line-height: 56px;
	}
	.inews_more a{
		font-size: 16px;
	}
	.ititl_tit{
		font-size: 24px;
	}
	.ititl_tit span{
		font-size: 24px;
	}
	.inews_conr span{
		font-size: 16px;
	}
	.inews_conr p{
		font-size: 14px;
		line-height: 30px;
		height:60px;
	}
	.ishop .p2{
		line-height: 61px;
		height:61px;
	}
	.ipro .p2{
		line-height: 61px;
		height:61px;
	}
}



























/* -------------------------------- 

Primary style

-------------------------------- */



/*a {
  color: #1e6074;
  text-decoration: none;
}*/

/* -------------------------------- 

Main components 

-------------------------------- */

nav a{ color:#fff;}
.cd-nav-trigger {
  position: fixed;
  display: inline-block;
}
.cd-nav-trigger a{ color:#fff;}
.cd-nav-trigger {
  top:0;
  height: 50px;
  width: 50px;
  z-index: 5;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-nav-trigger .cd-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
  width: 25px;
  height: 3px;
  background-color: #ffc600;/*导航横条的颜色*/
  z-index: 10;
}
.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after {
  /* upper and lower lines of the menu icon */
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #ffc600;/*导航横条的颜色*/
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* apply transition to transform property */
  -webkit-transition: -webkit-transform .2s;
  -moz-transition: -moz-transform .2s;
  transition: transform .2s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
}
.cd-nav-trigger .cd-icon::before {
  -webkit-transform: translateY(-6px) rotate(0deg);
  -moz-transform: translateY(-6px) rotate(0deg);
  -ms-transform: translateY(-6px) rotate(0deg);
  -o-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
}
.cd-nav-trigger .cd-icon::after {
  -webkit-transform: translateY(6px) rotate(0deg);
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -o-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}
.cd-nav-trigger::before, .cd-nav-trigger::after {
  /* 2 rounded colored backgrounds for the menu icon */
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
}
.cd-nav-trigger::before {
  background-color: #000;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.cd-nav-trigger::after {
  background-color: #ddd;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  color:#000;
}
.cd-nav-trigger.close-nav::before {
  /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-nav-trigger.close-nav::after {
  /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.cd-nav-trigger.close-nav .cd-icon {
  /* user clicks on the .cd-nav-trigger element - transform the icon */
  background-color: rgba(255, 255, 255, 0);
}
.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
  background-color: #ffc600;/*小×的颜色*/
}
.cd-nav-trigger.close-nav .cd-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.cd-nav-trigger.close-nav .cd-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
/*黑色2*/
.cd-primary-nav {
  /* by default it's hidden */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 90%;
  padding: 50px 5%;
  z-index: 3;
  background-color:#0371c2;

  /*background-color:#000;*/
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.2s;
  -moz-transition: visibility 0s, opacity 0.2s;
  transition: visibility 0s, opacity 0.2s;
}
.cd-primary-nav li {
  margin: 1.6em 0;
  text-align: center;
  text-transform: capitalize;
}
.cd-primary-nav a {
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
.no-touch .cd-primary-nav a:hover {
  color: #ffffff;
}
.cd-primary-nav.fade-in {
  /* navigation visible at the end of the circle animation */
  visibility: visible;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-primary-nav li {
    margin: 2em 0;
  }
  .cd-primary-nav a {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-primary-nav li {
    margin: 2.6em 0;
  }
  .cd-primary-nav a {
    font-size: 32px;
    font-size: 2rem;
  }
}

/*黑色*/
.cd-overlay-nav, .cd-overlay-content {
  /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
  position: fixed;
  top: 18px;
  right: 5%;
  height: 4px;
  width: 4px;
  -webkit-transform: translateX(-20px) translateY(20px);
  -moz-transform: translateX(-20px) translateY(20px);
  -ms-transform: translateX(-20px) translateY(20px);
  -o-transform: translateX(-20px) translateY(20px);
  transform: translateX(-20px) translateY(20px);
}
.cd-overlay-nav span, .cd-overlay-content span {
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
  /* background fades out at the end of the animation */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s 0s, visibility 0s .2s;
  -moz-transition: opacity .2s 0s, visibility 0s .2s;
  transition: opacity .2s 0s, visibility 0s .2s;
}

.cd-overlay-nav {
  /* main rounded colored bg 1 */
  z-index: 2;
}
.cd-overlay-nav span {
  /*background:url(../images/main.jpg);*/
  background:rgba(243,74,91,1);/*弹出的背景色*/
}
/*黑色结束*/
.cd-overlay-content {
  /* main rounded colored bg 2 */
  z-index: 4;
}
.cd-overlay-content span {
   background:#0371c2;/*弹出缩回的时候背景色*/
}