/*媒体查询，参考部分Bootstrap框架*/
/*当页面>=1600px时，超大屏幕，主要是PC端*/
@media (min-width:1600px) {
/*--------banner图-----------*/
#banner .swiper-slide {
	/*height: 800px;*/
}
}

@media (min-width:1440px) and (max-width:1599px) {
/*--------banner图-----------*/
#banner .swiper-slide {
	/*height: 710px;*/
}
}

@media (min-width:1280px) and (max-width:1599px) {
/*--------banner图-----------*/
#banner .swiper-slide {
	/*height: 620px;*/
}
/*------图片左右滚动箭头-----*/
.owl-carousel .owl-controls .owl-nav div {
	left: -15px;
}
.owl-carousel .owl-controls .owl-nav div.owl-next {
	right: -15px;
}
/*-------段落行间距-------*/
#wrapper1 {
	margin-bottom: 45px;
}
/*-------第二部分（公司简介）----------*/
#wrapper2 {
	margin-bottom: 45px;
}
/*----内页焦点图----*/
.pbanner {
	height: 350px;
}
}

/*当页面大于1200px时，大屏幕，主要是PC端*/
@media (min-width:1024px) and (max-width:1279px) {
/*--------banner图-----------*/
#banner .swiper-slide {
	/*height: 530px;*/
}
/*------图片左右滚动箭头-----*/
.owl-carousel .owl-controls .owl-nav div {
	left: 0;
}
.owl-carousel .owl-controls .owl-nav div.owl-next {
	right: 0;
}
/*-------段落行间距-------*/
#wrapper1 {
	margin-bottom: 40px;
}
/*-------第二部分（公司简介）----------*/
#wrapper2 {
	margin-bottom: 40px;
}
.row {
	margin: 0 -.75rem;
}
#content ul.product-list li {
	padding: 0 .75rem;
}
/*----内页焦点图----*/
.pbanner {
	height: 300px;
}
#dituContent {
	width: 55%;
	height: 350px;
}
#content .contact .main-body {
	width: 45%;
}
/*--------底部--------*/
footer {
	padding: 15px 0px;
}
footer .footer-logo img {
	max-height: 70px;
}
footer .footer-right {
	display: none;
}
/*-----新闻列表----*/
#content .left ul.news-list li .thumb {
	width: 22.5%;
}
#content .left ul.news-list li section {
	width: 77.5%;
}
}

@media screen and (max-width:1023px) {
/*------------菜单-----------*/
nav.menu {
	display: none;
}
/*------响应式菜单-----*/
#header .top-menu {
	display: block;
}
/*-----头部logo----*/
#header .logo img {
	max-height: 50px;
}
#header > .container {
	height: 60px;
}
/*--------banner图-----------*/
#banner .swiper-slide {
	/*height: 440px;*/
}
#banner .swiper-slide .banner-text-con {
	padding: 20px;
    width: 60%;
    margin-left: -30%;
}
#banner .swiper-slide .banner-text-con h4 {
	font-size: 3.2rem;
}
/*------图片左右滚动箭头-----*/
.owl-carousel .owl-controls .owl-nav div {
	left: 0;
}
.owl-carousel .owl-controls .owl-nav div.owl-next {
	right: 0;
}
.swiper-button-next, .swiper-button-prev {
	display: none;
}
/*-------段落行间距-------*/
#wrapper1 {
	margin-bottom: 35px;
}
#wrapper1 ul.item-list li section {
	padding: 5rem 3rem;
}
/*-------第二部分（公司简介）----------*/
#wrapper2 {
	margin-bottom: 35px;
}
/*-----------------------*/
.row {
	margin: 0 -.75rem;
}
#content ul.product-list li, .company-active .col {
	padding: 0 .75rem;
}
/*----内页焦点图----*/
.pbanner {
	height: 250px;
}
#dituContent {
	width: 50%;
	height: 300px;
}
#content .contact .main-body {
	width: 50%;
}
/*----------底部--------*/
footer {
	padding: 15px 0px;
}
footer .footer-logo img {
	max-height: 60px;
}
footer .footer-right {
	display: none;
}
/*------内页与公共部分------*/
aside {
	display: none;
}
#content {
	padding: 25px 0;
}
#content .left {
	width: 100%;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	overflow: visible;
}
/*-------栏目标题-------*/
#content h1.page-title {
	font-size: 2rem;
	height: 35px;
}
#content h1.page-title span {
	height: 35px;
}
/*-----/产品简介页/-----*/
#content .pro-info {
	padding: 25px;
}
#content .panel .col-right {
	padding-left: 25px;
}
#content .panel {
	margin: 0 auto 25px;
}
#content .panel .col-right > h2 {
	font-size: 2.2rem;
}
/*-----面包屑导航-----*/
nav.web-position .breadcrumb {
	padding: 1.25rem 0;
}
/*------新闻列表页----*/
#content .left ul.news-list li .thumb {
	width: 25%;
}
#content .left ul.news-list li section {
	width: 75%;
}
/*------新闻详情页----*/
#content .news-info header h1 {
	font-size: 2.6rem;
}
#content .news-info section {
	padding: 1.75rem 0px;
}
}

