@charset "utf-8";

/* CSS Document */

.nav-content-li>li>a{

		white-space: nowrap;

	}

.index-about-left img {

    width: auto;

    height: 100                        

}

.fusion-custom-menu-item-contents{

    z-index: 999;

    top: 78px;
 
}

.index-about-right, .index-about-all-ts .index-about-right{

	padding-bottom: 40px

}

.image img{

	width: 100%

}

.product-detail-right{

	margin-left: 55px;

}

ul.product-al-ul {

    display: flex;

    flex-flow: wrap;

}

.foot-content ul li{

	margin-bottom: 0px;

}

.left-media{

	display: none

}

ul.index-new-ul {

    display: flex;

    flex-flow: wrap;

}


.nav-bottom-ph, .index-nav-email-ph {

	display: none

}


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

	

	.nav-logo {

		width: 18%;}

	.nav-content{

		    width: 82%;

	}

	.image, .image-zz{

		width: 100%

	}

	.image-zz img, .image img{

		width: 100%

	}

	

	.nav-content-li {

    padding: 0 2%;

}

	.index-message-all.swiper-container-initialized.swiper-container-horizontal, .index-poro-index.swiper-container-initialized.swiper-container-horizontal{

		position: relative

	}

	.text{

		top: 4%

	}

	.index-xun>img {

    width: auto;

    height: 100%;

    margin: auto;

    text-align: center;

    margin-left: 50%;

    transform: translate(-50%);

}

}

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

	.nav-search{

		line-height: 1.5

	}

	.nav-content-all {

    width: 80%;

    float: left;

}

	.nav-right {

    width: 18%;

    padding-left: 1%;

}

	.nav-content-li {

    padding: 0 1%;

}

	

}

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

	.nav-content-li>li>a, .nav-search{

		font-size: 12px;

	}

	.text h1{

		    font-size: 28px;

    line-height: 1.2;

    margin-bottom: 2%;

	}

	.text p{

		font-size: 14px;

		line-height: 1.2;

		margin-bottom: 2%;

	}

	.text{

		top: 10%

	}

	.text a{

		margin-top: 5%;

	}

	.text-img-i {

    height: 10vw;

}

	.text-img-i img{

    width: auto;

		height: 100%;

}
.index-banner-five h2 {
	font-size: 48px;}

