@media screen and (max-width: 640px) {
	html, body {
	}
	body {
		padding-top: 97px;
		font-size: 16px;
	}
	.m-menu-wrap {
		display: block;
	}
	#menu, .map-container, .carte {
		display: none;
	}
	.main, .res-main {
		width: 100%;
		padding: 0px 3.1%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.footer-1 {
		display: none;
	}
	.channel-body {
		padding-left: 0px;
	}

	.channel-container >.swiper-wrapper> .swi-1 {
		height: 50vh;
		width: 100%;
		float: none;
	}

	.index-banner>.arrow-left, .channel-carousel>a.arrow-left,
	.index-banner>.arrow-right, .channel-carousel>a.arrow-right {
		display: none;
	}

	.channel-container.swiper-container {
		overflow: hidden;
	}

	.channel-container {
		height: auto!important;
	}

	.channel-container >.swiper-wrapper> .chnnel-slide-2 {
		float: none;
		background-image: none;
	}

	.channel-container >.swiper-wrapper> .chnnel-slide-3 {
		padding: 13% 3%;
		background-image: none;
		background-color: #f4f4f4;
		float: none;
	}

	.channel-container >.swiper-wrapper> .chnnel-slide-4 {
		display: none;
	}

	.chnnel-new-left {
		display: none;
	}

	.chnnel-new-right {
		float: none;
		width: 100%;

	}

	.chnnel-new-box {
		position: static;
		width: 100%;
		margin-top: 0px;
		overflow: hidden;
	}

	.channel-new-list {
		width: 33.33333334%;
		float: left;
	}

	.channer-nwe-lun {
		width: 300%;
	}

	.chnnel-new-main {
		width: 75%;
		font-size: 1.375em;
		padding-bottom: 5.5%;
		margin-left: 5%;
	}

	.chnnel-new-time {
		display: none;
	}
	.m-chnnel-new-time {
		display: inline-block;
		width: 20%;
		vertical-align: top;
		float: left;
	}
	.chnnel-new-hz ul+ul {
		margin-left: 0px;
	}
	.channel-new-list li {
		margin-left: 3%;
    	margin-right: 3%;
    	border-bottom: 1px dotted #c8c8c8;
    	margin-bottom: 5.5%;
    	overflow: hidden;
	}
	.channel-new-hea {
		margin-left: 3%;
		margin-right: 3%;
		padding-top: 10%;
		margin-bottom: 5.5%;
	}
	.chnnel-new-main p a {
		overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-line-clamp: 2;
    	-webkit-box-orient: vertical;
    	line-height: 160%;
	}
	.m-more {
		display: inline-block;
	}
	.chnnel-culture-list {
		position: static;
		width: 100%;
		height: auto;
	}
	.chnnel-culture-list li {
		width: 50%;
	}
	.chnnel-culture-list li:last-child {
		width: 100%;
		overflow: hidden;
	}
	.chnnel-culture-list li:last-child .chnnel-culture-in {
		display: inline-block;
		width: 50%;
		float: left;
		padding-top: 4%;
    	padding-bottom: 6.5%;
	}
	.chnnel-culture-list li:last-child .zome-img {
		display: inline-block;
		width: 50%;
		float: left;
	}
	.chnnel-a a {
		display: none;
	}
	.chnnel-culture-in {
		height: 219px;
		padding-top: 8%;
		padding-bottom: 13%;
		-webkit-box-sizing: border-box;
       	-moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
	}
	.zome-img {
		height: 219px;
	}
	.zome-img img {
		height: 100%;
		display: block;
	} 
	.chnnel-culture-in >a {
		width: 43%;
    	line-height: 220%;
    	position: absolute;
    	bottom: 15px;
    	left: 33.5%;
	}
	.chnnel-culture-in.top:after,
	.chnnel-culture-in.bottom:after {
		display: none;
	}
	.chnnel-culture-in h6 {
		margin-bottom: 4%;
		font-size: 2em;
	}
	.chnnel-a {
		display: none;
	}
	.m-footer {
		display: block;
	} 
	.inside-nav {
		display: none;
	}
	.about-banner {
		background-size: cover;
		height: 31.1vh;
	}
	.inside-title {
		padding-top: 4.55%;
		font-size: 1em;
	}
	.inside-title h6 {
		font-weight: bold;
		font-size: 1.875em;
	}
	.about-hea {
		padding-bottom: 0px;
	}
	.about-hea .mt {
		font-size: 1em!important;
	}
	.about-hea-top {
		font-size: 1.375em;
		line-height: 160%;
	}
	.about-hea-left,
	.about-hea-right {
		width: 100%;
		font-size: 1.375em;
		float: none;
	}
	.about-hea-right {
		animation-delay: 0s!important;
	}
	.about-hea-top, .about-hea .mt, .about-hea img {
		padding-bottom: 7%;
		margin-bottom: 0px;
	}
	.culture-hea {
		font-size: 1.375em;
	}
	.culture-hea p {
		font-size: 1em!important;
	}
	.culture-hea-left, .culture-hea-right {
		width: 100%;
		float: none;
	}
	.culture-bg {
		height: 95%;
		margin-bottom: 8.5%;
	}
	.culture-bg .detail {
		background-image: none;
	}
	.culture-bg .detail .word {
		width: 100%;
		height: 100%;
		padding: 0px;
    	background-image: none;
	}
	.culture-bg .single-word .text {
		font-size: 1em;
		padding: 0px 9%;
	}
	.culture-bg .word .single-word {
		background-size: 15%;
    	height: 112px;
    	padding-left: 20%;
    	padding-top: 0px;
    	margin-bottom: 1em;
    	width: 100%;
    	height: 100%;
	}
	.culture-bg .word .left-word,
	.culture-bg .word .right-word {
		width: 47%;
	}

	.culture-bg .left-word .single-word{
		margin-left: 0;
	}
	.culture-bg .right-word .single-word{
		margin-right: 0;
	}
	.m-word-wrap {
		position: absolute;
		bottom: 2%;
		width: 100%;
		padding: 0px 3.1%;
		-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	}
	.culture-bg .bottem-word {
		font-size: 1em;
		top: 0%;
    	height: 57%;
	}
	.culture-list {
		width: 100%;
		padding-bottom: 0px;
	}
	.res-main.culture-core {
		padding-right: 0px;
	}
	.culture-list li {
		margin-right: 3.1%;
		width: 46%;
		animation-delay: 0s!important;
	}
	.honour-kind .honour-btn {
		margin-right: 0%;
		margin-left: 4%;
		float: left;
		width: 30.6666666667%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.honour-kind .honour-btn.active a {
		color: #bd002e;
		line-height: 215%;
	}
	.honour-kind .honour-btn:first-child {
		margin-left: 0%;
	}
	.honour-kind {
		overflow: hidden;
		width: 100%;
	}
	.honour-kind a {
		font-size: 1.5em;
		width: 100%;
		line-height: 240%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.honour-list .years-btn {
		display: none;
	}
	.honour .years-btn a {
		float: none;
		display: block;
		width: 100%;
		line-height: 210%;
		margin-bottom: 3%;
	}
	.honour-list {
	    padding-top: 7.2%;
	    padding-bottom: 8%;
	}
	.honour-list .years {
		width: 100%;
		float: none;
		margin-bottom: 10%;
	}
	.honour-list .single-year {
		padding-left: 0px;
		background-image: none;
	}
	.honour-list .single-year:hover {
    	background-image: none;
	}
	.honour-list .honour-hide {
		display: none;
	}
	.honour-list .single-year span {
		display: block;
		padding-bottom: 3%;
	}
	.single-year .year-img {
		width: 100%;
		padding-bottom: 3%;
	}
	.single-year .year-img img {
		margin-right: 0px;
		margin-left: 3%;
		max-width: 40%;
	}
	.single-year .year-img img:first-child {
		margin-left: 0%;
	}
	.single-year.one-img .text,
	.single-year.two-img .text {
		max-width: 100%;
		margin-left: 0px;
	}
	.new-hea {
		display: none;
	}
	.inside-bread {
		display: none;
	}
	.m-title {
		display: block;
	}
	.m-list {
		display: block;
	}
	.public-list {
		margin: 0px;
		overflow: hidden;
	}
	.public-list li {
		margin-left: 1%;
		text-align: center;
		margin-left: 5%;
		font-size: 1.5em;
		margin-bottom: 2%
	}
	.max-list li {
		width: 30%;
	}
	.public-list li:first-child {
		margin-left: 0%;
	}
	.public-list li:nth-child(4) {
		margin-left: 0%;
	}
	.public-list li a {
		background-color: #e9e9e9;
		padding: 0px 20px;
    	width: 100%;
    	-webkit-box-sizing: border-box;
       	-moz-box-sizing: border-box;
        box-sizing: border-box;
	}
	.m-list {
		padding-bottom: 3%!important;
	}
	.new-headline-right {
		width: 100%;
		-webkit-box-sizing: border-box;
       	-moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5% 5%;
        margin-left: 0px;
	}
	.new-headline-img {
		width: 100%;
	}
	.new-headline-img img {
		width: 100%;
	}
	.new-headline-right .new-time {
		font-size: 1.125em;
	}
	.new-headline-p {
		font-size: 1.125em;
		-webkit-line-clamp: 2;
	}
	.new-left {
		display: none;
	}
	.new-right {
		float: none;
		width: 100%;
		border: none;
	}
	.new-right li {
		padding-left: 0px;
	}
	.new-in>i {
		display: none;
	}
	.new-right li .new-in {
		padding-right: 0px;
	}
	.pag {
		display: none;
	}
	.m-pag {
		display: block;
		margin-top: 0px;
	}
	.new-grid {
		padding-bottom: 0px;
		animation-delay: 0s!important;
	}
	.new-box-left {
		float: none;
		width: 100%;
	}
	.new-box-right {
		display: none;
	}
	.new-box-left>h6 {
		margin-bottom: 5%;
    	margin-top: 7%;
	}
	.sharediv .bshare-custom a {
		margin-left: 5px;
	}
	.sharediv .bshare-custom a:first-child {
		margin-left: 0px;
	}
	.new-details {
		padding: 5%;
		font-size: 1.375em;
	}
	.new-details .mt {
		margin-top: 4%;
	}
	.new-return {
		display: none;
	}
	.new-box {
		padding-bottom: 3.1%;
	}
	.video-btn {
		padding-top: 0px;
		padding-right: 3.1%;
	}
	.video-btn a {
		width: 100%;
		font-size: 1.5em;
		line-height: 240%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.video-btn .single-btn.active a {
		color: #bd002e;
		line-height: 215%;
	}
	.video-btn .single-btn {
		width: 48.5%;
	}
	.new-video-list {
		width: 100%;
		overflow: hidden;
	}
	.new-video-list li {
		margin-right: 3%;
    	margin-bottom: 3%;
    	width: 47%;
    	float: left;
	}
	.new-video-p {
		background-color: #eeeeee;
		color: #818181;
		position: static;
		-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	}
	.new-video-p span {
		color: #666666;
		display: block;
		font-size: 1.5em;
		overflow: hidden;
		white-space: nowrap;
	}
	.new-play {
		background-size: 70%;
		top: 25%;
		-webkit-transform: translate(0%,-25%);
	    -moz-transform: translate(0%,-25%);
	    -ms-transform: translate(0%,-25%);
	    -o-transform: translate(0%,-25%);
	    transform: translate(0%,-25%);
	}
	.m-res-main {
		padding-right: 0%;
	}
	.new-video-p i {
		float: none;
		font-size: 1em;
	}
	.new-video-in img {
		position: relative;
	}
	.new-video-p {
    	position: static;
    	padding: 4px 9.5px;
	}
	.new-video-list li .new-video-in:after {
		height: calc(100% - 92px);
	}
	.new-video-more {
		margin-bottom: 21px;
		margin-top: 16px;
		width: 96.9%;
		line-height: 40px;
	}
	.new-video-more img {
		margin-top: 6px;
	}
	.quality-banner .banner-btn {
		display: none;
	}
	.quality-banner  .arrow-left,
	.quality-banner  .arrow-right {
		display: none;
	}
	.quality-banner .swiper-container {
		height: 31.1vh;
	}
	.quality-banner .swiper-wrapper {
		height: 100%;
	}
	.quality-banner .swiper-slide {
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
		display: none;
	}
	.quality-banner .swiper-slide:first-child {
		display: block;
	}
	.research .detail {
		float: none;
		max-width: 100%;
		overflow: hidden;
	}
	.research .detail .text {
		padding-top: 0px;
	}
	.research-title {
		font-size: 1.875em;
		padding-top: 34px;
	}
	.research .detail .text {
		font-size: 1.375em;
		color: #666666;
	}
	.research .detail a {
		margin-top: 20px;
		float: right;
	}
	.research .img {
		width: 100%;
		float: none;
		padding-top: 22px;
		padding-bottom: 36px;
	}
	.trends {
		float: none;
		padding-top: 0px;
	}
	.trends .research-title {
		padding-top: 32px;
		padding-bottom: 18.42px;
	}
	.research-news .big-trends {
		width: 100%;
		float: none;
	}
	.research-news .big-trends .swiper-container {
		height: auto;
	}
	.research-news .trend-content {
		width: 100%;
	}
	.research-news .single-trend {
		padding: 0px 19px 17px 19px;
	}
	.research-news .single-trend .detail {
		overflow: hidden;
	}
	.research-news .single-trend .date {
		max-width: 27%;
		float: left;
	}
	.single-trend .text {
		max-width: 73%;
		padding-left: 0px;
		float: right;
		-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	}
	.big-trends .swiper-slide {
		display: none;
		overflow: hidden;
	}
	.big-trends .swiper-slide:first-child {
		display: block;
	}
	.big-trends .text > a {
		font-size: 1.375em;
	}
	.research-news .big-trends h5 {
		font-size: 1.125em;
		padding-top: 10px;
		padding-bottom: 0px;
	}
	.big-trends .detail > a {
		display: none;
	}
	.big-trends .text > span a {
		display: none;
	}
	.big-trends .swiper-slide .img {
		float: left;
		width: 50%;
	}
	.big-trends .swiper-slide .detail {
		float: right;
		width: 50%;
		-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	}
	.research-news .trend-list {
		float: none;
		width: 100%;
		margin-top: 17.7px;
	}
	.research-news .trend-list {
		height: auto;
	}
	.research-news .single-trend:last-child {
		display: none;
	}
	.trends .research-title {
		overflow: hidden;
	}
	.goto {
		display: none;
	}
	.m-goto {
		display: inline-block;
		margin-top: 3px;
		float: right;
	}
	.innovate {
		float: none;
		width: 100%;
		padding-top: 0px;
	}
	.innovate-slider .swiper-container {
		height: auto;
	}
	.innovate-slider .swiper-slide {
		display: none;
	}
	.innovate-slider .swiper-slide:first-child {
		display: block;
	}
	.innovate-slider .swiper-slide .text{
		display: none;
	}
	.innovate .img span {
		display: block;
	}
	.innovate .img {
		overflow: hidden;
	}
	.innovate .img a {
		float: left;
		width: 50%;
	}
	.innovate .img h5 {
		padding-left: 0px;
		background-image: none;
		display: inline-block;
		float: left;
		width: 50%;
		font-size: 1.5em;
		padding-left: 13px;
		-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	}
	.research-news {
		padding-bottom: 31px;
	}
	.research .inside-title {
    	display: block;
	}

	.research .honour-kind {
	    display: block;
	}
	.achievement .achievement-list .row {
		height: auto;
		padding-bottom: 0px;
	}
	.single-achievement,
	.single-achievement:first-child {
		float: none;
		width: 100%;
		animation-delay: 0s!important;
	}
	.single-achievement .achievement-right {
		display: none;
	}
	.single-achievement .achievement-left {
		max-width: 100%;
	}
	.single-achievement .achievement-wrap {
		height: auto;
		padding: 0px 16px 8px 59px;
	}
	.single-achievement .text span a {
		margin-bottom: 0px;
	}
	.achievement-left .text a {
		-webkit-line-clamp: 2;
	}
	.single-achievement, .single-achievement {
		padding-bottom: 10.5px;
	}
	.achievement {
		padding-bottom: 0px;
		padding-top: 0px;
		margin-bottom: 27px;
	}
	.consult-hea-left {
		float: none;
		width: 100%;
		height: auto;
		padding: 24px 19px 38px;
	}
	.achievement .research-title-wrap .research-title {
		float: none;
	}
	.consult-form p {
		font-size: 1em!important;
	}
	.consult-form {
		border: none;
		padding-top: 0px;
	}
	.consult-hea-left>h6, .consult-hea-right>h6 {
		margin-bottom: 12px;
	}
	.science-meg {
		margin: 0px;
		overflow: visible;
	}
	.science-area {
		margin-bottom: 5px;
	}
	.science-call {
		height: 38px;
		overflow: hidden;
	}
	.science-select,.science-call,.science-meg>input {
		margin-bottom: 9px;
		width: 100%;
		-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	}
	.science-code {
		width: 100%;
	}
	.science-call input {
		width: 62%;
		float: left;
	}
	.science-call select {
		width: 27%;
		float: right;
	}
	.science-call:after {
		right: 28%;
	}
	.science-code>input {
		width: 30%;
	}
	.science-code>a {
		top: 90%;
	}
	.science-btn {
		width: 100%;
	}
	.consult-hea {
		margin-bottom: 48px;
	}
	.consult-hea-right {
		float: none;
		width: 100%;
		margin-top: 36px;
		overflow: hidden;
		height: auto;
	}
	.consult-hea-details {
		margin-top: 10px;
		margin-bottom: 10px;
		color: #7f7f7f;
	}
	.consult-hea-details h6 {
		margin-top: 0px;
		margin-bottom: 4px;
		color: #555555;
	}
	.science-code>a {
		right: auto;
	}
	.consult-main {
		margin-left: -3.1%;
    	width: 106.2%;
    	padding: 0px 3.1%;
    	padding-top: 39px;
    	background-color: #fff;
    	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	}
	.consult-question:last-child {
		margin-bottom: 0px;
		border: none;
	}
	.technology-banner {
		height: 22.1vh;
		background-size: cover;
		background-position: center;
	}
	.public-nav {
		display: none;
	}
	.public-left {
		float: none;
		width: 100%;
		padding-right: 0px;
		border: none;
	}
	.public-right {
		display: none;
	}
	.public-list li {
		font-size: 
	}
	.technology-report {
		padding-top: 0px;
	}
	.technology-report .public-list li {
		width: auto;
	}
	.public-main {
		background: none;
	}
	.source a {
		font-size: 1.125em;
	}
	.new-right li .new-in {
		padding-bottom: 0px;
		padding-top: 17px;
	}
	.technology-report .source {
		padding-bottom: 17px;
	}
	.technology-report .new-video-more {
		width: 100%;
	}
	.report-list {
		width: 106.4%;
    	margin-left: -3.2%;
    	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	}
	.report-list li {
    	 padding: 0 3.1%; 
	}
	.m-inside-title {
		display: block;
	}
	.achievement-lists {
		margin-left: -3.3%;
    	padding-left: 6.3%;
    	padding-right: 6.3%;
    	padding-bottom: 34px;
    	width: 106.6%;
    	background-color: #f8f7f3;
    	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	}
	.system-more {
		background-color: #bd002e;
   		color: #d9d9c7;
	}
	.achievement-lists .system-more {
		margin-bottom: 0px;
	}
	.list-more {
		display: none;
	}
	.m-list-more {
		display: inline;
	}
	.public-main {
		padding-bottom: 0px;
	}
	.duty-channel-left {
		float: none;
		width: 100%;
	}
	.duty-channel-right {
		display: none;
	}
	.public-duty {
		padding-top: 0px;
	}
	.duty-title {
		font-size: 1.875em;
	}
	.public-duty {
		padding-top: 23px;
    	margin-top: 23px;
    	background-size: cover;
    	background-position: 11% center;
	}
	.duty-list {
		padding-top: 31px;
		padding-bottom: 32px;
	}
	.duty-list .img,
	.duty-list .img:first-child {
		display: none;
	}
	.duty-list .icon-list,
	.welfare .project {
		float: none;
		width: 100%;
	}
	.duty-list .icon-list a {
		width: 100%;
		height: 100%;
		padding-top: 0px;
		padding: 15% 0px;
		font-size: 1.25em;
	}
	.duty-list ul {
		overflow: hidden;
		margin-bottom: 3%;
	}
	.duty-list li {
		margin-left: 3%;
		width: 31.333333333%;
		float: left;
	}
	.duty-list li:first-child {
		margin-left: 0%;
	}
	.duty-list li img {
		padding-bottom: 3px;
	}
	.welfare {
		padding-top: 31px;
	}
	.welfare .text > span a {
		font-size: 20px;
	}
	.welfare .text h5 {
		font-size: 16px;
	}
	.project-list .img-list {
		display: none;
	}
	.project-list {
		overflow: visible;
		float: none;
	}
	.welfare .text {
		max-width: 100%;
		float: none;
	}
	.project-list ul {
		float: none;
		overflow: hidden;
	}
	.project-list ul li {
		display: inline-block;
		float: left;
		margin-left: 3%;
		width: 31.333333333%;
	}
	.project-list ul li:first-child {
		margin-left: 0%;
	}
	.project-list li a {
		width: 100%;
		height: 100%;
		font-size: 1.25em;
		padding: 19% 0px;
		-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	}
	.project-list li img {
		width: 38px;
    	height: 38px;
	}
	.welfare {
		padding-bottom: 28px;
	}
	.welfare .text .new-list-btn {
		margin-top: 14px;
	}
	.welfare .project {
		padding-top: 36px;
	}
	.duty-channel-footer {
		padding-top: 40px;
	}
	.duty-list .icon-list a.active,
	.project-list li.active a {
		color: #858585;
    	background-color: white;
	}
	.duty-list .icon-list a.active img,
	.project-list li.active img {
		display: none;
	}
	.duty-list .icon-list a img {
		width: 40px;
		height: 40px;
	}
	.duty-list .icon-list a.active img:first-child,
	.project-list li.active img:first-child {
		display: block;
	}
	.duty-channel-main {
		width: 100%;
		padding-left: 0px;
	}
	.duty-more {
		display: none;
	}
	.duty-channel-left>h6 {
		font-size: 1.875em;
	}
	.duty-channel-in>.time {
		display: none;
	}
	.duty-channel-main>p {
		display: none!important;
	}
	.duty-channel-footer {
		height: auto;
		padding-bottom: 44px;
	}
	.duty-channel-main>h6 {
		font-size: 1.5em;
	}
	.duty-down {
		width: 20%;
		background-size: 35%;
	}
	.duty-nav {
		width: 103.2%;
		padding: 0px;
	}
	.duty-nav li a {
		padding-left: 0px;
		background: none;
	}
	.duty-nav li {
    	text-align: center;
    	width: 30%;
    	margin-right: 3.3%;
    	font-size: 1.5em;
    	margin-bottom: 14.6px;
    	margin-left: 0px;
	}
	.duty-nav li a {
		padding: 0px 20px;
		background-color: #e9e9e9;
    	width: 100%;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	}
	.duty-hea {
		padding-top: 11px;
	}
	.duty-hea-left {
		float: none;
		width: 100%;
		color: #bf002c;
		background: none;
		margin-top: 0px;
		padding: 0px;
		height: auto;
	}
	.duty-hea-left h6,
	.duty-hea-left p {
		font-size: 1.875em;
	}
	.duty-hea-right {
		display: none;
	}
	.duty-hea-left span {
		display: none;
	}
	.duty-main {
		padding-top: 19.73px;
		padding-bottom: 44px;
	}
	.system-headline-img {
		display: block;
	}
	.public-left .new-headline {
		margin-top: 25.37px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	.new-right li .new-in {
		padding: 20px 0px;
	}
	.max-more {
		width: 100%;
	}
	.system-new-list {
		padding-top: 29.56px;
		animation-delay: 0s!important;
	}
	.max-res-main {
		padding: 0px;
	}
	.duty-report {
		padding: 0px 3.1%;
		padding-top: 30.09px;
		padding-bottom: 16.76px;
		background-color: #f8f7f3;
		-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	}
	.duty-report .new-video-more {
		margin-top: 28.91px;
	}
	.identifi {
		padding-bottom: 0px;
	}
	.technology-about {
		padding-top: 0px;
	}
	.technology-about .research-title {
		padding-top: 0px;
	}
	.research {
		padding-bottom: 0px;
	}
	.technology-list {
		padding-top: 0px;
	}
	.technology-list .new-in .new-time {
		display: none;
	}
	.technology-list .new-video-more {
		margin-bottom: 21px;
	}
	.history-box {
		padding-top: 0px;
	}
	.history .timeline {
		min-height: auto;
	}
	.timeline .single-timeline,
	.timeline .single-timeline.active {
		background-position: center 31%;
		width: 100%;
		background-size: 88%;
	}
	.timeline .single-timeline {
		background-image: url(../img/red-line.png);
	}
	.his-title {
		position: static;
	}
	.history, .timeline .timeline-wrap {
		margin-top: 0px;
	}
	.timeline .timeline-wrap {
		height: 74px;
	}
	.history .timeline {
		margin: 0px 21%;
		position: relative;
		padding-bottom: 20px;
	}
	.timeline .timeline-left, .timeline .timeline-right,
	.wine .icon-left, .wine .icon-right {
		display: block;
	}
	.timeline .single-timeline h5 {
		padding-left: 4%;
		color: #414141;
	}
	.history-content {
		padding-top: 30px;
		display: block;
		width: 100%;
	}
	.history-content h1 {
		display: none;
	}
	.history-content .text {
		padding-left: 0px;
		width: 100%;
		padding-top: 20px;
		border-top: 1px solid #a1a1a1;
		line-height: 180%;
	}
	.history-content.swiper-slide {
	    float: left;
	    padding: 0% 3.1%;
	    -webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	}
	.history-content .swiper-container {
		width: 100%;
	}
	.history-content .history-slider {
		width: 100%;
		padding-right: 0px;
		border: none;
	}
	.history-content .pagination {
		width: 100%;
	}
	#history-content.swiper-container {
		height: 100%;
		overflow: hidden;
	}
	.history-box {
		margin-bottom: 20px;
	}
	.new-in .new-time {
		display: none;
	}
	.quality .honour-kind {
		display: block;
	}
	.wine .title {
		padding-top: 26px;
	}
	.wine .title span {
		font-size: 1.5em;
		padding-bottom: 3px;
	}
	.quality-icon {
		display: none;
		padding-top: 0px;
		padding-bottom: 29.5px;
		width: 100%;
	}
	.m-quality-icon {
		display: block;
	}
	.wine-content .img, .wine-content .text {
		width: 100%;
		background-color: transparent;
		height: auto;
	}
	.single-icon {
		width: 100%;
		text-align: center;
	}
	.wine .wine-content {
		padding-top: 21px;
		display: block;
	}
	.single-icon .red-icon, .single-icon.active .grey-icon {
		width: 36px;
		height: 36px;
	}
	.quality-icon .text {
		color: #d57e8c;
	}
	.quality-icon .text span{
		padding-bottom: 6px;
	}
	.wine .wine-content .detail {
		width: 100%;
		padding-top: 0px;
		background-color: #eeeeee;
		padding: 18px 13.7px;
		-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	}
	.wine-content .text .decorate {
		display: none;
	}
	.m-quality-icon {
		display: block;
	}
	.wine {
		padding: 0%;
		margin-bottom: 17px;
	}
	.wine-wrap {
		padding: 0% 3.1%;
	}
	.wine .swiper-slide {
	    float: left;
	}
	.product {
		background-attachment: scroll;
	}
	.product .product-wrap {
		padding-top: 35px;
	}
	.product .detail, .product .icon-list {
		width: 100%;
		float: none;
	}
	.product .text span {
		font-size: 1.5em;
		padding-bottom: 6px;
	}
	.product ul {
		padding-top: 17.83px;
		overflow: hidden;
	}
	.product .detail .text {
		padding-bottom: 15px;
	}
	.product ul li {
		padding-right: 0px;
    	width: 45%;
    	float: left;
    	margin-right: 2.5%;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	}
	.product .detail a {
		padding: 0px 18.5px;
	}
	.icon-row .icon img {
		max-width: 80%;
		margin: auto;
		display: block;
	}
	.product .icon-row {
		max-width: 75%;
		margin-left: -3%;
		overflow: hidden;
	}
	.icon-row a {
		width: 50%;
	}
	.product .product-wrap {
		padding-bottom: 18px;
	}
	.report {
		background-image: none;
	}
	.report .title {
		padding-top: 30px;
		letter-spacing: 2px;
		font-size: 1.5em;
		padding-bottom: 30px;
	}
	.report .title > span {
		font-size: 1.5em;
		letter-spacing: 0px;
	}
	.report .more {
		display: none;
	}
	.report .report-list {
		width: 100%;
		margin: 0%;
	}
	.report .report-list .single-report,
	.report .report-list .single-report:first-child {
		float: none;
		width: 100%;
	}
	.report .report-list .single-report,
	.report .report-row {
		margin-top: 11.21px;
		animation-delay: 0s!important;
	}
	.report .report-list .single-report:first-child,
	.report .report-row:first-child {
		margin-top: 0px;
	}
	.single-report .text > a {
		-webkit-line-clamp: 2;
		padding-bottom: 0px;
		margin-bottom: 14px;
	}
	.single-report .text span a {
		padding-bottom: 4px;
	}
	.report .report-list .single-report {
		padding: 13.7px 21px; 
	}
	.report .report-row {
		padding-top: 0px;
	}
	.report .report-list {
		background-image: url(../img/report-bg.jpg);
    	background-repeat: no-repeat;
    	background-position: center left;
    	padding: 27px 3.1% 30.68px;
	}
	.report .m-more {
		display: block;
		width: 38%;
		margin: auto;
		margin-top: 17.11px;
		margin-bottom: 23.6px;
	}
	.single-icon .text {
		max-height: 52px;
	}
	.history-content .swiper-container .swiper-slide {
		height: auto;
	}
	.new-video-list li .new-video-in:after {
		display: none;
	}
	.new-video-in .img {
		position: relative;
		overflow: hidden;
	}
	.new-video-in .img:after {
		content: '';
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	background-color: rgba(0, 0, 0, 0.5);
    	top: 0;
    	left: 0;
	}
	.reveal-modal, #myModal {
		width: 100%;
		-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	left: 0%;
    	margin-left: 0px;
    	top: 70%!important;
	}
	#a1{
        width: 100%!important;
        height:250px!important;
    }
    
    #ckplayer_a1{
        width: 100%;
        height:250px;
    }
	.media {
		width: 100%!important;
	}
	.media iframe {
		width: 100%;
		height: auto;
	}
	.ff-downLoad:before {
		content: "";
	}
	.m-trip {
		display: block;
	}
	#science-select ul {
		width: 100%;
		-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	}
	.m-true {
		height: 80%;
		background-image: url('../img/true.png');
		background-repeat: no-repeat;
		background-size: 60%;
		background-position: center;
	}
	.m-new-list {
		display: block;
	}
}

