﻿@media only screen and (max-width:768px ) {
	.thebox {
		width: 100%;
	}

	.navbar-header {
		height: 60px;
	}

	.navbar {
		position: relative;
		min-height: 60px;
	}

	.navbar-brand {
		padding: 7px 12px;
	}

	.navbar-default {
		background-color: black;
		border: none;
		margin: 0;
	}

	.navbar-toggle {
		margin-top: 13px;
	}

	.nav>li {
		margin-left: 0;
	}

	.navbar-default .navbar-nav .nav-lag {
		display: none;
	}

	.navbar-nav {
		float: right;
		margin-top: 6px;
		text-align: center;
	}

	.navbar-nav {
		margin: 0;
		width: 100%;
	}

	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 7px;
	}

	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
		color: white;
		background-color: transparent;
	}

	.nav>li {
		border-bottom: 1px solid darkgray;
	}

	.navbar-default .navbar-nav>.active {
		border-bottom: 3px solid #E62129;
	}

	#myCarousel {
		min-width: 100%;
		margin-bottom: 8px;
	}

	.thebig-box {
		height: 320px;
		min-width: 100%;
		padding-top: 0;
		margin-bottom: 8px;
		padding-left: 3%;
		padding-right: 3%;
		display: flex;
		align-items: center;
		text-shadow: 2px 2px 8px black;
	}

	.thebig-box span {
		font-size: 2.4rem;
		margin-bottom: 5px;
	}

	.thebig-box p {
		font-size: 1.6rem;
		margin-bottom: 20px;
		line-height: 28px;
	}

	.thebig-box a {
		font-size: 1.4rem;
		padding: 10px 70px;
		background-color: #E62129;
		border-color: #E62129;
		box-shadow: 2px 2px 10px 0.1px black;
	}

	footer>div {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0 3%;
	}

	.foot-ul {
		display: none;
	}

	footer>div>img {
		display: none;
	}

	footer {
		padding: 25px 0 30px;
		min-width: 100%;
	}

	.foot-dz p {
		font-size: 1.5rem;
		margin-bottom: 8px;
	}

	.foot-dz div {
		font-size: 1.3rem;
	}

	.foot-erwei {
		width: 100%;
		text-align: center;
		padding-top: 15px;
	}

	.foot-erwei img {
		width: 120px;
	}
    
    /*关于我们页面*/
	.oth-topimg {
		min-width: 100%;
	}

	.abo-top {
		padding-top: 25px;
	}

	.abo-til {
		font-size: 2.5rem;
		text-align: center;
		margin-bottom: 18px;
	}

	.abo-ttex {
		height: auto;
		min-height: auto;
		background: url(../images/others/abo-img01.jpg) no-repeat;
		margin-bottom: 12px;
		padding: 25px 3%;
		     background: none !important;
	}

	.abo-ttex div {
		width: 100%;
	}

	.abo-ttex p {
		color: black;
		line-height: 24px;
		text-align: justify;
		text-shadow: 1px 1px gainsboro;
		font-size: 1.45rem;
	}

	.abo-ttex p:not(:last-child) {
		margin-bottom: 18px;
	}

	.abo-ttex span {
		font-size: 2rem;
		margin-bottom: 20px;
		text-shadow: 1px 1px gainsboro;
	}

	.abo-lunbo {
		min-width: 100%;
		height: auto;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.abo-luntil {
		font-size: 2.5rem;
		margin-bottom: 25px;
	}

	.abo-lunbo .carousel-inner {
		min-width: 100%;
		height:auto;
	}

	.abo-lunbo .carousel-inner .item {
		width: 100%;
	}

	.abo-lunbo .carousel-indicators li {
		display: inline-block;
		width: auto;
		height: 30px;
		margin: 0 3%;
	}

	.abo-lunbo .carousel-indicators .active {
		margin: 0 3%;
	}

	.abo-lunbo .carousel-indicators li p {
		font-size: 1.4rem;
	}

	.abo-lunbo .carousel-inner .item p {
		font-size: 8rem;
	}

	.abo-lunbo .carousel-inner .item span {
		font-size: 1.55rem;
	}

	.abo-lunbo .carousel {
		position: relative;
		height: auto;
	}

	.abo-lunbo .carousel-indicators .active p {
		font-size: 1.4rem;
	}

	.abo-lunbo .carousel-indicators li span {
		width: 14px;
		height: 14px;
	}

	.abo-lunbo .carousel-indicators .active span {
		width: 14px;
		height: 14px;
	}
.abo-lunbo .carousel-control{top:30%;}
	.abo-bot {
		padding: 25px 0;
	}

	.abo-bottex p {
		line-height: 24px;
		margin-bottom: 15px;
		font-size: 1.4rem;
		text-align: justify;
		padding: 0 3%;
	}

	.abo-bottex {
		margin-bottom: 20px;
	}

	.abo-botimg {
		padding: 0 2%;
		display: block;
	}

	.abo-botimg img {
		width: 49%;
		height: auto;
		margin-bottom: 6px;
	}
    
    /*新闻页面*/
	.oth-top ul {
		padding: 12px 0;
	}

	.oth-top ul li {
		margin: 0;
		margin-left: 3%;
		font-size: 1.3rem;
	}

	.news-box>ul li a {
		display: block;
		padding-bottom: 20px;
	}

	.news-time {
		width: auto;
		height: auto;
		font-size: 1.4rem;
		padding-top: 6px;
		padding-bottom: 10px;
	}

	.news-time span {
		font-size: 3rem;
		margin-bottom: 0;
	}

	.news-tex span {
		font-size: 1.6rem;
		margin-bottom: 10px;
	}

	.news-tex {
		font-size: 1.3rem;
		padding: 10px 3%;
	}

	.news-tex {
		width: 100%;
		text-align: justify;
	}

	.news-box>ul li span img {
		width: auto;
		max-width: 94%;
		height: auto;
		margin: 0 3%;
	}

	.news-box>ul li {
		margin-bottom: 18px;
	}

	.thefenye {
		margin-top: 38px;
	}

	.thefenye ul {
		flex-wrap: wrap;
	}

	.thefenye ul li {
		margin-bottom: 18px;
	}

	.news-box {
		padding-bottom: 0;
	}

	.thefenye ul li a {
		font-size: 1.25rem;
		padding: 6px 15px;
	}

	.oth-top {
		min-width: 100%;
		margin-bottom: 30px;
	}
    
    /*产品中心*/
	.pro-top {
		margin-bottom: 0;
	}

	.pro-box {
		padding-bottom: 12px;
		min-width: 100%;
	}

	.pro-box>ul li {
		height: auto;
	}

	.pro-box>ul .pro-ll>div {
		padding-right: inherit;
		padding-top: 18px;
	}

	.pro-til span {
		display: block;
		font-size: 3rem;
		margin-bottom: 5px;
	}

	.pro-til p {
		font-size: 1.4rem;
	}

	.pro-til img {
		display: none;
	}

	.pro-box>ul li>div {
		display: block;
	}

	.pro-til {
		margin-bottom: 18px;
		padding-top: 0;
		padding: 8px 3%;
	}

	.pro-tedian span {
		font-size: 1.5rem;
		padding: 6px 15px;
		margin-right: 0;
		margin-left: 3%;
	}

	.pro-tedian {
		margin-bottom: 25px;
	}

	.pro-jump {
		font-size: 1.5rem;
		padding: 8px 32px;
		width: auto;
		margin-left: 5%;
	}

	.pro-box>ul li>div>img {
		width: 70%;
		margin: 10px 15%;
	}

	.pro-box>ul .pro-rr {
		display: none;
	}

	.pro-box>ul .pro-rr>div {
		padding-left: initial;
		padding-top: 25px;
	}

	.pro-box>ul .pro-rr>div .pro-jump {
		margin-left: 5%;
	}

	.oth-top ul {
		flex-wrap: wrap;
	}

	.oth-top ul li a {
		display: block;
		line-height: 20px;
	}
    
    /*联系我们页面*/
	.cont-box {
		margin-top: 28px;
		padding-bottom: 26px;
	}

	.cont-tex {
		display: block;
		margin-bottom: 25px;
	}

	.cont-ll>span {
		font-size: 1.6rem;
		margin-bottom: 16px;
	}

	.cont-ll {
		width: 100%;
		padding: 10px 3%;
	}

	.cont-ll ul li {
		font-size: 1.3rem;
		margin-bottom: 12px;
	}

	.cont-ll ul li img {
		margin-right: 8px;
		width: 24px;
	}

	.cont-rr form div {
		margin-bottom: 0;
		display: block;
	}

	.cont-rr {
		width: 100%;
		font-size: 1.4rem;
		padding: 0 3%;
	}

	.cont-rr form div input {
		width: 100%;
		height: 45px;
		padding-left: 12px;
		margin-bottom: 10px;
	}

	.cont-rr form textarea {
		width: 100%;
		height: 100px;
		padding-left: 12px;
		padding-top: 8px;
		margin-bottom: 8px;
	}

	.cont-rr form input[type=submit] {
		font-size: 1.45rem;
		padding: 8px 30px;
	}

	.cont-map {
		width: 100%;
		height: 250px;
	}
    
    /*内页*/
	.newsde-til {
		font-size: 1.8rem;
		padding-left: 2%;
		padding-right: 2%;
	}

	.newsde-til span {
		width: 40px;
		margin-top: 8px;
	}

	.news-tilbot {
		margin-bottom: 20px;
		font-size: 1.3rem;
	}

	.newsde-text>div {
		font-size: 1.5rem;
		line-height: 25px;
		margin-bottom: 20px;
		
		padding-left: 3%;
		padding-right: 3%;
	}

	.jumptil span {
		margin-bottom: 8px;
		font-size: 1.4rem;
		line-height: 24px;
		padding-left: 3%;
		padding-right: 3%;
	}

	.moven-til {
		padding: 0 8px;
		font-size: 1.7rem;
		margin-bottom: 10px;
	}

	.move-newsde {
		padding: 20px 3%;
		margin-bottom: 35px;
	}

	.moven-text {
		padding-top: 20px;
		display: block;
	}

	.moven-text ul {
		min-width: 100%;
		margin-right: initial;
		line-height: 26px;
	}

	.moven-text ul li a {
		color: #666666;
		font-size: 1.3rem;
	}

	.moven-text ul li {
		width: 100%;
		float: none;
	}

	.thebottom-jump>div {
		margin-top: 30px;
		justify-content: space-around;
	}

	.prode-box {
		margin-top: 24px;
	}

	.prode-tex {
		padding: 0 3%;
	}

	.prode-tex span {
		font-size: 1.45rem;
		margin-bottom: 10px;
	}

	.prode-tex p {
		line-height: 24px;
		text-align: justify;
	}

	.prode-tex div {
		margin-bottom: 15px;
	}

	.prode-tex div img {
		max-width: 100%;
	}
    
	

.abo-theimg ul li img{width: 100%;}





/*12.6*/



	.abo-lunbo {
		min-width: 100%;
		height: auto;
		padding-top: 0;
	}

	.abo-lunbo .carousel-indicators {
		bottom: 32px;
	}

	.abo-lunbo .carousel-inner .item {
		
	}
.supp_top {
    background-color: white;
    margin-bottom: 28px;
    }
    .supp_top ul li {
    background-color: #e62129;
    margin: 0 0 4px;
    }
    .supp_top ul li a {
    font-size: 1.3rem;
    padding: 15px;
    }
    .supp_top ul li a img {
    left: calc(50% - 4px);
    width: 8px;
    height: 7px;
    }
    .supp_bot ul li a {
    display: block;
    height: 100%;
    padding: 15px;
    }
    .supp_l {
    float: none;
    }
    .supp_l img {
    width: 40px;
    height: auto;
    }
    .supp_l div {
    line-height: 52px;
    margin-left: 56px;
    width: auto;
    font-size: 1.4rem;
    }
    .supp_r {
    font-size: 1.3rem;
    padding: 8px 25px;
    margin-top: 10px;
    }
    .supp_bot ul li {
    margin-bottom: 10px;
    }
    .supp_b {
    padding-bottom: 30px;
    }
.oth_b {
    width: 95%;
    height: auto;
    margin: 0 auto;
}
}