﻿

@media only screen and (max-width: 1499px) {

	

}





@media only screen and (max-width: 1365px) {

	.wp{

		width: 98%;

	}

	.ul-time01_x li .line{

		width: 102px;

	}

}





@media only screen and (max-width: 1199px) {

	.wp{

		width: 96%;

	}

	

	.ban-index.swiper-container .swiper-slide .con{

		padding-top: 40%;

	}

	.ul-imgtxt02_x li .txt .tit{

		font-size: 20px;

	}

	.ul-imgtxt02_x li .txt .desc{

		font-size: 13px;

	}

	.g-tit01_x .tit{

		font-size: 27px;

	}

	.g-tit01_x p{

		font-size: 15px;

	}

	.m-imgtxt02_x .txt .more{

		margin-top: 40px;

	}

	.ul-time01_x{

		display: none;

	}

	

	.fd-nav li a{

		width: 170px;

	}

	

	.kf{

		display: none;

	}

	

	.m-news1 .box h1 {

	    font-size: 22px;

	}

	.m-pic1{

		width: 300px;

	}

	.view .swiper-slide .imgauto{

		height: 300px;

		line-height: 300px;

	}

	.m-txt1 .txt{

		margin-right: 0;

	}

	.preview .swiper-slide {

	    width: 120px;

	}

	.ul-imgtxt-01 li{

		width: 33.33%;

	}

}





