/* 首页顶部焦点 */
.slideBox{ width:100%; height:450px; overflow:hidden; position:relative;}
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; left:50%; bottom:20px; z-index:6; margin-left:-35px;}
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;}
.slideBox .hd ul li{display: inline-block; width: 10px; height: 10px; border-radius: 50px; margin: 0 5px;}
.slideBox .hd ul li.on{background-color:#C5030E;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{width:100%; height:450px; zoom:1; vertical-align:middle; }
.slideBox .bd li a{width:100%; height:450px; zoom:1; display: block;}

/* 首页公共样式 */
.i_box_1{background: #F8F8F8;}
.i_box_2{background: #EEEEEE;}

.i_title{text-align: center;padding-top: 30px; background: url(../../images/gzsmcm/line.jpg) bottom no-repeat; padding-bottom: 10px;}
.i_title .i_e{color: #C5030E; font-size: 24px;}
.i_title .i_c{color:#666;font-size: 30px;}

.i_info{ text-align: center; color: #999; margin-top: 20px;}

.i_more{text-align: center; margin-top: 30px;}
.i_more a{display:inline-block;font-size: 16px; line-height: 40px; width: 160px; border: 1px solid #999; border-radius: 8px; height: 40px;}
.i_more a:hover{ border: 1px solid #C5030E; color: #C5030E;}

/* 首页服务范围  */
.i_service{height: 600px;}
.i_service_info{margin-top: 40px; padding-bottom: 20px;}
.i_service_info .i_ser{ float: left; width: 200px; cursor: pointer;}
.i_service_info .i_ser .photo{ display: inline-block; background: url(../../images/gzsmcm/i_ser.png) no-repeat; width: 140px; height: 140px; margin-left: 30px;}
.i_service_info .i_ser .ser_1{background-position: 0 0;}
.i_service_info .i_ser .ser_2{background-position: 0 -140px;}
.i_service_info .i_ser .ser_3{background-position: 0 -280px;}
.i_service_info .i_ser .ser_4{background-position: 0 -420px;}
.i_service_info .i_ser .ser_5{background-position: 0 -560px;}

.i_service_info .i_ser .title{ width:170px; margin:0px auto; margin-top: 10px; font-size: 16px; text-align: center;}
.i_service_info .i_ser .info{ width:170px; margin:0px auto; color: #666;text-align: center; line-height: 22px; margin-top: 10px;}


/* 首页我们的优势  */
.i_advantage{height: 500px;}
.i_advantage_info{margin-top: 40px; padding-bottom: 20px;}
.i_advantage_info .i_ser{ float: left; width: 166px; cursor: pointer;}
.i_advantage_info .i_ser .photo{ display: inline-block; background: url(../../images/gzsmcm/i_adv.png) no-repeat; width: 140px; height: 140px; margin-left: 13px;}
.i_advantage_info .i_ser .ser_1{background-position: 0 0;}
.i_advantage_info .i_ser .ser_2{background-position: 0 -140px;}
.i_advantage_info .i_ser .ser_3{background-position: 0 -280px;}
.i_advantage_info .i_ser .ser_4{background-position: 0 -420px;}
.i_advantage_info .i_ser .ser_5{background-position: 0 -560px;}
.i_advantage_info .i_ser .title{ width:166px; margin:0px auto; margin-top: 20px; font-size: 16px; text-align: center;}
.i_advantage_info .i_ser .hov{color: #C5030E;}

/* 首页作品展示  */
.i_case{height: 660px;}

.i_case_info{margin-top: 40px;}
.i_case_info .case{ float: left; width: 240px; height: 160px; margin: 5px; overflow: hidden; position: relative;}
.i_case_info .case .info{position:absolute;bottom:-160px;left:0px; width:240px; height:160px; background: rgba(0,0,0,0.6);}
.i_case_info .case .info .title{ text-align: center; color: #fff; margin-top: 40px; font-weight: bold;}
.i_case_info .case .info .more{ text-align: center; margin-top: 20px;}
.i_case_info .case .info .more a{display: inline-block; width: 100px; height: 30px; border:1px solid #fff; border-radius: 5px; color: #fff; text-align: center; line-height: 30px;}

.i_case_info .case .photo{width:240px;height:160px;position:relative; overflow:hidden;}
.i_case_info .case .photo img{ width: 240px; height: 160px;}

/* 首页关于我们  */
.i_about{height: 600px; padding-top: 50px;}
.i_about .title{ font-size: 30px; color: #C5030E;}
.i_about .title span{font-size: 16px; color: #666;}

.i_about .i_a_more{float: right; margin-top: 30px;}
.i_about .i_a_more a{display:inline-block; text-align: center; font-size: 16px; line-height: 40px; width: 160px; border: 1px solid #999; border-radius: 8px; height: 40px;}
.i_about .i_a_more a:hover{ border: 1px solid #C5030E; color: #C5030E;}

.i_about .i_about_1{ float: left; width: 470px; margin-right: 60px;}
.i_about .i_about_1 .about_bg{background: url(../../images/gzsmcm/i_about.png) no-repeat; width: 470px; height: 175px; margin-top: 20px;}
.i_about .i_about_1 .about_info{ margin-top: 20px; font-size: 14px; color: #666;}
.i_about .i_about_1 .about_info p{text-indent: 2em; margin-top: 10px; line-height: 30px;}

.i_about .i_about_2{ float: left; width: 470px;}
.i_about .i_about_2 .news{height: 385px;}
.i_about .i_about_2 .news ul{ background: #fff; margin-top: 20px; border-bottom: 1px solid #dedede;}
.i_about .i_about_2 .news ul .date{ float: left; width: 79px; text-align: center; color:#999;}
.i_about .i_about_2 .news ul .date .d1{font-size: 18px; margin-top: 5px;}
.i_about .i_about_2 .news ul .date .d2{}
.i_about .i_about_2 .news ul .bt{ float: left; width: 370px; height: 50; line-height: 50px; margin-top: 5px; border-left: 1px dashed #dedede; padding-left: 20px; font-size: 14px;}