/*在768 和 991 像素之间的屏幕里，小屏幕，主要是PAD */
@media screen and (max-width:768px) {
/*解决iphone横屏时字体变大问题*/
body {
	-webkit-text-size-adjust: 100%;
}
/*------------菜单-----------*/
ul.menu {
	display: none;
}

.transparent-bar.stick {
    position: relative;
}
main > .wrapper {
	position: relative;
}
.row {
	margin: 0 -.5rem;
}
#content ul.product-list li, .company-active .col {
	padding: 0 .5rem;
}
/*-------段落行间距-------*/
#wrapper1 {
	margin-bottom: 30px;
}
#wrapper1 ul.item-list li.col {
	width: 100%;
	border-bottom: 2px solid #5bc2ce;
	margin-bottom: 20px;
}
/*-------第二部分（公司简介）----------*/
#wrapper2 {
	margin-bottom: 30px;
}
#wrapper2 h2 {
    font-size: 2.4rem;
}
#wrapper2 .player {
	height: 400px;
}
/*--------banner图-----------*/
#banner .swiper-slide {
	/*height: 350px;*/
}
#banner .swiper-slide .banner-text-con {
	padding: 10px;
	width: 80%;
	margin-left: -40%;
}
#banner .swiper-slide .banner-text-con h4 {
	font-size: 3rem;
}

.swiper-button-next, .swiper-button-prev {
	display: none;
}
/*------图片左右滚动箭头-----*/
.owl-carousel .owl-controls .owl-nav div {
	left: 0;
}
.owl-carousel .owl-controls .owl-nav div.owl-next {
	right: 0;
}
/*-------底部----*/
footer {
	padding: 10px 0px;
}
footer .footer-left.flex {
	width:100%;
}
footer .footer-nav {
    text-align: center;
    width: 100%;
}
footer .footer-nav {
    padding-left: 0;
}

footer .footer-nav p {
    line-height: 1.8;
}
footer .footer-logo {
	display: none;
}
/*----内页焦点图----*/
.pbanner {
	height: 200px;
}
#page-banner .content > h3 {
	font-size: 2.8rem;
}
#dituContent {
	width: 100%;
	height: 250px;
}
#content .contact .main-body {
	width: 100%;
}
/*------内页与公共部分------*/
#content {
	padding: 20px 0;
}
nav.web-position .sidebar_tile, nav.web-position .product_search {
	width: 100%;
}
nav.web-position .product_search {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
}
/*--------产品类别-----*/
nav.web-position .sidebar_tile .tabs-nav {
	justify-content: center;
	-webkit-justify-content: center;
}
/*------分页样式------*/
nav.pagelist {
	display: none;
}
#content .page {
	display: block;
}
/*------内容公共代码-----*/
#content .main-body {
	line-height: 1.7;
	font-size: 1.5rem;
}
#content .main-body .player {
	height: 400px;
}
#content .main-body p, #content .main-body h3, #content .main-body h4 {
	margin-bottom: 1.25rem;
}
#content .main-body h2 {
	font-size: 1.8rem;
}
#content .main-body h3 {
	font-size: 1.6rem;
}
/*-----/产品简介页/-----*/
#content .pro-info {
	padding: 20px;
}
#content .panel {
	margin: 0 auto 20px;
}
#content .panel .col-left, #content .panel .col-right {
	width: 100%;
}
#content .panel .col-right {
	padding: 20px 0 0;
}
#content .panel .col-right > h2 {
	font-size: 2rem;
}
#content .tab-box .tab-content {
	padding: 15px;
}
/*------产品列表页----*/
#content ul.product-list li {
	width: 50%;
	margin-bottom: 15px;
}
#content ul.product li section h3 {
	padding: .75rem .5rem;
}
/*-----面包屑导航-----*/
nav.web-position .breadcrumb {
	padding: 1rem 0;
}
/*------新闻列表页---*/
#content .left ul.news-list li {
	padding: 15px;
}
#content .left ul.news-list li .thumb {
	width: 25%;
}
#content .left ul.news-list li section {
	width: 75%;
	padding-left: 1.25rem;
}
#content .left ul.news-list li section h3 {
	font-size: 1.7rem;
}
#content .left ul.news-list li section p.des {
	display: none;
}
/*------新闻详情页----*/
#content .news-info header h1 {
	font-size: 2.4rem;
}
#content .news-info section {
	padding: 1.5rem 0px;
}
}