.index-banner-five p{font-size: 42px}
}
@media screen and (max-width:1440px){

	.index-poro, .index-message, .bread, .page, .foot-all, .index-nav-all, .index-nav-bottom-all, .inquiry_now_box.wid.flex, .inquiry_now_box .inner_inquiry_box{

		width: 94%;

	}

	.product-detail-left{width: 39.25%;}

	.product-detail-right{width: 56.64%;}

	.product-detail-right{margin-left: 4.11%}

	.nav-logo a{

		width: 80%;

	}

	.nav-logo a img{

		width: 100%

	}

	.nav-logo {

    width: 14%;

}

	.nav-content {

    width: 86%;

}

	.nav-right{

		    flex-flow: wrap;

    justify-content: center;

    align-items: center;

	}

	.nav-right-all{

		    width: 100%;

    justify-content: space-around;

    align-self: baseline;

	}

	.nav-right {

		width: 10%;}

.nav-content-all {

	width: 88%;}

	.text.ban_txt1 {

   width: 94%;

    left: 50%;

    transform: translate(-50%);

}

	.text a {

    margin-top: 1%;

    line-height: 60px;

    padding-bottom: 0;

    padding-top: 0;

}

	.image-zz{

		

    bottom: -20px

	}

	.index-gd{

		    margin-top: -80px;
		z-index: 9

	}

	.index-gd, .index-new, .index-cooperate{

		width: 94%;

	}

	.index-poroduct-img{

		width: calc((100% - 84px) / 3);

	}

	.index-about-right{

		    padding: 4%;

	}

	.index-about-right, .index-about-all-ts .index-about-right{

		padding: 4%

	}

	.left{

		width: 19.4%;

	}

	.product, .supprot{

		width: 80.6%

	}

	.page.news_detail_box>.move-ul {

		width: 70.6%

	}

	

	.index-banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {

    bottom: 110px;

}

	.advatage-top-all-img{

		background: #fff

	}

	.about-t-l{

		width: 58%;

	}

	.about-t-r{

		width: 40%

	}

	.about-cer-img img{

		width: 100%

	}

	.right {

		width: 26%;}

	.order {

		width: 73%;}

	.page.sup_box>.move-ul>li>.imageContainer.ne>.supprot{

		width: 100%

	}

	.index-poroduct-all, .index-why, .index-about-nr-top, .index-video{
		width: 94%;
		overflow: hidden
	}

}

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

	.index-nav-bottom-all li a{

		    font-size: 12px;

	}
	.index-video-right {
    width: 41%;
		margin-left: 3%;}
	.index-more-all-div-video{
		width: 56%;
	}

}

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

	

	.nav-content-li>li>a{

		    padding: 20px 5px

	}

	.product-al-ul li {

    width: calc((100% - 4%) / 3);

    float: left;

    margin-right: 2%;

    margin-bottom: 44px;

}

	.product-al-ul li:nth-child(3n){

		margin-right: 0

	}

	.index-poroduct-img {

    width: calc((100% - 4%) / 2);

	margin-right: 4%;

		float: left;

}

	.index-poroduct-all::after{

		content: "";

		display: block;

		clear: both

	}

	.index-poroduct-img:nth-child(3n){

		margin-right: 4%

	}

	.index-poroduct-img:nth-child(2n){

		margin-right: 0

	}

	.index-cooperate-all{

		flex-flow: wrap;

	}

	.index-cooperate-all li{

		margin-bottom: 20px;

		width: 30%

	}

	.demo-text h1, .demo-text span, .index-poro-tittle h2, .index-poroduct-text h2, .index-about-right h2, .index-about-all-ts .index-about-right h2, .index-about-all-ts .index-about-right h2, .index-message-tittle h2, .index-xun-all h2, .advantage>h2, .advantage-bottom h2, .new>h2, .about h2, .about-top h2 span{

		font-size: 24px;

	}

	.index-about-right a, .index-new-tittle h3, .index-message-tittle h3, .index-cooperate h2, .advantage>h2 p, .advantage>h2 span, .advantage-bottom span{

		font-size: 16px;

	}

	.index-poro-tittle p, .index-poro-index p, .index-about-right h3, .index-about-right p, .index-about-all-ts .index-about-right p, .index-new-text h2, .index-new-text p, .index-new-text a, .index-message-text p, .index-xun-all p, .index-xun-bottom>a, .about-top p, .about-t-b p, .about p{

		font-size: 14px;

	}

	.index-gd p, .index-poroduct-text a{

		font-size: 12px;

	}

	.advantage-bottom h2{

		width: 100%

	}

	.davantage-bottom-img img{

		width: 100%

	}

	.new, .sup_box .move-ul{

		width: 80.6%;

		    padding-left: 21px;

	}

	.supprot{

		width: 100%

	}

	.page.Resource.id.\#41>.supprot{

		width: 80.6%

	}

	.new-all-img{

		width: 30%;

	}

	.new-all-text{

		width: 68%;

		margin-left: 2%

	}

	.new-all-img img{

		width: 100%

	}

	.new>H2{

		margin-bottom: 4%

	}

	.foot-bottom p{

		width: 94%;

		line-height: 2.5;

	}

		

	.left-form-em>p{

		font-size: 12px

	}

	.left-form {

		padding: 44px 14px 107px 14px;}

	.page.Resource.id.\#20 .supprot {

	width: 80.6%;

		padding-left: 21px;

	}

	.page.Resource.id.\#42>.supprot{

		width: 80.6%;

	}
	
	.page.Resource.id.\#46 .supprot{
		    width: 80.6%;
	}

	.partner {
		width: 90%;}
}

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

	.index-nav-bottom-all li a{

		font-size: 12px;

	}



	.index-nav-all-right {
    position: relative;
    width: calc(100% - 400px);
}
	.foot-content.foot-content-contact ul.foot-follow li {
    margin-bottom: 0;
}
.index-nav-bottom-all li {
    width: auto;
}
}

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

	.index-nav-bottom-all li a, .index-nav-all-right-bottom li a{

		font-size: 12px;

		font-family: "r";

		font-weight: bold

	}

}

