embed {
    display: none;
}

video {
   margin: 10px auto;
    display: block;
    width: 800px;
    height: 450px;
}


.detail {
    /* border-top: 10px solid #f5f5f5; */
    margin-top: 70px;
}

.detail .w .title {
    text-align: center;
    padding: 4% 0 2%;
    border-bottom: 2px solid #f4f4f4;
}
.detail .w .title p:nth-child(1) {
    font-size: 28px;
    line-height: 3;
    color: #304046;
}
.detail .w .title p:nth-child(2) {
    font-size: 16px;
    line-height: 2;
    /* margin-top: 1%; */
    color: #999;
}
.detail .w .title p:nth-child(2) span:nth-child(2) {
    margin-left: 16px;
}
.detail .w .content {
    
}
.detail .w .content p {
    /* font-size: 25px; */
    /* line-height: 44px; */
    /* color: #4d4d4d; */
    /* margin-top: 23px; */
    /* font-size: initial; */
    /* line-height: initial; */
    /* color: #4d4d4d; */
    /* margin-top: 23px; */
}
.detail .w .content p:nth-child(n+2) {
    /* text-indent: 2em; */
}
.detail .w .content {
    padding: 20px 52px 77px 35px;
}
.detail .w .content img {
    max-width: 1070px;
}



      .topNavLink {
              /* font-size: 16px; */
              transform: translateY(200%) translateX(0);
              left: 0;
          }
		  
            span.backSpan {
                padding-right: 20px;
                margin-right: 10px;
                position: relative;
                cursor: pointer;
            }

            span.backSpan:before {
                content: "";
                position: absolute;
                right: 9px;
                height: 10px;
                width: 10px;
                border-top: 1px solid #304046;
                border-right: 1px solid #304046;
                top: 50%;
                transform: rotate(45deg) translateY(-50%); /* top: 50%; */
            }

            span.backSpan:hover {
                color: #e60012;
            }
			
			.detail .w{
				    margin-top: 70px;
				    max-width: 1200px;
				    min-width: 1000px;
			}
			
			.detail .w .content p{
				margin-bottom:5px;
				/* line-height: 20px; */
			}
			.detail .w .content img{
				max-width: 100%;
			}
			@media screen and (max-width: 1366px) and (min-width: 768px) {
				  .topNavLink {
					  /* font-size: 16px; */
					 }
				  .detail .w .title p:nth-child(1) {
				      font-size: 28px;
				      /* line-height: 40px; */
				  }


					video {
						margin: 10px auto;
						display: block;
						width: 550px !important;
						height: 315px !important;
					}

			}
			
			@media screen and (max-width: 767px) {

			video {
				margin: 0 auto;
				display: block;
				width: 100% !important;
				height: 215px !important;
			}

				.topNavLink {
					font-size: 14px;
					top:15px;
		
				}
				.detail .w{
					margin-top: 50px;
				}
				
.detail {
    /* border-top: 10px solid #f5f5f5; */
    margin-top: 70px;
}

.detail .w .title {
    text-align: center;
    padding: 62px 0 28px;
    border-bottom: 2px solid #f4f4f4;
}
.detail .w .title p:nth-child(1) {
    font-size: 18px;
    line-height: 25px;
    color: #304046;
}
.detail .w .title p:nth-child(2) {
    font-size: 20px;
    line-height: 23px;
    margin-top: 26px;
    color: #999;
}
.detail .w .title p:nth-child(2) span:nth-child(2) {
    margin-left: 20px;
}
.detail .w .content {
    
}
.detail .w .content p {
    font-size: 25px;
    line-height: 44px;
    color: #4d4d4d;
    /* margin-top: 23px; */
    font-size: initial;
    line-height: initial;
    color: #4d4d4d;
    /* margin-top: 23px; */
}
.detail .w .content p:nth-child(n+2) {
    /* text-indent: 2em; */
}
.detail .w .content {
    padding: 20px 52px 77px 35px;
}
.detail .w .content img {
    max-width: 1070px;
}



			.detail .w{
				    margin-top: 70px;
				    width: 80%;
				    max-width: 1200px;
					position: relative;
			}
			
			
			.topNavLink {
			        font-size: 16px;
					position: absolute;
					left: 0;
					top:25px;
			    }
					  
			      span.backSpan {
			          padding-right: 20px;
			          margin-right: 10px;
			          position: relative;
			          cursor: pointer;
			      }
			
			      span.backSpan:before {
			          content: "";
			          position: absolute;
			          right: 9px;
			          height: 10px;
			          width: 10px;
			          border-top: 1px solid #304046;
			          border-right: 1px solid #304046;
			          top: 50%;
			          transform: rotate(45deg) translateY(-50%); /* top: 50%; */
			      }
			
			      span.backSpan:hover {
			          color: #e60012;
			      }
						
			
			.detail .w .content p{
				line-height: 20px;
			}
			.detail .w .content img{
				max-width: 100%;
				margin: 0 auto;
			}
			
			
			@media screen and (min-width: 768px) and (min-width: 1366px) {
				  .topNavLink {
					  font-size: 14px;
				  }
				  .detail .w .title p:nth-child(1) {
				      font-size: 24px;
				      line-height: 40px;
				  }
			}
			
			@media screen and (max-width: 767px) {
				.topNavLink {
					font-size: 14px;
					top: -2px;
					display: none;
				}
				.detail {
				    /* border-top: 10px solid #f5f5f5; */
				    margin-top: 50px;
				}
				.detail .w{
					margin-top: 50px;
					width: auto;
					min-width: auto;
					padding: 0 15px;
				}
				.detail .w .title {
				    text-align:left;
				    padding: 18px 0 8px;
				    border-bottom: 0;
				}
				.detail .w .title p:nth-child(2)  {
					font-size: 14px;
					line-height: 23px;
					margin-top: 5px;
					color: #999;
				}
					


				.detail .w .content {
					padding: 0;
					/* max-width: 92%; */
				}
			}