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

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

	article,
	aside,
	dialog,
	footer,
	header,
	section,
	footer,
	nav,
	figure,
	menu {
		display: block;
		margin: 0 auto
	}
	
	body {
		-webkit-text-size-adjust: 100%;
	}
	
	video {
		object-fit: cover;
		height: auto;
	}
	
	.main {
		width: 10rem
	}
	
	.w1280 {
		width: 10rem;
	}
	
	.w1000 {
		width: 9.2rem;
	}
	
	.w900 {
		width: 9rem;
		padding: 0 0.5rem;
	}
	.viet-slide-mask {
	    position: fixed;
	    z-index: 2;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background: transparent;
	    display: none;
	    overflow: hidden;
	    -webkit-transition: all 0.3s ease-out;
	    -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	    -o-transition: all 0.3s ease-out;
	    transition: all 0.3s ease-out;
	}
	h3.viet-title {
		position: relative;
		width: 8.7rem;
		margin-left: auto;
		margin-right: auto;
	}
	h3.viet-title::before {
        position: absolute;
        content: '';
        width: 5px;
        height: 28px;
        background: #c53c3c;
		left: -10px;
	}
	/* none */
	.viet-mob {
	    display: block;
	}
	.viet-pc {
		display: none;
	}
	.viet-header .sou .right .items,
	.viet-header .sidenav .list .left,
	.viet-nav,
	.viet-p4,
	.viet-d2Content .wrap .right {
	    display: none;
	}
	/* banner */
	.viet-banner1 img {
	    width: 10rem;
	    height: auto;
	}
	.viet-banner2-mob {
		width: 10rem;
		height: 4rem;
	}
	.viet-banner2-mob img {
		width: 100%;
		height: 4rem;
	}
	/* header */
	.viet-header {
	    height: auto;
	    padding-top: 0.5rem;
	    padding-bottom: 0.15rem;
	    position: relative;
	}
	.viet-header .logo {
	    margin-top: 0;
		padding-top: 0;
	}
	.viet-header .logo,
	.viet-header .sou {
	    width: 9rem;
	}
	.viet-header .logo .ico-logo {
	    width: 28%;
	    margin-right: 10px;
	}
	.viet-header .logo .tit0 {
	    width: 60%;
	    margin-bottom: 10px;
	}
	.viet-header .sou {
	    margin-top: 20px;
	}
	.viet-header .sou .left {
	    float: right;
		padding-left: 0;
	}
	.viet-header .sou .left img {
	    margin: 0 8px;
	}
	.viet-header .sou .right {
	    float: left;
	}
	.viet-header .sou .right .menu {
	    display: block;
	    background: url(../images/menu.png) no-repeat;
	    width: 28px;
	    height: 26px;
	    float: left;
	    margin-top: 6.5%;
	    margin-left: 5%;
	    background-size: 65% auto;
	}
	.viet-header .sidenav {
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    bottom: 0; 
	    background: #f5f5f7;
	    width: 5.9rem;
	    padding-top: 1.6em;
	    transform: translateX(-5.9rem);
	    z-index: 999;
	    height: 100vh;
	    overflow-y: auto;
	    overflow-x: hidden;
	}
	.viet-header .sidenav .list li {
	    height: 1rem;
	    line-height: 1rem;
	    font-size: 1.2em;
	    text-indent: 1em;
	    border-bottom: 1px solid #c9c9ca;
	    text-align: left;
		width: 100%;
	}
	.viet-header .sidenav .list .right {
		float: none;
	}
	.viet-header .sidenav .list .right li.items .title {
		display: none;
	}
	.sou-content  {
	    position: relative;
	    margin-top: 2px;
	    margin-left: auto;
		margin-right: auto;
		width: 80%;
	}
	.sou-content input.inp1 {
	    width: 4.493rem;
	    height: 0.873rem;
	    padding-right: 2em;
	    line-height: 29px;
	    border: 1px solid #c1c1c2;
	    border-radius: 15px;
	    background-color: #fff;
	    text-indent: 0.5em;
	}
	.sou-content input.inp2 {
	    width: 0.5333333333333333rem;
	    height: 0.5333333333333333rem;
	    top: 0.45em;
	    right: 1.2em;
	    position: absolute;
	    text-indent: 0.5em;
	    background: url(../images/sou_mob.png) left top no-repeat;
	    background-size: 100% auto;
		font-size: 14px;
	}
	.sou-content input.inp2#submitButton {
		opacity: 0;
	}
	.sou-content input.inp2 {
	    display: block;
	}
	.viet-header .sidenav .list {
	    margin-top: 20px;
	}
	.sidenav.moved {
	    -webkit-transform: translate3d(0, 0, 0);
	    -moz-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0);
	    -o-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	}
	.sidenav.moved li.items span {
	    transform: perspective(100px) rotateX(0) translateZ(24px) scale(1); 
	    transition: all .4s; 
	    opacity: 1;
	}
	/* news */
	.viet-news {
		font-size: 0.6rem;
		line-height: 1.4;
		font-weight: 800;
	    width: 9.2rem;
	    text-align: left;
		padding-bottom: 30px;
	}
	/* p1 */
	h3.viet-title {
		font-size: 0.6rem;
	}
	.viet-p1 {
	    border-bottom: none;
	    padding-bottom: 0;
	}
	.viet-p1 .left {
	    width: 10rem;
	    float: none;
	}
	.swiper-container-p1,
	.swiper-container-p1 .swiper-slide img {
	    width: 10rem;
	    height: 6.493333333333333rem;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	.swiper-container-p1 .swiper-slide p.title {
		font-size: 18px;
		padding: 5px 0 5px 2%;
	}
	.pagination1 {
	    bottom: 25%;
	}
	.viet-p1 .right {
		width: 9.2rem;
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
	.viet-p1 .right .list {
	    width: 9.2rem;
	    margin: 15px auto 0 auto;
	}
	.viet-p1 .right .list li {
	    padding: 13px 0;
	}
	/* p2 */
	.viet-p2 {
		border-top: none;
	}
	.viet-p2 .left,
	.viet-p2 .center,
	.viet-p2 .right {
		width: 9.2rem;
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
	.viet-p2 .pic img {
		width: 100%;
		height: auto;
	}
	.viet-p2 .list li {
		white-space: normal;
		line-height: 1.4;
	}
	.viet-p2 .right {
		display: none;
	}
	/* p3 */
	.viet-p3 {
		margin-top: 0;
		padding-top: 5px;
	}
	.viet-p3 .center h3.viet-title {
		padding: 0px;
	}
	.viet-p3 .center .wrap {
		border-left: none;
		border-right: none;
		padding: 0px;
	}
	.viet-p3 .right {
		display: block;
	}
	/* p4 */
	.viet-p4 .pic li p.txt {
		-webkit-line-clamp: inherit;
		line-height: 1.4
	}
	/* footer */
	.viet-footer {
	    margin-top: 20px;
	}
	.viet-footer .link {
		width: 92%;
		margin: 0px auto 30px auto;
	}
	.viet-footer .link span.title {
		width: 20%;
	}
	.viet-footer .link .content {
		width: 75%;
		margin-left: 10px;
	}
	/* back */
	.viet-back {
		position: fixed;
		_position: absolute;
		display: block;
		width: 30px;
		right: 3%;
		_right: -52px;
		bottom: 15%; 
		z-index: 99;
	}
	.viet-back .goTop {
		background: url(../images/home.png) no-repeat;
		width: 30px;
		height: 30px;
		display: block;
		margin-top: 20px;
	}
	.viet-back .goBack {
		background: url(../images/back.png) no-repeat;
		width: 30px;
		height: 30px;
		display: block;
	}
	/* languageMob */
	.viet-change {
		display: block;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
	}
	.viet-change .languageMob {
		position: relative;
	}
	.viet-change .languageMob ul {
        position: absolute;
        bottom: 49px;
        left: 0;
        width: 100%;
        display: none;
        z-index: 1000;
    }
	.viet-change .languageMob ul li {
        height: 43px;
        font-size: 16px;
        width: 100%;
        line-height: 43px;
        text-align: center;
        border: 1px solid #e5e5e5;
        border-bottom: none;
        background: #fff;
	}
	.viet-change .languageMob span {
		cursor: pointer;
		background: #c12828;
		height: 40px;
		display: flex;
		color: #fff;
		font-size: 16px;
		line-height: 40px;
		text-align: center;
		padding: 0 15px;
	}
	.viet-change .languageMob span i {
		background: url(../images/arrow3.png) no-repeat;
		width: 16px;
    	height: auto;
    	background-size: 100% auto;
		margin-top: 17px;
		margin-left: 5px;
	}
	
	.viet-search h3.title {
		font-size: 16px;
		padding-left: 0.2rem;
		padding-right: 0.2rem;
	}
	.viet-search .list .items img {
		width: 45%;
		height: auto;
		margin-right: 10px;
	}
	.viet-search ul.list li.items span.time {
		color: #9b9b9b;
	}
	.viet-search ul.list li.items p.text {
		font-size: 18px;
		line-height: 1.4;
	}
	/* textCon */
	.viet-textCon h1 {
		font: bold 0.6rem / 1.6 SourceHanSansSC-Heavy-2;
	}

	.viet-textCon p video {
		width: 100%;
		height: auto;
	}

	.viet-textCon p {
		margin-top: 0px;
		padding: 5px 0 10px 0;
		font-size: 0.48rem;
	}

	.viet-textCon p img,
	.viet-textCon .f-pic img,
	.viet-textCon .f-pic table img {
		max-width: 98% !important;
		height: auto !important;
	}
	.viet-textCon .f-pic table {
		width: 9.2rem;
	}
	
	.viet-related {
		width: 9.2rem;
		margin-bottom: 40px;
	}
	.viet-related .list li {
		margin-bottom: 15px;
	}
	.main-text .viet-p4 {
		display: block;
		width: 9.2rem;
		margin-left: auto;
		margin-right: auto;
	}
	.main-text .viet-p4 li {
		width: 9.2rem;
		margin-left: 0;
	}
	.main-text .viet-p4 li p {
		-webkit-box-orient: unset;
		margin-top: 5px;
		margin-bottom: 15px;
		text-align: left;
	}
	.main-text .viet-p4 li img {
		width: 100%;
		height: auto;
	}
	/* d2j */
	.viet-d2Content .route {
		padding-left: 0.2rem;
		padding-right: 0.2rem;
	}
	.viet-d2Content .wrap,
	.viet-d2Content .wrap .left {
		width: 9.2rem;
		margin-left: auto;
		margin-right: auto;
	}
	.viet-d2Content .wrap .left {
		float: none;
	}
	.viet-d2Content .wrap .left h3.tit {
		font-size: 0.6rem;
		line-height: 60px;
	}
	.viet-d2Content .wrap .left .d2list li img {
		width: 45%;
		height: auto;
		margin-bottom: 3px;
	}
	.viet-d2Content .wrap .videoList li {
		width: 100%;
		padding: 0;
		border: none;
        height: auto;
	}
	.viet-d2Content .wrap .videoList li::before {
		left: 2%;
	}
	.viet-d2Content .wrap .videoList li img {
		width: 100%;
		height: auto;
	}
	.viet-d2Content .wrapPic #tiles li {
		height: auto !important;
	}
	.viet-d2Content .wrapPic {
		width: 9.2rem;
		margin-left: auto;
        margin-right: auto;
	}
	.viet-d2Content .wrapPic #tiles li {
		float: none;
        width: 9.2rem;
        border: none;
        margin: 0;
        padding: 0;
        left: 0 !important;
	}
	.viet-d2Content .wrapPic #tiles li img {
		width: 100%;
		height: auto;
	}
	.viet-d2Content .wrapPic #tiles li:nth-child(5n) {
		height: auto;
	}
	.viet-d2Content .wrapPic #tiles li:nth-child(3n) {
		height: auto;
	}
	.viet-pages a {
		padding: 6px 11px;
    	margin: 0 3px;
	}
	.copyright {
		padding: 0 0.2rem;
	}
	.copyright p a {
		display: block;
		margin: 0.3rem 0;
	}
	
	.prev-jdt,
    .next-jdt {
        top: 30%;
    }

    .prev-jdt,
    .next-jdt {
        width   : 35px;
        height  : 35px;
        z-index : 98;
        position: absolute;
    }
}