/*banner*/
.anli_banner img{
    width: 100%;
}

/*推荐*/
.sjs_tjian{
    background:url("../img/sjs_rego.png") no-repeat #fff;
    background-position: 1700px 150px;
}
.sjs_tjians{
    background:url("../img/sjs_oua.png") no-repeat;
    background-position: 50px 910px;
    padding-bottom: 350px;
}
.in_h2name{
    padding: 105px 0 70px 0;
    color: #F6552F;
    text-align: center;
}
.in_h2name h2{
    font-weight: normal;
    font-size: 30px;
}
.in_h2name div div{
    width: 30px;
    height: 5px;
    margin: 10px auto;
    background: #F6552F;
}
.in_h2name p{
    color: #333;
    font-size: 16px;
}
.sjs_fangkuai{
    width: 550px;
    height: 420px;
    background: #F6552F;
    position: absolute;
}
.sjs_sxsjs{
    background: #F5F5F5;
    position: relative;
    left: 20px;
    top: 20px
}
.sjs_sxsjstext{
    width: 755px;
}
.sjs_sxsjstexts{
    width: 500px;
    padding: 90px;
    color: #333;
    font-size: 16px;
}
.sjs_sxsjstexts1{
    font-size: 36px;
    margin-bottom: 45px;
}
.sjs_sxsjstexts1 span{
    font-size: 18px;
    margin-left: 20px;
    color: #4c4c4c;
}
.sjs_sxsjstexts2{
    margin-bottom: 40px;
}
.sjs_sxsjstexts2 span{
    color: #F6552F;
}
.sjs_sxsjstexts2 li{
    margin-bottom: 15px;
    color: #4c4c4c;
}
.sjs_sxsjstexts3{
    font-size: 20px;
    margin-bottom: 30px;
    line-height: 30px;
}
.sjs_sxsjstexts4 a{
    display: inline-block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 2px solid #F6552F;
    color: #F6552F;
    border-radius: 50px;
    position: relative;
    z-index: 2;
}
.sjs_sxsjsimg img{
    width: 100%;
    height: 100%;
}
.sjs_sxsjsimg{
    width: 445px;
    height: 600px;
}

/*我的团队*/
.sjs_tuanduiss{
    background:url("../img/sjs_oate.png") no-repeat;
    background-position: 50px 755px;
    padding-bottom: 200px;

}
.sjs_tuandui{
    background: #F5F5F5;
    padding: 90px 0 75px 0;
    position: relative;
}
.sjs_tuanduile{
    width:56.6%;
}
.sjs_tuanduiletit,.sjs_tuanduileimg{
    width: 650px;
    padding-right: 27px;
}
.sjs_tuanduiletit{
    color: #333;
}
.sjs_tuanduiletit h2{
    font-size: 40px;
    margin-bottom: 10px;
}
.sjs_tuanduiletit p span{
    display: inline-block;
    width:24px;
    height: 8px;
    background: #333;
}
.sjs_tuanduiletit p{
    font-size: 28px;
    margin-bottom: 20px;
}

