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

.container-fluid{
	position: relative;
}

.ioc-info{
	width: 15em;
	height: 20em;
	background: #333;
	position: absolute;
	top: 30%;
	left: 10%;
	 filter:alpha(opacity:50);
	 opacity:0.5; 
}


/* .carousel-caption{ background: #fff; filter:alpha(opacity:60); opacity: 0.6; bottom: 5em;} */
.carousel-caption h2 { font-size: 1.4em; text-align: left; padding-left: 1em; margin-top: 10px;}
.carousel-caption h3 { font-size: 1.3em; word-wrap:break-word ; text-align: left; padding-left: 1em; margin-bottom: 10px;}
.carousel-caption h3.fontSize{ font-size: 1.3em;}
.carousel-caption h3.fontSize_12{ font-size: 12px;}
.carousel-caption hr{ margin-top: 60px; margin-bottom: 8px;}
.carousel-caption p{ text-align: right;  padding-right: 1.5em; margin: 0px; font-size: 1em; line-height: 1.2em;}
.carousel-caption span{ margin-left: 2em; }

 /* .container div.carousel-caption{ background: #000; filter:alpha(opacity:60); opacity: 0.6; bottom: 5em;} */
.container div.carousel-caption{ color: #fff; left: 25%; right: 60%; padding-bottom: 5%;}
.container div.carousel-caption img{ width: 100%;}
.container div.carousel-caption div.caption-back { position: absolute; left: 0; right: 0; top: 0; bottom: 0;  background: #000;  filter:alpha(opacity:60); opacity: 0.6; z-index: -2; }
.container div.carousel-caption hr{ color:  #01b6e3; border-color:  #01b6e3; width: 60%; margin-left: 40%;}

.container-center div.carousel-caption{ color: #fff; left: 25%; right: 42%; padding-bottom: 15%;}
.container-center div.carousel-caption img{ width: 40%;}
.container div.carousel-caption img { width: 35%;}

.container-left div.carousel-caption{ background: #000; filter:alpha(opacity:80); opacity: 0.8; bottom: 5em;}
.container-left div.carousel-caption{ color: #fff; left: 55%; right: 20%;}
.container-left div.carousel-caption div.caption-back { position: absolute; left: 0; right: 0; top: 0; bottom: 0;  background: #000;  filter:alpha(opacity:60); opacity: 0.6; z-index: -2; }
.container-left div.carousel-caption hr{ color:  #01b6e3; border-color:  #01b6e3; width: 70%;}

.container-rigth div.carousel-caption{ left: 60%; right: 25%; padding-bottom: 5% }

.container1 div.carousel-caption { color: #000; bottom: 20%; text-shadow: none;}
.container1 div.carousel-caption div.caption-back { position: absolute; left: 0; right: 0; top: 0; bottom: 0;  background: #fff;  filter:alpha(opacity:70); opacity: 0.7; z-index: -2; }
.container1 div.carousel-caption img { position: absolute; right: 2px; top: 2px;}
.container1 div.carousel-caption h2{ text-align: center; font-size: 3em;}
.container1 div.carousel-caption h3{ text-align: center; font-size: 1.6em;}
.container1 div.carousel-caption hr{ color:  #01b6e3; border-color:  #01b6e3; width: 70%; margin-top: 2em; margin-bottom: 2em;}
.container1 div.carousel-caption p { text-align: center; padding: 0 3em; line-height: 2em; font-size: 1.3em;}
 
/* 新品详情动画 */
.item_action { width: 80%; text-align: center; position: relative; margin: 0 auto;}
.item_action img.item_action_head { width:  50%; display: block; margin: 0 auto; position: relative; top: 70px;}
.item_action img.item_action_floor { width:  100%; }

.item_info{ width: 40%; margin: 2em auto;}
.content div.pz_map { width: 100%; height: 500px;}
.content div.pz_map div#map { height: 100%;}

.action_serve_flow_1{ position: relative; width: 100%;}
.action_serve_flow_1 img{ position: relative; }
.action_serve_flow_1 img.action_serve_flow_left{ left: 100px; z-index: 999;}

.action_serve_flow_2{ position: relative; width: 100%;}
.action_serve_flow_2 img{ position: relative; }
.action_serve_flow_2 img.action_serve_flow_right{ left: -100px; z-index: 999;}

.action_serve_flow_3{ position: relative; width: 100%;}
.action_serve_flow_3 img{ position: relative; }
.action_serve_flow_3 img.action_serve_flow_left{ left: 100px; z-index: 999;}

.action_serve_flow_4{ position: relative; width: 100%;}
.action_serve_flow_4 img{ position: relative; }
.action_serve_flow_4 img.action_serve_flow_right{ left: -100px; z-index: 999;}


.content .news_video_list ul{ margin: 0; padding: 0;}
.content .news_video_list ul li{ width: 13.5%; margin-left: 3.75%; }
.content .news_video_list ul li a{ background: #666; padding-top: 8px;}
.content .news_video_list ul li.video_list_left{ margin: 0;}
.content .news_video_list ul li a:hover{ background: #ff6129; }
.content .news_video_list ul li span{ color:#Fff; font-size: 1.4em; }
.content .news_video_list ul li p{ color:#Fff; font-weight:normal; }


#myCarousel a.item-info-left{ position: absolute; top: 14%; left: -100px;}
#myCarousel a.item-info-right{ position: absolute; top: 10%; right: -100px;}
#myCarousel div.item-content img { border: 1px solid #999;}
#myCarousel div.item-content { height: 125px; border: 1px solid #999; padding: 8px 10px;}


.content div.total_nav{ text-align: center;}
.content div.btn-group {}
.content div.btn-group a{ background: #666; margin: 0 auto;}
.content div.btn-group a.select_action {background: #00b5e2;}
.content div.btn-group a:hover {background: #00b5e2;}


/* 资料下载 */

.download-centent div.download-left{ float: left; width: 28%; }
.download-centent div.download-left h4 { margin-left: 3em;}
.download-centent div.download-left ul { padding: 5px 3em;}
.download-centent div.download-left ul li{ clear: left; width:  100%; text-align: left; padding: 5px; height: 3em;}
.download-centent div.download-left ul li:hover { background: #ff8434;}
.download-centent div.download-left ul li:hover a { background: none;}



.download-centent div.download-rigth { float: right; width: 70%; margin-bottom: 2em;}

.download-centent div.download-rigth div.download-info1{ border: 1px solid #eee; height: auto; overflow: hidden; }
.download-centent div.download-rigth div.download-info1 div.item-info{ overflow: hidden;}
.download-centent div.download-rigth div.download-info1 div.item-info div{text-align: center; border: none;}


/* 创新  动画*/

.innovate_content { width: 950px; height:700px;  margin: 0 auto; position: relative; 
                    -webkit-touch-callout: none;
                    -webkit-user-select: none;
                    -moz-user-select: none;
-khtml-user-select: none;
user-select: none; }
.innovate_content{ width: 100%;}
.innovate_content div { position: absolute; background: #fff; width: 100%; }
.innovate_content div div.thumbnail div.innovate_icon_back{ background: #333; width: 100%; height: 100%; filter:alpha(opacity:80); opacity: 0.8; }
.innovate_content div.innovate_content_link1 { width: 22%; top: 10%; left: 5%; background: #fff; }
.innovate_content div.innovate_content_link2 { width: 32%; top: 6%; height: 60%; left: 32.5%; background: #fff; }
.innovate_content div.innovate_content_link3 { width: 22%; top: 10%; left: 70%; background: #fff; }
.innovate_content div.innovate_content_link2 div.thumbnail div.innovate_icon_back { background: none; }
.innovate_content div div.thumbnail div.caption {text-align: left;}
.innovate_content div.innovate_content_link1 div.thumbnail div{ width: auto; padding: 0;}
.innovate_content div.innovate_content_link1 div.thumbnail {height: auto; overflow: hidden;}
.innovate_content div.innovate_content_link2 div.thumbnail div{ width: auto; padding: 0;}
.innovate_content div.innovate_content_link3 div.thumbnail div{ width: auto; padding: 0;}
 /* 宽度和高度需要相等 */

.innovate_content div.innovate_content_nav { width: 20%; border-top: 2px solid #666; bottom: 5%; left: 37.5%; text-align: center; padding-top: 1%; background: none;}
.innovate_content div.innovate_content_nav span.circle { width: 10px; height: 10px; background: #00b5e2; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; position: absolute; top: -5px; left: 50%; cursor:pointer;  }
.innovate_content div.innovate_content_info { bottom: 1%; left: 42%;  font-size: 15px; color: #999; background: none; width: 20%;}


.brand_action1 { border-top: 1px solid #00b5e2; width: 100%; height: 550px; position: relative; }
.brand_action1 img { position: absolute; }
.brand_action1 img.action_icon1 { top: 40px; left: 50px;}
.brand_action1 img.action_icon2 { bottom: 100px; left: 50px;}
.brand_action1 img.action_icon3 { top: 135px; left: 280px; height: 268px;}
.brand_action1 img.action_icon4 { top: 85px; left: 495px; height: 320px;}
.brand_action1 img.action_icon5 { bottom: 35px; left: 25px; width: 900px;}

.brand_action2 { position: relative; width: 100%; height: 650px;}
.brand_action2 img { position: absolute;}
.brand_action2 img.action_icon1 { width: 100%;}
.brand_action2 img.action_icon2 { top: 30px;  left: 50px;}
.brand_action2 img.action_icon3 { top: 40px; left: 140px; }
.brand_action2 img.action_icon4 { top: 85px; left: 600px;}
.brand_action2 img.action_icon5 { width: 750px; top: 355px; left: 100px;}

.brand_action3 { position: relative; width: 100%; height: 480px; }
.brand_action3 img { position: absolute; }
.brand_action3 img.action_icon1 { top: 30px; left: 50px; }
.brand_action3 img.action_icon2 { left: 160px; top: 150px; }
.brand_action3 img.action_icon3 { right: 160px; top: 150px; }
.brand_action3 img.action_icon4 { width: 260px; left: 120px; top: 300px;}
.brand_action3 img.action_icon5 { width: 260px; right: 120px; top: 300px;}

.brand_action4 { width: 100%; height: 500px; position: relative; }
.brand_action4 img { position: absolute;}
.brand_action4 img.action_icon1 { left: 50px; top:  50px; }
.brand_action4 img.action_icon2 { left: 170px; top: 60px; height: 400px;}
.brand_action4 img.action_icon3 { right: 0; top: 0; height: 470px;}

.brand_action5 { width: 100%; height: 500px; position: relative; }
.brand_action5 img { position: absolute; }
.brand_action5 img.action_icon1 { left: 50px; top: 50px; }
.brand_action5 img.action_icon2 { left: 290px; top: 120px; height: 350px;}
.brand_action5 img.action_icon3 { left: 100px; top: 120px; width: 750px;}

/* 产品 */
.project_action1 { width: 100%; height: 550px; position: relative; border-top: 2px solid #00b5e2;}
.project_action1 img { position: absolute; }
.project_action1 img.action_icon1 { left: 50px; top: 50px; height: 60px;}
.project_action1 img.action_icon2 { left: 250px; top: 50px; width: 450px;}


.project_action2 { width: 100%; height:  500px; position: relative;}
.project_action2 img { position: absolute; }
.project_action2 img.action_icon1 { width: 950px; }
.project_action2 img.action_icon2 { top: 30px; left: 30px;  height: 60px; }
.project_action2 img.action_icon3 { top: 115px; left: 90px; height: 230px;}
.project_action2 img.action_icon4 { top: 63px; right: 90px; height: 290px; }
.project_action2 img.action_icon5 { top: 380px; left: 100px; width: 770px; }
.project_action2 img.action_icon6 { top: 390px; left: 120px; width: 700px; }

.project_action3 { width: 100%; position: relative; height: 550px; }
.project_action3 img { position: absolute; }
.project_action3 img.action_icon1 { top: 30px; left: 50px; height: 480px;}
.project_action3 img.action_icon2 { top: 100px; left: 450px; height: 450px;}
.project_action3 img.action_icon3 { bottom: 0;}

.project_action4 { height: 450px; position: relative;}
.project_action4 img { position: absolute; }
.project_action4 img.action_icon1 { left: 50px; top: 50px; height: 60px; }
.project_action4 img.action_icon2 { left: 350px; top: 130px; height: 240px; }
.project_action4 img.action_icon3 { width: 750px; top: 150px; left: 140px; }

.marketing_action1 { position: relative; height: 540px;  border-top: 2px solid #00b5e2; }
.marketing_action1 img { position: absolute; }
.marketing_action1 img.action_icon1 { top: 50px; left: 50px; height: 65px;}
.marketing_action1 img.action_icon2 { top: 180px; left: 280px; width: 450px;}
.marketing_action1 img.action_icon3 { top: 150px; left: 255px; width: 560px;}

.marketing_action2 { position: relative; height: 500px; }
.marketing_action2 img { position: absolute; }
.marketing_action2 img.action_icon1 { left: 100px; top: 50px; height: 350px;}
.marketing_action2 img.action_icon2 { left: 400px; top: 100px; height: 400px;}

.marketing_action3 { position: relative; height: 560px; }
.marketing_action3 img { position: absolute; }
.marketing_action3 img.action_icon1 { left: 100px; top: 50px; height: 500px;}
.marketing_action3 img.action_icon2 { left: 510px; top: 160px; height: 380px;}

.marketing_action4 { position: relative; height: 560px; }
.marketing_action4 img { position: absolute; }
.marketing_action4 img.action_icon1 { left: 50px; top: 50px; height: 60px;}
.marketing_action4 img.action_icon2 { width: 380px; left: 50px; top: 180px; }
.marketing_action4 img.action_icon3 { left: 415px; top: 130px; height: 360px;}
.marketing_action4 img.action_icon4 { width: 380px; right: 0px; top: 180px; }

.govern_list{height: auto; overflow: hidden; margin: 2em 0;}
.govern_list div{ display: inline-block; width: 48%;}
.govern_list div.govern_list_image { float: left; }
.govern_list div.govern_list_image img{ width: 100%;}
.govern_list div.govern_list_right { float: right; text-align: center;}
.govern_list div.govern_list_right ul li div img{ width: 25%;}
.govern_list div.govern_right_image ul li div img{ width: 20%;}
.govern_list div.text_align_rigth{ text-align: right;}
.govern_list div.text_align_left{ text-align: left;}
.govern_list ul { display: inline-block; text-align: center;}
.govern_list ul li{ width: 60%; margin: 5% auto;}
.govern_nav{ width: 80%; margin: 0 auto;}
.govern_nav ul { display: inline-block; text-align: center;}
.govern_nav ul li{ width: 33%; margin: 5% auto; float: left;}
.govern_nav ul li div{ width: 50%; text-align: center; margin: 0 auto;}

.news_item div img.news_item_infoimg { width: 70%;}


.datainfo_content div{ margin: 5em 0;  text-align: center; float: left;}
.datainfo_info{ display: inline-block; width: 100%; }

.datainfo_info div { float: left; width: 33%;}

.datainfo_info div.houst_info{ width: 50%; overflow: hidden; }
.datainfo_info div.assist_info{ width: 30%; }
.datainfo_info div.assist_info h4{ width: 80%; }
.datainfo_info h4{ display: inline-block; width: 40%;  background: #000; color: #fff; padding: 5px; font-family: "微软雅黑";}
.datainfo_info div.houst_info ol{ display: inline-block; width: 100%; border-right: #000 solid 1px;}
.datainfo_info ol li{ margin: 6px 0;}
.datainfo_info div ol li span{ display: inline-block; color: #231816; font-size: 14px; width: 45%; }
.datainfo_info div ol li span{ color: #231816; font-size: 14px; }
.datainfo_info ol li span.left_align{ text-align: right; margin-right: 3%;}
.datainfo_info ol li span.right_align{ text-align: left; margin-left: 3%;}
.datainfo_info .datainfo_icon{ display: inline-block; width: 50%; text-align: center; float: right; }
.datainfo_info .datainfo_icon img{ width: 50%;}
.datainfo_info .datainfo_icon p{ width: 100%;}


.datainfo_info div.houst_info1{ width: 40%; overflow: hidden;}
.datainfo_info div.assist_info1{ width: 20%; overflow: hidden; }
.datainfo_info div.assist_info1 ol { border-left: #000 1px solid; }
.datainfo_info div.assist_info1 h4 { width: 70%; }
.datainfo_info div.assist_info1 ol li span{ width: 100%; }

.datainfo_info .datainfo_icon1{ display: inline-block; width: 30%; text-align: center; overflow: hidden; }
.datainfo_info .datainfo_icon1 img{ width: 80%;}

  .content div.new_item{ width: 95%; margin: 2em auto; border: 1px solid #eee; overflow: hidden;}
 .content div.new_item div.new_header { width: 40%; display: inline-block; padding: 1em; float: left;}
  .content div.new_item div.new_header img { width: 100%; border: 1px solid #eee;}
 .content div.new_item div.new_info { width: 55%; display: inline-block; padding: 3em 1em; float: right;}
 .content div.new_item div.new_info .new_but { display: inline-block; float: right; margin-top: 10%; background: #2c2c2c; padding: 5px;}
  .head-padding_4rem { overflow:  hidden; text-align: center; border-bottom: 1px solid #2c2c2c; padding-bottom: 5em;}
  .head-padding_4rem img { width: 8%; margin: 0 auto; overflow: hidden;}

@media (max-width: 768px){

     .content div.new_item div.new_info h4{ font-size: 1em; line-height: 1.2em; width: 100%; margin: 0 1px 0.2em 0; padding: 1px;}
     .content div.new_item div.new_header{ width: 60%;}
     .content div.new_item div.new_info{ width: 38%; margin: 0; padding: 1em 0;}

	.ioc-info{width: 10em;	height: 15em;}
        .container1 div.carousel-caption img{ width: 15%;}
        .container1 div.carousel-caption h2{ font-size: 1.2em; margin: 0;}
        .container1 div.carousel-caption h3 { font-size: 1em; margin:  0;}
        .container1 div.carousel-caption hr { margin: 0.5em auto;}
        .container1 div.carousel-caption p{ font-size: 0.9em; line-height: 1.4em; padding: 0 5%; }
        .carousel-caption{ left: 10%; right: 10%;}
        .container1 div.carousel-caption{ bottom: 10%; left: 20%; right: 20%; top: 10%; padding-top: 10px;}
         .content-head-info img{ width: 25%;}
        .content-head-info h2{ font-size: 1.6em;}
        .content-head-info h3{ font-size: 1.4em;}
        .content-item div.content-head img.img_icon{ width: 55%;}
        .content-item div.content-head img.new_type_icon{ width: 15%;}
        .content-item div.content-head h3.new_type_title{font-size: 1.8em; }
        .content-item div.content-item-info{ width: 100%;}
        
        .govern_list div{  width: 100%;}
        .govern_list div.govern_list_right ul li div{ width: 60%;}
        .govern_list div.govern_right_image ul li div{ width: 60%;}
        .content_nav a div img{ height: 20px;}
       .navbar-inverse .navbar-brand { margin-left: 0em;}
       .govern_nav ul li { width: 100%;}
       .innovate_content div div.thumbnail h3 { font-size: 1.6em; }
       .innovate_content div div.thumbnail p { font-size: 1em;}
       .innovate_content { height: 500px;}
       .container div.carousel-caption img { width: 50%;}
       
       .make_icon img { width: 30%;}
       .govern_nav { width: 100%;}
       .govern_list div.govern_list_image img{ width: 60%;}
       .govern_list div.text_align_rigth img { width: 60%;}
       .govern_nav ul li div{ width: 60%;}
       .govern_nav ul li div img { width: 20%;}
       .news_item div img.news_item_infoimg { width: 75%; margin-left: 10%;}
       
       .content .news_video_list ul li span{ font-size: 0.8em;}
       .content .news_video_list ul li p{ font-size: 0.4em; line-height: 0.5em; margin-top: 5px;}
       
       .datainfo_info h4{ width: 60%; font-size: 1em;}
       .datainfo_info .datainfo_icon{ width: 100%; position: relative; margin: 1em auto;}
       .datainfo_info div.houst_info{ width: 100%; margin: 0 auto;}
       .datainfo_info div.houst_info ol{ border: none; padding: 0;}
       .datainfo_info div ol li span{ font-size: 0.8em;}
       .datainfo_info ol li span.right_align{ margin-left: 0; width: 50%; font-size: 0.7em; }
       .content{ padding-bottom:  1em;}
       .datainfo_info .datainfo_icon img{ width: 40%;}
       
       .datainfo_info .datainfo_icon1{ width: 100%; margin: 1em auto;}
       .datainfo_info .datainfo_icon1 img{ width: 50%; }
       
       .datainfo_info div.houst_info1{ width: 65%;}
       .datainfo_info div.houst_info1 ol{ padding: 0;}
       .datainfo_info div.houst_info1 ol li span{font-size: 0.6em;}
       .datainfo_info div.houst_info1 ol li span.left_align{ width: 45%;}
       .datainfo_info div.houst_info1 ol li span.right_align{ width: 52%;}
       .datainfo_info div.assist_info1{ width: 35%;}
       .datainfo_info div.assist_info1 ol{ padding-left: 1em; }
       .datainfo_info div.assist_info1 ol li span{ font-size: 0.6em; }
       .datainfo_info div.assist_info1 h4 { width: 90%; }
	   .datainfo_info ol li{ margin: 0;}
}


@media(max-width:1600px) {
    .govern_list ul li{ width: 100%; margin-top: 0; }
}