﻿h1, h2, h3, h4, h5, h6 { font-size: 100%; padding: 0; margin: 0; }
body { background: #fff; margin: 0; padding: 0;font-family: "微软雅黑", Verdana, Arial, Helvetica, sans-serif;font-size: .24rem}
img { border: 0; outline: none;}
ol, ul { list-style: none; }
ul,li,p{ padding: 0; margin: 0;}
:link, :visited, ins { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
sub, sup { font-size: 100%; vertical-align: baseline; }
blockquote, q { quotes: "\201C" "\201D" "\2018" "\2019"; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; resize: vertical; vertical-align: top; }
i, cite, em, address { font-style: normal; }
img{ border: 0; border: none;}
a { color: #111; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
.clearfix:before, .clearfix:after { display: block; content: "\200b"; height: 0; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;}

#app{
    width:6.4rem;
    margin: 0 auto;
    padding-top: 1rem;
}
header{
    width: 100%;
    height: 1rem;
    background-color: #fff;
    position: relative;
    z-index: 99;
    position: fixed;
    left: 0;
    top:0;
    -webkit-box-shadow: 0 .05rem .05rem rgba(0,0,0,.3);
    box-shadow: 0 .05rem .05rem rgba(0,0,0,.3);
}
.logo{
    display: block;
    width: 2rem;
    height: .6rem;
    margin: .2rem auto;
    color: #fff;
    background-color: #d50a23;
    line-height: .6rem;
    text-align: center;
    font-size: .46rem;
    position: relative;
}
.tel{
    display: block;
    font-size: 0;
    text-indent: -999em;
    height: .48rem;
    width: .48rem;
    background: url(../images/tel_ico.png) no-repeat;
    vertical-align: top;
    background-size: .48rem auto;
    position: absolute;
    left: .38rem;
    top:.26rem;
}
.menu{
    display: block;
    height: .32rem;
    width: .4rem;
    background: url(../images/menu_nav.png) no-repeat;
    vertical-align: top;
    background-size: .4rem auto;
    position: absolute;
    top:.34rem;
    right: .38rem;
}
#nav{
    display: none;
    width: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top:1rem;
    border-top: solid 0.01rem #eee;
    border-bottom: solid 0.01rem #eee;
}
#nav ul li{
    width: 94%;
    padding: 0 3%;
    height: .6rem;
    line-height: .6rem;
    font-size: .24rem;
    border-bottom: solid 0.01rem #eee;
    text-align: center;
}
#nav ul li a{    
    color: #333;
    height: 100%;
    width: 100%;
    display: block;
}
#nav ul li a.active{
    color: #d50a23
}


footer{
    background-color: #e9e9e9;
    font-size: .12rem;
    height: 1.46rem;
    line-height: .46rem;
    color: #868686;
    text-align: center;
}

#topbar{
    height: .7rem;
    background-color: #d50a23;
    color: #fff;
    margin-bottom: .48rem;
    font-size: .3rem;
    line-height: .7rem;
    padding: 0 .1rem 0 .3rem;
    box-sizing: content-box;
}   
#topbar span{
    color: #fea8b3;
    padding-left: .18rem;
}