/*在480 和 767像素之间的屏幕里，超小屏幕，主要是手机 */
@media screen and (max-width:480px) {
#content>.container {
	padding: 0;
}
#content ul.product-list {
    padding: 0 10px;
}
/*--------banner图-----------*/
/*#banner .swiper-slide {
	height: 260px;
}*/

#banner .swiper-slide .banner-text-con h4 {
	font-size: 2rem;
}
/*-------段落行间距-------*/
#wrapper1 {
	margin-bottom: 20px;
}
#wrapper1 ul.item-list li.col {
	margin-bottom: 10px;
}

#wrapper1 ul.item-list li section {
    padding: 4rem 2rem;
}

/*-------第二部分（公司简介）----------*/
#wrapper2 {
	margin-bottom: 20px;
}
#wrapper2 h2 {
	font-size: 2.2rem;
}
#wrapper2 .player {
    height: 300px;
}
/*-------底部-------*/
footer {
	padding: 10px 0px;
}
footer .footer-nav p span {
	padding: 0;
	display: block;
}
/*-------内页焦点图--------*/
.pbanner {
	height: 160px;
}
#page-banner .content > h3 {
	font-size: 2.6rem;
}
/*------内页与公共部分------*/
#content {
	padding: 15px 0;
}
#content .main-body .player {
	height: 300px;
}
#content .main-body h2 {
	font-size: 1.6rem;
}
#content .main-body p, #content .main-body h3, #content .main-body h4 {
	margin-bottom: 1rem;
}

#content .main-body img {
	width: 100%;
}
#content .main-body img[align*="left"] {
	margin-right: 0;
}
#content .main-body img[align*="right"] {
	margin-left: 0;
}

.web-position > .flex > h2 {
	display: none;
}
/*-----/产品简介页/-----*/
#content .pro-info {
	padding: 10px;
}
#content .panel {
	margin: 0 auto 10px;
}
#content .panel .col-right {
	padding: 10px 0 0;
}
#content .panel .col-right > h2 {
	font-size: 1.8rem;
}
#content .tab-box .tab-content {
	padding: 10px;
}
/*------新闻列表页---*/
#content .left ul.news-list li {
	padding: 10px;
}
#content .left ul.news-list li .thumb {
	width: 30%;
}
#content .left ul.news-list li section {
	width: 70%;
	padding-left: 1rem;
}
#content .left ul.news-list li section h3 {
	font-size: 1.6rem;
}
#content .left ul.news-list li section p.des {
	display: none;
}
/*------新闻详情页----*/
#content .news-info header h1 {
	font-size: 2.2rem;
}
#content .news-info section {
	padding: 1rem 0px;
}
#content nav.prevnext .previous, #content nav.prevnext .next {
	width: 100%;
	text-align: left;
}
#dituContent {
	height: 200px;
}
}

/*在480 和 767像素之间的屏幕里，超小屏幕，主要是手机 */
@media screen and (max-width:375px) {
/*--------banner图-----------*/
#banner .swiper-slide {
	/*height: 240px;*/
}
/*-------段落行间距-------*/
#wrapper2 h2 {
	font-size: 2rem;
}
/*-------内页焦点图--------*/
.pbanner {
	height: 120px;
}
#page-banner .content > h3 {
	font-size: 2.4rem;
}
}

/*在480 和 767像素之间的屏幕里，超小屏幕，主要是手机 */
@media screen and (max-width:320px) {
/*--------banner图-----------*/
#banner .swiper-slide {
	/*height: 225px;*/
}
}