@charset "utf-8";
/* CSS Document */
.box1200{
	  width:1200px; margin:auto;
  }
  a:hover,a:focus{
	  outline: none;
	  text-decoration: none;
  }
  .nav {
		padding-left: 0;
		margin-bottom: 0;
		margin-top:0;
		list-style: none;
	}
  .tab .nav-tabs{
	  box-shadow: -1px 0 2px #6676ff;
	  border-bottom: 0 none;
	  background: #F5F8FA;
  }
  .tab .nav-tabs li{
	  width: 20%;
	  background: #F5F8FA;
	  background-image:url(/images/zx_bg_1.png);
	  background-position:left center;
	  background-repeat:no-repeat;
  }
  .tab .nav-tabs li:first-child{ background-image:none;}
  .tab .nav-tabs li a{
	  display: block;
	  font-size: 14px;
	  color: #5A5A5A;
	  text-align: center;
	  padding: 18px;
	  /*background: #F5F8FA;*/
	  border-radius: 0;
	  margin: 0;
	  position: relative;
	  transition: all 0.3s ease 0s;
	  box-sizing:border-box;
  }
  .tab .nav-tabs li a:hover{
	  /*background: #F5F8FA;*/
  }
  .tab .nav-tabs li.active a,
  .tab .nav-tabs li.active a:focus,
  .tab .nav-tabs li.active a:hover{
	  border: none;
	  /*background: #F5F8FA;*/
	  color: #5A5A5A;
	  transition: all 0.20s ease 0s;
  }
  .tab .nav-tabs li.active a:after{
	  content: "";
	  position: absolute;
	  top: -30px;
	  left: 45%;
	  border: 15px solid transparent;
	  border-bottom-color: #F5F8FA;
  }
  .tab .tab-content{
	  font-size: 20px;
	  color: #fff;
	  background: #333;
	  line-height: 25px;
	  height:400px;
  }
  .tab .tab-content h3{
	  font-size: 36px;
	  line-height:45px;
	  color: #FFFFFF;
	  margin:0;
  }
  #Section1 { background:url(/images/zxwh_bg_1_1.jpg) left top no-repeat;}
  #Section2 { background:url(/images/zxwh_bg_2_1.jpg) left top no-repeat;}
  #Section3 { background:url(/images/zxwh_bg_3_1.jpg) left top no-repeat;}
  #Section4 { background:url(/images/zxwh_bg_4_1.jpg) left top no-repeat;}
  #Section5 { background:url(/images/zxwh_bg_5_1.jpg) left top no-repeat;}
  .tab-content>.active {
   display: block;
   }
   .tab-content>.tab-pane {
		display: none;
		height:400px;
		padding-top:275px;
		padding-left:50px;
		box-sizing:border-box;
		}
   .tab-content>.tab-pane p{padding:0;margin:0;color: #ffffff;font-size: 20px;}
   .tab-content>.active {
	 display: block;
   }
   .fade.in {
		opacity: 1;
  }
  .fade {
	  opacity: 0;
	  -webkit-transition: opacity .15s linear;
	  -o-transition: opacity .15s linear;
	  transition: opacity .15s linear;
  }
  .nav-tabs>li {
	  float: left;
	  margin-bottom: -1px;
  }
  .nav>li {
	  position: relative;
	  display: block;
  }
  
  @media screen and (min-width: 2401px){
		.box1200{width:2400px;}
		.tab .nav-tabs li{ background-image:url(/images/zx_bg_2.png);}
		.tab .nav-tabs li a{ font-size: 28px; padding: 36px;}
		.tab .nav-tabs li.active a:after{content: ""; position: absolute;top: -60px; left: 45%;  border: 30px solid transparent; border-bottom-color: #F5F8FA;  }
		.tab .tab-content{ font-size: 40px; line-height: 50px; height:800px;}
		.tab .tab-content h3{font-size: 72px; line-height:90px;}
		.tab-content>.tab-pane p{font-size: 40px;}
		.tab-content>.tab-pane { height:800px; padding-top:550px; padding-left:100px; }
		#Section1 { background:url(/images/zxwh_bg_1_2.jpg) left top no-repeat;}
		#Section2 { background:url(/images/zxwh_bg_2_2.jpg) left top no-repeat;}
		#Section3 { background:url(/images/zxwh_bg_3_2.jpg) left top no-repeat;}
		#Section4 { background:url(/images/zxwh_bg_4_2.jpg) left top no-repeat;}
		#Section5 { background:url(/images/zxwh_bg_5_2.jpg) left top no-repeat;}

  }