@charset "utf-8";
 body, html {
    overflow: hidden;
    overflow-y: auto;
}
body {
    SCROLLBAR-FACE-COLOR: rgb(0, 204, 0);
    SCROLLBAR-3DLIGHT-COLOR: rgb(0, 207, 116);
    SCROLLBAR-DARKSHADOW-COLOR: rgb(0, 227, 163);
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
.fix-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.fix-clear {
    *zoom: 1
}
a {
    color: #333;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:active {
    color: #333;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*网页样式重置reset*/

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;
}
/*------------------------------------------------------------------------------------------------------------------------------*/
body {
    margin: 0;
    font-family: '微软雅黑', Arial, Helvetica, sans-serif;
    color: #333;
    background: #f0f0f0;
    
}
/*index*/

.sprite {
    background: url(../images/sprite.png) -.01rem -.01rem no-repeat;
    -webkit-background-size: 4rem auto;
    background-size: 4rem auto;
}
#wrap {
    max-width: 750px;
    margin: 0 auto 1.5rem;
    height: auto;
    font-size: .2rem;
}
.l-header {
    height: 0.48rem;
    padding: 0.2rem;
    overflow: hidden;
    background: #fff;
    position: relative;
}
.l-header h1 {
    display: inline-block;
    width: 1.19rem;
    height: 0.46rem;
    background-position: 0 -1.5rem;
    color: rgba(0, 0, 0, 0);
    margin-top: 0.05rem;
}
.l-back {
    display: inline-block;
    position: absolute;
    top: 0.25rem;
    left: .3rem;
    width: 0.15rem;
    height: 0.25rem;
    background-position: -1.3rem -3.37rem;
}
.l-back2 {
    width: .14rem;
    height: .3rem;
    background-position: -3.72rem -.35rem;
}
.l-header .l-h-right {
    float: right;
}
.l-h-right.tel {
    position: relative;
}
.l-h-right.tel a {
    float: right;
    font-size: .2rem;
    display: block;
    text-align: right;
    /* width: 2.2rem; */
    height: .5rem;
    line-height: .5rem;
    font-size: 24px;
    border: 1px solid #e15616;
    border-radius: 10px;
    padding-right: .15rem;
    margin-top: -0.05rem;
    color: #e15616;
    padding-left: .6rem;
}
.l-tel {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background-position: -1.59rem -3.37rem;
    position: absolute;
    top: 0.06rem;
    left: 0.2rem;
}
.im_service {
    float: right;
    margin-left: 0.1rem;
    margin-top: -0.05rem;
    display: inline-block;
    width: 0.5rem;
    height: 0.52rem;
    color: #fff;
    text-indent: -999rem;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: center;
    vertical-align: middle;
    background: #e15616 url(../images/ico_im_service.png) no-repeat 50% 50%;
    background-size: 0.25rem auto;
}
.h-jyapp {
    width: 100%;
    height: .9rem;
    background: #eee;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    overflow: hidden;
}
.h-jyapp .l-red {
    color: #eb4d05;
    font-size: .28rem;
}
.h-jyapp >p {
    display: inline-block;
    font-size: .18rem;
    padding-left: 1.1rem;
    margin-top: .15rem;
}
.h-jy-logo {
    width: .63rem;
    height: .63rem;
    background-position: -.66rem -3.37rem;
    display: inline-block;
    position: absolute;
    top: .16rem;
    left: .3rem;
}
.h-down-btn {
    position: absolute;
    right: .77rem;
    top: .2rem;
    display: inline-block;
    width: 1.2rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    color: #fff;
    font-size: .21rem;
    background: #ee4304;
    border-radius: 6px;
}
.h-close {
    position: absolute;
    right: .25rem;
    top: .27rem;
    display: inline-block;
    width: .33rem;
    height: .34rem;
    background-position: -.32rem -3.37rem;
}
.l-banner {
    height: 1.42rem;
    position: relative;
    overflow: hidden;
    margin-bottom: .2rem;
}
.l-bnn-list {
    width: 800%;
    overflow: hidden;
}
.l-bnn-list >li {
    float: left;
    width: 640px;
    background: #000;
}
.l-bnn-list >li a {
    display: block;
    width: 640px;
}

