@charset "utf-8";
a,blockquote,body,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul {
    margin: 0;
    padding: 0;
    border: 0
}

body {
    font-family: "Microsoft YaHei, Helvetica, Arial, sans-serif";
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none
}

a,
a:active,
a:focus,
a:hover,
a:visited {
    text-decoration: none
}

a,
img {
    -webkit-touch-callout: none
}

li,
ol,
ul {
    list-style: none
}

input[type=password],
input[type=text],
input[type=submit],
textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
}
textarea {font-family: "Microsoft YaHei"}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

@media screen and (max-width:320px) {
    html {
        font-size: 42.667px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:321px) and (max-width:360px) {
    html {
        font-size: 48px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:361px) and (max-width:375px) {
    html {
        font-size: 50px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:376px) and (max-width:393px) {
    html {
        font-size: 52.4px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:394px) and (max-width:412px) {
    html {
        font-size: 54.93px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:413px) and (max-width:414px) {
    html {
        font-size: 55.2px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:415px) and (max-width:480px) {
    html {
        font-size: 64px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:481px) and (max-width:540px) {
    html {
        font-size: 72px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:541px) and (max-width:640px) {
    html {
        font-size: 85.33px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:641px) and (max-width:720px) {
    html {
        font-size: 96px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:721px) and (max-width:768px) {
    html {
        font-size: 102.4px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:769px) {
    html {
        font-size: 102.4px;
        font-size: 13.33333vw
    }
}

body {
    font-family: "Microsoft YaHei, Helvetica";
}

body,
html a {
    color: #333
}

.hidden,
.none {
    display: none!important
}

@media screen and (min-width:769px) {
    html {
        font-size: 102.4px
    }
    html .wap-wrap {
        width: 768px;
        margin: 0 auto
    }
}

body {
    font-family: "Microsoft YaHei, Helvetica";
}

.st {
    font-family: "simsun";
}
.fl {
    display: block;
    float: left;
}

.fr {
    display: block;
    float: right;
}
.clear:after,
.cl:after {
    content: '';
    display: block;
    clear: both;
}

.spaced {
    width: 100%;
    height: .2rem;
    background: #f0f0f0;
}
/* 内容 */
.header {
    position: relative;
	width: 100%;
    height: .84rem;
	background: #d72821;
	box-sizing: border-box;
}
.logo {
    display: block;
    padding-left: .3rem;
	font-size: .24rem;
}
.logo a {
	display: flex;
	align-items: center;
	width: 3.5rem;
	height: .84rem;
}
.logo a img {
	width: 100%;
	vertical-align: top;
}
.hnav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.17rem;
    height: .84rem;
    position: relative;
    z-index: 2;
}
.hnav-btn {
	display: block;
	width: .43rem;
	height: .39rem;
	background: url(../images/hnav-icon.png) no-repeat;
	background-size: 100% 100%;
}
.hnavcon {
    display: none;
    position: absolute;
    width: 3.45rem;
    right: 0;
    top: 100%;
    padding: 0 .03rem 0 .3rem;
    background: rgba(0, 0, 0, .89);
    box-sizing: border-box;
}
.hnav-item a {
    display: block;
    width: 100%;
    height: 1.66rem;
    padding-top: .14rem;
    font-size: .36rem;
    line-height: 1.52rem;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    border-bottom: 1px solid #333;
}
/* banner */
.banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.banner img {
    width: 100%;
    vertical-align: top;
}
.bancon {
    position: relative;
}

.bancp-item {
    height: 3.45rem;
}

.bancp-item img {
    width: 100%;
    vertical-align: top;
}

.main {
    /*padding-bottom: .2rem;8*/
    background: #f0f0f0;
}
/* 图片导航 */
.pnav {
    padding: .34rem 0 .15rem;
    background: #fff;
}
.pnavcon {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.pnavc-item {
    width: 25%;
}
.pnavc-icon {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 auto;
}
.pnavc-icon img {
    width: 100%;
    vertical-align: top;
}
.pnavc-text {
    display: block;
    margin-top: .18rem;
    font-size: .24rem;
    line-height: .48rem;
    text-align: center;
    color: #2b2a2a;
}
/* 产品列表 */
.procon {
    margin-top: .2rem;
    padding: .2rem .2rem 0;
    font-size: .24rem;
    background: #fff;
	min-height: 9.5rem;
}
.prolist {
    display: flex;
    flex-wrap: wrap;
}
.prolist-item {
    width: 50%;
    padding: .27rem 0 .37rem 0;
    box-sizing: border-box;
}
.proli-pic a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 2.75rem;
    font-size: .24rem;
    text-align: center;
}
.proli-pic a img {
    max-height: 100%;
    vertical-align: top;
}
.proli-tit a {
    display: flex;
    align-items: center;
    width: 100%;
    height: .92rem;
    font-size: .3rem;
    line-height: .46rem;
    color: #2b2a2a;
}
.proli-bwrap {
    display: flex;
    justify-content: space-between;
}
.prolibw-item {
    display: flex;
    justify-content: center;
    height: .56rem;
    line-height: .56rem;
}
.prolibw-cx {
    width: 1.64rem;
}
.prolibw-text {
    display: table;
    position: relative;
    padding-left: .33rem;
}
.prolibw-ticon {
    display: block;
    position: absolute;
    width: .25rem;
    height: .18rem;
    top: 50%;
    left: 0;
    margin-top: -0.09rem;
    background: url(../images/prolibw-ticon.png) no-repeat;
    background-size: 100% 100%;
}
.prolibw-xj {
    width: 1.73rem;
    font-size: .3rem;
    text-align: center;
    color: #fff;
    background: #d72821;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.prolist-item:nth-child(2n-1) {
    padding-right: .15rem;
    /*border-right: 1px solid #dfdfdf;*/
}
.prolist-item:nth-child(2n) {
    padding-left: .15rem;
}

/* 关于我们 */
.hbat {
    display: flex;
    flex-wrap: wrap;
}
.hback {
    display: block;
    width: .84rem;
    height: .84rem;
    background: url(../images/hback-icon.png) no-repeat;
    background-size: 100% 100%;
}
.htit {
    display: block;
    font-size: .3rem;
    line-height: .84rem;
    color: #fffefe;
}
.about-main {
    width: 100%;
    padding: .22rem .32rem;
    background: #fff;
    box-sizing: border-box;
}
.abouta-title {
    font-size: .34rem;
    line-height: .5rem;
    text-align: center;
    color: #1f1a17;
}
.about-art {
    margin-top: .2rem;
    font-size: .24rem;
    line-height: .4rem;
    color: #4d4d4d;
}

/* 联系我们 */
.maps {
    display: block;
    width: 100%;
}
.maps img {
    width: 100%;
    vertical-align: top;
}
.contact-con {
    padding-top: .17rem;
}
.ctc-box {
    padding: .3rem .54rem 0;
    box-sizing: border-box;
}
.ctcb-tit {
    display: block;
    position: relative;
    padding-left: .2rem;
    font-size: .3rem;
    font-weight: bold;
    line-height: .44rem;
    color: #d72821;
}
.ctcb-ticon {
    display: block;
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    left: 0;
    background: #d72821;
}
.ctcb-con {
    padding-left: .2rem;
    font-size: .24rem;
}
.ctcb-coname {
    margin: .2rem 0 .24rem;
    font-size: .26rem;
    line-height: .32rem;
}
.ctcb-comtext {
    font-size: .24rem;
    line-height: .48rem;
    color: #8a8a8a;
}
.ctcb-form {
    padding: .3rem .2rem;
}
.ctcb-cinput {
    display: block;
    margin-bottom: .31rem;
}
.ctcb-cinput input {
    display: block;
    width: 5.7rem;
    height: .7rem;
    padding: 0 .28rem;
    font-size: .26rem;
    line-height: .7rem;
    color: #a1a1a1;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
}
.ctcb-ctexta textarea {
    display: block;
    width: 5.7rem;
    max-width: 5.7rem;
    height: 1.63rem;
    padding: 0 .28rem;
    font-size: .26rem;
    line-height: .7rem;
    color: #a1a1a1;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
}
.ctcb-csubmit {
    display: block;
    margin: .3rem auto 0;
    display: flex;
    justify-content: space-between;
    padding: 0 .6rem 0 .3rem;
}

.ctcb-csubmit input {
    display: block;
    /* margin: 0 auto; */
    width: 2.2rem;
    height: .7rem;
    font-size: .26rem;
    font-weight: bold;
    line-height: .7rem;
    text-align: center;
    color: #fff;
    background: #d72821;
}


/* 底部 */
.footer {
    width: 100%;
    padding: .27rem .52rem;
    background: #d72821;
    box-sizing: border-box;
}
.fcont-iwrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.fcont-iwitem {
    display: block;
    width: .65rem;
    height: .53rem;
    margin: 0 .5rem;
}
.fcontiw-wechat,
.fcont-iwitem:nth-child(1) {
    background: url(../images/fcont-iwicon1.png) no-repeat;
    background-size: 100% 100%;
}
.fcontiw-tel,
.fcont-iwitem:nth-child(2) {
    background: url(../images/fcont-iwicon2.png) no-repeat;
    background-size: 100% 100%;
}
.fcont-tel {
    display: block;
    padding: .1rem 0;
    font-size: .26rem;
    line-height: .46rem;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #e2524c;
}
.fcont-website {
    padding-top: .1rem;
    font-size: .26rem;
    line-height: .46rem;
    text-align: center;
    color: #fcc2c0;
}
/* 产品详情 */
.promain {
    padding-bottom: 1.06rem;
    background: #f0f0f0;
}
.prod-pic {
    display: block;
    width: 100%;
    font-size: .24rem;
}
.prod-pic img {
    width: 100%;
    vertical-align: top;
}
.prod-tit {
    display: block;
    width: 100%;
    padding: .1rem .3rem;
    font-size: .32rem;
    line-height: .52rem;
    color: #2b2b2b;
    background: #fff;
    box-sizing: border-box;
}
.prod-msg,
.sales-call {
    margin-top: .2rem;
    padding: .3rem .2rem;
    background: #fff;
}
.prod-mtit {
    display: block;
    position: relative;
    padding-left: .28rem;
    font-size: .3rem;
    font-weight: bold;
    line-height: .5rem;
    color: #383838;
    box-sizing: border-box;
}
.prod-mticon {
    display: block;
    position: absolute;
    width: .11rem;
    height: .2rem;
    top: 50%;
    left: .07rem;
    margin-top: -0.1rem;
    background: #d72821;
}
.prod-mcon {
    margin-top: .26rem;
    font-size: .26rem;
    line-height: .56rem;
}
.prod-mcon table td {
    padding: 0 .1rem;
}
.prod-mcon img {
	max-width: 100%;
	vertical-align: top;
}
.prodsc-con {
    padding: .1rem 0 .3rem;
    border-top: 1px solid #f5f5f5;
}
.prodsc-item {
    padding: .28rem 0;
}
.prodsc-mtext1 {
    display: block;
    font-size: .28rem;
    line-height: .4rem;
    color: #2a2a2a;
}
.prodsc-mtext2 {
    display: block;
    font-size: .2rem;
    line-height: .3rem;
    color: #a2a2a2;
}
.prodsc-btn {
    display: block;
    position: relative;
    width: 2rem;
    height: .64rem;
    padding-left: .66rem;
    font-size: .28rem;
    line-height: .64rem;
    color: #fff;
    background: #d72821;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-sizing: border-box;
}
.prodsc-bicon {
    display: block;
    position: absolute;
    width: .36rem;
    height: .36rem;
    top: .14rem;
    left: .2rem;
    background: url(../images/prodsc-bicon.png) no-repeat;
    background-size: 100% 100%;
}

.xjbtn {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .9rem;
    font-size: .32rem;
    line-height: .9rem;
    text-align: center;
    color: #fff;
    background: #d72821;
}

/* 产品列表页 */
.msubnav,
.msubnav-box {
    position: relative;
    height: .76rem;
    background: #d2cfcd;
}
.msubnav {
    width: 6.18rem;
    position:relative;
    overflow: hidden;
}
.msubnav-item {
    float: left;
}
.msubnav-item a {
    display: block;
    padding: 0 .2rem;
    font-size: .28rem;
    line-height: .76rem;
    color: #2b2a2a;
    background: url(../images/msubnav-bg.png) top right no-repeat;
    background-size: auto 100%;
}
.msubnav-more {
    display: block;
    position: absolute;
    width: 1.12rem;
    height: 100%;
    top: 0;
    right: 0;
    font-size: .28rem;
    line-height: .76rem;
    text-align: center;
    color: #d72821;
    background: #d2cfcd;
}
.msubnav .scroller {
    position:absolute
}
.msubnav .scroller li.cur{
    color: #fff;
    background: #d72821;
}
.msubnav .scroller li.cur a{
    color:#fff;
    background: none;
}

/* 产品中心 */
.protabs {
    width: 100%;
	height: calc(100vh - 3.14rem);
}
.protabs-menu {
    float: left;
    width: 2.6rem;
  	height: 100%;
    border-right: 1px solid #9d9d9d;
  	overflow-y: auto;
}
.protabs-mnitem {
    display: block;
    width: 100%;
    height: 1.18rem;
    font-size: .34rem;
    line-height: 1.18rem;
    text-align: center;
    color: #222;
    border-bottom: 1px solid #cecece;
}
.protabs-box {
    margin-left: 2.07rem;
}
.protabs-bitem {
    display: none;
}

/* 让第一个框显示出来 */
.protabs-bitem:first-Child {
    display: block;
}

/* 改变选项卡选中时候的样式 */
.protabs-mnitem.on {
    color: #fff;
    background: #d72821;
}

.profenl-list {
    display: flex;
    flex-wrap: wrap;
}
.profenl-item {
    width: 33.33%;
    padding-bottom: .1rem;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    box-sizing: border-box;
}
.profenl-item:nth-child(3n) {
    border-right: 0 none;
}
.profenl-item a {
    display: block;
}
.profenl-pic {
    display: block;
    width: 1.7rem;
    height: 1.95rem;
    margin: 0 auto;
    font-size: .24rem;
    text-align: center;
}
.profenl-pic img {
    max-width: 100%;
    height: 100%;
    vertical-align: top;
}
.profenl-name {
    display: block;
    height: .8rem;
    margin-top: .1rem;
    padding: 0 .1rem;
    font-size: .24rem;
    line-height: .4rem;
    text-align: center;
    color: #252525;
    box-sizing: border-box;
}
.proli-pic a {
	border: 1px solid #ddd;
}

.newsban {
    position: relative;
    max-width: 100%;
    overflow: hidden;
}
.newsban .swiper-slide a {
    display: block;
    position: relative;
}
.newsban .swiper-slide img {
    width: 100%;
    vertical-align: top;
	height: 245px;
}
.newsban .swiper-button-prev {
    width: .6rem;
    height: .6rem;
    background: url(../images/arrow-prev.png) center center no-repeat;
    background-size: 100% 100%;
}
.newsban .swiper-button-next {
    width: .6rem;
    height: .6rem;
    background: url(../images/arrow-next.png) center center no-repeat;
    background-size: 100% 100%;
}
.news-btit {
    display: block;
    position: absolute;
    width: 100%;
    height: .6rem;
    padding: 0 .2rem;
    bottom: 0;
    font-size: .28rem;
    line-height: .6rem;
    text-align: center;
    color: #fff;
    background: rgba(14, 14, 14, .6);
    box-sizing: border-box;
}
.newslist {
    padding: 0 .15rem .6rem;
}
.newsl-item {
    width: 100%;
    position: relative;
    padding: .24rem 0;
    border-top: 1px solid #ededed;
    box-sizing: border-box;
}
.newsl-item:first-child {
    border: 0;
}
.newsl-pic {
    display: block;
    width: 2.4rem;
}
.newsl-pic img {
    width: 100%;
    vertical-align: top;
}
.newsl-con {
    min-height: 1.5rem;
    margin-left: 2.58rem;
}
.newsl-tit {
    display: block;
    font-size: .3rem;
    line-height: .44rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newsl-art {
    display: block;
    max-height: .6rem;
    margin-top: .28rem;
    font-size: .22rem;
    line-height: .3rem;
    color: #878787;
}
.newsl-link {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.newsd {
	overflow: hidden;
    width: 100%;
    padding: .4rem .3rem;
    box-sizing: border-box;
}
.newsd h3 {
    display: block;
    font-size: .36rem;
    line-height: .6rem;
    color: #3e3e3e;
}
.newsd-info {
    display: block;
    padding-right: .26rem;
    font-size: .26rem;
    line-height: .3rem;
    text-align: right;
    color: #878787;
}
.newsd-art {
    font-size: .26rem;
    line-height: .48rem;
    color: #4b4b4b;
}
.newsd-art p {
    margin: .2rem 0;
}
.newsd-art p img,
.newsd-art img {
    display: block;
    max-width: 80%;
    margin: 0 auto;
}
/*弹窗*/
.popupcsd {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(15, 1, 0, 0.7);
	z-index: 3;
}
.popupcsdcon {
	position: absolute;
	background: #fff;
	min-height:320px;
	padding: 30px 20px;
	background:rgba(255,255,255,1);
	border-radius:4px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -65%);
	min-height: 90px;
}
.popupcsdtit {
	width:240px;
	max-height: 72px;
	line-height: 36px;
	font-size:24px;
	font-weight:500;
	color:rgba(68,68,68,1);
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin:0 auto;
}
.popupcsdtext {
	width:240px;
	margin: 10px auto 0;
	max-height:40px;
	min-height: 20px;
	line-height: 20px;
	font-size:14px;
	font-weight:400;
	color:rgba(141,162,181,1);
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden; 
}

.popupinput {
	position: relative;
}
.popupinput input {
	position: relative;
	color: initial;
	padding-left: 4px;
	width: 240px;
	height: 32px;
	margin-top: 40px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 1);
	border-radius: 2px;
	border: 1px solid rgba(206, 213, 224, 1);
}
.popuptips {
	position: absolute;
	bottom: 44px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	background: rgba(244, 64, 36, 0.9);
	height: 28px;
	border-radius: 2px;
	font-size: 12px;
	font-weight: 400;
	padding: 0 10px;
	color: rgba(255, 255, 255, 1);
	line-height: 28px;
	text-align: center;
	box-sizing: border-box;
	white-space: nowrap;
}
.popuptips::after {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-top: 5px solid rgba(245, 83, 57, 1);
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	margin: 0 auto;
}
.popupbtn {
	display: block;
	width:240px;
	height:40px;
	background:#d72821;
	border-radius:2px;
	box-sizing: border-box;
	text-align: center;
	font-size:16px;
	line-height: 40px;
	font-weight:400;
	color:rgba(255, 255, 255, 1);
	cursor: pointer;
	padding: 0 24px;
	margin-top:16px;
}
.popupclose {
	position: absolute;
	width:20px;
	height:20px;
	top:5px;
	right:5px;
}
.popupclose svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}