@charset "UTF-8";
*{margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box;}
.ease{transition: all .3s linear;}
a,
a:link,
a:visited,
a:hover,
a:active{color: #000; text-decoration: none;}
html{width: 100%; min-height: 100%;}
body{width: 100%;min-height: 100%;max-width: 640px;min-width: 320px;margin: 0 auto;font: 0.24rem/1.6 "Microsoft Yahei", Arial;color: #333;background: #fff;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding-top: 1rem;}
body:before{content: ""; width: 100%; display: block;}
img{border: 0px;}
em,
b{font-style: normal;}
h1,
h2,
h3,
h4,
h5,
h6{font-weight: normal; font-size: .24rem;}
ul,
ol{list-style-type: none;}
input,
button,
textarea{outline: none; font-family: "Microsoft Yahei", Arial; font-size: .24rem; -webkit-appearance: none !important;}
table{border-collapse: collapse; border-spacing: 0;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #999;}
input:-moz-placeholder,
textarea:-moz-placeholder{color: #999;}
input::-moz-placeholder,
textarea::-moz-placeholder{color: #999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #999;}
.hidden{display: none;}
.clearfix:after{content: ""; display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0;}
/*公用样式*/
.layout{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 101; background: #000; opacity: 1;}
.fl{float: left;}
.fr{float: right;}
.por{position: relative;}
.poa{position: absolute;}
.tac{text-align: center;}
.ico,
.icobef:before,
.icobef:after{background: url(../images/ico.png) no-repeat; display: inline-block; background-size: 5rem auto; vertical-align: middle;}
.icobef:before,
.icobef:after{content: "\20"; display: block;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.header{max-width: 640px;min-width: 320px;background: #fff;width: 100%;height: 1rem;z-index: 99;position: fixed; /*tsearch*/top: 0px;}
.header .logo{width: 4.5rem;height: 0.9rem;display: block;padding-left: 0.2rem;padding-top: 0.05rem;}
.header .logo img{height: 0.9rem;display: block;float:left;}
.header .navBtn{width: 1rem; height: 0.8rem; text-align: center; position: absolute; right: 0; top: 0; z-index: 11;}
.header .navBtn span{width: .4rem; height: .05rem; display: block; left: .29rem; z-index: 11; position: absolute; background: #333333; border-radius: .03rem; transition-duration: .5s;}
.header .navBtn span:first-child{top: .33rem;}
.header .navBtn span:nth-child(2){top: .49rem; transition-duration: .1s;}
.header .navBtn span:nth-child(3){top: .64rem;}
.header .topsearch{width: 1rem; height: 1rem; position: absolute; right:1rem; top: 0px; text-align: center;}
.header .topsearch:before{width: 0.34rem; height: 0.35rem; margin: .33rem auto 0; background-position: -1.06rem 0;}
.header .tsearch{width: 100%; height: 1rem; padding: .2rem 3%; position: absolute; left: 0; top: 1rem; z-index: 1122; background: #efefef; border-top: 1px solid #d3d3d3;}
.header .tsearch .txt{width: 75%; color: #000; text-indent: .68rem; color: #666; font-size: .22rem; height: .6rem; background: none; border: 1px solid #bbb; position: absolute; left: 3%; top: .2rem;}
.header .tsearch .btn{color: #fff; font-size: .22rem; width: 20%; height: .6rem; line-height: .6rem; text-align: center; border: 0px; background: #da1f2e; position: absolute; right: 3%; top: .2rem;}
.header .tsearch:before{width: 0.45rem; height: 0.45rem; position: absolute; left: .4rem; top: .32rem; background-position: -1.05rem 0;}
.header .tsearch.bsearch{display: block; position: relative; z-index: 10; margin: .3rem auto; background: none; border-top: 0; top: 0;}
.header .tsearch.bsearch .txt{height: 0.76rem;}
.header .tsearch.bsearch .btn{height: 0.76rem; line-height: 0.76rem;}
.header .tsearch.bsearch:before{top: .36rem;}
/* banner */
.banner{position: relative; overflow: hidden;}
.banner,
.banner li,
.banner li img{height: 2.14rem;}
.banner .list{float: left; width: 500%;}
.banner .list li{float: left; width: 20%;}
.banner .list img{display: block; width: 100%;}
.banner{position: relative;}
.banner .tip{height: .2rem; position: absolute; text-align:left; left: 0; bottom: .3rem; z-index: 10; margin-left:0.38rem;}
.banner .tip span{width: .12rem; height: .12rem; display: inline-block; margin: 0 .06rem; vertical-align: top; cursor: pointer; background-color:#fff; border-radius: 100%; margin-top:0.04rem;}
.banner .tip span.cur{background: #da1f2e;width: .2rem; margin-top:0; height: .2rem;}
.showInfo .banner .tip{width: 100%;text-align: center;margin-left: 0;}
.imsg{width: 100%; margin: .4rem auto 0;}
.imsg .item{width: 100%; height: .6rem; box-sizing: border-box; margin-bottom: .28rem; position: relative; line-height: .54rem; border: 1px solid #dcdcdc; background: #fff;}
.imsg .txt{width: 100%; height: .6rem; text-indent: .18rem; line-height: .54rem; border: 0px; background: none; outline: none; color: #666;}
.imsg .liuyan{width: 100%; height: 1.58rem; margin-bottom: .2rem; height: 2.08rem;}
.imsg .liuyan textarea{width: 100%; color: #666; overflow: hidden; box-sizing: border-box; padding: .15rem .18rem; height: 2.08rem; font-family: "微软雅黑"; resize: none; border: 0; background: none;}
.imsg .submit{width: 100%; height: .8rem; cursor: pointer; border: 0; line-height: .8rem; text-align: center; color: #fff; display: block; background: #6c6c6c;}
.floor_2{height:3.7rem; overflow:hidden;}
.floor_2 .case_main{display:inline-block; height:3.7rem; overflow:hidden;}
.floor_2 .case_main ul{display:inline-block;}
.floor_2 .case_main li{width:33.3%; float:left; height:1.85rem; text-align:center; cursor:pointer;background-color: #f9f9f9;}
.floor_2 .case_main li a{display:inline-block;}
.floor_2 .case_main li i{display:inline-block;width: 100%;height:0.69rem;margin-top:0.34rem;}
.floor_2 .case_main li i img{display:inline-block;height:0.69rem;}
.floor_2 .case_main li p{padding-top:0.2rem; font-size:0.24rem; color:#000000; line-height:16px;}

.floor_2 .case_main li.li6 p{padding:0; font-size:0.3rem; color:#fff; line-height:1.85rem;}
.floor_3_main{background-color:#f0f0f0; padding-bottom:0.3rem;}
.floor_3_1{text-align:center;}
.floor_3_1 p{font-size:0.3rem; color:#da1f2e; padding-top:0.43rem;}
.floor_3_1 p span{font-size:0.2rem; color:#000000; display:block; text-transform:uppercase;}
.floor_3 .part2{margin-top:0.22rem; width:5.8rem; margin:0 auto;}
.floor_3 .part2 ul{display:inline-block;}
.floor_3 .part2 li{width:2.7rem; height:2.73rem; overflow:hidden; text-align:center; float:left; margin:0 0.1rem; margin-top:0.2rem;}
.floor_3 .part2 li a{width:2.7rem; height:2.73rem; display:block;}
.floor_3 .part2 li img{width:2.7rem; height:2.03rem; background-size:100%; overflow:hidden; display: block;}
.floor_3 .part2 li p{width:2.7rem;font-size:0.24rem;color:#333333;line-height:0.7rem;height:0.7rem;display:block;background-color:#fff;padding:0;margin:0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.gengduo a{width:5.6rem; height:0.7rem; margin:0 auto; background-color:#fff; font-size:0.24rem; color:#333333; text-align:center; line-height:0.7rem; display:block; margin-top:0.16rem;}
.picScroll-left{width:4.46rem; height:3.35rem; position:relative; margin:0 auto; margin-top:42px;}
.picScroll-left .hd a.next{width:0.18rem; height:0.32rem; background-position:-2.57rem -1.07rem; position:absolute; left:-0.5rem; top:1.54rem; display:block;}
.picScroll-left .hd a.prev{width:0.18rem; height:0.32rem; background-position:-2.8rem -1.07rem; position:absolute; right:-0.5rem; top:1.54rem; display:block;}
.picScroll-left .bd{width:4.46rem; height:3.35rem;}
.picScroll-left .bd li{float:left;width:4.46rem; height:3.35rem;}
.picScroll-left .bd li img{width:4.34rem; height:3.23rem; background-size:100%; border:#ebebeb solid 0.06rem;}
.floor_4_main .gengduo a{background-color:#da1f2e; color:#fff;}
.floor_5_main{background-color:#f0f0f0; padding-bottom:0.3rem; margin-top:0.3rem;}









.floor_5_main .yix{width:5.6rem; margin:0 auto; margin-top:0.2rem;}
.floor_5_main .yix ul{display:inline-block;}
.floor_5_main .yix li{float:left; width:2.68rem; height:1.22rem; margin:0 0.06rem; overflow:hidden; margin-top:0.12rem; display:block;}
.floor_5_main .yix li a{width:2.3rem; height:1.01rem; display:block;}
.floor_5_main .yix li img{width:2.66rem; height:1.2rem; border:#dcdcdc solid 0.01rem; background-size:100%;}
.floor_5_main .gengduo a{background-color:#da1f2e; color:#fff;}
.floor_6_main .floor_6_1{width:6.15rem; margin:0 auto;margin-top:0.4rem;}
.floor_6_main .floor_6_1 ul{display:inline-block;}
.floor_6_main .floor_6_1 ul li{display:block; float:left; width:2.8rem; text-align:center; margin:0 0.13rem;}
.floor_6_main .floor_6_1 ul li img{float:left; width:2.8rem; height:2.1rem; display:block; background-size:100%;}
.floor_6_main .floor_6_1 ul li p{font-size:0.18rem;line-height: 0.35rem;color:#000;padding-top:0.14rem;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;}
.floor_6_main .gengduo a{background-color:#da1f2e; color:#fff; margin-top: 0.3rem;}
/*footer*/
.telfix{width: 1.06rem; height: 1.06rem; position: fixed; right: 1%; bottom: 2.1rem; z-index: 999; background-position: 0.01rem -0.55rem;}
.toTop{width: 1.06rem;height: 1.06rem;position: fixed;right: 1%;bottom: 2rem;z-index: 999;background-position: -1.18rem -0.55rem;display: none;}
.footer{width: 100%; padding: .2rem 0 .3rem; margin-top: .1rem; text-align: center; position: relative; color: #333333; font-size: .24rem;}
.copyright{padding-bottom:1.2rem; padding-top:0.4rem;}
.copyright a{color: #333;}
.f_tit_bnav{position: fixed;bottom: 0;left: 0;width: 100%;cursor: pointer; background-color: #252525;font-size: 0.2rem;z-index: 88;height:1.10rem;}
.f_tit_bnav ul li{float: left;text-align: center;width:25%; height:1.1rem;}
.f_tit_bnav li a{color: #fff;display:block; font-size:0.2rem;}
.f_tit_bnav li img{display: block;margin:0 auto;width: 0.4rem;height: 0.39rem;margin-top: 0.2rem;margin-bottom:0.08rem;}
.f_tit_bnav li img.f_tit_img02{display:none;}
.f_tit_bnav li.f_tit_li{background-color:#333333;}
.floor_7_main ul{border-top:#dddddd solid 0.01rem;}
.floor_7_main li{width:100%; height:0.8rem; border-bottom:#dddddd solid 0.01rem; line-height:0.8rem;}
.floor_7_main li a{display:block; height:0.8rem; line-height:0.8rem; padding:0 0.4rem;}
.floor_7_main li p{display:block; font-size:0.26rem; color:#444444; line-height:0.8rem; float:left;}
.floor_7_main li span{display:block; background:url(../images/jt_04.png) no-repeat; float:right; width:0.2rem; height:0.3rem; background-size:100%;margin-top: 0.25rem;}
/*subNav*/
.subNav{position: fixed; width: 100%; height: 100%; top: 0; right: 0; z-index: 111; background: #fff; -webkit-transform: translateX(100%);}
.subNav .con{max-width: 640px; min-width: 320px; width: 100%; height: 100%; margin: 0 auto;}
.subNav .title{height: 1rem;position: relative;border-bottom: 1px solid #cccccc;}
.subNav .title .logo{width: 4.5rem;height: 0.9rem;display: block;padding-left: 0.2rem;padding-top: 0.05rem;}
.subNav .title .logo img{height: 0.9rem;display: block;float:left;}
.subNav .title .close{position: absolute;width: 1rem;height: 0.98rem;top: 0;right: 0px;padding-top: .2rem;}
.subNav .title .close:before,
.subNav .title .close:after{width: .4rem; height: .03rem; display: block; content: "\20"; right: .3rem; top: .4rem; z-index: 11; position: absolute; background: #666666;}
.subNav .title .close:before{transform: rotate(45deg); top: 50%;}
.subNav .title .close:after{transform: rotate(-45deg); top: 50%;}
.subNav .list li{width: 100%;height: 0.8rem;line-height: 0.8rem;padding: 0 .4rem;}
.subNav .list li a{display: block;width: 100%;position: relative;font-size: .28rem;border-bottom: 1px solid #ddd;}
.subNav .list li a:before{width: 0.24rem; height: 0.3rem; position: absolute; right: .4rem; top: .32rem; background-position: -0.52rem 0;}
.subNav .subTel{margin-left: .4rem; margin-top: .3rem; display: block;}
.subNav .subTel span{font-size: .22rem; line-height: .28rem; color: #333333;}
.subNav .subTel strong{color: #da1f2e; font-size: .46rem; display: block; font-weight: normal;}
.subNavShow2{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
/***********************index css*****************/
.indexTit{width: 100%; text-align: center; position: relative; margin-bottom: .4rem;}
.indexTit .en{color: #2f2f2f; font-size: .3rem; line-height: .35rem; margin-bottom: .06rem; text-transform: uppercase; font-family: arial; display: block;}
.indexTit .line-left,
.indexTit .line-right{width: .9rem; height: 1px; position: absolute; bottom: .13rem; display: block; background: #c1c1c1;}
.indexTit .line-left{left: 50%; margin-left: -1.88rem;}
.indexTit .line-right{right: 50%; margin-right: -1.88rem;}
.indexTit h2{font-size: .4rem; line-height: .4rem;}
/*newslist*/
.newslist .item{width: 100%; padding: .35rem 3%; display: block; border-top: 1px solid #f2f2f2;}
.newslist .item img{width: 1.9rem;height: 1.4rem;display: block;margin-right: .2rem;}
.newslist .item h3{font-size: .3rem;line-height: 0.48rem;height: 0.96rem;margin-bottom: .18rem;overflow: hidden;color: #333333;}
.newslist .item .dec{color: #848484; font-size: .2rem;}
.newslist .item .dec span{margin-right: .4rem;}
.newslist .item .dec span.ico{width: 0.24rem; height: 0.1rem; margin-left: .2rem; margin-right: 0; background-position: -2.08rem 0;}
/*gridlist*/
.gridlist{padding: 0 3%;}
.gridlist .item{width: calc(48.5%); margin-right: 3%; margin-bottom: .05rem; float: left; position: relative;}
.gridlist .item a{width: 100%; display: block;}
.gridlist .item h3{width: 100%; line-height: .35rem; height: .7rem; overflow: hidden; text-align: center;}
.gridlist .item figure{width: 100%; position: relative; padding-top: 75%; margin-bottom: .1rem; overflow: hidden;}
.gridlist .item figure img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.gridlist .item:nth-child(2n){margin-right: 0;}
.gridlist.gridlist34 .item figure{padding-top: 133%; padding-bottom: 0;}
/*inews*/
.inews{width: 100%; padding: .5rem 0;}
.inews .more{width: 3.1rem; height: .5rem; display: block; margin: .4rem auto 0; line-height: .48rem; border: 1px solid #dcdcdc; text-align: center; color: #5c5c5c; font-size: .3rem; font-family: arial;}
/*iyewu*/
.iyewu{width: 100%; padding: .4rem 0; background: url(../images/iyewubg.jpg) no-repeat center bottom; background-size: cover;}
.iyewu .indexTit .en,
.iyewu .indexTit h2{color: #fff;}
.iyewu .indexTit .line-left,
.iyewu .indexTit .line-right{background: #fff;}
.iyewu .itab{padding: 0 5%; width: 100%; margin-bottom: .4rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.iyewu .itab .list{width: 200%; white-space: nowrap;}
.iyewu .itab a{margin-right: .75rem; height: .6rem; position: relative; display: block; float: left; line-height: .58rem; color: #fff;}
.iyewu .itab a:hover:before{width: 100%; content: "\20"; display: block; background: #af251c; height: .03rem; position: absolute; left: 0; bottom: 0;}
.iyewu .itab a:last-child{margin-right: 0;}
.iyewu .img{width: 100%; width: 4rem; padding-left: .3rem; margin: 0 auto; display: block;}
.iyewu .img img{width: 100%; display: block;}
.iyewu .more{width: 3.1rem; height: .5rem; display: block; margin: .4rem auto 0; line-height: .48rem; border: 1px solid #dcdcdc; text-align: center; color: #5c5c5c; font-size: .3rem; font-family: arial;}
.iticket{width: 100%; padding: .5rem 0;}
.iticket .indexTit{margin-bottom: .5rem;}
.iticket .iticketCon{width: 100%; height: 3.44rem; overflow: hidden;}
.iticket .iticketCon .list{white-space: nowrap; height: 3.44rem; width: 100%; position: relative; float: left;}
.iticket .iticketCon .list .item{width: 3.24rem; height: 3.44rem; padding-top: .9rem; display: inline-block; margin: 0 .2rem .16rem; background-size: cover; background-position: center top; background-repeat: no-repeat;}
.iticket .iticketCon .list .item s{width: .75rem; height: .75rem; display: block; margin: 0px auto .1rem; background-position: -2.34rem 0.05rem;}
.iticket .iticketCon .list .item h3{font-size: .24rem; line-height: .32rem; text-align: center; padding: 0 1.1rem; white-space: normal; color: #fff;}
.iticket .iticketCon .list .item.a2 s{background-position: -3.3rem 0.05rem;}
.iticket .iticketCon .list .item.a3 s{background-position: -4.2rem 0.05rem;}
.iticket .more{width: 3.1rem; height: .5rem; display: block; margin: .4rem auto 0; line-height: .48rem; border: 1px solid #dcdcdc; text-align: center; color: #5c5c5c; font-size: .3rem; font-family: arial;}
/*icontact*/
.icontact{padding: .4rem 3%;}
.icontact .title h3{font-size: .2rem; font-weight: bold; color: #737373;}
.icontact .title .en{display: block; font-size: .2rem;}
.icontact .t1{margin: .3rem 0; font-size: .2rem;}
.icontact .txt{font-size: .2rem; line-height: .3rem;}
.cateList{width: 100%; height: 0.65rem; line-height: 0.65rem; border-bottom: 1px solid #e6e6e6; background: #f6f6f6; padding: 0 4%; font-size: .26rem; margin-bottom: .3rem; color: #333; position: relative;}
.cateList .goBack{width: .8rem; height: .8rem; padding-top: .25rem; position: absolute; left: .1rem; top: 0;}
.cateList .goBack:before{width: .2rem; height: .32rem; display: block; margin: 0 auto; background-position: -0.86rem 0;}
.cateList h3{color: #333;font-weight: bold;font-size: .26rem;}
/*aboutTit*/
.menu{width: 100%; font-size: 0; padding: 0 3%; position: relative;}
.menu li{width: calc(24%); margin-right: 1.3%; margin-bottom: .12rem; display: inline-block; text-align: center; font-size: .24rem; border: 1px solid #e6e6e6; vertical-align: top; height: 0.65rem; line-height: .63rem;overflow: hidden;}
.menu li a{display: block;}
.menu li:nth-child(4n){margin-right: 0;}
.menu li.hover a{background: #da1f2e; border-color: #da1f2e; color: #fff;}
.menu li.hover .box{display: block;}
.pro_select{width: 100%; padding: 0 3% .3rem 3%; background: #af251c;}
.pro_select select{width: calc(48.5%); padding: 0 .1rem; margin-left: 3%; margin-bottom: 3%; border: 0px; background: #fff; height: 0.58rem; line-height: 0.58rem; color: #666666; float: left;}
.pro_select select:nth-child(2n+1){margin-left: 0;}
.moreBtn{width: 94%; margin: .3rem auto 0; text-align: center; color: #000; height: 0.88rem; line-height: 0.88rem; display: block; background: #f1f1f1;}
.newsPage{padding: .2rem 3% .6rem;}
.newsPage .inews{background: none;}
.newsPage .newslist .item{border-top: 0; border-bottom: 1px solid #f2f2f2;}
.newsPage .newslist .item:first-child{padding-top: .1rem;}
.jobPage{padding: 0 0 .2rem; border-top: 0px;}
.jobPage .menu{padding: 0 3% 3%;}
.jobPage .loading{border-top: 0;}
.jobPage .morebtn{margin-top: .4rem;}
.jobPage .jobTxt{padding: 0 3% .4rem;}
.jobPage .jobTxt img{width: 1.4rem; margin-top: .2rem; display: block;}
.jobPage .jobTxt h3{font-size: .3rem; color: #af251c; position: relative;}
.jobPage .jobTxt h3:before{width: 3rem; height: 1px; display: block; content: "\20"; position: absolute; left: 1.4rem; top: 49%; background: #ddd;}
.jobPage .jobTxt .txt{font-size: .2rem; padding-top: .2rem;}
.jobPage .item{margin: 0 3% .22rem; padding: .1rem 0 0; box-sizing: border-box; border: 1px solid #dcdcdc; border-left: 0.05rem solid #af251c;}
.jobPage .item *{box-sizing: border-box;}
.jobPage .item .title{color: #af251c; padding: 0 .2rem;}
.jobPage .item .title .time{font-size: .18rem;}
.jobPage .item .des{font-size: .2rem; padding: 0 .2rem .1rem;}
.jobPage .item .des .sarry{color: #af251c; margin-right: .25rem;}
.jobPage .item .itemcon{margin: 0 .1rem; padding: .15rem .1rem .3rem; border-top: 1px solid #dcdcdc; color: #000; font-size: .2rem; line-height: .32rem; display: none;}
.jobPage .item.hover{background: #f9f9f9;}
.jobPage .item.hover .itemcon{display: block;}
.yewuPage{padding-bottom: .6rem;}
.yewuPage .list{padding: 0 3%;}
.yewuPage .item{padding: .3rem 0 .3rem; width: 100%; display: block; border-bottom: 1px solid #eee;}
.yewuPage .item img{width: 2.13rem; height: 1rem; display: block; margin-right: .2rem;}
.yewuPage .item h3{font-size: .26rem; height: 0.34rem; line-height: 0.34rem; margin-bottom: .08rem; overflow: hidden; color: #000;}
.yewuPage .item .txt{font-size: .2rem; line-height: .3rem; height: .6rem; color: #333;}
.yewuPage .item:first-child{padding-top: 0;}
.yewuPage .moreBtn{margin-top: 0;}
.yewuPage .erro{padding: 3%;}
.productPage{padding: 3% 0 .5rem;}
.productPage .gridlist{padding: 0 3%;}
.productPage .erro{padding: 0 3%;}
.showProduct{width: 100%;}
.showProduct .protit{padding: .1rem 3%; text-align: center; font-size: .3rem; color: #000;}
.showProduct .mark{text-align: center; font-size: .2rem; color: #999; margin-bottom: .2rem;}
.showProduct .banner{height: 4.8rem;}
.showProduct .banner li{list-style-type: none;}
.showProduct .banner img{height: 4.8rem;}
.showProduct .tit2{font-size: .26rem; color: #af251c; padding: 0 3% .2rem;}
.showProduct .price{color: #ff0036; padding: 0 3% .2rem;}
.showProduct .price span{font-size: .36rem;}
.showProduct .showTel{width: 100%; height: 1rem; line-height: 1rem; font-size: .28rem; color: #666666; background: #f8f8f8; border-top: 1px solid #dbd7d7; border-bottom: 1px solid #dbd7d7; text-align: center; box-sizing: border-box; color: #000;}
.showProduct .showTel s{width: .62rem; height: .6rem; margin-right: .1rem; background-position: -2.02rem -0.68rem;}
.showProduct .showpCon{padding: 0 0 .3rem;}
.showProduct .showpCon .tit{color: #af251c; font-weight: bold; padding: .2rem 0; font-size: .26rem;}
.showProduct .showpCon .showp_img,
.showProduct .showpCon .showp_txt{margin-bottom: .2rem; padding: 0 3%;}
.showProduct .showpCon .showp_img img,
.showProduct .showpCon .showp_txt img{max-width: 100%; display: block;}
.showProduct .showpCon .txtcon{font-size: .24rem; color: #333;}
.showProduct .showpCon .showpCase{border-top: .2rem solid #f1f1f1; margin-top: .2rem;}
.showProduct .ourTeam{width: 100%; margin: 0; padding-top: .2rem;}
.showProduct .ourTeam .team_tit{width: 100%; height: 0.7rem; line-height: 0.7rem; margin-bottom: .3rem; background: #af251c; color: #fff;}
.showProduct .ourTeam .team_tit strong{font-size: .26rem; font-weight: bold; margin: 0 .15rem 0 .15rem;}
.showProduct .ourTeam img{width: 100%; display: block;}
.showProduct .ourTip .tip_tit{color: #ff0036; font-size: .26rem; margin-top: .24rem; font-weight: bold; margin-bottom: .08rem;}
.showProduct .ourTip .list{line-height: .34rem;}
.showProduct .ourTip .list li{margin-bottom: .15rem; position: relative;}
.showProduct .ourTip .list li s{width: .08rem; height: .08rem; margin-right: .1rem; display: inline-block; vertical-align: middle; background: #af251c; border-radius: 100%;}
.showimg{width: 100%; position: relative;}
.showimg .imglist{width: 5.6rem; height: 4.55rem; margin: 0px auto; padding: .4rem 0 .2rem; position: relative; overflow: hidden;}
.showimg .list{float: left; width: 500%;}
.showimg a{float: left; width: 5.6rem; text-align: center; display: block;}
.showimg a img{height: 4.55rem; width: 5.6rem; margin: 0px auto; display: block; background-size: 100%;}
.showimg span.left{right: auto; left: 50%; margin-left: -3rem;}
.showimg span{display: none; width: 30px; height: 50px; text-align: center; position: absolute; top: 50%; margin-top: -25px; right: 50%; margin-right: -3.04rem; cursor: pointer;}
.showimg span.left::before{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.left::after{content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.right::before{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.right::after{content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.aboutPage{padding: .3rem 0 .5rem;}
.aboutPage .txtcon{color: #666666; padding: 0 3% .3rem;}
.aboutPage .txtcon img{max-width: 100%;}
.contactPage .txtcon img{max-width: 100%;}
.singlePage{padding: .3rem 3%; border-bottom: .2rem solid #f1f1f1;}
.singlePage img{max-width: 100%;}
.contactPage{width:6.4rem; margin:0 auto; overflow:hidden;}
.contactPage .t{color: #000; padding: 0 3% .2rem; font-size: .3rem;}
.contactPage .n-tit{font-size: .3rem;color: #da1f2e;padding: 0 3% .25rem;}
.contactPage .txtcon{padding: 0 3% .3rem;}
.contactPage .mapArea{width: 100%; height: 3rem;}
.contactPage .messagePage{padding: .4rem 0 .5rem;}
.formData{width: 94%; margin: 0 auto;}
.formData .item{font-weight: normal; width: 100%; border-bottom: 1px solid #999999; margin-bottom: .25rem; position: relative;}
.formData .item label{width: 100%; height: 0.4rem; line-height: 0.4rem; display: block;}
.formData .item input{width: 100%; outline: none; background: none; height: 0.6rem; line-height: 0.6rem; display: block;}
.formData .item .txt{width: 100%; border: 0 none;}
.formData .item.liuyan{margin-bottom: .4rem; height: 2.6rem;}
.formData .item.liuyan label{display: block; width: 100%; position: static;}
.formData .item.liuyan textarea{width: 100%; height: 1.8rem; padding-top: .1rem; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none;}
.formData .sub{width: 100%; height: .8rem; line-height: .8rem; text-align: center; background: #af251c; color: #fff; border: none; cursor: pointer; font-size: .3rem; display: block;}
.designPage .nbanner{width: 100%; height: 4.8rem; background: url(../images/designbg.jpg) no-repeat center top; background-size: cover; text-align: center;}
.designPage .nbanner h3{font-size: .42rem; padding-top: 1.8rem; color: #403c3b; letter-spacing: .05rem;}
.designPage .nbanner p{width: 3.8rem; height: 0.54rem; line-height: 0.54rem; color: #fff; text-align: center; background: #af251c; margin: .1rem auto; font-size: .2rem;}
.designPage .advanlist{padding: 0 3%;}
.designPage .advanlist h3{color: #af251c; font-size: .3rem; padding: .2rem 0 .1rem;}
.designPage .advanlist span{display: block; font-size: .24rem; margin-bottom: .1rem;}
.designPage .advanlist .txt{color: #999999; font-size: .18rem; line-height: .34rem; margin-bottom: .2rem;}
.designPage .advanlist img{width: 100%; display: block; margin-bottom: .05rem;}
.designPage .pricelist{padding: .4rem 3%;}
.designPage .pricelist .tit{font-size: .42rem; text-align: center; color: #403c3b; letter-spacing: .08rem; margin-bottom: .36rem;}
.designPage .pricelist .item{width: 100%; height: 2rem; background: #f1f1f1; margin-bottom: .18rem;}
.designPage .pricelist .item .t{width: 1.86rem; height: 2rem; line-height: 2rem; color: #fff; text-align: center; font-size: .3rem; float: left; margin-right: .2rem; background: #e59123;}
.designPage .pricelist .item h3{color: #000; font-size: .2rem; line-height: .36rem; padding: .1rem 0 .34rem;}
.designPage .pricelist .item .price{color: #000;}
.designPage .pricelist .item .price span{font-size: .42rem; margin: 0 .05rem; font-weight: bold;}
.designPage .pricelist .item span{font-size: .18rem; line-height: .2rem;}
.designPage .pricelist .item:nth-child(3) .t{background: #1cb36a;}
.designPage .pricelist .item:nth-child(4) .t{background: #1982c6;}
.designPage .imglist{width: 100%;}
.designPage .imglist .tit{font-size: .42rem; text-align: center; color: #403c3b; letter-spacing: .08rem; margin-bottom: .36rem;}
.designPage .imglist .img{display: block; margin-bottom: .25rem; width: 100%;}
.designPage .txtlist{padding: .1rem 3% .4rem;}
.designPage .txtlist .tit{font-size: .42rem; text-align: center; color: #403c3b; letter-spacing: .08rem; margin-bottom: .36rem;}
.designPage .txtlist .txt{font-size: .2rem; margin-bottom: .4rem; color: #403c3b; line-height: .38rem;}

.designPage .txtTab{padding: .2rem 2% .1rem; background: #fff;}
.designPage .txtTab .blue{color: #af251c;}
.designPage .txtTab .t{text-align: center; font-size: .42rem; line-height: .5rem; color: #403c3b; padding: 0 0 .5rem;}
.designPage .txtTab table{width: 100%; text-align: center; border: 1px solid #c9c9c9; font-size: 18px;}
.designPage .txtTab table td{line-height: .32rem; padding: .15rem .1rem; border: 1px solid #c9c9c9; font-size: .2rem;}
.designPage .txtTab table th{height: 0.7rem; line-height: 0.7rem; background: #af251c; color: #fff; font-weight: normal; border: 1px solid #af251c;}
.designPage .txtTab table .bg{background: #f1f1f1;}
.designPage .txtTab table .bg td{height: 0.55rem; line-height: 0.55rem;}
.designPage .txtTab table tr td:first-child{width: 1.2rem;}
.designPage .txtTab .txt{width: 100%; position: relative; margin: .2rem auto .5rem; font-size: .2rem; color: #000; line-height: .38rem;}
.designPage .txtTab .txt .t1{display: block;}
.designPage .liuceng{width: 100%; background: #fff; padding: .1rem 0 0;}
.designPage .liuceng .tit{font-size: .42rem; text-align: center; color: #403c3b; letter-spacing: .08rem; margin-bottom: .4rem;}
.designPage .liuceng .list{padding-bottom: .2rem;}
.designPage .liuceng .item{width: 94%; margin: 0 3%; padding-bottom: .2rem; margin-bottom: .3rem; font-size: .2rem; line-height: .32rem; vertical-align: top; border-bottom: 1px solid #eee;}
.designPage .liuceng .item s{width: 1.6rem; height: 1.6rem; border-radius: 100%; display: block; margin: 0 auto; background: #af251c url(../images/design-ico.png) no-repeat 42px center;}
.designPage .liuceng .item h3{font-size: .3rem; color: #403c3b; margin-bottom: .2rem;}
.designPage .liuceng .item .txt{text-align: left; margin: 0 auto; width: 100%;}
.designPage .liuceng .item.a2 s{background-position: -92px center;}
.designPage .liuceng .item.a3 s{background-position: -227px center;}
.designPage .liuceng .item.a4 s{background-position: -364px center;}
.designPage .liuceng .item.a5 s{background-position: -498px center;}
/*showInfo*/
.showInfo{padding: 4% 0 .5rem; width: 100%;}
.showInfo .title{font-size: .4rem; text-align: center; line-height: .46rem; margin-bottom: .2rem; color: #333333; padding: .1rem 3% 0;}
.showInfo .menu{margin-bottom: .2rem;}
.showInfo .mark{font-size: .22rem; text-align: center; color: #666666; padding-bottom: .1rem; border-bottom: 1px solid #dbd7d7;}
.showInfo .mark span{margin: 0 .06rem;}
.showInfo .mark span i{font-style: normal;}
.showInfo .contxt{padding: .2rem 3% .4rem; color: #666666;}
.showInfo .contxt img{max-width: 100%; height: auto !important;}
.showInfo .reLink{margin: .2rem 3% .1rem;}
.showInfo .showRelate{margin-top: .1rem;}
.showInfo .showRelate .sitepath{padding: .18rem 0 0;}
.showInfo .showRelate .sitepath h3{font-weight: bold;}
.showInfo .showRelate .item{margin-bottom: .2rem;}
/*fenx*/
#nativeShare{margin: 0 auto; width: 100%; padding-top: 0.3rem; max-width: 640px; min-width: 320px;}
#nativeShare .label{margin-left: 0.2rem; font-size: 0.24rem; color: #666666; line-height: 0.6rem;}
#nativeShare .list{width: 5.4rem; float: right;}
#nativeShare .list span{height: 0.9rem; width: 0.9rem; padding: 0; display: inline-block;}
#nativeShare .list span i{margin: 0 auto; width: 0.63rem; height: 0.63rem; display: block;}
#nativeShare .weibo i{background-image: url('../images/weibo.png'); background-size: cover;}
#nativeShare .weixin i{background-image: url('../images/weixin_friend.png'); background-size: cover;}
#nativeShare .weixin_timeline i{background-image: url('../images/weixin.png'); background-size: cover;}
#nativeShare .qq i{background-image: url('../images/qq.png'); background-size: cover;}
#nativeShare .qzone i{background-image: url('../images/qqzone.png'); background-size: cover;}
#nativeShare .more i{background-image: url('../images/more.png'); background-size: cover;}
#nativeShare .list span.qzone,
#nativeShare .list span.more{width: 0.73rem;}
/*reLink*/
.reLink{margin: .2rem 3% .3rem;}
.reLink .prevLink,
.reLink .nextLink{display: block; height: .7rem; line-height: .7rem; font-size: .24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box; border-bottom: 1px solid #e8e8e8;}
.showTab{width: 100%; line-height: 0.3rem;}
.showTab th,
.showTab td{border: 1px solid #e6e6e6; text-align: left; padding: .15rem .1rem; font-size: .2rem;}
.showTab th{background: #e5e5e5; color: #000; height: 0.4rem; line-height: 0.4rem; font-family: "microsoft yahei";}
.showTab tr td:first-child,
.showTab tr th:first-child{width: 1.2rem; padding: .08rem; text-align: center;}
.jia_p .gridlist .item figure img{position: absolute; width:2.66rem; height:1.2rem;background-size:100%; left: 0rem; top: 0;border: #dcdcdc solid 1px;}
.jia_p .gridlist .item figure{padding-top: 46%;}
.jia_p .gridlist .item{width: calc(44.5%);margin-left: 3.8%; margin-right:0;}
.jia_p .gridlist{width: 6rem; padding: 0; margin:0 auto;}
.floor_8_1{text-align:center; width:6.4rem; margin:0 auto; margin-top:0.5rem;}
.floor_8_1 ul{display:inline-block;}
.floor_8_1 ul li{float:left;width:2.27rem;height:0.61rem;line-height:0.61rem;border-radius:0.08rem;margin:0 0.2rem;background: #f5f5f5;}
.floor_8_1 ul li a{display:block;color: #999;}
.floor_8_1 ul li.on{background-color:#da1f2e;}
.floor_8_1 ul li.on a{color:#fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.floor_8_main .gengduo a{background-color:#da1f2e; color:#fff;}
/*字体*/
@media only screen and (min-width: 641px){html{font-size: 100px;}}
@media only screen and (max-width: 640px){html{font-size: 100px;}}
@media only screen and (max-width: 540px){html{font-size: 84.375px;}}
@media only screen and (max-width: 480px){html{font-size: 75px;}}
@media only screen and (max-width: 414px){html{font-size: 64.6875px;}}
@media only screen and (max-width: 400px){html{font-size: 62.5px;}}
@media only screen and (max-width: 375px){html{font-size: 58.5938px;}}
@media only screen and (max-width: 360px){html{font-size: 56.25px;}}
@media only screen and (max-width: 320px){html{font-size: 50px;}}
@media all and (min-width:640px){.f_tit_bnav{max-width: 640px;left: 50%;margin-left: -320px;}}
.index{background: #fff;overflow: hidden;}
/*首页标题*/
.index .in_title{position: relative;width: 6rem;margin: 0 auto;text-align: center;line-height: .5rem;margin-top: .2rem;}
.index .in_title h3{font-size: .4rem;font-weight: bold;text-align: center;color: #2b2b2b;}
.index .in_title h3 b{color: #e60212;font-weight: bold;}
.index .in_title p{font-size: .24rem;color: #2b2b2b;}
.index .more{display:block;width: 2.5rem;margin:0 auto;font-size: .24rem;line-height: .7rem;text-align:center;color: #666;background: #fff;margin-top: .2rem;border: .01rem solid #cbcbcb;transition: all .5s;}
.index .more:hover{color: #fff;background: #e60212;border-color: #e60212;}
/*产品中心*/
.index .tab{text-align: center;margin-top: .3rem;}
.index .tab a{width: 30%;line-height: 0.6rem;margin: 0 .05rem;display: inline-block;padding: 0 .1rem;color: #fff;background: #2b2b2b;transition: all .5s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index .tab a:hover{background: #e60212;}
.index .proCenter{padding: .2rem 0;}
.index .proCenter .list{margin-left: .2rem;margin-top: .2rem;}
.index .proCenter .list li{position: relative;float: left;display: block;width: 2.9rem;padding: .15rem;padding-bottom: 0;background: #f6f6f6;transition: all .5s;margin-right: .2rem;margin-bottom: .2rem;}
.index .proCenter .list li .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.index .proCenter .list li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;}
.index .proCenter .list li h3{font-size: .26rem;line-height: .6rem;text-align: center;color: #333;transition: all .5s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index .proCenter .list li:hover{background: #2b2b2b;}
.index .proCenter .list li:hover h3{color: #fff;}
/*小banner*/
.index .xbanner{height: 3rem;background: url(../images/xbanner.jpg) center no-repeat;background-size: 8rem;padding-bottom: .3rem;}
.index .xbanner .in_title{color: #fff;padding-top: .4rem;margin-top: 0;}
.index .xbanner .in_title h3,.index .xbanner .in_title p{color: #fff;}
.index .xbanner .in_title h3{position: relative;font-size: .5rem;line-height: 0.6rem;}
.index .xbanner .in_title h3:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.5rem;width: 1rem;height: .01rem;background: #fff;}
.index .xbanner .in_title p{padding: .1rem 0;}
.index .xbanner .in_title p span {font-size: 18px;color: #fff;font-weight: bold;}
.index .xbanner a{display: block;width: 2rem;margin: auto;background: #e60212;text-align: center;line-height: .6rem;font-size: .24rem;color: #fff;}
.index .xbanner a:hover{background: #fff;color: #e60212;}
/*四大优势*/
.index .advantage{padding: .2rem;padding-top: .4rem;background: #f3f3f3;}
.index .advantage ul{margin-top: .3rem;}
.index .advantage ul li{margin-bottom: .3rem;}
.index .advantage ul li .img{width: 100%;height: 2.7rem;}
.index .advantage ul li .img img{width: 100%;height: 100%;}
.index .advantage ul li .txt{position: relative;width: 100%;}
.index .advantage ul li .txt i{position: absolute;top: .1rem;display: block;width: .8rem;height: 1rem;color: #fff;font-size: .4rem;line-height: .9rem;font-weight: bold;text-align: center;background: #e60212;}
.index .advantage ul li .txt i:after{content: '';position: absolute;bottom: .15rem;left: 50%;margin-left: -.2rem;width: .4rem;height: .04rem;background: #fff;}
.index .advantage ul li .txt h3{margin-left: 1rem;font-size: .32rem;color: #2b2b2b;font-weight: bold;margin-top: .3rem;padding-bottom: .1rem;border-bottom: .01rem dashed #2b2b2b;}
.index .advantage ul li .txt p{margin-left: 1rem;margin-top: .1rem;color: #777;font-size: .22rem;line-height: .4rem;text-align: justify;}
.index .advantage ul li .txt p span{color: #e60212;font-weight: bold;}
/*关于我们*/
.index .about_bg{width: 100%;padding: .2rem;}
.index .about{}
.index .about .img{width: 100%;height: 3.67rem;margin-top: .3rem;}
.index .about .img img{width: 100%;height: 100%;}
.index .about .cont{font-size: .22rem;color: #666;line-height: .4rem;text-align: justify;margin: .3rem 0;}
/*新闻中心*/
.index .inews{width:100%;padding-bottom: .3rem;}
.index .inews .hd {margin-top: .2rem;}
.index .inews .hd ul{width:98%;margin:0 auto;}
.index .inews .hd ul li {width:33.33%;float:left;line-height: 1rem;color: #333;font-size: .3rem;font-weight:normal;text-align:center;background: #ececec;transition: all .5s;}
.index .inews .hd ul li.on{color:#fff;background: #e60212;}
.index .inews .list{margin: .3rem 0;}
.index .inews .list li{display:block;width: 6rem;margin:0 auto;border-bottom: .02rem dashed #ddd;line-height: .8rem;overflow: hidden;}
.index .inews .list li .tit{float: left;width: 74%;font-size: .24rem;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index .inews .list li .time{float: right;width: 24%;font-size: .24rem;color: #c5c5c5;text-align: right;}
.index .inews .more{margin-top: .3rem;}