.l-bnn-list img{
    width: 100%
}
.l-circle {
    position: absolute;
    bottom: 0.1rem;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.l-circle li {
    display: inline-block;
    width: .06rem;
    height: .06rem;
    border-radius: 50%;
    margin-left: .1rem;
    float: left;
    background: rgba(255, 255, 255, 0.8);
}
.l-circle li:first-child {
    margin-left: 0;
}
.l-circle li.l-cur {
    background: #fff
}
.l-item {
    overflow: hidden;
    padding: .2rem 0 0;
    font-size: 0;
    position: relative;
    background: #fff;
    margin-bottom: .2rem;
}
}
.l-item >ul, .l-details >ul {
    overflow: hidden;
}
.l-item >ul li {
    width: 25%;
    text-align: center;
    display: inline-block;
    float: left;
    padding: .1rem 0 .2rem;
    overflow: hidden;
    border-top: 1px solid #ededed;
    background: url(../images/line.jpg) repeat-y left top;
}
.l-item >ul li:nth-child(5n+1) {
    margin-left: 0;
}
.l-item .l-circle li {
    background: #dadada;
}
.l-item .l-circle li.cur {
    background: #9e9e9e;
}
.l-item .l-ico {
    width: .72rem;
    height: .72rem;
    display: inline-block;
    /* margin-bottom: .2rem; */
}
.l-item a {
    font-size: .2rem;
    display: inline-block;
}
.l-product {
    width: 100%;
    height: 1.5rem;
    overflow: hidden;
    margin: .2rem auto 0;
    font-size: 0;
    overflow-x: scroll;
}
.l-product >ul {
    width: 8.04rem;
    height: 1.32rem;
    overflow: hidden;
}
.l-product >ul li {
    display: inline-block;
    float: left;
    width: 2.48rem;
    height: 1.32rem;
    background: url(../images/p_1.jpg) center top no-repeat;
    margin-left: .2rem;
}
.l-product >ul li a {
    display: inline-block;
    width: 2.48rem;
    height: 1.32rem;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    word-spacing: 8px;
    letter-spacing: 1px;
}
.l-product >ul li a >p.one {
    margin-top: .38rem;
}
.l-product >ul li a >p.big {
    font-size: .28rem;
}
.l-product >ul li a >p.big span {
    font-size: .32rem;
}
.l-product >ul li a >p.two {
    margin-top: .18rem;
}
.l-product >ul li a >p:last-child {
    font-size: .2rem;
}
.l-product >ul li:nth-child(2) {
    background: url(../images/p_2.jpg) center top no-repeat;
}
.l-product >ul li:nth-child(3) {
    background: url(../images/p_3.jpg) center top no-repeat;
}
.l-details li {
    height: 0.9rem;
    line-height: .9rem;
    font-size: .28rem;
    background: #fff;
    position: relative;
    margin-bottom: .2rem;
}
.l-details li> a {
    display: block;
}
.l-details li> a p {
    padding-left: .95rem;
}
.l-details li> a p>span {
    font-size: .2rem;
}
.l-details li .l-d-ico {
    display: inline-block;
    width: .48rem;
    height: .42rem;
    background-position: -.01rem -2.01rem;
    position: absolute;
    left: .33rem;
    top: .25rem;
}
.l-details li:last-child .l-d-ico {
    height: .52rem;
    margin-top: -.1rem
}
.l-details li .l-more {
    display: inline-block;
    width: .15rem;
    height: .28rem;
    background-position: -3.73rem -.01rem;
    position: absolute;
    right: .3rem;
    top: .31rem;
}
.l-about {
    display: block;
    width: 90%;
    height: .75rem;
    line-height: .75rem;
    margin: 0 auto;
    border: 1px solid #bbb;
    background: #fff;
    margin-bottom: .2rem;
    border-radius: 10px;
    text-align: center;
    font-size: .32rem;
}
.l-partner {
    height: 1.65rem;
    background: #fff;
    margin-bottom: .5rem;
}
.l-partner >p {
    padding-left: .2rem;
    color: #999;
    height: .6rem;
    line-height: .6rem;
    border-bottom: 1px solid #bbb;
}
.l-partner >ul li {
    padding: .1rem 0;
    font-size: 0;
}
.l-partner >ul li a {
    width: 16.66%;
    height: .3rem;
    line-height: .3rem;
    font-size: .2rem;
    display: inline-block;
    box-sizing: border-box;
    border-right: 1px solid #bbb;
    text-align: center;
    color: #666;
}
.l-partner >ul li a:nth-child(6n) {
    border: none;
}
.l-footer >h2 {
    width: 2.4rem;
    height: .2rem;
    margin: 0 auto;
    background-position: -1.36rem -1.53rem;
    margin-bottom: .2rem;
}
.l-footer > p {
    text-align: center;
    line-height: .3rem;
    margin-bottom: .5rem;
    color: #999;
}
.l-title {
    height: .66rem;
    line-height: .66rem;
    font-size: .24rem;
    color: #666;
    padding-left: .2rem;
}
.l-gray {
    background-color: #f1f1f1;
    font-size: .26rem
}
.l-con {
    padding: 0 .3rem;
    margin-top: .2rem;
}
.l-sm-title {
    color: #333;
    font-size: .24rem;
}
.l-sg-header {
    height: .78rem;
    line-height: .78rem;
    background: #bf0a28;
    position: relative;
    overflow: hidden;
    margin-top: .9rem;
}
.l-sg-header h1 {
    color: #fff;
    font-size: .32rem;
    text-align: center;
}
.info .infoLeft {
    float: left;
    font-size: .24rem;
    color: #FF8000;
}
.info .infoRight {
    margin-left: 0.78rem;
    border-left: 1px solid #cccccc;
}
.info .bdno {
    border: none;
}
.info .iContent {
    font-size: .22rem;
    color: #666666;
    padding: .1rem 0 .2rem;
}
.info .circle {
    width: .15rem;
    height: .15rem;
    border-radius: 50%;
    background-color: #FF8000;
    margin-left: -0.08rem;
    float: left;
    margin-top: 0.08rem;
}
.noneLine {
    border-left: 1px solid #FFFFFF;
    height: 3px;
    position: absolute;
    margin-left: -1px;
}
.displayLine {
    border-left: 1px solid #cccccc;
    height: 3px;
    position: absolute;
}
.infoBottom {
    padding-left: .2rem;
    font-size: .2rem;
    color: #666666;
    margin-bottom: .4rem;
    margin-top: 1rem;
}
/*yewubanli*/

