@charset "utf-8";
* {
    word-break: break-word;
}

body,dd,dl,h1,h2,h3,h4,h5,h6,ol,p,ul {
    margin: 0;
}

b,em,i,strong {
    font-style: normal;
    font-weight: normal;
}

ol,ul {
    padding: 0;
}

li,ul {
    list-style: none;
}

body {
    font-family: "\9ED1\4F53", "\5FAE\8F6F\96C5\9ED1", Arial;
    color: #333;
    margin: 0 auto;
    background-color:#FFFFFF;
}

img {
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-callout: none;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

html {
    font-family: sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

:focus {
    outline: 0;
}

:link,
:visited {
    text-decoration: none;
}

a {
    outline: none;
    text-decoration: none;
    cursor: pointer;
    color: #333;
}

a:active,
a:hover {
    outline: 0;
}

a:hover {
    text-decoration: none;
    outline: none;
}

.clearfix:after {
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: '';
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

input {
    line-height: normal;
}

input::-webkit-input-placeholder {
    color: #999 !important;
    font-family: "\9ED1\4F53";
}
@font-face {
    font-family: 'DINCond-medium';  /* project id 916871 */
    src: url('../fonts/DINCond-Medium.otf');
}
@font-face {
    font-family: 'DINCond-bold';  /* project id 916871 */
    src: url('../fonts/DINOT-Bold.otf');
}
@font-face {
  font-family: 'iconfont';  /* project id 1446821 */
  src: url('//at.alicdn.com/t/font_1446821_48si0nj0cf3.eot');
  src: url('//at.alicdn.com/t/font_1446821_48si0nj0cf3.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1446821_48si0nj0cf3.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1446821_48si0nj0cf3.woff') format('woff'),
  url('//at.alicdn.com/t/font_1446821_48si0nj0cf3.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1446821_48si0nj0cf3.svg#iconfont') format('svg');
}
.iconfont{
    font-family:iconfont!important;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -webkit-text-stroke-width:.2px;
    -moz-osx-font-smoothing:grayscale;
}

/*header*/
.header{
    width: 100%;height: 1rem;background: #fff;padding: 0 .3rem;display: flex;justify-content: space-between;align-items: center;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;position: fixed;left: 0;top: 0;box-sizing: border-box;z-index: 99;
}
.header .logoWrap img {
    width: 2.22rem /* 222px -> 2.22rem */;
    height: .38rem /* 38px -> .38rem */;
}
h1{
    font-size: 0;
}
h1 a:first-child{
    text-indent: -9999px;display: block;
}
.header .iconfont{
    font-size: .4rem;color: #303245;
}
/*nav*/
.navBg{
    width: 100%;position: fixed;left: 0;bottom: 0;top: 1rem;margin: auto;background: rgba(49,51,69,.8);overflow: hidden;display: none;z-index: 99;
}
.nav{
    width: 3.75rem;height: 100%;background: #ffffff;box-shadow: 0 .06rem .12rem 0 rgba(0, 0, 0, 0.04);position: absolute;top: 0;right: -3.75rem;
}
/*.nav>li{*/
    /*height: .83rem;*/
/*}*/
.navItem{
    display: block;height: .83rem;width: 100%;font: .24rem/.83rem 微软雅黑;color: #303245;text-indent: .3rem;border-bottom: .01rem solid #f0f0f0;position: relative;
}
.navItem .iconfont{
    font: .24rem/.24rem 微软雅黑;color: #bdbdbd;position: absolute;right: .26rem;top: 0;bottom: 0;margin: auto;height: .24rem;
}
.main{height:auto;overflow:hidden;margin-top:1.0rem;}
.subNav{
    display: none;
}
.subNav>div{
    height: 1.67rem;border-bottom: .01rem solid #f0f0f0;display: flex;justify-content: space-around;-webkit-box-pack: center;-webkit-justify-content: space-around;-ms-flex-pack: center;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;
}
.subNavItem{
    display: block;padding-top: .33rem;font-size: 0;text-align: center;flex: 1;
}
.subNavItem img{
    width: .63rem;height: .63rem;margin-bottom: .18rem;
}
.subNavItem p{
    font: .22rem/.22rem 微软雅黑;color: #999;
}
/*服务*/
.service{
    height: 1.6rem;background: #ff3934;position: relative;
}
.service p{
    font: .36rem/.36rem 微软雅黑;color: #fff;padding: .3rem 0 .12rem;margin-left: .4rem;
}
.service p span{
    color: #fff000;
}
.service a{
    display: block;width: 1.66rem;height: .56rem;border-radius: .28rem;font: .24rem/.56rem 微软雅黑;color: #fff;text-align: center;background: #ff6648;border: none;margin-left: .4rem;
}
.serviceImg{
    position: absolute;bottom: 0;right: .4rem;width: 2.37rem;height: 2.13rem;
}
/*footer*/
.footer{
    background: #1f1f23;
}
.footContact{
    height: 2.45rem;border-bottom: .01rem solid #363639;overflow: hidden;
}
.footTel{
    float: left;margin: .52rem .38rem 0;
}
.footTel p:nth-child(1){
    font: .24rem/.24rem 微软雅黑;color: #b5b5b5;margin-bottom: .14rem;
}
.footTel p:nth-child(2){
    font: .46rem/.46rem DINCond-medium;color: #ff3934;margin-bottom: .21rem;
}
.footTel a{
    display: block;width: 1.6rem;height: .49rem;border: .01rem solid #363639;border-radius: .25rem;text-align: center;font: .24rem/.49rem 微软雅黑;color: #b5b5b5;
}
.QRcode{
    float: right;margin: .52rem .2rem 0 0;
}
.QRcode p{
    font: .24rem/.24rem 微软雅黑;color: #b5b5b5;margin-bottom: .19rem;
}
.QRcode img{
    float: left;margin-right: .2rem;width: 1.04rem;height: 1.04rem;padding: .08rem;background: #fff;
}
.footNav{
    height: 3.9rem;border-bottom: .01rem solid #363639;padding: .34rem .4rem 0;
}
.footListWrap{
    width: 1.76rem;float: left;margin-left: .7rem;
}
.footListWrap:first-child{
    margin-left: 0;
}
.footListTit{
    font: .28rem/.62rem 微软雅黑;color: #999;margin-bottom: .1rem;border-bottom: .01rem solid #363639;
}
.footList li{
    font-size: 0;
}
.footList li a{
    font: .24rem/.46rem 微软雅黑;color: #727272;
}
.copy{
    padding: .38rem 0;font: .2rem/.3rem 微软雅黑;color: #4c4c4c;text-align: center;padding-bottom:1rem ;
}
/*bottom*/
.bottom{
    width: 100%;height: .98rem;background: #fff;position: fixed;left: 0;bottom: 0;border-top: .01rem solid #ddd;
}
.bottomItem{
    display:block;width:25%;text-align: center;font-size: 0;overflow: hidden;padding-top: .16rem;float:left;
}
.bottomItem .iconfont{
    font: .4rem/.4rem 微软雅黑;color: #3c3e50;padding-bottom: .08rem;
}
.bottomItem p{
    font: .2rem/.3rem 微软雅黑;color: #999;
}
.bottomItem.on .iconfont,.bottomItem.on p{
     color: #ff3934;
 }