.index_banner{

    margin-bottom: .4rem;
}
.index_banner .swiper-slide img{
    background-size: contain;
    width: 100%;
}
.index_one{
    width: 6.4rem;
    height: .89rem;
    background: url(../images/index_img1.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.index_two{
    width: 6.4rem;
    height: 7.6rem;
    background: url(../images/index_img2.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.index_three{
    width: 6.4rem;
    height: .7rem;
    background: url(../images/index_img3.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.index_four{
    width: 6.4rem;
    height: 1.52rem;
    background: url(../images/index_img4.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.index_service{

}
.index_service ul li{
    float: left;
    width: 1.47rem;
    height: 1.52rem;
    margin: 0 .33rem .33rem .33rem;
}
.index_service ul li a{
    display: block;
    height: 100%;
    width: 100%;
    text-indent: -999em;
    font-size: 0;
}
.index_service ul li.one a{
    width: 1.47rem;
    height: 1.52rem;
    background: url(../images/index_tuoguan.jpg) no-repeat;
    vertical-align: top;
    background-size: 1.47rem auto;
}
.index_service ul li.two a{
    width: 1.47rem;
    height: 1.52rem;
    background: url(../images/index_yunying.jpg) no-repeat;
    vertical-align: top;
    background-size: 1.47rem auto;
}
.index_service ul li.three a{
    width: 1.47rem;
    height: 1.52rem;
    background: url(../images/index_yingxiao.jpg) no-repeat;
    vertical-align: top;
    background-size: 1.47rem auto;
}
.index_service ul li.four a{
    width: 1.47rem;
    height: 1.52rem;
    background: url(../images/index_kaihu.jpg) no-repeat;
    vertical-align: top;
    background-size: 1.47rem auto;
}
.index_service ul li.five a{
    width: 1.47rem;
    height: 1.52rem;
    background: url(../images/index_guanggao.jpg) no-repeat;
    vertical-align: top;
    background-size: 1.47rem auto;
}
.index_service ul li.six a{
    width: 1.47rem;
    height: 1.52rem;
    background: url(../images/index_rank.jpg) no-repeat;
    vertical-align: top;
    background-size: 1.47rem auto;
}
.tuandui{
    margin-bottom:.54rem;
}
.tuandui ul li{
    float: left;
    width: 1.74rem;
    height: 2.62rem;
    margin-left: .3rem;
    margin-top: .26rem;
}
.tuandui ul li a{
    display: block;
    height: 100%;
    width: 100%;
}
.tuandui ul li .avator{
    height: 2.22rem;
    width: 1.74rem;
    overflow: hidden;
}
.tuandui ul li .avator img{
     height: 2.22rem;
    width: 1.74rem;
    background-size: 1.74rem auto;
    vertical-align: top;
}
.tuandui ul li h3{
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    color: #fff;
    background-color: #333;
    font-size: .18rem;
    font-weight: 400;
    margin: 0;
}
.tuandui ul li h3 span{
    font-size: .14rem;
}
.case_list{
    width: 6rem;
    margin:0 auto 1.46rem;
}
.case_list ul{
    
}
.case_list ul li{
    height: 1.48rem;
    width:3.22rem; 
    padding: 0 .15rem 0 2.63rem;
    position: relative;
    box-sizing: content-box;
    border: solid 1px #eaeaea;
    margin-top: .25rem;
}
.case_list ul li:nth-child(2n){
    background-color: #f4f4f4;
}
.case_list ul li .header_img{
    position: absolute;
    top:0;
    left: 0;
    width: 2.48rem;
    height: 1.48rem;
    overflow: hidden;
}
.case_list ul li .header_img img{
    width: 2.48rem;
    height: 1.48rem;
    background-size: cover;
}
.case_list ul li .info{
    height: 100%;
}
.case_list ul li .info .title{
    margin: .1rem 0 0 0;
    font-size: .18rem;
    color: #333;
    height: .5rem;
    line-height: .5rem;
    width: 3.22rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.case_list ul li .info p{
    font-size: .14rem;
    color: #8a8a8a;
    width: 3.22rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: .24rem;
}
.jingjia1{
    width: 6.4rem;
    height: 9.23rem;
    background: url(../images/jingjia1.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.jingjia2{
    width: 6.4rem;
    height: 2.86rem;
    background: url(../images/jingjia2.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.jingjia3{
    width: 6.4rem;
    height: 2.6rem;
    background: url(../images/jingjia3.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
    position: relative;
}
.jingjia_btn{
    display: block;
    position: absolute;
    color: #ff9916;
    text-align: center;
    height: .38rem;
    line-height: .38rem;
    width: 1.22rem;
    color: #ff9916;
    font-size: .18rem;
    border: solid 1px #ff9916;
    border-radius: .08rem;
    right: .26rem;
    top:50%;
    margin-top:-.19rem;
}
.jingjia4{
    width: 6.4rem;
    height: 2.68rem;
    background: url(../images/jingjia4.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
    position: relative;
}
.jingjia5{
    width: 6.4rem;
    height: 10.64rem;
    background: url(../images/jingjia5.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
    position: relative;
}
.jingjia5_btn{
    display: block;
    position: absolute;
    text-align: center;
    background-color: #d50a23;
    color: #fff;
    height: .54rem;
    width: 2.94rem;
    line-height: .54rem;
    font-size: .26rem;
    bottom: .7rem;
    left: 50%;
    margin-left: -1.47rem;
    border-radius: .1rem;
}
.jingjia6{
    width: 6.4rem;
    height: 4.81rem;
    background: url(../images/jingjia6.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.jingjia7{
    width: 6.4rem;
    height: 2.47rem;
    background: url(../images/jingjia7.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
    position: relative;
}
.jingjia7_btn{
    color: #fff;
    background-color: #d50a23;
    border-radius: .1rem;
    width: 1.56rem;
    height: .42rem;
    line-height: .42rem;
    text-align: center;
    position: absolute;
    bottom: .44rem;
    left: 50%;
    margin-left: -.78rem;
}
.jingjia8{
    width: 6.4rem;
    height: 8rem;
    background: url(../images/jingjia8.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.jingjia9{
    width: 6.4rem;
    height: 6.53rem;
    background: url(../images/jingjia9.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.jingjia10{
    width: 6.4rem;
    height: 5.15rem;
    background: url(../images/jingjia10.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.jingjia11{
    width: 6.4rem;
    height: 3.67rem;
    background: url(../images/jingjia11.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
    overflow: hidden;
    margin-bottom: 1.5rem;
}
.form-message{
    margin: .36rem auto;
    padding: 0 .3rem;
    width: 4.2rem;
    height: 2.92rem;
    box-sizing: content-box;
    background: rgba(255,255,255,.2);
    overflow: hidden;
}
.form-message ul{
    margin-top: .26rem;
}
.form-messages {
    border: none;
    color: #fff;
    text-align: center;
    display: block;
    margin: .5rem auto 0;
    width: 1.36rem;
    height: .4rem;
    line-height: .4rem;
    background: #fcad25;
    font-size: .18rem;
    border-radius: .06rem;
}
.form-message ul li{
    border-bottom: solid 1px #fff;
    height: .48rem;
    line-height: .48rem;
    color: #fff;
    position: relative;
    width: 3.36rem;
    padding-left: 1.84rem;
}
.form-message ul li label{
    display: block;
    position: absolute;
    font-size: .18rem;
    left: 0;
    top:0;
    height: .48rem;
    width: .84rem;
}
.form-message ul li input{
    outline: none;
    border: none;
    background: none;
    width: 3.16rem;
    padding: 0 .1rem;
    box-sizing: content-box;
}
.list_news{
    width: 6rem;
    margin:.2rem auto 0;
}
.list_news ul li{
    height: .46rem;
    padding: .18rem 0 .18rem .66rem;
    border-bottom: solid 1px #e9e9e9;
    position: relative;
}
.list_news ul li a{
    display: block;
}
.list_news ul li .num{
    display: block;
    height: .46rem;
    width: .46rem;
    border: solid 1px #e9e9e9;
    position: absolute;
    left: 0;
    top:.18rem;
    text-align: center;
    line-height: .46rem;
    color: #d50a23;
}
.list_news ul li:nth-child(2) .num{
    opacity: .7;
    filter:alpha(opacity=70);
}
.list_news ul li:last-child .num{
    opacity: .4;
    filter:alpha(opacity=40);
}
.list_news ul li a .title{
    font-size: .24rem;
    color: #333;
    width: 5.34rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
}
.list_news ul li a .des{
    color: #949494;
    font-size: .14rem;
    width: 5.34rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
}
.list_news .see_more{
    display: block;
    background-color: #d50a23;
    width: 2rem;
    height: .44rem;
    line-height: .44rem;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    margin: .4rem auto 1.4rem;
}
.bottom_nav{
    height: .98rem;
    background-color: #333;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
}
.bottom_nav ul{
    height: .98rem;
}
.bottom_nav ul li{
    width: 33.333%;
    height: 100%;
    color: #fff;
    float: left;
    text-align: center;
}
.bottom_nav ul li a{
    display: block;
    color: #fff;
    height: 100%;
}
.bottom_nav ul li.active{
    background-color: #d50a23;
}
.bottom_nav ul li span {
    display: block;
    line-height: .6rem;
    vertical-align: middle;
}
.bottom_nav ul li .home,
.bottom_nav ul li .service,
.bottom_nav ul li .case,
.bottom_nav ul li .about{    
    display: block;
    /* margin: .1rem auto; */
    text-align: center;
}
.bottom_nav ul li .home img,
.bottom_nav ul li .service img,
.bottom_nav ul li .case img{
    vertical-align: middle;
    width: .4rem;
    animation: sx 1s infinite;
    -moz-animation: sx 1s infinite;	/* Firefox */
    -webkit-animation: sx 1s infinite;	/* Safari 和 Chrome */
    -o-animation: sx 1s infinite;	/* Opera */
}
@keyframes sx
{
    0%   {transform: scale(.9);}
    50%  {transform: scale(.9);}
    51%  {transform: scale(1.1);}
    100% {transform: scale(1.1);}
}

@-moz-keyframes sx /* Firefox */
{
    0%   {transform: scale(.9);}
    50%  {transform: scale(.9);}
    51%  {transform: scale(1.1);}
    100% {transform: scale(1.1);}
}

@-webkit-keyframes sx /* Safari 和 Chrome */
{
    0%   {transform: scale(.9);}
    50%  {transform: scale(.9);}
    51%  {transform: scale(1.1);}
    100% {transform: scale(1.1);}
}

@-o-keyframes sx /* Opera */
{
    0%   {transform: scale(.9);}
    50%  {transform: scale(.9);}
    51%  {transform: scale(1.1);}
    100% {transform: scale(1.1);}
}
.bottom_nav ul li .about{
    height: .4rem;
    width: .4rem;
    background: url(../images/concat_ico.png) no-repeat;
    background-size: .4rem auto;
    vertical-align: top;
}
.bottom_nav ul li.active{
    background-color: #d50a23;
}
.bottom_nav ul li p{
    height: .32rem;
    /* line-height: .92rem; */
	font-size:14px;
}
.bottom_nav ul li:last-child,
.bottom_nav ul li:nth-child(2){
    position: relative;
}
.bottom_nav ul li .sub_nav{
    display: none;
    width: 100%;
    background-color: #d50a23;
    position: absolute;
    bottom:.98rem;
    left: 0;
}
.bottom_nav ul li.click .sub_nav{
    display: block;
}
.bottom_nav ul li .sub_nav a{
    color: #fff;
    font-size: .14rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    display: block;
    border-bottom: solid 1px #eb4156;
}
.yunying1{
    width: 6.4rem;
    height: 6.22rem;
    background: url(../images/yunying1.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.yunying2{
    width: 6.4rem;
    height: 5.9rem;
    background: url(../images/yunying2.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.yunying3{
    width: 6.4rem;
    height: 6.11rem;
    background: url(../images/yunying3.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.yunying4{
    width: 6.4rem;
    height: 2.17rem;
    background: url(../images/yunying4.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
    margin-bottom: 1.55rem;
    position: relative;
}
.yunying4 .zixun_btn{
    display: block;
    width: 1.74rem;
    height: .4rem;
    line-height: .4rem;
    border: solid 1px #005397;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -.87rem;
    bottom: .4rem;
}
.yingxiao1{
    width: 6.4rem;
    height: 4.7rem;
    background: url(../images/yingxiao1.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
    overflow: hidden;
}
.yingxiao_btn{
    width: 3rem;
    height: .64rem;
    line-height: .64rem;
    text-align: center;
    color: #fff;
    display: block;
    margin: 0 auto;
    background: #f08200;
    font-size: .24rem;
}
.yingxiao2{
    width: 6.4rem;
    height: 5.48rem;
    background: url(../images/yingxiao2.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
    overflow: hidden;
}
.yingxiao3{
    width: 6.4rem;
    height: 8rem;
    background: url(../images/yingxiao3.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
    overflow: hidden;
}
.yingxiao4{
    width: 6.4rem;
    height: 6.93rem;
    background: url(../images/yingxiao4.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
    overflow: hidden;
}
.yingxiao5{
    width: 6.4rem;
    height: 6.89rem;
    background: url(../images/yingxiao5.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
    overflow: hidden;
    position: relative;
}
.yingxiao5 .btn{
    width: 3rem;
    height: .64rem;
    line-height: .64rem;
    text-align: center;
    color: #fff;
    display: block;
    background: #f08200;
    font-size: .24rem;
    position: absolute;
    bottom: .62rem;
    left: 50%;
    margin-left: -1.5rem;
}
.yingxiao6{
    width: 6.4rem;
    height: 3.06rem;
    background: url(../images/yingxiao6.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
    overflow: hidden;
}
.write-message{
    width: 6rem;
    margin: .5rem auto 1.7rem;
}
.write-message ul li{
    float: left;
    height: .38rem;
    line-height: .38rem;
    width: 2.84rem;
    border: solid 1px #b5b5b5;
    position: relative;
    margin-bottom: .1rem;
}
.write-message ul li:nth-child(2n){
    margin-left: .26rem;
}
.write-message .textarea{
    box-sizing: border-box;
    width: 100%;
    min-height: 1.15rem;
    border: solid 2px #b5b5b5;
}
.write-message .textarea textarea{
    display: block;
    line-height: .26rem;
    width: 100%;
    min-height: 1.15rem;
    border: none;
    box-sizing: border-box;
    outline: none;
    font-size: .16rem;
    text-indent: 2em;
}
.write-message .textarea textarea:focus{
    border: none;
}
.write-message button{
    width: 1.64rem;
    height: .64rem;
    outline: none;
    border: none;
    color: #fff;
    line-height: .64rem;
    display: block;
    margin: 0 auto;
    background: #272727;
    color: #b3b3b3;
    font-size: .24rem;
    margin-top: .28rem;
    font-weight: 700;
}
.write-message ul li label{
    position: absolute;
    height: .38rem;
    top:0;
    left: 0;
    width: 1.6rem;
    text-align: center;
    font-size: .16rem;
    color: #000;
}
.write-message ul li input{
    margin-left: .6rem;
    float: left;
    outline: none;
    border: none;
    width: 2.04rem;
    padding: 0 .1rem;
}
.company_desc,.news_desction{
    width: 6rem;
    margin: .2rem auto 0;
}
.news_desction{
    margin-bottom: 1.56rem;
}
.company_desc .title1 span{
    margin: 0 auto;
    display: block;
    font-size: 0;
    text-indent: -999em;
    width: 1.61rem;
    height: .55rem;
    background: url(../images/about_us1.jpg) center top no-repeat;
    background-size: 1.61rem auto;
    vertical-align: top;
}
.company_desc .title2{
    margin-top: .4rem;
}
.company_desc .title2 span{
    margin: 0 auto;
    display: block;
    font-size: 0;
    text-indent: -999em;
    width: 1.61rem;
    height: .55rem;
    background: url(../images/about_us2.jpg) center top no-repeat;
    background-size: 1.61rem auto;
    vertical-align: top;
}
.company_desc p,.news_desction p{
    text-align: center;
    line-height: .4rem;
    font-size: .18rem;
    color: #555;
}
.company_desc .info{
    width: 6rem;
    margin: .2rem auto 0;
    margin-bottom: 1.5rem;
}
.company_desc .info img,.news_desction img{
    width: 80%;
}
.company_desc .info p,.news_desction p{
    text-align: left;
    color: #555;
    font-size: .24rem;
    text-indent: 2em;
    margin-top: .36rem;
    line-height: .4rem;
}
.news_list{
    width: 6rem;
    margin:0 auto 1.6rem;
}
.news_list ul li{
    margin-bottom: .2rem;
    border-bottom: solid 1px #e9e9e9;
    height: .38rem;
    padding:0 .2rem .22rem .2rem; 
    box-sizing: content-box;
    position: relative;
}
.news_list ul li a{
    display: block;
}
.news_list ul li .ico{
    display: block;
    width: .05rem;
    height: .38rem;
    background-color: #ddd;
    position: absolute;
    left: 0;
    top:0;
}
.news_list ul li .ico i{
    display: block;
    height: .05rem;
    width: .05rem;
    background-color: #d50a23;
    vertical-align: top;
}
.news_list ul li h3{
    font-size: .24rem;
    color: #333;
    height: .22rem;
    line-height: .22rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    word-break: break-all;
    word-wrap: break-word;
}
.news_list ul li p{
    font-size: .24rem;
    color: #949494;
    height: .16rem;
    line-height: .16rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
}

.scrollToTop{
    display: block;
    font-size: 0;
    text-indent: -999em;
    position: fixed;
    left: 50%;
    margin-left: -.275rem;
    bottom: 1.6rem;
    width: .55rem;
    height: .55rem;
    z-index: 999;
    background: url(../images/top_ico.png) center top no-repeat;
    background-size: .55rem auto;
}
.painger{
    height: .8rem;
    text-align: center;
    position: relative;
}
.triangle_border_left{
    width:0;
    height:0;
    border-width:.3rem .3rem .3rem 0;
    border-style:solid;
    border-color:transparent #d50a23 transparent transparent;/*透明 灰 透明 透明 */
    position: absolute;
    top:0;
    left: 40%;
    cursor: pointer;
}
.triangle_border_left.disabled{
    pointer-events: none;
    border-color:transparent #c7c7c7 transparent transparent;
}
/*向右*/
.triangle_border_right{
    width:0;
    height:0;
    border-width:.3rem 0 .3rem .3rem;
    border-style:solid;
    position: absolute;
    top:0;
    right: 40%;
    border-color:transparent transparent transparent #d50a23;/*透明 透明 透明 灰*/
    cursor: pointer;
}
.triangle_border_right.disabled{
    pointer-events: none;
    border-color:transparent transparent transparent #c7c7c7;
}
.people_intro,.team_list,.concat_contain{
    margin-bottom: 1.56rem;
}
.zhaoshang1{
    width: 6.4rem;
    height: 5.02rem;
    background: url(../images/zhaoshang1.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.zhaoshang1_btn{
	display: block;
    position: absolute;
	width: 2.15rem;
	height: 0.33rem;
	margin-top: 3.65rem;
	margin-left: 2.11rem;
	text-align: center;
	padding-top:0.10rem;
	font-size: .18rem;
	color: #fff;
}
.zhaoshang2{
    width: 6.4rem;
    height: 2.62rem;
    background: url(../images/zhaoshang2.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.zhaoshang2-2{
    width: 6.4rem;
    height: 3.44rem;
    background: url(../images/zhaoshang2-2.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.zhaoshang3{
    width: 6.4rem;
    height: 4.19rem;
    background: url(../images/zhaoshang3.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.zhaoshang3-3{
    width: 6.4rem;
    height: 2.62rem;
    background: url(../images/zhaoshang3-3.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.zhaoshang4{
    width: 6.4rem;
    height: 6.76rem;
    background: url(../images/zhaoshang4.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
    position: relative;
}
.zhaoshang5{
    width: 6.4rem;
    height: 3.29rem;
    background: url(../images/zhaoshang5.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.zhaoshang5-5{
    width: 6.4rem;
    height: 4.54rem;
    background: url(../images/zhaoshang5-5.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.zhaoshang6{
    width: 6.4rem;
    height: 6.37rem;
    background: url(../images/zhaoshang6.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.zhaoshang7{
    width: 6.4rem;
    height: 2.3rem;
    background: url(../images/zhaoshang7.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
    position: relative;
}
.zhaoshang7_btn{
    width: 2.1rem;
    height: .7rem;
    position: absolute;
    bottom: .78rem;
    left: 15.5%;
    margin-left: -.78rem;
}
.zhaoshang8{
    width: 6.4rem;
    height: 8rem;
    background: url(../images/zhaoshang8.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.zhaoshang9{
    width: 6.4rem;
    height: 6.53rem;
    background: url(../images/zhaoshang9.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.zhaoshang10{
    width: 6.4rem;
    height: 5.15rem;
    background: url(../images/zhaoshang10.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
}
.zhaoshang11{
    width: 6.4rem;
    height: 3.67rem;
    background: url(../images/zhaoshang11.jpg) center top no-repeat;
    background-size: 6.4rem auto;
    vertical-align: top;
    overflow: hidden;
    margin-bottom: 1.5rem;
}