.l-yw-list {
    overflow: hidden;
}
.l-yw-list li {
    display: inline-block;
    float: left;
    height: 1.2rem;
    width: 33.33%;
    text-align: center;
    font-size: .24rem;
    border-bottom: 1px solid #ccc;
}
.l-yw-list li:last-child {
    border: none;
}
.l-yw-ico {
    display: inline-block;
    width: .37rem;
    height: .4rem;
    background-position: 0 -2.44rem;
    margin: .25rem auto 0;
}
.l-jj-list {
    border-bottom: 1px solid #ccc;
}
.l-jj-list li {
    border: none;
}
/* 关于我们 */

.l-all {
    max-width: 6.4rem;
    margin: 0 auto;
    background-color: white;
}
.l-tab {
    height: 0.84rem;
    background-color: white;
    border-bottom: 1px solid #DAE3E0;
    line-height: 0.8rem;
    position: relative;
}
.l-tab ul li {
    float: left;
    width: 33.3%;
    text-align: center;
    font-size: 0.28rem;
    color: #333;
}
.l-tab .l-border {
    border-bottom: .04rem solid #AD1129;
    /*  background-color: ;
    position: absolute;
    bottom: 0;
    left: 0;*/
}
.l-company {
    font-size: 0.26rem;
    color: #333;
    padding: 0.28rem 0.3rem 0;
}
.l-company p {
    line-height: .5rem;
}
.l-content ul li {
    line-height: 0.48rem
}
.l-content .l-business ul li {
    border-bottom: 1px solid #bbb;
    font-size: 0.24rem;
    color: #666;
    padding: 0.17rem 0 0.15rem 0.52rem;
    position: relative;
}
.l-content .l-business ul li div:first-child {
    color: #333;
    font-size: .3rem;
}
.l-content .l-business ul li div:nth-child(2) {
    padding-right: .38rem;
    width: 94%;
}
.l-content .l-business ul li div.ellipis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 0;
}
.l-content .l-business .titleX {
    font-size: 0.3rem;
    color: #333;
    line-height: 0.46rem;
}
.l-content .l-business .l-matter {
    line-height: 0.42rem;
}
.l-content .l-xiala {
    position: absolute;
    width: 0.31rem;
    height: 0.18rem;
    background-position: 0 -3.37rem;
    right: 0.3rem;
    top: 0.35rem;
}
#wrap .l-right {
    background-position: -3.72rem 0;
    width: .15rem;
    height: .28rem;
    top: 0.03rem;
    right: -0.2rem;
}
#wrap .l-right2 {
    background-position: -3.72rem 0;
    width: .15rem;
    width: .15rem;
    height: .28rem;
    top: 0.23rem;
    right: 0.3rem;
}
.l-branches .l-province {
    height: 0.8rem;
    text-align: center;
    color: #333;
    font-size: 0.26rem;
    border-bottom: 1px solid #bbb;
    line-height: 0.8rem;
    position: relative;
}
.l-branches .l-province a {
    position: relative;
}
.l-branches .l-province a i.l-xiala {
    right: -0.35rem;
    top: 0.1rem;
}
.l-branches .l-area {
    height: 0.9rem;
    line-height: 0.9rem;
    color: #333;
    font-size: 0.3rem;
    padding-left: 0.28rem;
    border-bottom: 1px solid #bbb;
}
.l-branches .l-area span:nth-child(2) {
    padding-left: 0.25rem;
    color: #666;
    font-size: 0.24rem;
}
.l-detailed {
    font-size: 0.26rem;
    color: #666;
    padding: 0.15rem 0.15rem 0.17rem;
    background-color: #EEEEEE;
    line-height: 0.43rem;
}
.l-detailed .blue {
    color: #0066cc;
}
.l-detailed li {
    padding-left: .3rem;
}
.l-specific >div {
    color: #333;
    line-height: 0.9rem;
    padding-left: 0.28rem;
    padding-right: .28rem;
    font-size: 0.28rem;
}
.l-specific >div p {
    border-bottom: 1px solid #bbb;
}
.l-specific .l-matterS {
    color: #666;
    padding-left: 0.23rem;
    font-size: 0.24rem;
}
.radius-logo {
    overflow: hidden;
    background: #fff;
    padding-top: .2rem;
}
.radius-logo li {
    float: left;
    width: 25%;
    text-align: center;
}
.radius-logo span {
    background: url(../images/sprite.png) 0 -4.15rem no-repeat;
    display: block;
    width: .82rem;
    height: .82rem;
    margin: 0 auto .1rem;
}
.product-list-div{
    position: relative;
    overflow-x:scroll;
    margin-bottom: .2rem;
}
.product-list {
    background: #fff;
    padding: .2rem 0;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.product-list li {
    display: inline-block;
    text-align: center;
    width: 1.4rem;
}

.product-list li span {
    width: .92rem;
    height: .92rem;
    display:block;
    margin: 0 auto .1rem;
    background: url(../images/sprite.png) 0 -5.13rem no-repeat;
}

.product-list li label{
    color: #989898;
    padding: .1rem 0;
    display: inline-block;
}

h3{
    background: #fff;
    padding: 0 .3rem;
    border-bottom: 1px solid #ededed;
    font-size: .3rem;
}

h3 label{
    font-size: .23rem;
    background: url(../images/h3-bc.jpg) right .13rem no-repeat;
    display: inline-block;
    padding: .2rem .8rem .2rem 0;
}

h3 span{
    color:#e1253d;
}