/*sea
手机版 文字大小标准：
标题类 不超过24px，一般用24px 或 20px，行距30px。
内容区 标题及重要凸显内容16px/24px，内容文字14px/20px。段落前后5px。
底部信息文字 13px/20px 
美工页可特殊设置。
*/
.pro .row .col-xs-12:nth-child(4), .pro .row .col-xs-12:nth-child(5) {
	margin-top:30px;
}
.aboutnew .container{ padding:0px;}
@media (max-width:960px) {
	body {
		font-size: 14px;
		line-height: 20px;
	}
.nav{ margin-right:10px;}
.nav li{ margin:0px 15px;}
.header a.logo{ padding-top:22px; height:45px; }
.header a.logo img{ height:45px; width:auto;}
.head_r{ width:80px;}
	.bread {
		display: none;
	}


	/*mobile-title
	===========*/
	.btitle {
		font-size: 24px;
		line-height: 30px;
	}

	.htitle {
		font-size: 16px;
		line-height: 24px;
	}

	/*banner
	==========*/
	.home-banner {
		height: auto;
		padding-top: 89px!important;
	}

	.home-banner .home-pcbanner {
		display: none;
	}

	.home-banner .home-appbanner {
		display: block; width:100%; height:auto; position:static; left:0; margin-left:0;	}

	.pc-banner .carousel-inner .home-pcbanner {
		display: none;
	}

	.pc-banner .carousel-inner .home-appbanner {
		display: block;
	}

	.nybanner {
		height: 250px;
	}

	#myCarousel .bantxt h2 {
		font-size: 32px;
		letter-spacing: 2px;
	}

	#myCarousel img {
		/* height: 200px; */
	}

	.banner-slide img {
		/*min-height: 220px;
		max-height: 220px;*/
		object-fit: cover;
		width: 100%;
	}

	.sban img {
		max-height: 250px;
		object-fit: cover;
	}

	.swiper-container.his .swiper-slide .icon {
		position: relative;
		margin: 0 auto 15px;
		top: 0;
		left: 0;
	}

	.swiper-container.his .swiper-slide {
		width: 50%;
	}

	.swiper-container.his .swiper-slide::before {
		opacity: 0;
	}

	.swiper-container.his .swiper-slide .icon {
		position: relative;
		margin: 0 auto 15px;
		top: 0;
		left: 0;
	}

	.swiper-container.his .swiper-slide .name {
		margin: 5px auto 0;
		padding: 0 10px;
		line-height: 1.7;
	}

	.pc-banner .swiper-pagination {
		bottom: 5%;
	}

	.pc-banner .swiper-pagination-bullet-active {
		width: 10px;
		height: 10px;
	}

	/*
	===========*/
	.probg {
		padding: 50px 0px;
	}

	.itembg h3 {
		margin-top: 0px;
	}

	

	.pro .col-xs-12 {
		margin-top: 20px;
	}
	
	.pro .row .col-xs-12:nth-child(1) {
		padding-right: 15px; margin-top:0;
	}
	
	.itembg {
		padding: 20px;
	}

	.pro .pd {
		padding: 0px;
		display: inline-flex;
		flex-direction: column-reverse;
	}

	.pro .funct {
		display: none;
	}

	.pro .more {
		display: block;
		width: 48%;
		height: 40px; margin-right:4%;
	}
	.pro .more2{ width:48%;}
	/*.about
========*/
	.about,
	.phy {
		padding: 50px 0px;
	}

	.phy {
		padding-top: 20px;
	}

	.about {
		padding: 0px 0px 20px;
	}

	.about .tit,
	.phy .tit {
		margin-bottom: 20px;
	}

	.about-tit {
		font-size: 20px;
		position: inherit;
		margin-left: 0px;
	}

	.abouttxt {
		color: #999;
		/* font-size: 16px; */
		line-height: 24px;
		margin-top: 20px;
	}

	.abouttxt h4 {
		line-height: 1.5;
	}

	.phy .tit h2 {
		color: #666;
	}

	.banner-cont {
		display: none;
	}

	.banner-cont h3 {
		font-size: 24px;
		line-height: 1.5;
	}

	.banner-cont h4 {
		font-size: 18px;
		margin-top: 10px;
	}

	/*news
	======*/
	.news {
		padding: 50px 0px;
	}

	.btitle .mor {
		display: none;
	}

	.news .item {
		margin-bottom: 10px;
	}

	.news .item h3 {
		margin-top: 5px;
	}

	.news .right .item {
		display: block;
		margin-bottom: 10px;
	}

	.news .right .time {
		border: none;
		width: 100%;
		display: none;
	}

	.time .year {
		display: none;
	}

	.news .right .item a {
		width: 100%;
	}

	.time .md {
		font-size: 13px;
	}

	.news .caption {
		font-size: 14px;
		line-height: 20px;
		height: 40px;
	}

	.news .time {
		font-size: 13px;
		margin-top: 10px;
	}

	.newslist .tit {
		margin: 10px 0px;
	}

	.newslist .nbtitle span,
	.newslist .nbtitle i {
		/* display: none; */
	}

	.newslist .nbtitle {
		width: 100%;
		display: inline-flex;
		font-size: 0;
		/* flex-direction: row-reverse; */
		margin: 0px auto;
	}

	.newslist .nbtitle a {
		width: 50% !important;
		padding: 10px 0px;
		font-size: 16px;
		text-align: center;
		margin-left: 0px;
	}

	.newslist .nbtitle a:nth-child(2) {
		width: 20px !important;
	}

	.hotnews .col-xs-12:nth-child(2n+1) {
		padding-right: 15px;
	}

	.hotnews .col-xs-12:nth-child(2n) {
		padding-left: 15px;
	}

	.newslist .hotnews .nimg img {
		height: auto !important;
	}

	.newslist .item {
		padding: 0px 20px;
		margin-bottom: 0px;
		margin-top: 0px;
		padding-top: 10px;
	}

	.newslist h3 {
		font-size: 20px;
		line-height: 1.5;
		margin: 0px 0px;
	}

	.news-detail {
		margin-top: 0px;
	}
	.news-detail .item-tit, .news-detail .caption{ width:95%; margin:10px auto;}
	.news-detail .item-tit h2 {
		font-size: 24px;
		line-height: 30px;
	}

	.news-detail .caption {
		font-size: 14px;
		margin: 10px auto;
	}

	.detail-time {
		font-size: 12px;
	}

	.newslist .hotnews .item {
		min-height: auto;
		height: auto !important;
	}

	.newslist .hotnews .item .time {
		margin-top: 10px;
		height: auto;
	}

	.news-detail .jump span {
		line-height: 1.5;
		margin-bottom: 10px;
	}

	.news-detail .jump span a {
		font-size: 13px;
	}

	.news-detail .jump .back {
		display: block;
		position: inherit;
		clear: both;
		width: 100%;
		right: 0px;
		top: 10px;
		margin: 10px auto;
	}

	.tit h2,
	.about h3 {
		font-size: 24px;
		line-height: 30px;
	}
	.about .row{ margin-top:30px;}
	.about-tit{ padding:10px 20px;}
	.jumppa {
		padding-left: 15px;
	}

	.news-detail .jump {
		border-left: none;
		padding-left: 0px; width:95%;
		border-top: 1px solid #DDD;
	}
	.news-detail .jump .caption{ width:100%; margin-top:10px;}
	.contactinfo{ width:95%; padding:30px 0;}
	.contactinfo li{ line-height:2;}
	/*pro
=========*/
	

	.sonpage.propage {
		padding: 00px 0px 0px;
	}

	.prodetailbg .pro .container:last-child .row {
		display: inline-flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}


	.sonpage .itembg h3 {
		margin-top: 0px;
		line-height: 30px;
	}

	.sonpage .pro .more {
		width: 48%; margin-right:4%;
		color: #999;
		border: none;
		background: #f7f7f7;
	}
	
	.sonpage .pro .more2{ width:48%;}
	.sonpage .pro .more i {
		color: #999;
	}
	
	.product-detail{ padding-bottom:30px;}
	.product-detail .more2{ position:static; margin-left:0; width:100%;}
	.product-detail .item {
		margin: 20px auto 0px;
	}

	.product-detail .item-desc { margin-bottom:20px;}

	.item-desc h3 {
		padding-top: 0px;
	}

	.item-desc h3 {
		font-size: 24px;
		line-height: 30px;
	}
	.desc-txt .desc-tit{ margin:20px auto;}
	.desc-txt .desc-tit li {
		width: 50%;
		text-align: center;
	}
