@charset "utf-8";




/* pc */
@media screen and (max-width:1280px) {
    .center {
        width: 1000px;
    }
    .product .chanpin {
        width: calc(33.333% - 16px);
        height: auto;
    }
    .product .chanpin .img {
        width: 100%;
    }
    .product .chanpin .img .product_img {
        width: 100%;
    }
    .product .chanpin .p {
        width: 100%;
    }
    .product .chanpin .p .mingzi {
        width: 100%;
    }
    .product .chanpin .p .float_l{
        width: calc(100% - 70px);
    }
    .index_about .img {
        width: 47%;
        background-size: 100% 100%;
    }    
    .index_about .right {
        width: 50%;
        float: right;
    }
    .index_about .right .text {
        width: 90%;
        overflow: hidden;
    }
    .index_about .img img {
        width: 91%;
        margin: auto;
        margin-top: 25px;
    }
    .index_news .news .left{
        width: 47%;
    }
    .index_news .news .left .img {
        height: 346px;
        width: 100%;
        position: relative;
    }
    .index_news .news .left .img img {
        height: 346px;
        width: 560px;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -280px;
    }
    .index_news .news .left .text .time{
        width: 80px;
        text-align: center;
    }
    .index_news .news .left .text .bt{
        width: calc(100% - 100px);
    }
    .index_news .news .left .text .p {
        width: calc(100% - 100px);
    }
    .index_news .news .right {
        width: 47%;
    }
    .index_news .news .right a .text .bt {
        width: calc(100% - 120px);
    }
    .index_news .news .right a .text .time{
        width: 80px;
        text-align: center;
    }
    .index_news .news .right a .text .p {
        width: calc(100% - 120px);
    }
    .foot_lianxi textarea{
        width: 50%;
    }
    .foot_lianxi .input input{
        width: calc(33.333% - 40px - 40px);
    }
    .foot .foot_nav{
        width: 50%;
    }
    .foot .foot_nav .dh a{
        margin-bottom: 10px;
    }
    .foot .foot_nav .dh a:nth-child(1) {
        border-left: none;
        padding: 0 18px;
    }
    .message_html .input {
        width: 100%;
    }
    .message_html .input input {
        width: 70%;
    }
    .message_html textarea {
        width: 82%;
    }
    .message_html .text{
        width: 41%;
    }
    .message_html .tj{
        margin-right: 34px;
    }
    .list_html .index_news .news .left {
        width: 100%;
    }
    .list_html .index_news .news .left .img img{
        left: 0%;
        margin-left: 0px;
    }
    .list_html .index_news .news .left .text {
        padding: 0 30px 0 30px;
    }    
    .list_html .index_news .news .left .text .bt {
        width: 80%;
    }
    .list_html .index_news .news .left .text .p {
        width: 85%;
    }
    .show_html .show img {
        width: 50%;
    }
    .show_html .show .text {
        width: 50%;
    }
    .show_html .show .text .h6 {
        width: calc(100% - 60px);
    }
    .show_html .show .text .p{
        width: calc(100% - 60px);
    }
    .show_html .show .text .dh {
        width: calc(100% - 60px);
    }
    .show_html .show .text .button .float_l {
        width: 50%;
    }
    .show_html .show .text .button .float_l p {
        background: url(../img/show_l1.png) left 70px center no-repeat;
    }
    .show_html .show .text .button .float_l:hover p {
        background: url(../img/show_l2.png) left 70px center no-repeat;
    }
    .show_html .show .text .button .float_r {
        width: 50%;
    }
    .show_html .show .text .button .float_r p {
        background: url(../img/show_r1.png) right 70px center no-repeat;
    }
    .show_html .show .text .button .float_r:hover p {
        background: url(../img/show_r2.png) right 70px center no-repeat;
    }
}