@media screen and (max-width:1200px){
	.index-banner-text {
    width: 100%;
    left: 0;
    right: auto;
    top: 20%;
    text-align: center;
}
	.index-banner-text h2, .index-banner-text-two h2, .index-banner-text-three h2, .index-banner-text-four h2{
		font-size: 48px;}
	.index-banner-text-four h2{
		width: 100%
	}
	.index-banner-five p{
		text-align: left;
		    font-size: 42px;
	}
	.index-banner-five {
    left: auto;
    right: 0;
    width: 50%;
}
	.index-banner-text-four {
    width: 80%;
    margin: 0 10%;
    left: 0;
    right: 0;
    text-align: center;
}
	.index-banner-text-two {
    left: auto;
    right: 0;
    bottom: 0;
}
	.index-banner-text-three {
    left: 5%;
    bottom: 40px;
    top: auto;
}

	.contact-top>div{

		width: 100%;

		padding-left: 0

	}

	.col-button {

    text-align: center;

    display: flex;

    justify-content: left;

    margin-bottom: 30px;

}

}

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

	.index-nav-all-quali-all{

		display: none

	}



	.index-more-top{

		    flex-flow: wrap;

	}

}

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

	.index-banner .bx-wrapper .bx-pager, 	.index-banner .bx-wrapper .bx-controls-auto{

		bottom: 20px

	}

	.foot-content{

		width: 100%

	}

	.new{

		width: 100%;

		padding: 0

	}

	.index-about-left{

		width: 100%;

	}

	.index-about-right{

		width: 100%;

	}

	.index-about-all{

		flex-flow: wrap

	}

	.index-about-all.index-about-all-ts {

    flex-flow: column-reverse;

}

	.index-about-left img{

		width: 100%;

		height: auto

	}

	.foot-content.foot-content-contact{

		width: 100%

	}

	.foot-content.foot-content-contact ul {

    width: 100%;

}

	.foot-content h2{

		margin-bottom: 15px;

	}

	.foot-content.foot-content-contact ul li{

		align-items: center

	}

	.foot-content ul li{

		line-height: 1.5

	}

	.foot-content{

		margin-bottom: 20px

	}

	.foot-follow {

    margin-top: 20px;

}

	.foot-all{

		padding: 20px 0

	}

	.product-detail-left{

		width: 100%;

	}

	.product-detail-right {

    width: 100%;

		margin-left: 0;

		margin-top: 20px;

}

	.product-detail-botton{

		margin-top: 20px;

	}

	.product-detail-botton-an {

		padding: 32px 0px;

	}

	.customer-comment form>input:nth-child(3){

		width: 100%;

	}

	.customer-select{

		width: 100%;

		margin-bottom: 13px;

	}

	.customer-comment-button a{

		    width: 49%;

		    margin-right: 2%;

	}

	.customer-comment-button a:nth-child(2){

		margin-right: 0

	}

	.left {

    position: fixed;

    width: 100%;

    left: -100%;

    background: #fff;

    z-index: 999;

    top: 169px;

    padding: 0 3%;

    transition: 0.5s;

    max-height: 400px;

    overflow: auto;

    border: 1px solid #eeeeee;

    padding-bottom: 20px;

}

	.left-media {

    width: 40px;

    height: 40px;

    position: fixed;

    background: #7db73e;

    text-align: center;

    line-height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    left: 0;

    z-index: 9999;

		top: 129px;

		transition: 0.5s

}

	.left_parent .left-media{

		width: 100%;

		justify-content: flex-end;

		padding-right: 20px;

		transition: 0.5s

	}

	.left_parent .left-media svg{

		transform: rotate(180deg);

		transition: 0.5s

	}

	.left_parent .left{

		left: 0%;

		transition: 0.5s

	}

	.product{

		width: 96%;

		padding: 0

	}

	.index-new-ul li{

		width: calc((100% - 4%) / 2);

		margin-right: 4%;

		margin-bottom: 2%

	}

	.index-new-ul li:nth-child(2n){

		margin-right: 0

	}



	.index-poro .swiper-slide.swiper-slide-active, .index-message .swiper-slide.swiper-slide-active, .index-message .swiper-slide{

    width: 100%!important;

}

	.index-poro-index img, .index-message img{

		width:60%;

		margin: 0 20%

	}

	.index-xun-all{

		width: 100%

	}

	.index-gd {

    margin-top: 0;

}

	.image-zz{

		display: none

	}

	.index-banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{

		bottom: 4%

	}

	.nav-content-all {

		display: none;

    width: 100%;

    position: absolute;

    top: 78px;

    z-index: 999999999;

    background: #7db73e;

    left: 0;

}

	.nav-content-li{

		    flex-flow: wrap;

		height: auto;

		    max-height: 300px;

    overflow: auto;

	}

	.nav-content-li::after{

		content: "";

		display: block;

		clear: both

	}

	.nav-content-li li{

		width: 100%

	}

	.nav-right {

    width: 100%;

    z-index: 999;

    background: #7db73e;

    left: 0;

        justify-content: flex-end;

    align-items: center;

    padding-right: 80px;

}

	.nav-right-all{

		width: auto;

		height: 78px;

	}

	.nav-lag{

		    margin-left: -12px;

		    top: 78px;

	}

	.nav-bottom-ph {

		display: block;

    position: absolute;

    right: 0;

    height: 86px;

    line-height: 86px;

    text-align: center;

    background: #7db73e;

    width: 50px;

}

	.nav-bottom-ph svg.icon {

    height: 86px!important;

    line-height: 86px;

    color: #fff;

    width: 20px!important;

}

	.nav-logo {

    width: 20%;

}

	.nav-content {

    width: 80%;

}

	.index-banner{

		min-height:200px;

	}

	.advantage-top-all {

		width: calc(100% / 3);}

	.advantage-top-all:nth-child(odd) {

    margin-top: 0;

}

	.advatage-top-all-img::after{

		display: none

	}

	.advantage-top {

    display: flex;

    flex-flow: wrap;

	display: none

}

	.advantage-top-all{

		margin-bottom: 20px;

	}

	.index-nav-bottom{

		display: none

	}

	.index-nav-all-right-bottom {

    width: 100%;

    position: absolute;

    left: 0;

    top: 86px;

    z-index: 99999;

    background: #7db73e;

}

	.index-nav-all-right-top {

    float: left;

    width:calc(100% - 50px);

		margin-top:24px;

		    padding-right: 10px;

}

	.index-nav-all-right-bottom {

    float: left;

    margin-left: 0;

    width: 100%;

		padding-left: 2%;

		position: fixed;

		display: none;

}

	.index-nav-all-right-bottom>li:nth-child(7){

		width: 98%;

	}

	.index-nav-all-right-bottom li{

		width: 100%

	}

	.index-nav-bottom-all li a, .index-nav-all-right-bottom li a{

		color:#fff;

		line-height: 4;

	}

	.index-nav-all-right-bottom>li:nth-child(7){

		background: #ffffff00

	}

	.index-nav-email, ul.index-nation{

		display: none

	}

	.index-nav-email-ph, .index-nav-email-ph ul.index-nation, .index-nav-email-ph .index-nav-email{

		display: block

	}

	.index-nav-all-logo img {

    height: 50px;

    margin: 18px 0;

}

	.index-nav-all{

		height: 86px;

	}

	.index-nav-all-right-top form{

		width: 100%;

		margin-right: 0;

		

	}

	.index-nav-all-right-top form input{

		width: calc(100% - 49px)

	}



	.index-nav {

    top: 0!important;

}

	.index-nav-all{

		    width: 100%;

    padding-left: 2%;

	}

	.index-nav-email a{

		color:#fff

	}.index-nav-email>span>img{

		filter: grayscale(100%) brightness(200%);

	}

	.index-nav-email-ph::after{

		content: "";

		display: block;

		clear: both

	}

	.index-nav-email {

    padding-top: 20px;

    padding-bottom: 20px;

}

	ul.index-nation {

    margin-top: 20px;

    margin-bottom: 20px;

}

	.index-nation li{

		position: relative;

		margin-top: 0

	}

	.index-nation li a{

		    line-height: 30px;

    width: 100%;

    display: block;

	}