/*插件*/
/* 通用图片列表_普通式 */
.picList li{ width:140px;  }
.picList .pic{ text-align:center; line-height:0px;margin-bottom: 60px;}
.picList .pic img{ width:136px; height:136px;border:2px solid #fff; }
.picList .sjstxian1 .sjstxian2 img{border-color:#F6552F;}
/*.picList .pic:hover img{ border-color:#F6552F;}*/
.picList .title{ line-height:24px;}

/* 多个左滚动 - 公用类 */
.leftLoop{ overflow:hidden; position:relative;left: -17px;}
.leftLoop .hd{ overflow:hidden;  height:30px;width: 65px;position: absolute;bottom: -9px; left: 285px; }

.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc);}
.leftLoop .hd ul li.on{ background:#F6552F;  }
.leftLoop .bd{ padding:10px;   }
.leftLoop .bd ul{ overflow:hidden; zoom:1; }
.leftLoop .bd ul li{ margin:0 10px; text-align:center; float:left;}

.sjs_tuanduiri{
    width:44.4%;
    position: absolute;
    right:0;
    top: -80px;
    background:url("../img/sjs_ty.png") no-repeat top right  #fff;
    height: 1000px;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}
.sjs_tuanduiris{
    padding:0 70px;
}
.sjs_tuanduirisp{
    margin-top: 105px;
}
.sjs_tuanduirisp img{
    width: 300px;
    height: 300px;
}
.sjs_sxsjstextss{
    width: 300px;
    color: #333;
    font-size: 18px;
    margin-top: 50px;
}
.sjs_sxsjstextss .sjs_sxsjstexts1{
    font-size: 26px;
    margin-bottom: 25px;
}
.sjs_sxsjstextss .sjs_sxsjstexts1 span{
    font-size: 18px;
    margin-left: 20px;
}
.sjs_sxsjstextss .sjs_sxsjstexts2{
    margin-bottom: 45px;
}
.sjs_sxsjstextss .sjs_sxsjstexts2 span{
    color: #F6552F;
}
.sjs_sxsjstextss .sjs_sxsjstexts2 li{
    margin-bottom: 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.sjs_sxsjstextss .sjs_sxsjstexts3{
    font-size: 17px;
    color: #333;
    margin-bottom: 30px;
    text-indent: 34px;
    line-height: 30px;
}
.sjs_sxsjstextss .sjs_sxsjstexts4{
    margin: 0 auto;
    width: 120px;
    height: 36px;
}
.sjs_sxsjstextss .sjs_sxsjstexts4 a{
    display: inline-block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 2px solid #F6552F;
    color: #F6552F;
    border-radius: 50px;
    position: relative;
    z-index: 2;
}


/**/
/*.sjs_sxsjstexts4 a{*/
    /*display: inline-block;1*/
    /*color: #F6552F;1*/
    /*width: 160px;1*/
    /*height: 46px;1*/
    /*line-height: 46px;1*/
    /*border: 2px solid #F6552F;1*/
    /*border-radius: 50px;1*/
    /*text-align: center;1*/
    /*font-size: 22px;*/
    /*margin-left:100px;*/
    /*position: relative;*/
    /*z-index: 2;*/
/*}*/
.sjs_sxsjstexts4 a:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background:#F6552F;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 50px;
}
.sjs_sxsjstexts4 a:hover:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.sjs_sxsjstexts4 a:hover{
    color: #fff;
}

@media screen and (max-width: 700px) {
    .anli_banner{
        overflow: hidden;
    }
    .anli_banner img {
        width: auto;
        height: 155px;
    }
    .in_h2name{
        padding: 30px 0 10px 0;
    }
    .in_h2name div div{
        height: 2px;
        margin: 2px auto;
    }
    .in_h2name h2{
        font-size: 16px;
    }
    .in_h2name p {
        font-size: 12px;
    }
    /*人气推荐*/
    .sjs_fangkuai{
        display: none;
    }
    .sjs_sxsjstext{
        width: 58%;
        padding-left: 2%;
    }
    .sjs_sxsjsimg{
        width: 40%;
        height: auto;
    }
    .sjs_sxsjstexts{
        width: 100%;
        padding: 0;
        font-size: 12px;
    }
    .sjs_sxsjs{
        left: 0;
        top:0;
    }
    .sjs_sxsjstexts1 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .sjs_sxsjstexts1 span {
        font-size: 14px;
        margin-left: 10px;
        font-weight: normal;
    }
    .sjs_sxsjstexts2 li {
        margin-bottom: 2px;
    }
    .sjs_sxsjstexts3{
        display: none;
    }
    .sjs_sxsjstexts2 {
        margin-bottom: 5px;
    }
    .sjs_sxsjstexts4{
        text-align: center;
    }
    .sjs_tuanduiss{
        display: none;
    }
    .sjs_tjians{
        padding-bottom: 20px;
    }
}