/*reset	*/
		body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
  	body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
  	h1, h2, h3, h4, h5, h6{ font-size:100%; }
  	address, cite, dfn, em, var { font-style:normal; }
  	code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
  	small{ font-size:12px; }
  	ul, ol { list-style:none; }
  	a { text-decoration:none; }
  	a:hover { text-decoration:underline; }
  	sup { vertical-align:text-top; }
  	sub{ vertical-align:text-bottom; }
  	legend { color:#000; }
  	fieldset, img { border:0;}
  	button, input, select, textarea { font-size:100%; }
  	table { border-collapse:collapse; border-spacing:0; }
  	img{padding:0;margin:0;}

/*infinend*/
		a{color:#000;}
		a:hover{color:#d480ff;}
   .fr{float:right;}
   .fl{float:left;}
   /*top*/
		.top{ width:980px;height:70px;margin:0 auto;}
		.top .fl{padding-top:9px;}
		.top  a{height:12px;line-height: 70px;}
		/*nav*/
		.nav{
			background:#ffebea;
		}
		.nav>ul{ width:980px;height:48px;margin:0 auto;}
		.nav>ul li{ float:left;} 
		.nav>ul li>a{display:inline-block;text-decoration: none;color:#f56d79;font-weight: 500;line-height: 48px;font-size:18px; padding:0 30px;}
		.nav>ul li>a:hover{color:#fff;background-color: #e4393c;}
		/*banner*/
		.banner{
			width:100%;
		}
		.banner img{width:100%;display:block;position: relative;z-index: 20;}
		/*container1*/
		.container1{
			width:100%;
						background-color:#ffebea;
						background-image: url(../images/title1-bg.png);
						background-size: cover;
						background-repeat: no-repeat;
						background-position-y:30px; 
						text-align:center;
		}
		.container1-box{
			      width:980px;
			      margin:0 auto;
			      height:580px;
		}
		.container1-box>img{
						padding-top:24px;
		}
		.small-title1{
						text-align:left;
						background-image: url(../images/title1-small.png);
						background-repeat:no-repeat;
						background-position-x:70px; 
		}
		.small-title1>span{
						display:inline-block;
						background-image: url(../images/title1-icon.png);
						background-repeat:no-repeat;
						background-position-y:9px; 
						background-size: contain;
						width:55px;
						height:36px;
						margin-right:10px;
		}
		.container1-content{
				width:800px;
				height:390px;
				margin:0 auto;
				margin-top:30px;
				position:relative;
		}
		.container1-content>img{
			position:absolute;
			top:30px;
			left:50%;
			margin-left:-77px;
		}
		.container1-content li{	
				float:left;
				width:343px;
			  height:390px;	 
			  background-repeat: no-repeat;
			  background-size: contain;
		}
	
		.container1-content li:nth-child(1){
			  background-image:url(../images/title1-left.png) ;
			  margin-right:110px;
		}
		.container1-content li:nth-child(2){
			  background-image:url(../images/title1-right.png) ;
		}
		.container1-content li>div{
				width:313px;
			  height:360px;	 
			  background:#fff;
			  margin-top:15px;
			  margin-left:15px;
			  box-shadow: 3px 3px 20px rgba(42,42,42,.6);
				position:relative;
				 -webkit-transition: .5s;
				 -moz-transition: .5s;
				 -o-transition: .5s;
				transition: .5s;
		}
		.container1-content li:hover>div{
				
			  margin-top:11px;
			  margin-left:11px;
			 
		}
		.container1-content li>div>div{
			   position:absolute;
			   width:297px;
			   height:344px;	 
			   border:1px solid #f56d79;
			   left:8px;
			   top:8px;
		}
		.container1-content li:hover>div>div{
			   border:1px dashed #f56d79;
		}
		.container1-content li>div>div h3{
			padding:19px 5px 13px  5px;
			  font-size:22px;
			  
		}
		.container1-content li>div>div h3 a{
			color:#f23625;
			  
		}
		.container1-content li>div>div img{
			     width:260px;
			     margin-top:16px;
		}
		/*container2*/
		.container2{
						background-color:#fdbcbc;
						text-align:center;
		}
		.container2-box{
			      width:980px;
			      margin:0 auto;	    
		}
		.container2-box>img{
						padding-top:28px;
		}
		.small-title2{
						text-align:left;
						background-image: url(../images/title2-small.png);
						background-repeat:no-repeat;
						background-position-x:70px; 
		}
		.small-title2>span{
						display:inline-block;
						background-image: url(../images/title1-icon.png);
						background-repeat:no-repeat;
						background-position-y:9px; 
						background-size: contain;
						width:55px;
						height:36px;
						margin-right:10px;
		}
		.container2-content{
				width:900px;
				height:390px;
				margin:0 auto;
				margin-top:30px;
				position:relative;
		}
		.container2-content li{
			float:left;
				margin-bottom:16px;
		}
		.container2-content li>a>img{
			   width:280px;
			   margin-right: 30px;
		}
		.container2-content li>h1,.container2-content li>p{
			   text-align: left;

		}
		.container2-content li>h1{
			font-size:26px;
			margin-bottom:8px;
		}
		.container2-content li>p{

				font-size:18px;
				text-indent: 2em;
		}
		/*container3*/
		.container3-box{
			      width:980px;
			      margin:0 auto;
			      height:620px;
		}
		.container3-box>img{
						padding-top:28px;
		}
		.small-title3{
						text-align:left;
						background-image: url(../images/title3-small.png);
						background-repeat:no-repeat;
						background-position-x:70px; 
		}
		.small-title3>span{
						display:inline-block;
						background-image: url(../images/title1-icon.png);
						background-repeat:no-repeat;
						background-position-y:9px; 
						background-size: contain;
						width:55px;
						height:36px;
						margin-right:10px;
		}
		.container3-content{
				width:800px;
				height:390px;
				margin:0 auto;
				margin-top:30px;
				position: relative;
		}
		.container3-content>img{
			position:absolute;
			top:30px;
			left:50%;
			margin-left:-77px;
		}
		.container3-content li{	
				float:left;
				width:343px;
			  height:390px;	 
			  background-repeat: no-repeat;
			  background-size: contain;
			  -webkit-transform:  1s;
	 		-moz-transform:  1s;
	 		-o-transform: 1s;
			  transition: 1s;
		}
	 .container3-content li:hover{
	 		-webkit-transform:rotateY(26deg);
	 		-moz-transform:rotateY(26deg);
	 		-o-transform:rotateY(26deg);
	 			transform:rotateY(26deg);
	 }
		.container3-content li:nth-child(1){
			  background-image:url(../images/title1-left.png) ;
			  margin-right:110px;
		}
		.container3-content li:nth-child(2){
			  background-image:url(../images/title1-right.png) ;
		}
		.container3-content li>div{
				width:313px;
			  height:360px;	 
			  background:#fff;
			  margin-top:15px;
			  margin-left:15px;
			  box-shadow: 3px 3px 20px rgba(42,42,42,.6);
				position:relative;
		}
		.container3-content li>div>div{
			   position:absolute;
			   width:297px;
			   height:344px;	 
			   border:1px solid #f56d79;
			   left:8px;
			   top:8px;
		}
		.container3-content li>div>div h3{
			padding:19px 5px 13px  5px;
			  font-size:22px;
			  
		}
			.container3-content li>div>div img{
			     width:220px;
			     margin-top:16px;
		}

		/*container4*/
		.container4{
						background-color:#fdbcbc;
						text-align:center;
		}
		.container4-box{
			      width:980px;
			      margin:0 auto;
			      height:510px;
		}
		.container4-box>img{
						padding-top:28px;
		}
		.container4-content{
				width:980px;
				height:326px;
				margin:0 auto;
				margin-top:30px;
				position:relative;
		}
		.container4-content li{
				width:232px;
				height:326px;
				background-image: url(../images/title4-bg.png);
				background-repeat: no-repeat;
				float: left;
				margin: 0 3px;
				  -webkit-transform:  .5s;
	 		-moz-transform:  .5s;
	 		-o-transform: .5s;
				transition:  .5s;
		}
		.container4-content li:hover{
				margin-top: -10px;
		}
		.container4-content li>img{
			   margin-top: 28px;
			   width:174px;
				 height:183px;
		}
		.container4-content li>h1{
			   text-align: center;
					
		}
		.container4-content li>h1>a{
			color:#e12f49;
		}
		.container4-content li>h1{
			font-size:21px;
			margin-top:8px;
			margin-bottom:8px;
		}
		.container4-content li>p{
				font-size:18px;
				padding-left:10px;
				padding-right:10px;
					color:#e12f49;
		}
		/*container5*/
		.container5,.container3{
						background-color:#ffebea;
						background-image: url(../images/title5-bg.png);
						background-size: contain;
						background-repeat: no-repeat;
						background-position-y:30px; 
						text-align:center;

		}
		.container3{
							background-position-y:60px; 
							background-size: contain;
		}
		.container5-box{
			      width:980px;
			      margin:0 auto;
			      
		}
		.container5-box>img{
						padding-top:28px;
		}
		.container5-content{
				width:980px;
				margin:0 auto;
				text-align: left;
		}
		.container5-content>img{
			    margin-right: 60px;
			    vertical-align: 60px;
		}
		.container5-content .line{
				margin-top: 50px;
				width: 1px;
				height: 300px;
				display: inline-block;
				border: 1px dashed #f56d79;
		}
		.container5-content ul{
				float:right;
				padding-top:42px;
					margin-right:100px;
		}	
		.container5-content li{
				font-size:24px;
				padding-bottom:20px;
				font-size:bold;
		}
		.container5-content li>span{
				display:inline-block;
				width:24px;
				height:24px;
				background-image: url(../images/title5-icon.jpg) ;
				background-repeat: no-repeat ;
				background-position-y:6px; 
				margin-right:20px;
		}
		.container5-content .books{
			  -webkit-animation:mymove 1s infinite; 
	 		-moz-animation:mymove 1s infinite; 
	 		-o-animation:mymove 1s infinite; 
			animation:mymove 1s infinite; 
		}
		@keyframes mymove
		{
		0% {vertical-align: 60px;}
		30% {vertical-align: 63px;}
		60% {vertical-align: 58px;}
		100% {vertical-align: 60px;}
		}
		@-webkit-keyframes mymove
		{
		0% {vertical-align: 60px;}
		30% {vertical-align: 63px;}
		60% {vertical-align: 58px;}
		100% {vertical-align: 60px;}
		}
		
		/*bottom*/
		.bottom{
			background-image: url(../images/bottom-bg.jpg);
			background-repeat: no-repeat;
			background-position: 50%   0; 
			width:100%;
			height:160px;
			position:relative;
			text-align: center;
			overflow: hidden;
		}
		.bottom .bottom-text{
			position:absolute;
			bottom:12px;
			left:50%;
			margin-left:-325px;
		}
		.bottom-text .distance{
			margin-bottom:6px;
			font-size:15px;
		}