.index-nation i.fa.fa-angle-down {

    position: absolute;

    right: 0;

    top: 6px;

	color:#fff

}.index-nav-email {

    width: 48%;

}

	ul.index-nation {

    width: 48%;

    margin-left: 0;

}

	.sup_box .move-ul{

		width: 100%;

		padding-left: 0

	}

	.support-after{

		padding: 0

	}

	.contact-t-l {

    padding-right: 20px;

}

	.order {

		width: 100%;}

	.right{

		width: 100%

	}

	.customer-comment-button a {

    width: 48%;

    margin-right: 2%;

    margin-bottom: 2%;

}

	.page.Resource.id.\#20 .supprot {

    width: 100%;

    padding-left: 0px;

}
	.index-video-left.index-more-all-div-video {
    width: 100%;
}
	.index-video-right{
		width: 100%;
		margin: 0;
		margin-top: 3%
	}
	.index-video-text h2 br{
		display: none
	}
	
	.page.Resource.id.\#46 .supprot{
		width: 100%
	}
	
	.new_contact-all-left, .new_contact-all-right {
		width: 100%;}
	.new_contact-all-right{
		padding-left: 0
	}
	
	.partner{
		flex-flow: wrap
	}
	.partner-left, .partner-right{
		width: 100%
	}
	.partner-left{
		margin-bottom: 4%
	}
	.product-detailaby img{
		width: 100%
	}
}

