.cls_bgs{  repeat; min-height:800px;}
html,body {width: 100%;height: 100%; font-family:Microsoft YaHei,Arial;}
  
  
    .content {width: 1300px; margin: 0 auto; padding-top:120px; position: relative;}
    .content1 {width: 410px; background:#f7f7f7; margin:10px;}
	.word_areas{ width:90%; margin:0 auto; padding:25px 0;}
    .content-wrap {width: 100%;}
    .sectionp1 {width: 100%;color: black;  margin-bottom:10px; font-size:16px;}
    .sectionp2 {width: 100%;color: black; font-size:12px; line-height:24px; margin-bottom:10px;}
    .sectionp3 {width: 100%;color: black; text-align: right; font-size:12px;}
	
	
	/*idnex_model1,index_model2,index_model3*/
	.contentbt{ width:100%; text-align:center; padding:10px 0 10px 0;}
    .contentbt a{ position:relative; color: #787778;margin:0 18px;text-align: center;text-decoration:none; font-size: 14px;display:inline-block;font-family: Microsoft Yahei, Arial;}
	
	.contentwraps{float:right;}

	
	.page_c{ width:315px; position:relative; display: inline-block;    margin-right: 10px;
		margin-bottom: 10px;}
		.page_c:nth-child(4n+0){
			margin-right: 0;
		}
	#gallery-content-center li:nth-child(4n+0){
		margin-right: 0;
	}
  .page_c img{ display: block; }
	.page_zz{     position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.44);
		transition: all 0.6s ease;
		text-align: center;
		opacity: 0;}
  .animated.page_zz{ opacity: 1; }
  .page_zz h4{ font-size: 24px; margin-bottom: 15px;  color: #fff; margin-top: 50%;}
  .page_zz p{ font-size: 14px; color: #fff; line-height:30px;}


.contentp{margin-bottom:0px;}
    .contentp1{color: black;text-align: center;font-size: 24px; padding-bottom:10px;}
	.contentp1 p { margin:0 auto;}
	
	.contentp2{padding-bottom:30px;color: black;text-align: center;font-size: 16px;}
	.contentp2 a{margin:0 14px; color:#666666; text-decoration:none; font-size:14px;}
	.contenttwobt{margin:0 auto;width:100%;text-align:center;}
	.contenttwobt a{color:black;font-size:14px;border:#000000 1px solid;padding:2px 10px;margin:0 10px;text-align:center;text-decoration:none; opacity:0.98; transition:all 0.3s ease;}
	.contenttwobt a.act{ opacity:1;}
	.contenttwobt a:hover{ opacity:1;}
	.contentwraps{ width:840px;}
	.contentwraps img{padding:2px; max-width:100%;}
	.page_cx{ position:relative; width:420px; margin:6px;}
	.page_cs{ position:relative; width:310px; margin:6px;}
	
	/*index_about,index_contact*/
	.contenttitle p{font-size:28px;}
	.contentmain{padding:30px 0;}
	.contentpages{width:410px;float:left;}
	.contentpages p{margin-top:30px;margin-bottom:10px;font-size:14px; color:#666;}
	.contentpages p.pbold{font-size:20px; color:#000;}
	.contentpages p.pdesc{ text-align:justify;}
	.contentwrap{float:right;}
	
	.video_index{ display:none;}
	
	
	@media screen and (max-width: 800px){
    .content {width: 96%; margin: 0 auto; padding-top:18%; position: relative;}
    .content1 {width: 100%; background:#f7f7f7; margin:2% 0;}
	.contentp2 a{ font-size:10px;}
	
	.contentpages{ width:100%; margin-bottom:3px;}
	.contentwraps{ width:100%;}
	.contentmain{ padding:2% 0;}
	.contentpages p{font-size:12px; color:#666; margin:2% 1% 1% 1%;}
	
	.contentbt{ padding:2% 0 3% 0;}
	.contentbt a{ margin:2px 4px; font-size:12px;}
	.page_c{ width:45%; margin:2%;}
	.contentp1{ font-size:20px;}
	.page_cs{ width:45%; margin:2%;}
	.page_cx{ width:45%; margin:2%;}
	
		}