@charset "utf-8";
	body,html{
	margin:0;
	padding:0;
	font-family:"΢ÈíÑźÚ";
	width:100%;
}
embed{
overflow:hidden;
}
    ul li{
		list-style:none;
		}
		
	a{
		text-decoration:none;
		}	
		
	article{
		width:100%
		}
		
	article header{
		padding-top:4%;
		text-align:center;
		//font-size:2vw;
		}
				
	.header{
		z-index:1;
		background:#FFF;
			}
	body{
        overflow-x:hidden;
		background:url(../imgs/home_bg.jpg)no-repeat;
		background-size:cover;
		background:#ffffff;
		}		
	
	.p_color{
		color:#333;
		}
	.text-indent{
		text-indent:0em;
		color:#333;
		}	
	img{
		max-width:100%;
		}
		
.main_image li .img_1{background:url('../imgs/1.jpg') center top no-repeat;background-size:100%;}
.main_image li .img_2{background:url('../imgs/2.jpg') center top no-repeat;background-size:100%;}
.main_image li .img_3{background:url('../imgs/3.jpg') center top no-repeat;background-size:100%;}
.main_image li .img_4{background:url('../imgs/4.jpg') center top no-repeat;background-size:100%;}

#btn_prev,#btn_next{position:absolute;display:block;width:40%!important;height:40%!important;top:50%;display:none;}
#btn_prev{background:url(../imgs/hover_left.png) no-repeat left top;left:10px;background-size:10%;}
#btn_next{background:url(../imgs/hover_right.png) no-repeat right top;right:10px;background-size:10%;}
#third_bg .introduce_1 p{text-indent:2em;line-height:26px;}
#center p{text-indent:2em; line-height:26px;}
#divOne_1 {
    font-size: small;
    color: #FFF;
    text-align: center;
    padding: 0.5% 0px;
}
@media only screen and (min-width:1170px){
	section #title{
		display:none;
		}	
	article header{
		font-size:2vw;
		}
	 .header{
		width:100%;
		position: fixed; 
		top:0%;
		left:0%;
		margin:0% 0%;
		
		}
			
	.header nav{
		margin:0 0 0 30%;
		}
		
	.header nav a{
		float:left;
		color:#999;
		padding:0.5% 3%;
		}
		
	.header nav a:hover,.header nav a:active{
		border:1px solid #999;
		}	
		
	#logo {
		padding:0% 15%;
		}
		
	#logo li{
		float:left;
		}
		
	#logo li ul{
     	margin:0% 0 0 -12px;
		padding:0%;
		}
	
	#logo li ul li{
		clear:left;
		}
	#logo img{
		width:70%;
	}	
	#logo h4 {
		color:#025720;
        margin-top: 0px;
		}
		
	#logo h5{
		color:#EE7700;
        margin-top: -22px;
		}
			