@media screen and (max-width:850px){
	.index-nav-all-right {
    position: relative;
    width: calc(100% - 300px);
}

	.guied-left{

		width: 100%;

    padding: 0 4%;

	}

	.about-t-l{

		width: 100%;

	}

	.about-t-r{

		width: 100%

	}

	.about-t-r img{

		width: 100%

	}

	.about-bottom-nr{

		width: 100%;

		margin: 0;

		margin-bottom: 40px;

	}

	.contact-top>div{

		width: 100%;

		padding: 0

	}

	.contact-top>div{

		width: 100%;

		padding: 0

	}

	.contact-bottom-left{

		width: 100%;

		margin-bottom: 20px;

		margin-right: 0

	}

}

@media screen and (max-width:768px){	
	.index-banner-five {
    left: auto;
    right: 10%;
    width: 80%;
}
	.index-banner-five h2 {
    font-size: 40px;
		text-align: center 
}
	.index-banner-text h2, .index-banner-text-two h2, .index-banner-text-three h2, .index-banner-text-four h2{
		font-size: 40px 
	}
.index-banner-five p {
    text-align: center;
    font-size: 30px;
}
	.current_btn a.new-all-a-text{

		font-size: 14px;

	}

	.index-nation>li{

		margin-top: 0

	}

	.index-xun{

		padding-top: 0

	}

	.more-text{

		flex-flow: wrap;

	}

	.about-date-top h2{

		width: 100%;

		border-right: 0px

	}

	.support-guied-all{

		flex-flow: wrap;

		

	}

	.guied-left{

		padding: 2% 4%;

	}

	.guied-right img{

		width: 100%

	}

	.support-guied-all.support-guied-all-two {

    flex-wrap: wrap;

}

	.guied-right {

    width: 100%;

}

	.n-banner-tiitle{

		width: 98%;

    text-align: center;

	}

	.new-all-img {

    width: 100%;

    margin-bottom: 20px;

}

	.new-all-text {

    width: 100%;

    margin-left: 0;

}

	.index-poroduct-img{

		width: 100%;

		margin-right: 0

	}

	.advantage-top-all {

    width: calc(100% / 2);

}

	.index-cooperate-all li{

		width: 50%;

		text-align: center

	}

	.index-xun-all{

		width: 92%;

	}

	.index-xun-all>p{

		line-height: 1.5

	}

	.index-xun-all >input{

		width: 100%;

		margin: 0

	}

	.index-xun-bottom{

		

		width: 100%;

	}

	.index-xun-bottom{

		flex-flow: wrap;

		margin: 0;

		margin-top: 20px;

	}

	.index-xun-bottom p{width: 100%;}

	.newsletter_btn{

		width: 100%;

		text-align: center;

	}

	.demo{

		width: 50%;    margin-bottom: 30px;

	}

	.product-al-ul li {

		width: calc((100% - 2%) / 2);}

	.product-al-ul li:nth-child(3n){

		margin-right: 2%

	}

	.product-al-ul li:nth-child(2n){

		margin-right: 0

	}

	.n-banner-button{

		width: 94%;

    margin-top: 10px;

    justify-content: end;

		flex-flow: wrap

	}

	.n-banner-button a{

		width: 100%

	}

	.n-banner-tiitle{

		    top: 20%;

	}

	.page.sup_box{

		margin-top: 10px;

	}

	.sipport-video-all li{

		width: 100%;

		margin: 0;

		margin-bottom: 20px;

	}

	.about-cer-img li:nth-child(5n){

		margin-right: 20px

	}

	.about-cer-img li{

		width: calc((100% - 20px) / 2);

		margin-right: 20px

	}

	.about-cer-img li:nth-child(2n){

		margin-right: 0

	}

	.page.inner_page_box {

    margin-top: 0;

}

	.index-gd .container{

		    display: flex;

    flex-flow: wrap;

	}

	 .index-poro-index .swiper-wrapper-br{

		width: 100%!important;

		height: auto!important

	}
	.index-poro-index .swiper-slide-d {
    width: 48%!important;
    float: left;
    margin-bottom: 5%;
	margin-right: 2%!important
}
	.index-poro-index .swiper-wrapper-br{
		
    transform: translate3d(0px, 0px, 0px)!important;
		    display: flex;
    flex-flow: wrap;
	}
	a.index-poro-text {
    font-size: 14px;
}
	.index-poro-index .swiper-slide-d:nth-child(odd){
		margin-right: 0!important
	}
	.index-poro-img{
		display: block
	}

	.index-poro-index .bx-wrapper .bx-viewport{

		height: auto!important

	}

	.index-poro-index .swiper-slide-d.bx-clone{

		display: none!important

	}

	.index-poro-index .bx-controls.bx-has-pager.bx-has-controls-direction.bx-has-controls-auto {

    display: none;

}

	.swiper-wrapper-cy {

    width: 100%!important;

}

	.index-message .bx-viewport{

		height: auto!important

	}

	.index-quial {

    width: 100%;

    margin: 0;

}

	.index-message-all .swiper-slide.bx-clone {

    display: none;

}

	.index-message-all .swiper-slide {

		margin-bottom: 20px;

	}

	.index-message-all .bx-controls.bx-has-pager.bx-has-controls-direction.bx-has-controls-auto {

    display: none;

}

	.current_btn .new-all-text>span{

		width: 100%

	}

	.current_btn .new-all-text{

		flex-flow: wrap;

	}

	.index-why-ul li{
		width: 100%
	}
	.index-message-all-ul li{
		width: 48%;
    margin-right: 2%;
    margin-bottom: 2%;
	}
}