.desc-txt .desc-tit li a{ padding:10px 20px; font-size:16px;}
	.tab-pane h4 {
		font-size: 16px;
		line-height: 24px; margin-bottom:10px;
	}

	.tab-pane h4 span {
		font-size: 14px;
	}

	.tab-pane .row {
		padding-bottom: 30px;
	}
	.tab-pane .row:nth-child(2){
		display: inline-flex;
		flex-direction: column-reverse;
	}
	.desc-txt .tab-pane video{ margin:30px 0px;}
	.desc-txt .tabcon{ padding-bottom:0px;}
	.prodetail-r{ margin-top:0px; margin-bottom:30px;}
	.contactinfo .tit {
		margin-bottom: 20px; padding-bottom:20px;
	}
	.contactinfo .abouttxt{ margin-bottom:20px;}
	/*mobile-footer
	===========*/
	.footer,
	.footer a {
		font-size: 13px;
		line-height: 20px;
	}

	.footer {
		padding: 20px 0px 0px;
	}

	.footer .lis span {
		width: 100%;
		display: block;
		flex: auto;
		line-height: 2;
		height: auto !important;
		margin-bottom: 10px;
	}

	#dituContent {
		width: 100%;
		max-height: 200px;
	}

	.footer .wx {
		display: none;
	}

	.footer .copyright p {
		text-align: center;
		width: 100%;
	}

	.lis .flogo {
		display: none;
	}
}



