﻿@charset "utf-8";
.pro_ban{position:relative;overflow:hidden; height:280px;}
	.pro_ban img{max-width:1920px;left:50%;position:relative; margin-left:-960px;}
	.pro_ban .red{ background-color:#FF0004;}
	.pro_subnav_box{ width:100%; background-color:#f3f3f3;}
	.pro_subnav{ width:1000px; margin:0 auto; position:relative;}
	.pro_subnav ul{ position:absolute; top:-33px;; left:0;}
	.pro_subnav li{width:1000px;text-align:center; background-color:#e6e6e6; height:66px;line-height:66px; font-size:18px;border-bottom:solid 1px #c2c2c2;}
	.pro_subnav_text{ padding-top:40px;}
	.pro_subnav_text h1{ float:left; color:#333333; margin-bottom:10px;font-size:24px;}
	.pro_subnav_text h2{ float:right; color:#666666; margin-top:15px;}
	.pro_subnav_text h2 a{color:#666666;}
	.tiao{ width:100%;background-image:url(../img/product/tiao.png); height:3px;}
/*项目展示导航*/
	.case_bg{ width:100%; background-color:#e6e6e6; margin-top:15px;}
	.case_box{ width:1000px; margin:0 auto; position:relative; padding:30px 0;}
	.case_lnc{ height:225px;overflow:hidden; position:relative;}
	.case_box ul{float:left; height:450px; position:absolute; top:0; left:0;}
	.overvrew div{ 
	width:750px; height:315px;
	position:absolute;right:0; top:30px;
	border-radius: 20px 20px 20px 20px;
	background-color:#fff;
	display:none;
	box-shadow: 3px 0px 7px 0px rgba(0, 0, 0, 0.7),-3px 0px 7px 0px rgba(0, 0, 0, 0.7);
	overflow: scroll
	 }
	.overvrew div.active{display:block}
	.overvrew div img{ display:block;text-align:left;position:absolute; left:15px; top:66px; z-index:1;}
	.overvrew div p{position:absolute; right:15px; top:0; z-index:1; width:420px;font-size:14px; line-height:24px; text-align:start;color:#333; text-justify:inter-ideograph; text-align:justify;}
	.overvrew div p a{width:100px;font-size:18px; color:#333; display:block; margin:0 auto; margin-top:15px; margin-bottom:5px;}
	.case_box ul li{ width: 245px; height:45px;
	 box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 1);
	 background-color:#5aade3;
	 margin-left:5px;
	 text-align:center;
	 line-height:45px;
	 display:block;
	  }
	 .case_box ul li a{ display:block;color:#333;}
	 .case_box ul li:hover a{color:#5aade3}
	 .case_box ul li.active{margin-left:0;background-color:#fff;border-radius: 5px 5px 5px 5px;}
	  /*.case_box ul li:hover div{ display:block;}*/
	.fla_top{
  display:block;
  width:250px; height:45px; 
  border:none;
  background-color: rgb(59, 143, 198);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5),inset 0px 2px 2px 0px rgba(255, 255, 255, 0.4);
  border-radius: 20px 20px 0px 0px;
  background-image:url(../img/plan/top-1.png);
  background-repeat:no-repeat;
  background-position:center;
  outline:none;
}
.fla_bot{
  display:block;
  width:250px; height:45px; 
  border:none;
  background-color: rgb(59, 143, 198);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3),inset 0px 2px 2px 0px rgba(255, 255, 255, 0.4);
  border-radius: 0px 0px 20px 20px;
  background-image:url(../img/plan/top-2.png);
  background-repeat:no-repeat;
  background-position:center;
  outline:none;
	}
/*视频*/
.theory iframe{ width:800px; height:500px; margin:0 auto; display:block;}
/*原理图*/
.theory h1{ text-align:center; width:860px; margin:0 auto; font-size:36px; color:#5aade3}
.theory img{ max-width:860px; margin:20px auto; display:block; margin-bottom:40px;}
/*表格*/
	.parameter{ background-color:#f3f3f3; width:100%;}
	.parameter h1{ width:860px; margin:0 auto; font-size:36px;color:#5aade3}
	.parameter table{width:860px; margin:0 auto; background-color:#fff; margin-top:40px;}
	.parameter th{ font-size:18px;}
	.parameter td{font-size:12px;text-align: center;height: 30px;line-height: 30px;padding:0px 17px; color:#292929}
	
	
	
	
	
	
	
	
	
	
	
	
	
	