@charset "utf-8";
/* CSS Document
      <script type="text/javascript" src="http://img.gh.play.cn/js/common/jquery/jquery-1.11.2.min.js"></script>      
*/

* {padding:0px; margin:0px;}
img {border: none;}
em{ font-style:normal;}
ul, li, dl, dd, dt, ol{ list-style: none; }
a {	outline: none; text-decoration: none; }

table { border-collapse:collapse; border-spacing:0; } 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
*html .clearfix{zoom:1;clear: both;} /* IE6 */
*+html .clearfix{zoom:1;clear:both;} /* IE7 */
.f12{ font-size: 12px;}.f14{ font-size: 14px;}.f16{ font-size: 16px;}
.f18{ font-size: 18px; }
.w1080{width: 1080px;margin:0 auto;}
a{color:#555;}a:hover{color: #fe7000;}

body{font-family: 'Microsoft YaHei', "微软雅黑", Arial, "Lucida Grande", Tahoma, sans-serif;font-size: 14px; background: url(../images/bg.jpg) top center no-repeat;}
.top{height: 105px; background:url(../images/t_03.jpg) left top repeat-x; border-top: 8px solid #444;}
.top-logo{float: left;}
.top-right{float: right; font-size: 16px; padding-left: 35px; margin-top: 38px; padding-right: 10px;height: 26px; line-height: 26px;background: url(../images/ind_03.jpg) left no-repeat;}

.nav{height: 59px;background: url(../images/ind_07.jpg) left top repeat-x; line-height: 59px;}
.nav a{width: 150px;height: 59px;display: block; float: left;text-align: center;font-size: 16px;}
.nav .on,.nav a:hover{background: url(../images/ind_09.jpg) left top repeat-x; color: #000;}

.gg{width: 100%; height: 500px; background: url(../images/ind_10.jpg) center top no-repeat;}
.suggest{padding-top: 50px; height: 175px;}
.suggest h1{height: 40px;font-weight: 600; padding-left: 50px; font-size: 26px;line-height: 40px; background: url(../images/ind_14.jpg) left top no-repeat;color: #000;}
.suggest p{padding: 20px 0; }
.bottom{background: #1d1d1d; font-size: 12px; border-top: 1px solid #444; color: #666;text-align: center;padding: 30px 0;}

.anli{background: #e4e4e4; padding: 25px 0;}
.cs-top{background: url(../images/bimg.png) top left no-repeat #fff; height: 360px;}
.cycle-box{background: url(../images/dbbg.jpg) bottom left repeat-x #fff;}
.c-box{box-shadow: 0 0 12px #888;border-radius: 15px; border:4px solid #fff; background: #e2e2e2;   padding-bottom: 50px;}
.cycle{width: 220px; text-align: center; color: #555; line-height: 28px; height: 220px;border-radius: 5px; background: url(../images/abg.png); float: left; margin-left: 40px;}
.cycle2 img{width: 298px;height: 291px;border-radius: 10px;}
.cycle:hover,.cycle2:hover{  box-shadow: 0 0 12px #333;}


.cs-top2{background: url(../images/chus.png) top left no-repeat #fff; height: 350px;}
.cycle2{width: 314px; text-align: center; color: #555;  height: 356px;border-radius: 10px; border:1px solid #999; padding-top: 8px; background: #dfdfdf; float: left; margin-left: 33px; margin-bottom: 30px;}
.cycle2 a{width: 135px;  border-radius: 5px; height: 36px;line-height: 36px; text-align: center; color: #fff;display: block; }
.cycle2 .lv{background: #64b651; margin: 10px auto;}.cycle2 .lan{background: #2176c6;margin-top: 10px;}
.cycle2 .lv:hover{background: #4a9439;}.cycle2 .lan:hover{background: #185a99;}

.cs-top3{background: url(../images/anli.jpg) top left no-repeat #fff; height: 350px;}
.cs-p{background: #fff; color: #444; line-height: 24px; padding-left: 67px; width: 940px; margin: 0 auto;}
.cs-p tr{line-height: 32px;}

.cs-top5{background: url(../images/jianjie.jpg) top left no-repeat #fff; height: 350px;}
.cs-jj{color: #555; line-height: 24px; padding: 30px 80px; background: #fff;}
.cs-h{font-size: 18px;display: block; padding: 20px 0;}
.traditional-program,
.creative-program{
	width: 100%;
	margin: 0 auto;
	padding-top: 14px;
	clear: all;
	overflow: hidden;
}
.network-performance{
	padding-top: 50px;
}
.network-performance ul li p{
	padding: 6px 0;
	font-size: 16px;
	color: #333;
}
.traditional-program h3,
.creative-program h3{
	float: left;
	padding: 14px 0;
	color: #888;
	font-size: 24px;
}
.traditional-program ul,
.creative-program ul{
	width: 100%;
	clear: all;
	overflow: hidden;
}
.traditional-program ul li,
.creative-program ul li{
	width: 46%;
  float: left;
  margin-right: 2%;
  text-align: center;
  padding-bottom: 18px;
}
.traditional-program ul li img,
.creative-program ul li img{
	width: 100%;
	height: 100%;
}