@media screen and (max-width: 480px) {
	body {
		font-size: 10px;
		padding-top: 72px;
	}
	.m-menu-wrap {
		height: 72px;
	}
	.m-menu li .m-menu-close {
		width: 38px;
	}
	.chnnel-culture-in >a {
		width: 60%;
		left: 20%;
	}
	.official .official-icon img {
		width: 48px;
		height: auto;
	}
	.chnnel-culture-in {
		height: 148px;
	}
	.zome-img {
		height: 148px;
	}

	.inside-title {
		font-size: 1.25em;
	}
	.about-hea-top {
		font-size: 1.5em;
	}
	.about-hea {
		font-size: 1em;
	}
	.about-hea-left,
	.about-hea-right {
		font-size: 1.5em;
	}
	.culture-hea {
		font-size: 1.5em;
	}
	.culture-bg .word .single-word {
    	height: 66px;
    	background-position: 2.5% center;
    	padding-top: 3px;
	}
	.new-box-left>h6 {
		font-size: 20px;
	}
	.video-btn {
		padding-bottom: 23px;
	}
	.new-video-p {
		line-height: 20.5px;
    	position: static;
    	padding: 4px 9.5px;
	}
	.new-video-list li .new-video-in:after {
		height: calc(100% - 48px);
	}
	.quality-banner .swiper-container {
		height: 22.1vh;
	}
	.about-banner {
		height: 22.1vh;
	}
	.research-title {
		padding-top: 32px;
		padding-bottom: 18.42px;
	}
	.new-in h6 a {
		white-space: normal;
		text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-line-clamp: 2;
    	-webkit-box-orient: vertical;
	}
}

@media screen and (max-width: 320px) {
	body {
		font-size: 8px;
	}

	.m-footer .official {
		width: 35%;
	}
	.culture-bg .single-word .text {
		font-size: 1em;
		padding: 0px 1%;
	}
	.culture-bg {
		height: 105%;
	}
	.new-box-left>h6 {
		font-size: 16px;
	}
}