/*---------- 0.color ----------*/
.white, 
.white a:link, 
.white a:visited, 
.white a:hover { 
    color: white; 
}

/*---------- 1.video ----------*/
.war-bg1 {
    background: url(../images/bg1.jpg) no-repeat top center;
    height: 1239px;
}

.war-bg1 .top {
    height: 350px;
}

.war-bg1 .container .title {
    text-align: center;
    margin-bottom: 28px;
}

.war-bg1 .container .video {
    margin: 0 auto;
    width: 85%;
    height: 570px;z-index:99;
}
.war-bg1 .container .video > div{
	overflow:hidden;
}
.war-bg1 .container video {
    width: 100%;
    height: auto;
}

.war-bg1 .container p.text {
    font-size: 28px;
    padding: 8px 160px;
    text-align: center; 
    line-height: 1.4;
}

/*---------- 2.daoyu ----------*/
.war-bg2 {
    background: url(../images/bg2.jpg) no-repeat top center;
    height: 792px;
    padding-top: 15px;
}

.war-bg2 .daoyu {
    background: url(../images/bg4.png) no-repeat;
    width: 1012px;
    height: 169px;
}

.war-bg2 .daoyu p.text {
    width: 900px;
    padding: 30px 0 20px 0;
    font-size: 22px;
    margin: 0 auto;
    line-height: 1.6;
    text-indent: 2em;
    color: #faeee2;
    text-align: justify;
}

.war-bg2 .daoyu p.image-pc {
    text-align: center;
    margin-top: 32px;
}

.war-bg2 .speaker .pc {
    text-align: center;
    margin-top: 50px;
    width: 1200px;
}

.war-bg2 .speaker .mob,
.war-bg2 .daoyu p.image-mob {
    display: none;
}

/*---------- 0.copyright ----------*/
#copyright {
    background: url(../images/bg3.jpg) no-repeat top center;
    text-align: center;
    padding: 29px 0 15px 0;
}

.war-logo {
    display: none;
}

@media (min-device-width: 320px) and (max-width: 689px),
(max-device-width: 480px) {
  	input[type="button"],
  	input[type="submit"] {
    	vertical-align: middle;
    	cursor: pointer;
  	}

	input[type=button],
	input[type=text],
	input[type=password] {
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;
		outline: none;
	}

	article, aside, dialog,
	footer, header, section,
	nav, figure, menu {
		display: block;
		margin: 0 auto;
	}

    /* qita */
  	body {
    	-webkit-text-size-adjust: 100%;
  	}
	
	.main,
	.w1200, .w1000 {
		width: 10rem;
	}

    .war-bg1 {
        background: url(../images/mbg1.jpg) no-repeat top center;
        height: 19.4533rem;
        background-size: 100% auto;
    }
    
    .war-bg1 .top {
        height: 9.5333rem;
    }

    .war-bg1 .container .title {
        margin-bottom: .3733rem;
    }

    .war-bg1 .container .title img {
        width: 4.6533rem;
        height: .6133rem;
    }

    .war-bg1 .container .video {
        width: 98%;
        height: 5.9733rem;
        overflow: hidden;
    }

    .war-bg1 .container p.text {
        font-size: 0.32rem;
        padding: 8px 0;
        width: 90%;
        margin: 0 auto;
    }

    .war-bg2 {
        background: url(../images/mbg2.jpg) no-repeat top center;
        height: 14.12rem;
        padding-top: 15px;
        background-size: 100% auto;
    }

    .war-bg2 .daoyu {
        background: url(../images/mbg4.png) no-repeat;
        width: 9.2133rem;
        height: 4.3333rem; 
        background-size: 100% auto;
    }

    .war-bg2 .daoyu p.text {
        width: 90%;
        font-size: 0.4rem;
        line-height: 1.4;
        padding: 0.38rem 0;
        text-align: justify;
    }
    
    .war-bg2 .daoyu p.image-mob {
        display: block;
        text-align: center;
        margin-top: .4267rem;
    }

    .war-bg2 .daoyu p.image-mob img {
        width: 8.3467rem;
        height: 3.2533rem;
    }

    .war-bg2 .speaker .pc,
    .war-bg2 .daoyu p.image-pc {
        display: none;
    }

    .war-bg2 .speaker .pc {
        display: none;
    }

    .war-bg2 .speaker .mob {
        display: block;
        text-align: center;
        margin-top: 1rem;
    }

    .war-bg2 .speaker .mob img {
        width: 100%;
        height: auto;
    }

    #copyright {
        display: none; 
    }
    
    .war-logo {
        background: url(../images/mbg3.jpg) no-repeat top center;
        height: 1.5867rem;
        text-align: center;
        display: none;
        padding-top: 0.52rem; 
        display: block;
    }

    .war-logo img {
        width: 3.24rem;
        height: auto;
    }
}