#banner{
		width:100%;
		background:#1bb4f2;
		text-align:center;
		height:10%;
		}	
     #banner p{
	     font-size:28px;
	     padding-top:6%;
		 color:#ffffff;
	 }
	 #banner img{
	     width:45%;
		 height:30%;
	 }
	
   .main_visual{height:622px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
	.main_image{height:622px;overflow:hidden;position:relative;}
	.main_image ul{width:9999px;height:622px;overflow:hidden;position:absolute;top:0;left:0}
	.main_image li{float:left;width:50%;height:622px;}
	.main_image li span{display:block;width:100%;height:622px}
	.main_image li a{display:block;width:100%;height:622px}

	#second{width:60%;height:auto;margin: 0 auto;padding-top: 50px;}
	.title{width:170px;font-size:34px;background:#fff;position:absolute;margin: 0 0 -80px 25%;text-align: center;}
	#line{width:100%;margin-top:30px;border-top: 1px solid #000;padding-bottom: 5%;}
	#line .block{
		width:13%;
		  display:inline-block;
		  text-align: center;
		  position: absulote;
		  vertical-align: top;
		  margin-top: 50px;
		  margin-left: 14%;
		}
	#line .block:nth-of-type(1){margin-left: 0%;}
	#line .block span:nth-of-type(1){font-size: 34px;color:#626262;}
	#line .block span:nth-of-type(2){font-size:18px;color:#b0afaf;}
	.bg{
		width:100px;
		height:100px;
		background-repeat:no-repeat;
		background-color: #71D1E7;
		background-position:center;
		background-size:80%;
		border-radius: 50%;
		margin:0 auto;
	}
	.bg1{background-image: url("../imgs/y1.png");}
	.bg2{background-image: url("../imgs/y2.png");}
	.bg3{background-image: url("../imgs/y3.png");}
	.bg4{background-image: url("../imgs/y4.png");}

     #intro-video{height: 550px;
		          overflow: hidden;
				  text-align: center;
				  width: 100%;
                  left: 0px;
                  position: absolute;
          background-image:url("../imgs/44.jpg");
				}
	.video{bottom: 0px;
          left: 0px;
          //position: absolute;
          width: 100%;
          //z-index: -2;
      
      }
	#third_int {height: 550px;
		          overflow: hidden;
				  width: 100%;
                  left: 0px;
                  position: absolute;
                  background-color: rgba(0, 0, 0, 0.5);}
    #third_int div{width:60%;margin:0 auto;z-index: 1;text-indent: 2em;color:#fff;font-size:18px;}
	#third_int h3{padding-top:2%;font-size:34px;}
	#third_int p{font-size:18px;}
	#third_x{
		padding-top:20%;
	}
	#third_x #third_blockp{padding-top:350px;}
	#third_x .third_block{width:80%;margin: 0 auto;padding-top: 3%;padding-bottom:3%;}
	#third_x .third_block .embed{display:inline-block;width:40%;text-algin:center;}
	#third_x .third_block .standard{
		width:57%;
		display:inline-block;
		vertical-align: top;

        padding-left:2%;
        text-indent: 2em;
	}
	#third_x .third_block  h3{font-size: 34px;color:#ffffff;line-height: 34px;}
	#third_x .third_block  p{font-size: 18px;color:#ffffff;line-height: 24px;}
	
   .third_block #third_pt{width:58%;display:inline-block;vertical-align: top;text-indent: 2em;}
    .third_block #third_bg{
   	     width:35%;
   	     display:inline-block;
   	 }
	.third_block #third_bg img{width:100%;}
	.third_block .third_embed{width:55%;display:inline-block;}
    .third_block .third_embed embed{width:100%;height:450px;}
	.third_block .third_s{
		width:40%;
		display:inline-block;
		vertical-align: top;
        text-indent: 2em;
	    padding-left:1%;
	}
	.third_block #third_st{width:58%;display:inline-block;vertical-align: top;text-indent: 2em;}
    .third_block  #third_la{width:40%;display:inline-block;}
}

@media only screen and (min-width: 801px) and (max-width:1170px){
	article header{
		font-size:3vw;
		}
	section #title{
		display:none;
		}	
	 .header{
		width:100%;
		//height:10%;
		position:fixed;
		top:0%;
		left:0%;
		margin:0% 0%;
		}
			
	.header nav{
    	float: left;
        margin: 0px 0% 0px 5%;
        width: 50%;
		}
		
	.header nav a{
		
		color:#999;
		padding:1% 2%;
		margin-right:0%;
		font-size:14px;
		}
		
	#logo {
		margin-left:3% 0 0 0;
		padding:0% 0% 0 5%;
		}
		
	#logo li{
		float:left;
		}
		
#logo li ul{
		margin:0% 0 0 -12px;
		padding:0%;
		}
	
	#logo li ul li{
		clear:left;
		
		}
	#logo img{
		width:70%;
	}
	
	#logo h4 {
		color:#025720;
		margin-top: 0px;
		}
	#logo h5{
		color:#EE7700;
		margin-top: -22px;
		}