@media screen and (max-width:600px){
	.index-banner-text h2, .index-banner-text-two h2, .index-banner-text-three h2, .index-banner-text-four h2, .index-banner-text-three p, , .index-banner-five h2 {
    font-size: 24px;
}
	.index-banner-text p, .index-banner-text span, .index-banner-text-two p, .index-banner-text-four p{font-size: 18px;}

	.more-text{

		    flex-flow: wrap;

    text-align: center;

    justify-content: center;

	}

	.contact-t-r-text{

		flex-flow: wrap;

		

	}

	.contact-t-t-r-text_img{

		width: 100%

	}

	.contact-t-t-r-text_img-all{

		width: 100%

	}
	
	.index-poro-index .swiper-slide-d{
		width: 100%!important;
		margin-right: 0!important
	}
	.index-new-ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4%;
}
	.index-message-all-ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4%;
}
	.index-mewssage-video {
    height: auto;
}
	.index-quial input{
		    width: 100%;
    margin-right: 0;
	}
	.index-xun-bottom>a{
		width: 100%
	}
	.index-message-all>a{
		    margin-left: 0;
    transform: translate(0);
    width: 100%;
    margin-top: 0;
	}
	.index-nav{
		    z-index: 99999999999;
	}
}

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

	.index-nav-email {

    width: 100%;

}

	ul.index-nation{

		width: 96%	

	}

	.inquiry_now_box .inner_inquiry_box form .medium, .inquiry_now_box .inner_inquiry_box form select{

		width: 100%

	}

	

}

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

	.index-nav-all {

    width: 100%;

    height: 86px;

    padding-left: 2%;

}

	.index-nav-all-right{

		    width: calc(100% - 150px);

	}

}



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

	.index-more-top, .more-text, .more-center-all{

		width: 94%

	}

	.more-text-left {

		width: 30%;}

	.more-text-right{

		width: 70%;

	}

	.more-text{

		display: flex;

		align-items: center

	}

	.more-text-left img{

		width: 80%;

	}

	.more-center{

		    background-size: cover;

	}

	.about-seller-left{

		width: 30%;

	}

	.about-seller-right{

		width: 70%;

	}

	.about-seller-xz{

		padding-right: 10px;

		padding-left: 20px;

	}

	.abuut-seller-right-img{

		overflow: hidden

	}

	.abuut-seller-right-img-z img{

		height: 100%;

		width: auto;

		margin-left: 50%;

		transform: translate(-50%)

	}

	

}

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

	.abuut-seller-right-img{

		height: 100%

	}

	.about-seller-xz{

		padding-top:10px;

		padding-bottom: 10px

	}

	.about-seller-left-text p{

		line-height: 1.5

	}

}

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

	.index-nav-all-right-bottom li.top_meadia-product{

	display: block

}

	.page.Resource.id.\#41>.supprot{

		width: 100%

	}

	.more-center-one {
    width: 48%;
    margin: 0;
    margin-right: 4%;
    margin-bottom: 4%;
}
	.more-center-one:nth-child(3n){
		margin-right: 4%
	}


	.more-center-one:nth-child(2n){

		margin-right: 0

	}

	.index-more-one {

		width: calc(100% / 3);

		margin-bottom: 20px;

	}

	.more-center-all{

		padding: 50px;

	}

	.about-seller-all{

	flex-flow: wrap;

		width: 100%

	}

	.about-seller-left, .about-seller-right{

		width: 100%;

		

	}

	.abuut-seller-right-img-z img{

		margin-left: 0%;

    transform: translate(0%);

		width: 100%;

		height: auto

	}

	.page.Resource.id.\#42>.supprot {

    width: 100%;

}

	.page.news_detail_box>.move-ul {

    width: 100%;

}

}

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

	.more-text-left{

		width: 100%;

	}

	.image img{

	display: none

	}

	.image video{

		display: none

	}

	.image img.meadia-img{

		display: block

	}
.more-center-one:nth-child(3n) {
    margin-right: 0;
}
	.more-center-one {

    width: 100%;

    margin-right: 0;

}
	.more-center-all {
    padding: 20px 0;
}

}

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

	.index-about-right a, .index-new-tittle h3, .index-message-tittle h3, .index-cooperate h2, .advantage>h2 p, .advantage>h2 span, .advantage-bottom span {

    font-size: 14px;

}

}