@media only screen and (max-width: 959px) {

	body{

		padding-top: 50px;

	}

	

	.yunu-header{

		position: fixed;

	    top: 0;

	    left: 0;

	    right: 0;

	    width: 100%;

	    padding: 0 20px;

	    z-index: 9999;

		background-color: #333;

	}

	.hdt{

		display: none;

	}

	.hdc{

		float: left;

		padding-bottom: 0;

		background-color: transparent;

	}

	.hdc .logo{

		height: 50px;

		line-height: 50px;

	}

	.hdc .logo img{

		max-height: 35px;

	}

	.hdc .tel{

		display: none;

	}

	.hdc .txt{

		display: none;

	}

	.hdb{

		position: static;

		float: right;

		width: auto;

	}

	.menuBtn{

		display: block;

	}

	.yunu-nav{

		display: none;

		position: fixed;

		top: 50px;

		left: 0;

		right: 0;

		width: 100%;

		height: 100%;

		float: none;

		background-color: #f7c51e;

	}

	.yunu-nav li{

		float: none;

		width: auto;

	}

	.yunu-nav li > a{

		height: 44px;

		line-height: 44px;

		padding: 0 20px;

		border-bottom: 1px solid #fff;

		text-align: left;

		color: #000;

	}

	.yunu-nav li > .v1 span{

		display: block;
        
        padding-left: 0;

		background-image: url(../images/icon4_x.png);

		background-repeat: no-repeat;

		background-position: right center;

	}

	.yunu-nav li:hover .v1 span{

		display: block;

		background-image: url(../images/icon4_x.png);

	}

	.yunu-nav li > .v1.ok span{

		background-image: url(../images/icon6_x.png);

	}
	.yunu-nav li.on > a span:after, .yunu-nav li:hover > a span:after{
		display: none;
	}
	.yunu-nav li .v1{

		text-align: left;

	}

	.yunu-nav li:hover .nav-sub1{

		display: none;

	}

	.nav-sub1{

		position: static;

		padding: 0;

		background-color: #f7c51e;

		-webkit-transform: translateX(0%);

	    -ms-transform: translateX(0%);

	    -o-transform: translateX(0%);

	    transform: translateX(0%);

	}

	.nav-sub1 > dd > a{

		padding: 0 30px;

    	transition: .3s;

    	-ms-transition: .3s;

    	-moz-transition: .3s;

    	-webkit-transition: .3s;

    	-o-transition: .3s;

	}

	.nav-sub1 > dd .v2 span{

		background: url(../images/icon4_x.png) center right no-repeat;

	}

	.nav-sub1 > dd:hover > a{

		color: #333;

		background-color: transparent;

		text-indent: 1em;

	}

	.nav-sub1 > dd .v2.ok span{

		background-image: url(../images/icon6_x.png);

	}

	.nav-sub2{

		position: static;

		padding: 0;

		background-color: #f7c51e;

		border-top: 0;

		-webkit-transform: translateX(0%);

	    -ms-transform: translateX(0%);

	    -o-transform: translateX(0%);

	    transform: translateX(0%);

	}

	.yunu-nav li:hover .nav-sub2{

		display: none;

	}

	.nav-sub2 dd .v3{

		padding: 0 50px;

		text-align: left;

	}

	.nav-sub2 dd .v3:hover{

		color: #333;

		background-color: transparent;

		text-indent: 1em;

	}
	.yunu-nav li .v1 span i{
		display: none;
	}
	

	.ban-index.swiper-container .swiper-button-prev, .ban-index.swiper-container .swiper-button-next{

		display: none;

	}

	.ban-index.swiper-container .swiper-pagination{

		left: auto;

		right: 20px;

		width: auto;

	}

	.ban-index.swiper-container .swiper-pagination .swiper-pagination-bullet{

		width: 6px;

		height: 6px;

		background-color: #000;

		opacity: 1;

		-webkit-box-sizing: content-box;

		-moz-box-sizing: content-box;

		-o-box-sizing: content-box;

		box-sizing: content-box;

	}

	.ban-index.swiper-container .swiper-pagination .swiper-pagination-bullet-active{

		position: relative;

		top: 2px;

		border: 2px solid #000;

		background-color: #fff;

	}

	.ban-index.swiper-container .txt{

		left: 0;

	}

	.ban-index.swiper-container .txt .tit{

		font-size: 24px;

	}

	.ban-index.swiper-container .txt p{

		font-size: 14px;

	}

	.g-tit01_x .tit{

		font-size: 24px;

	}

	.g-tit01_x p{

		font-size: 14px;

	}

	.row-a1{

		padding: 0 0 30px;

	}

	.row-a1 .col-l{

		float: none;

		width: auto;

	}

	.row-a1 .col-r{

		width: auto;

		margin-left: 0;

	}

	.m-tit01_x{

		display: none;

	}

	.m-so01_x .inp{

		width: 80%;

	}

	.m-so01_x .btn{

		width: 20%;

	}

	.snv-index{

		display: none;

	}

	.snv-inner{

		display: block;

	}

	.ul-link01_x{

		display: block;

	}

	.m-tel01_x{

		display: none;

	}

	.row-a2{

		margin: 30px 0;

	}

	.ul-imgtxt02_x{

		margin-top: 30px;

	}

	.ul-imgtxt02_x li .pic{

		height: 190px;

	}

	.ul-imgtxt02_x li .txt .tit{

		font-size: 16px;

	}

	.ul-imgtxt02_x li .txt .desc{

		font-size: 12px;

	}

	.ul-imgtxt02_x li .txt .word{

		height: 190px;

	}

	.ul-imgtxt02_x li .txt .word span{

		width: 50px;

		height: 50px;

		line-height: 50px;

		font-size: 16px;

	}

	.row-a3{

		padding: 30px 0;

	}

	.m-imgtxt02_x .pic{

		float: none;

		margin: 0 auto;

	}

	.m-imgtxt02_x .txt{

		padding-left: 0;

	}

	.m-imgtxt02_x .txt .tit{

		font-size: 14px;

		margin-bottom: 11px;

	}

	.m-imgtxt02_x .txt .tit strong{

		font-size: 22px;

		font-weight: 400;

		color: #5a5a5a;

	}

	.m-imgtxt02_x .txt p{

		font-size: 14px;

		line-height: normal;

	}

	.m-imgtxt02_x .txt p span{

		display: inline-block;

	}

	.m-imgtxt02_x .txt .more{

		margin: 20px auto 0;

	}

	.row-a4{

		padding: 45px 0;

	}

	.ul-imgtxt03_x li{

		width: 33.33%;

	}

	.row-a5{

		padding: 0 0 25px;

	}

	.row-a5 .g-tit01_x{

		margin-bottom: 0;

		padding: 25px 0;

	}

	.g-tit01_x.dn{

		display: block;

	}

	.row-a5 .col-l,

	.row-a5 .col-r{

		float: none;

		width: auto;

	}

	.ul-news02_x li{

		padding-left: 0;

		margin-bottom: 0;

	}

	.ul-news02_x li .time{

		display: none;

	}

	.ul-news02_x li .pic{

		display: block;

	}

	.ul-news02_x li .txt .tit a{

		font-size: 14px;

	}

	

	.yunu-footer{

		background-color: #ccc;

	}

	.fd-nav{

		display: none;

	}

	.fd-logo{

		display: none;

	}

	.fd-qr{

		display: none;

	}

	.fd-txt{

		float: none;

		padding-left: 0;

		max-width: 420px;

		margin: 0 auto;

		line-height: 1.8;

	}

	

	.h50{

		display: block;

	}

	.yunu-link{

		display: block;

	}

	

	.ban{

	    height: 300px;

	}

	.row-b1 .col-l {

	    float: none;

	    width: auto;

	}



	.row-b1 .col-r {

		margin-left: 0;

	}

	.g-titIns1 {

	    font-size: 18px;

	}

	.snv{

		margin-bottom:15px;

	}

	.ul-news1{

		margin-bottom: 15px;

	}

	.ul-newslist {

	    display: none;

	}

	.m-info {

	    display: none;

	}

	.dbn {

	    display: none;

	}

   .m-news1 .box h1 {

       font-size: 18px;

   }

   .m-txt3{

       display: none;

   }

   .m-message{

   		margin: 20px auto 0;

   }

   .g-tit02_x{

   		display: none;

   }

   .g-tit02_x.db{

   		display: block;

   }

   .g-tit02_x .s1{

   		top: 0;

   		font-size: 40px;

   }

   .g-tit02_x .s2{

   	height: 70px;

   	line-height: 70px;

   		font-size: 28px;

   }

}





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

	

	.ban-index.swiper-container .txt{

		width: 60%;

		padding: 20px;

	}

	.ban-index.swiper-container .txt .tit{

		margin-bottom: 10px;

		font-size: 20px;

	}

	.g-tit01_x .tit{

		font-size: 21px;

	}

	.g-tit01_x p{

		font-size: 13px;

	}

	.ul-imgtxt01_x{

		margin: 0 -5px;

	}

	.ul-imgtxt01_x li{

		width: 50%;

		margin-bottom: 10px;

	}

	.ul-imgtxt02_x li:after{

		display: none;

	}

	.ul-imgtxt01_x li .con{

		margin: 0 5px;

	}

	.ul-imgtxt01_x li .tit a{

		font-size: 14px;

	}

	.ul-imgtxt02_x li{

		margin-bottom: 10px;

	}

	.ul-imgtxt02_x li .pic{

		float: none !important;

		width: auto !important;

		text-align: center !important;

		height: auto;

	}

	.ul-imgtxt02_x li .pic img{

		width: 100%;

		height: 100%;

		display: block;

	}

	.ul-imgtxt02_x li .txt{

		float: none;

		width: auto;

		margin: 10px 0;

	}

	.ul-imgtxt02_x li:nth-child(2n) .txt{

		text-align: left;

	}

	.ul-imgtxt02_x li .txt .word{

		height: auto;

		width: auto;

		margin-right: 10px;

	}

	.ul-imgtxt02_x li:nth-child(2n) .word{

		margin-right: 0;

		margin-left: 10px;

	}

	.ul-imgtxt02_x li .txt .tit{

		padding-top: 0;

		height: 50px;

		line-height: normal;

		font-size: 0;

	}

	.ul-imgtxt02_x li .txt .tit:after{

		content: '';

		display: inline-block;

		vertical-align: middle;

		width: 0;

		height: 100%;

	}



	.ul-imgtxt02_x li .txt .tit span{

		display: inline-block;

		vertical-align: middle;

		width: 100%;

		font-size:16px;

		color:#333

	}

	.ul-imgtxt02_x li .txt .desc{

		padding-top: 10px;

		line-height: normal;

	}

	.m-imgtxt02_x .pic{

		width: auto;

		height: auto;

	}

	.m-imgtxt02_x .txt .tit strong{

		font-size: 18px;

	}

	.row-a4{

		padding: 25px 0;

	}

	.ul-imgtxt03_x{

		margin: 20px -5px 0;

	}

	.ul-imgtxt03_x li{

		width: 50%;

		margin-bottom: 10px;

	}

	.ul-imgtxt03_x li .con{

		margin: 0 5px;

		padding: 0;

		border: 0;

	}

	.m-imgtxt03_x{

		padding: 10px 0;

	}

	.m-imgtxt03_x .txt .tit a{

		font-size: 14px;

	}

	.m-imgtxt03_x .txt p{

		font-size: 12px;

	}

	.ul-news01_x{

		padding: 0;

	}

	.ul-news01_x li{

		margin-bottom: 8px;

	}

	.ul-news01_x li .time{

		font-size: 12px;

	}

	.ul-news01_x li .tit a{

		font-size: 14px;

	}

	.ul-news02_x li .txt{

		padding-left: 10px;

	}

	.ul-imgtxt03_x li .tit a{

		font-size: 14px;

	}

	

	.ban{

	    display: none;

	}

	.g-cur{

		height: 30px;

		line-height: 30px;

	}

	.row-b1 {

	    padding: 20px 0 36px

	}

	.row-b1 .col-l {

	    display: none;

	}

	.ul-imgtxt-01 li{

	    width: 50%;

	}

	.ul-imgtxt-01 li:last-child{

		

	}

	.ul-imgtxt2 li:last-child{

		display: block;

	}

	.ul-imgtxt-01 li a p{

		height: 30px;

		line-height: 30px;

		font-size: 14px;

	}

	.m-news1 .box h1 {

	    font-size: 16px;

	}

	.ul-news1 li{

	    float: none;

	    width: auto;

	}

	.ul-news1 li .tit{

	    margin: 0 !important;

	}

	.ul-newslist li .txt p{

	    font-size: 12px;

	    line-height: normal;

	}
	.m-message {width: 100%;}

	.m-message label span {

	    float: none;

	    margin-right: 15px;

	}



	.m-message label.code input {

	    float: none;

	}

	.m-message label.mes span{

		position: relative;

		top: -55px;

		z-index: 3;

	}

	.m-message label.code input{

		width: 30%!important;

		margin-right: 10px;

	}
	.m-message label em {display: inline-block;float: none;}

	.m-pic1{

	    float: none;

	    width: auto;

	    margin: 10px 0;

	    overflow: hidden;

	}

	.m-pic1-for .item{

	    height: auto;

	}

	.m-txt1 {

	    padding-left: 0;

	    margin-top: 20px;

	}

	.ul-pages1{

		margin: 20px 0;

	}

	.btn-1{

		padding-left: 90px;

	}

	.preview .swiper-slide {

	    width: 25%;

	}

	.ul-pages1 {

	    margin-bottom: 10px;

	}

	.ul-pages1 li {

	    float: none !important;

	    margin-bottom: 10px;

	}

	.m-news1 .desc .last{

		display: block;

		margin-top: 5px;

	}

	.m-list2 .box .txt .tit {

	    margin-bottom: 15px;

	    font-size: 18px;

	}
	#message .m-content .m-message{
		padding: 50px 20px;
		width: 100%;
	}

}