#banner{
		width:100%;
		background:#1bb4f2;
		text-align:center;
		height:10%;
		}	
     #banner p{
	     font-size:28px;
	     padding-top:6%;
		 color:#ffffff;
	 }
	 #banner img{
	     width:45%;
		 height:30%;
	 }
	
    .main_visual{height:622px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
	.main_image{height:622px;overflow:hidden;position:relative;}
	.main_image ul{width:9999px;height:622px;overflow:hidden;position:absolute;top:0;left:0}
	.main_image li{float:left;width:50%;height:622px;}
	.main_image li span{display:block;width:100%;height:622px}
	.main_image li a{display:block;width:100%;height:622px}

	#second{width:80%;height:auto;margin: 0 auto;padding-top: 50px;}
	.title{width:170px;font-size:30px;background:#fff;position:absolute;margin: 0 0 -80px 31%;text-align: center;}
	#line{width:100%;margin-top:30px;border-top: 1px solid #000;padding-bottom: 5%;}
	#line .block{
		width:13%;
		  display:inline-block;
		  text-align: center;
		  position: absulote;
		  vertical-align: top;
		  margin-top: 50px;
		  margin-left: 14%;
		}
	#line .block:nth-of-type(1){margin-left: 0%;}
	#line .block span:nth-of-type(1){font-size: 24px;color:#626262;}
	#line .block span:nth-of-type(2){font-size:14px;color:#b0afaf;}
	.bg{
		width:100px;
		height:100px;
		background-repeat:no-repeat;
		background-color: #71D1E7;
		background-position:center;
		background-size:80%;
		border-radius: 50%;
		margin:0 auto;
	}
	.bg1{background-image: url("../imgs/y1.png");}
	.bg2{background-image: url("../imgs/y2.png");}
	.bg3{background-image: url("../imgs/y3.png");}
	.bg4{background-image: url("../imgs/y4.png");}

     #intro-video{height: 550px;
		          overflow: hidden;
				  text-align: center;
				  width: 100%;
                  left: 0px;
                  position: absolute;
                  background-image:url("../imgs/44.jpg");
				}
	.video{bottom: 0px;
          left: 0px;
		   width: 100%;
          position: absolute;
          z-index: -2;
      
      }
	#third_int {height: 550px;
		          overflow: hidden;
				  width: 100%;
                  left: 0px;
                  position: absolute;
                  background-color: rgba(0, 0, 0, 0.5);}
    #third_int div{width:60%;margin:0 auto;text-align: center;z-index: 1;text-indent: 2em;color:#fff;}
	#third_int p:nth-of-type(1){padding-top:20%;font-size:30px;}
	#third_int p:nth-of-type(2){font-size:18px;}
	#third_x{
		padding-top:20%;
	}
	#third_x #third_blockp{padding-top: 500px;}
	#third_x .third_block{width:80%;margin: 0 auto;padding-top: 4%;padding-bottom: 4%;}
	#third_x .third_block .embed{display:inline-block;}
	#third_x .third_block .standard{
		width:40%;
		display:inline-block;
		vertical-align: top;
        padding-left: 1%;
        text-indent: 2em;
	}
	#third_x .third_block  p:nth-of-type(1){font-size: 24px;color:#ffffff;line-height: 34px;}
	#third_x .third_block  p:nth-of-type(2){font-size: 14px;color:#ffffff;line-height: 24px;}
   .third_block #third_pt{width:50%;display:inline-block;vertical-align: top;text-indent: 2em;}
   .third_block #third_bg{
   	     width:45%;
   	     display:inline-block;
		 padding-top:20px;
	
   	 }
	.third_block #third_bg img{width:100%;}
	.third_block .third_embed{width:55%;display:inline-block;}
    .third_block .third_embed embed{width:100%;height:400px;}
	.third_block .third_s{
		width:40%;
		display:inline-block;
		vertical-align: top;
        text-indent: 2em;
	
	}
	.third_block #third_st{width:45%;display:inline-block;vertical-align: top;text-indent: 2em;}
    .third_block  #third_la{width:45%;display:inline-block;}
	}
	
@media only screen and (max-width: 800px){
	*{
		font-size:14px;
		}
		
	article header{
		font-size:6vw;
		}
	.header{
			background: rgb(50, 60, 60); 
			position:fixed; left: -200px; top: 0px; bottom: 0;
			width:200px;
			height:100%;
			opacity: 1; 
			text-align: center;
			transition:left 0.3s;
	}
		.header .count{
           width:auto;
           position:absolute;
           left:10px;
           bottom:10px;
           margin:0 auto;
}
	#logo {
		margin:0;
		padding:0;
		}
		
	#logo li img{
		position:absolute;
		top:45px;
		left:35%;
		width:50px;
		border-radius:50%;
		background:#fff;
		display:block;
		padding:10px;
		}
		

	#logo li h4{
		clear:left;
		position:absolute;
		top:100px;
		left:0px;
		width:200px;
		margin:0px 0px 0 0px;
		padding:0%;
		color:#fff;
		display:none;
		font-size:14px;
       
		}

	#logo h5{
		color:#EE7700;
        margin-top: -22px;
       display:none;
		}
			
	.header nav{
		width:200px;
		  background: rgb(50, 60, 60); 
		   position: absolute;
		   left:0px; 
		   top: 130px;
		   bottom: 0; 
		   padding: 0px 0 0px 0;
		   margin:0%;
		   height:100%;
		   text-align:center;
		   
		 }
		 
	.header nav a{
		   color: white;
		   text-decoration: none; 
		   font: bold 12px/40px Montserrat; display: block;
	}
	
	#title{
		width:100%;
		height:50px;	
		background:#4D4D4D;
		display:block;
		position:fixed;
		top:0px;
		left:0px;
		z-index:10;
		transition:left 0.3s;
		}
		
	#title p{
		font-size:18px;
		position:absolute;
		top:0px;
		left:33%;
		color:#FFF;
		}
	article{
		transition:margin-left 0.3s;
		margin-left:0px;
		}	
	 #menu{
		display: block;
		border: medium none;
		cursor: pointer;
		transition:left 0.3s;
		position:fixed;
		top: 15px;
		left: 10px;
		color: #BDD43E;
		background-size:25px 25px;
		width:25px;
		height:25px;
		z-index:999;
        background-image: url(../image/hamburger.png);
		}
		
		#menu:hover,#menu:active{
			color: #BDD43E;
			background-size:25px 25px;
			background-image: url(../image/hamburger-active.png);
       }
	  #tm:checked ~ #menu{left:200px;}
	 #tm:checked ~ .header{left:0px;}
	 #tm:checked ~ #title{left:200px;}
	 #tm:checked ~ article{margin-left:200px;}
	 
	 
 #banner{
		width:100%;
		background:#1bb4f2;
		text-align:center;
		height:10%;
		margin-top:30px;
		}	
     #banner p{
	     font-size:18px;
	     padding-top:10%;
		 color:#ffffff;
	 }
	 #banner img{
	     width:65%;
		 height:30%;
	 }	
