﻿@charset "utf-8";
/* CSS Document */

/*------------------------------公共框架布局 begin-------------------------------*/
/*头部*/
#top { margin:0 auto; width:100%; }




/*内容区域*/
#content { width:1170px; margin:0 auto 50px; overflow:hidden; background:url(../images/banner_bottom_pho.png) no-repeat center top;}







.item_null{float: left;
width: 370px;
height: auto;
display: inline;
margin: 30px 30px 0 0;
-webkit-transition: 1s;
background: #e7e7e7;
height: 400px;}
/*----------------------业务领域 - 成套工程-----------------------------*/
.hline { border-top:2px solid #ccc; margin-top:27px; }
.website_wrap { width:1098px; padding:0 36px; }
.website_wrap h2 { font:bold 24px/36px microsoft yahei; color:#333; margin-top:12px; }
.jt_box { float:left; width:1098px; }
.jt_box .lt { float:left; font:16px/48px microsoft yahei; color:#333; width:520px; }
.jt_box .rt a { float:left; margin-left:40px; font:16px/48px microsoft yahei; color:#1c2a71; text-decoration:underline; width:500px; }
.hline_s { width:1098px; border-bottom:2px solid #ccc; margin:30px 0 20px; float:left; height:2px; }
/*----------------------科技创新 - 科技成果-----------------------------*/
/*.hpic_list_al { width:1230px; overflow:hidden; }
.hpic_list_al .alert_cont{ padding:40px; width:690px; height:290px; position:absolute; top:0;z-index:2; display:none;background: #18649f;
filter: alpha(opacity=95);opacity: 0.95;}
.hpic_list_al .alert_cont p{ font:20px/35px microsoft yahei; color:#fff;}
.hpic_list_al li { float:left; width:370px; height:370px; margin:30px 30px 0 0; position:relative; z-index:0;}
.hpic_list_al li .nnn{ position:relative; top:0; left:0;z-index:0;width:370px; height:370px;}

.hpic_list_al a {}
.hpic_list_al .hly { width:370px; height:120px; position:absolute;  bottom:0px; background:#000; filter:alpha(opacity=50); opacity:0.5; z-index:1; }
.hpic_list_al .h_cont {}
.hpic_list_al .h_cont h2,.hpic_list .h_cont p,.hpic_list .h_cont a {z-index:32;position:absolute;left:20px;width: 343px;}
.hpic_list_al .h_cont h2 { font:bold 24px microsoft yahei; color:#fff; top:267px; }
.hpic_list_al .h_cont p { font:14px microsoft yahei; color:#fff; bottom:48px; }
.hpic_list_al .h_cont a:link,.hpic_list .h_cont a:visited { font:bold 24px microsoft yahei; color:#fff;  text-decoration:none;}
.hpic_list_al .h_cont a:hover { font:bold 24px microsoft yahei; color:#fff;   text-decoration:none;}
.hpic_list_al .h_cont .h_add { font-size:14px; font-weight:bold; vertical-align:top; }
.hpic_list_al .h_sj { z-index:22; position:absolute; left:0; bottom:-6px; bottom:-8px\9; *bottom:0; }*/
.jigou_sum{ margin-bottom:20px;font:bold 24px/30px microsoft yahei; color:#333;}


.hpic_list_al { width:1230px; overflow:hidden; }
.hpic_list_al li { float:left; height:370px; margin:30px 30px 0 0; z-index:2;}
.hpic_list_al li .nnn{ position:relative; top:0; left:0;z-index:0;width:370px; height:370px;}
/*.hpic_list_al .alert_cont{ padding:40px; width:690px; height:290px; position:absolute; top:0;z-index:999; display:none;background: #18649f;
filter: alpha(opacity=95);opacity: 0.95;}
.hpic_list_al .alert_cont p{ font:20px/35px microsoft yahei; color:#fff;}*/
.hpic_list_al a {}
.hpic_list_al .hzl { position:absolute; bottom:0; height:120px;}
.hpic_list_al .hly { width:370px; height:120px;  bottom:0px; background:#000; filter:alpha(opacity=50); opacity:0.5; }
.hpic_list_al .h_w{ position:absolute; margin-top:-61px;}
.hpic_list_al .h_cont { height:74px; margin-top:-45px;}
.hpic_list_al .h_cont h2,.hpic_list_al .h_cont p {margin-left:20px;width: 343px;}
.hpic_list_al .h_cont h2 { font:bold 24px microsoft yahei; color:#fff; }
.hpic_list_al .h_cont p { font:14px microsoft yahei; color:#fff; bottom:48px; }
.hpic_list_al .h_cont a:link,.hpic_list .h_cont a:visited { /*font:bold 24px microsoft yahei; color:#fff;  text-decoration:none;*/}
.hpic_list_al .h_cont a:hover { font:bold 24px microsoft yahei; color:#fff;   text-decoration:none;}
.hpic_list_al .h_cont .h_add { font-size:14px; font-weight:bold; vertical-align:top; }
.hpic_list_al .h_sj { margin-bottom:0; }
.hpic_list_al .zhw { position:relative;}

.hzl { position:relative;}
.hzl .hly{width: 370px; height:120px; bottom:0px; background:url(../Image/sanjiao1.png) no-repeat left top; position: absolute;}
.hzl .hly h2{z-index: 32; top:15px;position: absolute;left: 15px;width: 350px;font: bold 24px microsoft yahei;color: #fff; line-height: 22px; word-break:break-all; text-wrap:normal; font-size: 24px;}
.hzl .hly h4{z-index: 32; top:60px;position: absolute;left: 15px;width: 350px;font: bold 18px microsoft yahei;color: #fff; height: 24px;}
.hzl .hly p{font: 14px microsoft yahei;color: #fff;/* bottom: 48px; */z-index: 32;position: absolute;left: 20px; top:50px;}
.hzl .hly a{font: bold 12px microsoft yahei;color: #fff;text-decoration: none;z-index: 32;position: absolute;left: 20px; top:90px;}
.hzl .hly a span{font-size: 14px;font-weight: bold;vertical-align: top;}

.hzl .hly_blue{width: 370px; height:120px;  bottom:0px;bottom: 11px/0; background:url(../images/h_rencai_blue.jpg) no-repeat left top; position: absolute;}
.hzl .hly_blue_22{background:url(../images/h_rencai_blue_22.jpg) no-repeat left top;}
.hzl .hly_red{width: 370px; height:120px; bottom:0px;bottom: 11px/0; background:url(../images/h_rencai_red.jpg) no-repeat left top; position: absolute;}
.hzl .hly_green{width: 370px; height:120px; bottom:0px;bottom: 11px/0; background:url(../images/h_rencai_green.jpg) no-repeat left top; position: absolute;}
.hzl .hly_orange{width: 370px; height:120px;  bottom:0px;bottom: 11px/0;background:url(../images/h_rencai_orange.jpg) no-repeat left top; position: absolute;}
.hzl .hly_blue h2,.hzl .hly_red h2,.hzl .hly_green h2,.hzl .hly_orange h2{z-index: 32; top:15px;position: absolute;left: 20px;width: 350px;font: bold 24px microsoft yahei;color: #fff;}

.click_layer_red { background:#f60a3c; width:350px; height:380px; padding:10px; position:absolute; top:30px; display:none; z-index:999; }
.click_layer_green { background:#14b846; width:350px; height:380px; padding:10px; position:absolute; top:30px; display:none; z-index:999; }
.click_layer_orange { background:#ff9211; width:350px; height:380px; padding:10px; position:absolute; top:30px; display:none; z-index:999; }
.click_layer_red h2,.click_layer_green h2,.click_layer_orange h2 {z-index:32; position: absolute; left:20px; width:350px;font:bold 24px microsoft yahei; color:#fff; margin-top:6px; }
.click_layer_red p,.click_layer_green p,.click_layer_orange p {z-index:32; position: absolute; left:20px; width:350px;font:14px microsoft yahei; color:#fff; margin-top:42px; }

.hzl .h_cont{ position:relative;}
.h_cont h2 {z-index:32; position: absolute; left:20px; width:350px;font:bold 24px microsoft yahei; color:#fff; }
.alert_cont{ margin:0 16px 0 80px; width:1010px; float:left; }
.alert_cont p{ font:20px/35px microsoft yahei; color:#fff;}
.alert_cont strong{ font:22px/35px microsoft yahei; color:#fff; font-weight:bold;}
.alert_cont div{ font:20px/35px microsoft yahei; color:#fff; }
.alert_img { margin:25px 0 33px 0; }
.himg1 { margin-right:24px; }
.alert_h_box { background:#e7e7e7; float:left; margin-top:15px; padding:30px; border-radius:6px; -moz-border-radius:6px;/*老的Firefox*/ -webkit-border-radius:6px; behavior:url(../iecss3/ie-css3.htc); }
.alert_hlist { float:left; }
.alert_hlist li { float:left; width:460px; color:#0b9937; font:bold 14px/26px microsoft yahei; }
.click_layer { background:#28a3df; width:350px; height:390px; padding:10px 10px 0 10px; position:absolute; top:30px;bottom:0;bottom:11px/0; display:none; z-index:999; }
.click_layer h2 {z-index:32; position: absolute; left:20px; width:350px;font:bold 24px microsoft yahei; color:#fff; margin-top:6px; }
.click_layer h4 {z-index:32; position: absolute; left:20px; width:350px;font:bold 18px microsoft yahei; color:#fff; margin-top:35px; }
.click_layer p {z-index:32; position: absolute; left:20px; width:350px;font:14px microsoft yahei; color:#fff; margin-top:42px; }
.smallsj { margin-top:88px; }
.h_position { position:relative; }

.hfont02  {float: left;font: bold 30px/30px microsoft yahei;color: #333; margin-top:30px;}
.h_culture02{font: bold 16px/30px microsoft yahei;color: #777;margin: 26px 0 0 0;}
.h_culture02 div{font: bold 16px/30px microsoft yahei;color: #777;margin: 26px 0 0 0;}
.blue24{ font:24px/30px microsoft yahei; color:#126fb4;}

.alert_cont h3{font: bold 22px/35px microsoft yahei;color: #fff;margin: 20px 0 5px 0;}