@media screen and (max-width:1024px) {
	
	.show_tel{
	position:absolute;
	right:0;
	bottom:30%;
	z-index:999;
	background:rgba(203,0,0,.8);
	width:60%;
}
.show_tel .tel1{
	font-size:1.2rem;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:30px;
}
.show_tel2{
	position:absolute;
	right:0;
	bottom:10px;
	z-index:999;
	background:rgba(203,0,0,.8);
	width:70%;
}
.show_tel2 .tel2{
	font-size:1rem;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:30px;
}
	
    body{
        padding-bottom:70px;
    }
    .center {
        width: 100%;
    }
    .phone_state{
        display: block;
    }
	.pc_state{
        display: none;
    }

    .head {
		width: 100%;
		height: 60px;
		background: #cb0000;
		position: relative;
	}
	.head img{
		height: 100%;
    }
    .head .logo{
        margin-left: 20px;
    }
	.head .nav_icon2{
		display: none;
	}
	.nav{
		display: none;
	}
	.nav a{
		display: block;
		float: left;
		width: calc(25% - 2px);
		text-align: center;
		height: 34px;
		line-height: 34px;
		background: #c10101;
		font-size: 13px;
		color: #fff;
	}
	.nav a:nth-child(1),
	.nav a:nth-child(2),
	.nav a:nth-child(3),
	.nav a:nth-child(4){
		border-bottom: solid 1px #a70101;
	}
	.nav a:nth-child(5),
	.nav a:nth-child(6),
	.nav a:nth-child(7),
	.nav a:nth-child(8){
		border-top: solid 1px #d60202;
	}
	.nav a:nth-child(2),
	.nav a:nth-child(3),
	.nav a:nth-child(6),
	.nav a:nth-child(7){
        border-left: solid 1px #a70101;
        border-right: solid 1px #d60202;
	}
	.nav a:nth-child(1),
	.nav a:nth-child(5){
		border-right: solid 1px #d60202;
		width: calc(25% - 1px);
	}
	.nav a:nth-child(4),
	.nav a:nth-child(8){
		width: calc(25% - 1px);
		border-left: solid 1px #a70101;
    }
    .phone_banner img{
        width: 100%;
    }
    .phone_banner .swiper-pagination-bullet {
        border-radius: 100%;
        background: #d60202;
    }
    .index_title .h6 {
        font-size: 22px;
        line-height: 36px;
        padding-top: 10px;
    }
    .index_title .p {
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 20px;
    }
    .index_product .fenlei .flex{
        display: block;
    }
    .index_product .fenlei .flex a{
        font-size: 14px;
        width: 80px;
        height: 36px;
        line-height: 36px;
        display: inline-block;
        margin-bottom: 10px;
    }
    .product {
        margin-top: 22px;
        padding: 0 15px;
    }    
    .product .chanpin {
        width: calc(50% - 16px);
    }
    .product_more {
        width: 110px;
        height: 38px;
    }
    .product_more p {
        width: 110px;
        height: 38px;
        line-height: 38px;
    }
    .product .chanpin .p .float_l {
        width: calc(100% - 60px);
        margin-left: 10px;
    }
    .product .chanpin .p .mingzi {
        font-size: 15px;
        margin-top: 10px;
    }
    .product .chanpin .p {
        height: 70px;
    }
    .product .chanpin .p .float_r {
        margin-right: 14px;
        margin-top: 25px;
    }
    .index_about{
        padding-bottom: 50px;
        height: auto;
        background-size: auto 100%;
    }
    .index_about .img {
		display:none;
        width: 96%;
        height: auto;
        margin: auto;
        float: unset;
        padding: 4% 0;
    }
    .index_about .img img {
        width: 91%;
        height: auto;
        margin-top: 0px;
    }
    .index_about .right {
        width: calc(100% - 30px);
        margin: auto;
        float: unset; 
        height: auto;
        padding-bottom: 20px;
        margin-top: 30px;
        border-radius: 10px;
    }
    .index_about .right .h6 {
        font-size: 20px;
        line-height: 44px;
        padding-top: 12px;
    }
    .index_about .right p {
        font-size: 14px;
        color: #cccccc;
        line-height: 30px;
    }
    .index_about .right .number {
        display: block;
    }
    .index_about .right .number div {
        width: 50%;
        float: left;
    }
    .index_about .right .number div p:nth-child(1) {
        font-size: 35px;
        line-height: 36px;
        background: url(../img/number_icon.png) top 0px right no-repeat;
    }
    .index_case{
        padding-top: 20px;
    }
    .marqueeleft {
        height: auto;
        width: 100%;
    }
    .marqueeleft li {
        width: 252px;
        height: auto;
    }
    .index_case li .img {
        width: 100%;
        height: auto;
    }
    .index_case li .img img{
        width: 100%;
        height: auto;
    }
    .index_case li .p .float_l{
        width: calc(100% - 80px);
    }
    .index_case li .p .mingzi {
        width: 100%;
    }
    .width_img{
        width: 100%;
    }
    .foot_lianxi{
        display: none;
    }
    .yqlj{
        display: none;
    }
    .foot .foot_logo{
        display: none;
    }
    .foot .erweima{
        display: none;
    }
    .foot .foot_nav .dh{
        display: none;
    }
    .foot .foot_nav {
        width: calc(100% - 40px);
        padding: 0 20px;
        text-align: center;
    }
    .foot{
        height: auto;
        padding: 16px 0;
    }
    .foot .center {
        padding-top: 0px;
    }
    .foot .foot_nav p {
        line-height: 22px;
    }
    .index_news {
        height: auto;
        background-size: auto 100%;
        padding:20px 15px 50px 15px;
    }
    .index_news .news .left {
        width: 100%;
        height: auto;
    }
    .index_news .news .right {
        width: 100%;
    }
    .index_news .news .right a {
        border-top: none;
        border-bottom: solid 1px #e5e5e5;
    }
    .index_news .news .left .img img {
        height: auto;
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        margin-left: 0px;
    }
    .index_news .news .left .img {
        height: auto;
    }
    .index_news .news .left .text {
        height: auto;
        padding: 15px 20px 20px 25px;
    }
    .index_news .news .left .text .bt{
        line-height: 32px;
        height: 32px;
        padding-top: 0px;
    }
    .index_news .news .left .text .time {
        line-height: 32px;
        height: 32px;
        padding-top: 0px;
    }
    .index_news .news .left .text .p {
        line-height: 22px;
    }
    .index_news .news .left .text .jt {
        margin-top: 13px;
    }
    .index_news .news .right a {
        height: 120px;
    }
    .index_news .news .right a .text .bt{
        line-height: 35px;
        height: 35px;
        padding-top: 12px;
        background: url(../img/news_dian1.png) top 28px left no-repeat;
    }
    .index_news .news .right a .text .time {
        line-height: 35px;
        height: 35px;
    }
    .index_news .news .right a .text .p {
        line-height: 22px;
    }
    .index_news .news .right a .text .jt {
        margin-top: 14px;
    }    
    .phone_foot{
		width: 100%;
		height: 70px;
		background: #cb0000;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 99;
	}
	.phone_foot .float_l{
		width: calc(25% - 2px);
		border-left: solid 1px #d60202;
        border-right: solid 1px #a70101;
		height: 70px;
	}
	.phone_foot a:nth-child(1) .float_l{
		width: calc(25% - 1px);
		border-left: none;
	}
	.phone_foot a:nth-child(41) .float_l{
		width: calc(25% - 1px);
		border-right: none;
	}
	.phone_foot .float_l img{
		width: 47px;
		height: 32px;
		margin: auto;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	.phone_foot .float_l p{
		text-align: center;
		font-size: 14px;
		color: #fff;
		/* margin-top: -0.05rem; */
	}
	.foot_line{
		width: 1px;
		height: 100%;
		background: #362d26;
		/* margin-top: 0.22rem; */
		float: left;
		display: none;
    }
    .phone_banner img{
        width: 100%；
    }
    .search{
        height: auto;
        padding:10px 10px 20px 10px;
    }
    .search .p {
        font-size: 14px;
        line-height: 32px;
    }
    .search .p a {
        font-size: 14px;
        height: 40px;
    }
    .search .input {
        padding-top: 12px;
        width: 100%;
    }
    .search .input input {
        width: calc(100% - 98px);
        height: 40px;
        line-height: 40px;
    }
    .contact_html{
        padding: 0 15px;
        padding-bottom: 50px;
    }
    .ny_title {
        padding-top: 10px;
        line-height: 58px;
        text-align: center;
        font-size: 24px;
    }
    .contact_html .text .h6 {
        font-size: 16px;
        line-height: 32px;
    }    
    .contact_html .text p {
        font-size: 15px;
        line-height: 32px;
    }
    .contact_html #dituContent{
        height: 250px !important;
    }
    .page a{
        font-size: 15px;
        margin-bottom: 10px;
        display: inline-block;
        padding: 0 18px;
        line-height: 38px;
    }
    .index_product {
        padding-bottom: 26px;
    }
    .list_html .index_news {
        margin-top: 0px
    }
    .list_html .index_news .news .left {
        width: calc(100% - 20px);
        height: auto;
        margin-bottom: 22px;
        padding: 0 10px;
    }
    .list_html .index_news .news .left .img {
        height: auto;
        width: 100%;
        margin-top: 12px;
        margin-left: 0px;
        border: none;
    }
    .list_html .index_news .news .left .img img {
        width: 100%;
        height: auto;
    }
    .list_html .index_news .news .left .text{
        width: calc(100% - 10px);
        height: auto;
        padding: 0 5px;
        padding-bottom: 20px;
    }
    .list_html .index_news .news .left .text .bt {
        width: calc(100% - 90px);
        padding-top: 12px;
        font-size: 16px;
        margin-bottom: 5px;
    }
    .list_html .index_news .news .left .text .time {
        width: 70px;
        padding-top: 12px;
        font-size: 16px;
        margin-bottom: 5px;
    }
    .list_html .index_news .news .left .text .p {
        font-size: 14px;
        width: calc(100% - 90px);
        line-height: 22px;
    }
    .list_html .index_news .news .left .text .jt {
        margin-top: 10px;
    }
    .list_html {
        padding-bottom: 0px;
    }
    .list_show_html .biaoti .h6 {
        font-size: 22px;
        line-height: 34px;
        padding-top: 20px;
    }
    .list_show_html .biaoti p {
        line-height: 22px;
        font-size: 13px;
    }
    .list_show_html .biaoti {
        height: auto;
        padding-bottom: 20px;
    }
    .list_show_html .text {
        padding: 20px 15px 30px 15px;
    }
    .list_show_html .text p {
        line-height: 35px;
    }
	.list_show_html .text p img{
		max-width:100%;
		margin-bottom:20px;
	}
    .list_show_html .fanhui {
        width: 130px;
        height: 45px;
        line-height: 45px;
    }

    .list_show_html .fanye a{
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        background: #e6e6e6;
    }
    .list_show_html .fanye {
        height: auto;
        background: none;
    }
    .list_show_html .fanye a p {
        width: calc(100% - 30px) !important;
        line-height: 50px!important;
        height: 50px!important;
        font-size: 15px!important;
        margin: auto!important;
        float: unset!important;
    }
    .list_show_html .fanye a img{
        display: none !important;
    }
    .list_show_html .fanye .you_a p{
        width: calc(100% - 68px) !important;
        padding-right: 38px !important;
        background: url(../img/list_show2.png) right center no-repeat !important;
    }
    .list_show_html {
        padding-bottom: 45px;
    }
    .message_html .message{
        height: auto;
        width: 100%;
        margin-top: 30px;
    }
    .message_html .message .message_img{
        width: 100%;
        float: unset;
        display: none;
    }
    .message_html .text {
        width: calc(100% - 30px);
        margin: auto;
        padding-left: 0;
        float: unset;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .single_html .text {
        padding: 24px 15px 40px 15px;
    }
    .single_html .text p {
        line-height: 35px;
        font-size: 15px;
        margin-bottom: 5px;
    }
    .show_html {
        padding: 30px 15px 60px 15px;
    }
    .show_html .show img {
        width: 100%;
        height: auto;
    }
    .show_html .show .text {
        width: 100%;
        height: 380px;
    }
    .show_html .xiangqing .fanhui{
        width: 130px;
        height: 45px;
        line-height: 45px;
    }
    .show_html .xiangqing .p {
        padding: 24px 15px 0px 15px;
    }
    .show_html .xiangqing .p p {
        line-height: 26px;
    }
    .show_html .xiangqing .bt {
        height: 55px;
        line-height: 55px;
    }    
    .show_html .show .text .h6 {
        width: calc(100% - 30px);
        font-size: 22px;
        line-height: 70px;
    }
    .show_html .show .text .p {
        width: calc(100% - 30px);
        line-height: 33px;
		overflow:hidden;
    }
    .show_html .show .text .dh {
        width: calc(100% - 30px);
        font-size: 20px;
		line-height:50px;
    }
    .show_html .show .text .button .float_l{
        height: 50px;
        line-height: 50px;
    }
    .show_html .show .text .button .float_l p {
        line-height: 50px;
        background: url(../img/show_l1.png) left 40px center no-repeat;
    }
    .show_html .show .text .button .float_l:hover p {
        background: url(../img/show_l2.png) left 40px center no-repeat;
    }
    .show_html .show .text .button .float_r{
        height: 50px;
        line-height: 50px;
    }
    .show_html .show .text .button .float_r p {
        line-height: 50px;
        background: url(../img/show_r1.png) right 40px center no-repeat;
    }
    .show_html .show .text .button .float_r:hover p {
        background: url(../img/show_r2.png) right 40px center no-repeat;
    }
}