.content{ padding:0 0 30px 0;}
.content-left{ float:left; width:200px;}
.content-right{ float:right; width:900px; padding-top:20px;}
.content .c-left{float:left;width:100%;}
.content .c-right{float:right;width:220px;text-align:right;padding-top:20px;}
.content h1{font-size:24px;text-transform:uppercase;font-weight:400;}
.content .desc{overflow:hidden;font-size:14px;line-height:180%; margin:20px 0 0 0;}
.content .desc td, .content .desc div, .content .desc li, .content .desc dt, .content .desc dd, .content .desc p{font-size:12px;color:#555;line-height:200%;}
.content .desc p{margin:25px auto;}
.content .desc table{margin-bottom:15px;}
.content .desc h3{font-size:16px;border-left:4px solid #F60;padding-left:8px;margin:20px 0 10px 0;}
.content .r{clear:both;overflow:hidden;border-bottom:1px dotted #CCC;margin-bottom:20px;padding:15px 0 5px 0;}
.content .desc ul{padding:15px 25px;list-style:disc;}
.content .desc  ul li{list-style:disc;}
.content .desc  ol{padding:15px 25px;list-style:decimal;}
.content .desc  ol li{list-style:decimal;}
.content .desc .left, .content .desc .right{border:1px solid #eee;padding:8px;}
.content .desc .left{float:left;margin:15px 15px 15px 0;}
.content .desc .right{float:right;margin:15px 0 15px 15px;}
.content .desc span{font-size:inherit;color:inherit;}
.content .desc a{color:#069;text-decoration:underline;}
.content .desc a:hover{text-decoration:none;}

/** contact **/
.contact{ padding:0 0 30px 0;}
.contact h1{margin-bottom:20px;}
.contact .c-post{float:right;width:65%;overflow:hidden;background-color:#f7f7f7;}
.contact .c-post-b{padding:25px;overflow:hidden;}
.contact .c-addr{float:left;width:30%;overflow:hidden;}
.contact .txt{width:80%;padding:6px 10px;}

  
.inde-ones{ padding:30px 0 0 0;}
.inde-ones ul{}
.inde-ones ul li{ width:50%; padding:0 15px; margin:0 0 30px 0; float:left; text-align:center;}
.inde-ones ul li img{ width:100%;}
.inde-ones ul li h3{ font-size:18px; line-height:28px; margin:5px 0; height:28px; overflow:hidden;}
.inde-ones ul li h3 a{}
.inde-ones ul li h3 a:hover{}
.inde-ones ul li p{ font-size:14px; line-height:24px;height:24px; overflow:hidden;}

 

@media(max-width:767px){ 
	.contact .c-addr,.contact .c-post{width:100%;}
	.inon2 ul li .good{ height:auto !important;}
}
.i1{font-family: "微软雅黑", Times, serif;font-size:22px;line-height:28px;font-style:italic;color:#777;}

.ili1{margin-top:30px;}
.ili1 li{margin-bottom:25px}
.ili1 .tel, .ili1 .email, .ili1 .addr, .ili1 .livechat{background:url(../images/i-tel.gif) left no-repeat;padding-left:45px;height:36px;line-height:36px;font-size:22px;margin-bottom:8px;}
.ili1 .email{background:url(../images/i-email.gif) left no-repeat;}
.ili1 .addr{background:url(../images/i-local.gif) left no-repeat;}
.ili1 .livechat{background:url(../images/i-livechat.gif) left no-repeat;}


/** list **/
.project-list{clear:both;overflow:hidden;padding:10px 0;}
.project-list li{float:left;width:380px;}
.project-list .b{width:350px;margin:20px auto;}
.project-list .b img{width:350px;height:227px;}
.project-list h3{background-color:#F8F8F8;height:40px;font-weight:400;line-height:40px;padding:0 10px;text-transform:uppercase;box-shadow:0 0 0 rgba(0,0,0,0.15) inset;-webkit-box-shadow:0 0 0 rgba(0,0,0,0.15) inset;-moz-box-shadow:0 0 0 rgba(0,0,0,0.15) inset;-o-box-shadow:0 0 0 rgba(0,0,0,0.15) inset;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;}
.project-list a:hover{text-decoration:none;color:#000;}
.project-list li:hover h3{background-color:#E8E8E8;}
.project-list li:hover img{opacity:0.9;}

.post-list{clear:both;}
.post-list .p-left{float:left;width:200px;}
.post-list .p-right{float:right;width:700px;}
.post-list .img img{width:180px;height:120px;border:1px solid #eee;}
.post-list li{padding:18px 0;border-bottom:1px dotted #ddd;}
.post-list .date, .post-list .c{height:25px;}
.post-list .date{text-align:right;color:#999;}
.post-list .c a{font-weight:bold;text-transform:uppercase;}
.post-list h3 a, .download-list h3 a{font-size:18px;font-weight:400;}

.download-list{clear:both;overflow:hidden;padding:20px 0;}
.download-list li{float:left;width:50%; margin-bottom:15px; padding:0 20px 0 0;}
.download-list li.line{height:1px;width:760px;margin:25px 0;border-top:1px dotted #ddd;}
.download-list .b{margin:0 auto;width:360px;}
.download-list .img{float:left;width:160px;}
.download-list .img img{width:150px;height:200px;border:1px solid #eee;}
.download-list .t{float:right;width:180px;}
.download-list .dl{padding-top:8px;}

/** box **/
.col-box{clear:both;margin-bottom:10px;}

/** menu **/
.col-menu{padding:20px 0;}
.col-menu li{background:url(../images/li-1.gif) left no-repeat;padding:5px 0 5px 15px;}
.col-menu li.on a{font-weight:bold;color:#000;}

.menu1 li{float:left;margin-right:10px;}
.menu1 a{display:inline-block;padding:8px 20px;border:1px solid #FFF;}
.menu1 a:hover, .menu1 li.on a{border:1px solid #DDD;text-decoration:none;}
.menu1{padding-bottom:20px;}

.col-li{padding:20px 0;}
.col-li li{margin-bottom:8px;}
.col-li p{margin:0;padding:2px 0 0 10px;color:#999;}

.link{border-top:1px dotted #CCC;margin-top:30px;padding:30px 0;}
.link li{padding:5px 0;}
.link a{margin-left:10px;}

/** video **/
.video-list{}
.video-list li{float:left;width:333px;margin-bottom:20px;}
.video-list .b, .video-list .text{margin:0 auto;width:280px;}
.video-list .b{margin:0 auto;width:280px;height:178px;position:relative;}
.video-list .v-top, .video-list .v-bottom{position:absolute;width:100%;height:20px;background-color:#000;left:0;}
.video-list .v-top{top:0;}
.video-list .v-bottom{bottom:0;}
.video-list em{position:absolute;width:50px;height:50px;background:url(../images/v-play-s.png) no-repeat;top:33%;left:42%;
transition: all 0.30s ease-in-out;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
outline:none;}
.video-list li:hover em{background-position:-50px 0;}
.video-list .b img{width:280px;height:178px;}
.video-list .text{padding:8px 0;}


/*首页苹果*/
.inon{ background:#fafafa; border-bottom:12px #fff solid; text-align:center; padding:20px 0 70px 0;}
.inon h2{ font-size:56px; line-height:1.07143; font-weight:100; color:#111;}
.inon p{ font-size:27px; line-height:1.14815; font-weight:400; padding:0 0 44px 0;}
.inon .img{}
.inon .img img{ margin:0 auto;}
.inde-one1 p{  padding:0 0 144px 0;}

.inon2{margin:0; padding:0; }
.inon2 ul{margin:0; padding:0 0 0 15px; }
.inon2 ul li{ border-right:12px #fff solid; border-bottom:12px #fff solid; width:50%; float:left; text-align:center; margin:0; padding:0;}
.inon2 ul li .good{ background-color:#fafafa; background-position:center center; background-repeat:no-repeat; height:580px; }
.inon2 ul li .good img{ max-width:100%; max-height:100%;}
.inon2 ul li .good h2{ font-size:48px; line-height:1.08365; font-weight:400; letter-spacing:-.003em; padding:60px 0 0 0;}
.inon2 ul li .good p{ line-height:1.16667; font-size:24px; color:#333; padding:5px 0 0 0;}
.inon2 ul li:first-child .good{ background-position:center center;}
.inon2 ul li:first-child h2{ color:#fff; font-size:36px;}
.inon2 ul li:first-child p{ color:#fff;}
.inon2 ul li:last-child .good{} 
@media(max-width:1199px){ 
	.content-right{ width:700px;}
	.post-list .p-right{ width:500px;}
	.download-list .t{ width:170px;}
}

@media(max-width:1100px){ 
	.inon2 ul li{ width:100%;}
}
@media(max-width:990px){ 
	.content-right{ width:500px;}
	.post-list .p-right{ width:300px;}
	.download-list li{ width:100%;}
	
}

@media(max-width:767px){ 
  .download-list li{ width:50%;}
  ul#nav1{ display:none;}
  .logo{ height:60px;}
	
}
@media(max-width:600px){ 
	.inon h2{ font-size:36px; line-height:1.07143; font-weight:100; color:#111;}
	.inon p{ font-size:17px; line-height:1.14815; font-weight:400; padding:0 0 44px 0;}
	.inde-one1 p{  padding:0 0 80px 0;}
	.inon2 ul li .good{ background-position:center 180px; height:520px; background-size:100% auto; }
	.inon2 ul li .good h2{ font-size:36px; padding:60px 0 0 0;}
	.inon2 ul li .good p{  font-size:14px;}
	.inon2 ul li:first-child .good{background-size: auto 100%;}
	.inon2 ul li:first-child h2{  font-size:30px;}
}
@media(max-width:560px){ 
	.inon2 ul li .good{ background-size:100% auto;}
}

@media(max-width:450px){ 
	.inde-one1 p{  padding:0 0 40px 0;}
	.inon2 ul li .good{ background-position:center 150px; height:460px; background-size:100% auto;}
	.inon2 ul li:first-child .good{ background-position:center center; }
	
}