@media only screen and (max-width: 600px) {

	

}



@media only screen and (max-width: 479px) {

	

	.yunu-header{

		padding: 0 10px;

	}

	

	.ban-index.swiper-container .txt{

		padding: 10px;

	}

	.ban-index.swiper-container .txt .tit{

		font-size: 16px;

	}

	.ban-index.swiper-container .txt p{

		font-size: 12px;

	}

	

	.g-tit01_x .tit{

		font-size: 18px;

	}

	.g-tit01_x p{

		font-size: 12px;

	}

	.row-b1 {

	    padding: 10px 0 16px

	}

	.ul-imgtxt-01{

	    margin: 0 -5px;

	}

	.ul-imgtxt2{

		margin-bottom: 20px;

	}

	.ul-imgtxt-01 li {

	    margin-top: 10px;

	}

	.ul-imgtxt-01 li a{

	    margin: 0 5px;

	}

	.m-list3{

	    padding: 10px 0;

	}

	.m-content .txt{

	    line-height: 24px;

	}

	.m-news1 .txt{

		line-height: 24px;

	}

	.ul-newslist li{

	    padding: 15px 0;

	}

	.ul-newslist li .tit{

		margin-bottom: 15px;

	}

	.ul-newslist li .tit .time{

	    font-size: 12px;

	}

	.ul-newslist li .tit a{

	    font-size: 14px;

	}

	.m-message{
        width: 100%;
		margin: 10px auto 0;

	}

	.m-message label input.inp,

	.m-message label textarea,

	.m-message label.code input {

	    width: 64%;



	}
	.m-message label.code input{
		width: 27% !important;
	}
	.m-message label{

		margin-bottom: 10px;

	}

	.m-txt1 .txt {

	    padding-bottom: 10px;

	}

	.m-txt1 .txt p {

	    margin-bottom: 0;

	}

	.ul-txt3 li {

	    margin: 0;

	}

	.m-list2 {

	    margin-top: 15px;

	    padding-top: 13px;

	}

	.m-list2 .con .pic {

	    height: auto;

	    line-height: normal;

	}

	.m-news1 .box .desc span{

		margin: 0;

	}

	.preview .swiper-slide {

	    width: 33.33%;

	}

	

}