..main_visual{height:200px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
	.main_image{height:200px;overflow:hidden;position:relative;}
	.main_image ul{width:100%;height:200px;overflow:hidden;position:absolute;top:0;left:0}
	.main_image li{float:left;width:50%;height:200px;}
	.main_image li span{display:block;width:100%;height:200px}
	.main_image li a{display:block;width:100%;height:200px}

	#second{width:80%;height:auto;margin: 0 auto;padding-top: 50px;}
	.title{width:170px;font-size:24px;background:#fff;margin: 0 auto;text-align: center;}
	#line{width:80%;margin:0 auto;}
	#line .block{
		width:100%;
		  display:inline-block;
		  text-align: center;
		  position: absulote;
		  vertical-align: top;
		  margin:30px auto;
		}
	#line .block:nth-of-type(1){margin-left: 0%;}
	#line .block span:nth-of-type(1){font-size: 24px;color:#626262;}
	#line .block span:nth-of-type(2){font-size:14px;color:#b0afaf;}
	.bg{
		width:100px;
		height:100px;
		background-repeat:no-repeat;
		background-color: #71D1E7;
		background-position:center;
		background-size:80%;
		border-radius: 50%;
		margin:0 auto;
	}
	.bg1{background-image: url("../imgs/y1.png");}
	.bg2{background-image: url("../imgs/y2.png");}
	.bg3{background-image: url("../imgs/y3.png");}
	.bg4{background-image: url("../imgs/y4.png");}

     #intro-video{height: 200px;
		          overflow: hidden;
				  text-align: center;
				  width: 100%;
                  left: 0px;
                  position: absolute;
                   background-image:url("../imgs/44.jpg");
				}
	.video{bottom: 0px;
          left: 0px;
          position: absolute;
          width: 100%;
          z-index: -2;
      
      }
	#third_int {height: 200px;
		          overflow: hidden;
				  width: 100%;
                  left: 0px;
                  position: absolute;
                  background-color: rgba(0, 0, 0, 0.5);}
    #third_int div{width:95%;margin:0 auto;text-align: center;z-index: 1;text-indent: 2em;color:#fff;font-size:14px;}
	 #third_int div p:nth-of-type(1){font-size:18px;}
	 #third_int div p:nth-of-type(2){font-size:12px;}
	#third_x #third_int p:nth-of-type(1){padding-top:20%;font-size:24px;}
	#third_x #third_int p:nth-of-type(2){font-size:12px;}
	#third_x #third_x{
		padding-top:20%;
	}
	#third_x #third_blockp{padding-top: 250px;}
	#third_x .third_block{width:80%;margin: 0 auto;padding-top: 4%;padding-bottom: 4%;}
	#third_x .third_block .embed{display:inline-block;width:100%;}
	#third_x .third_block .embed embed{width:100%;height:20%;}
	#third_x .third_block .standard{
		width:95%;
		display:inline-block;
		vertical-align: top;
        padding-left: 1%;
        text-indent: 2em;
	}
	#third_x .third_block  p:nth-of-type(1){font-size: 24px;color:#ffffff;line-height: 34px;}
	#third_x .third_block  p:nth-of-type(2){font-size: 14px;color:#ffffff;line-height: 24px;}
   .third_block #third_pt{width:90%;display:inline-block;vertical-align: top;text-indent: 2em;}
  .third_block #third_bg{
   	     width:95%;
   	     display:inline-block;
   	 }
	.third_block #third_bg img{width:100%;}
	.third_block .third_embed{width:95%;display:inline-block; }
	.third_block .third_embed embed{width:100%;height:25%;}
	.third_block .third_s{
		width:90%;
		display:inline-block;
		vertical-align: top;
        text-indent: 2em;
		
	}
	.third_block #third_st{width:95%;display:inline-block;vertical-align: top;text-indent: 2em;}
    .third_block  #third_la{width:95%;display:inline-block;}
	.third_block  #third_la video{width:95%;height:20%;}	
	}