@media screen and (max-width:780px){
	.header{height:50px;z-index:50; position:fixed; top:0px;}
	.header .w1200{ height:50px;}
	.header a.logo{ padding-top:5px; height:40px;} 
	.header a.logo img{ height:40px; width:auto;}
	.nav{display:none;}
	.head_r{ right:60px; width:60px;}
	.head_r>a{ line-height:50px;}
	.curs .nav li>a, .curs .head_r>a{ line-height:50px;}
	.head_r a .iconfont{ display:none;}
	.menu-handler{ width:60px !important; height:50px; display:block;}
	.menu-handler .burger{top:13px;}
	.menu-handler .burger-2 {top:22px;}
	.menu-handler .burger-3{top:31px;}
	.menu-handler.active .burger-1,.menu-handler.active .burger-3{top:21px;}

	.menuBox{top:0px;background-color:rgba(255,255,255,1); padding-bottom:72px !important;}
	.menu_top{display:none;}
	.menuBox .w1200>ul li>p span{ display:inline-block; color:#ccc; width:30px;}
	.menuBox .w1200{width:100%;position:static;transform:translate(0);}
	.menuBox .w1200>ul{margin-top:60px;}
	.menuBox .w1200>ul li{width:100%;margin-right:0px;}
	.menuBox .w1200>ul li>p{padding:0px 4%;margin-bottom:0px;height:45px;line-height:45px;font-size:20px; border-bottom: 1px solid #eee;}
	
	.menuBox .w1200>ul li>p.cur a{ padding-left:30px; color:#00a0e9;}
	.menu-handler.active .burger{background:#00a0e9;}
	.menu-handler.active{background:none;}
	.menu_list { padding:5px 0;}
	.menu_list>p {padding:0px 4%; margin:0px;}
	.menu_list>p a{ line-height:30px; font-size:14px;}
	.menu_list>p a i { font-size: 12px; font-style: normal; vertical-align: super; }

	.home-banner{ padding-top:50px !important;}
	.about-tit{ padding:10px 20px;}
	.contact {
		padding: 40px 0 35px;
	}

	.contact-one-p {
		font-size: 14px;
		line-height: 22px;
	}

	.contact-icon {
		width: 80px;
		height: 80px;
	}

	.contact-icon img {
		width: 35px;
		height: 35px;
	}

	.contact1-txt span {
		font-size: 16px;
		line-height: 28px;
	}

	.contact1-txt p {
		font-size: 15px;
		line-height: 24px;
	}

	.contact-one li:last-child .contact1-txt span {
		font-size: 14px;
		line-height: 22px;
	}

	.contact-tit {
		font-size: 26px;
	}

	.contact2-left,
	.contact2-right {
		float: none;
		width: 100%;
	}

	.contact-three {
		padding-top: 40px;
	}

	.contact-input1>div {
		float: none;
		width: 100%;
	}

	.contact-input input {
		padding: 12px 20px;
		font-size: 15px;
		margin-bottom: 10px;
	}

	.contact-input {
		margin-top: 20px;
	}

	.contact-input textarea {
		font-size: 15px;
	}

	.message-submit {
		padding: 10px 50px;
		font-size: 15px;
	}

	.contact-submit {
		width: auto;
		margin-top: 20px;
	}

	.contact2-left .swiper-button-next,
	.contact2-left .swiper-button-prev {
		width: 12px;
		height: 28px;
	}

	.contact-swip-con {
		font-size: 17px;
	}

	.contact-tit {
		font-size: 23px;
		line-height: 30px;
		padding-bottom: 10px;
	}

	.contact2-ul li {
		width: 100%;
		margin-top: 20px;
		padding: 0 15px;
	}

	.contact2-ul li>div {
		height: auto;
		padding: 0 10px 20px 28px;
	}

	.contact2-ul {
		margin: -20px -15px 0;
	}

	.contact2-botcon {
		margin-top: 30px;
	}

	.contact-one {
		padding-bottom: 40px;
	}

	.contact2-ul li h3 {
		font-size: 17px;
		margin-bottom: 5px;
	}

	.contact2-ul li p {
		font-size: 14px;
	}

	.contact2-ul li>div::before {
		width: 16px;
		height: 21px;
	}

	.contact1-txt {
		margin-top: 15px;
	}


	.detail-left {
		float: none;
		clear: both;
		width: 100%;
	}

	.detail-right {
		float: none;
		width: 100%;
	}

	.item-desc {
		/* width: 85%; */
		margin: 0px auto;
	}

	.desc-txt .col-md-9 {
		padding-right: 15px;
	}

	.model a {
		padding: 5px 10px;
		min-width: 30%;
	}

	.contact {
		display: block;
	}

	.contact-caption {
		position: initial;
	}

	.contact-t {
		float: none;
		clear: both;
		width: 100%;
	}

	.catelist-tag {
		display: none;
	}

	.mobilecate {
		display: block;
	}

	.pop .bottom {
		top: 94px !important;
	}
	
	.about .row{ margin-top:70px;}
	.product-detail{ margin-top:50px;}
	
	.newslist, .aboutnew{ padding-top:50px;}
	.newslist .tit{ margin:0px auto;}
	.pagess{ margin:20px 0px;}
	.aboutnew .container{ padding:0px;}
	
	.probg{ padding:30px 0;}
	.probg .tit, .news .tit{ margin-bottom:30px;}
	.pro .caption{ line-height:24px;}
	
	.phy .abouttxt{ padding-bottom:10px;}
	
	.sonpage .pro{ padding:50px 0px;}
	.sonpage .pro .tit{ margin:20px 0;}
	
	.desc-txt .tab-pane video{ margin:10px 0 30px;}
}

@media(max-width:640px) {
	.header a.logo{ padding-top:8px; padding-left:15px; height:34px;}
	.header a.logo img{ height:34px;}
	
	.itembg h3{ font-size:18px;}
	.tit-line{ margin-top:10px;}
	.pro .caption{ margin-top:5px;}
	
	.news .item h3{ font-size:18px;}
	.footer .lis span{ margin-bottom:0;}
	.phy .abouttxt h2{ font-size:20px; color:#333;}
	
	
	.item-desc h3{ font-size:20px;}
	.item-desc .caption{ line-height:24px;}
	.news-detail .item-tit h2{ font-size:18px; line-height:26px;}
	.news-detail .item-tit, .news-detail .caption{ width:100%; margin:0px auto;}
	.detail-time{ text-align:center;}
	.contact1-txt span {
		font-size: 14px;
		line-height: 24px;
	}

	.contact1-txt p {
		font-size: 15px;
		line-height: 24px;
	}


	.contact .caption {
		font-size: 14px;
		width: 85%;
	}

	.contact .w60 {
		width: 85%;
	}

	.catelist-tag {
		display: none;
	}

	.mobilecate {
		display: block;
	}

}

@media(max-width:320px) {
	.contact .caption {
		font-size: 14px;
		width: 100%;
	}

	.contact .w60 {
		width: 100%;
	}

	.catelist-tag {
		display: none;
	}

	.mobilecate {
		display: block;
	}


}