@charset "utf-8";
/* CSS Document */

.about_who{
    width: 100%;
    height: auto;
    display: table;
    margin-top: 80px;
    text-align: center;
}
.about_who span{
    display: block;
    font-size: 36px;
    color: #333;
    letter-spacing: 1px;
}
.about_who p{
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin: 20px 0 30px 0;
}
.about_who_number{
    width: 100%;
    height: 94px;
    margin-top: 40px;
    overflow: hidden;
}
.about_who_number li{
    float: left;
    width: 25%;
    text-align: center;
    font-size: 20px;
    color: #333;
}
.about_who_number li i{
	font-size: 50px;
    color: #FE7900;
    font-weight: bold;
	font-style: normal;
    display: inline-block;
}
.about_who_number li p{
    width: 90%;
    margin: 0 auto;
	font-size: 16px;
	color: #666;
}
.about_who_img{
    width: 100%;
    height: auto;
    display: table;
    margin-top: 50px;
}
.Box {position: relative;}
.Box .content {width: 1200px;margin: 0 auto;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;z-index: 99;}
.Box .Box_con .btnl {background: url(jtl02.png) no-repeat center;left: 0px;}
.Box .Box_con .btnr {background: url(jtr02.png) no-repeat center;right: 0px;}
.Box .Box_con .btnl:hover {background: url(jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 380px;height: 266px;margin-left: 30px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 380px;height: 266px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
.Box .BoxSwitch {margin-top: 20px;text-align: center;}
.Box .BoxSwitch span {
    display: inline-block;
    *display: inline;*zoom: 1;vertical-align: middle;
    width: 16px;height: 16px;background: #ccc;margin: 0 5px;cursor: pointer;border-radius: 50%;
}
.Box .BoxSwitch span.cur {background: red;}

/* sy_web  */
.about_sy_broken{
    width: 100%;
    height: auto;
    display: table;
    margin-top: 70px;
}
.about_sy_broken img{
    width: 100%;
}

/* about_partner */
.about_partner{
    width: 100%;
    height: 512px;
    overflow: hidden;
    background: url(about_partner_bg.jpg)no-repeat center;
}
.about_partner_fl{
    width: 305px;
    height: 100%;
    text-align: center;
    color: #fff;
}
.about_partner_fl b{
    display: block;
    font-size: 36px;
    padding-top: 100px;
    font-weight: normal;
}
.about_partner_fl p{
    width: 88%;
    height: 80px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 20px;
    margin-top: 34px;
    background: url(about_partner_icon1.png)no-repeat bottom center;
}
.about_partner_fl img{
    width: 52px;
    margin: 0 auto;
    margin-top: 40px;
}
.about_partner_fl a{
    display: block;
    width: 160px;
    margin: 0 auto;
    height: 38px;
    line-height: 38px;
    margin-top: 20px;
    text-align: center;
    background-color: #fff;
    color: #666;
    border-radius: 20px;
}
.about_partner_fl a:hover{background-color: #FE7900;color: #fff;}
.about_partner_fr{
    width: 850px;
    height: 360px;
    margin-top: 70px;
    overflow: hidden;
}
.about_partner_fr ul{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.about_partner_fr li{
    float: left;
    width: 160px;
    height: 85px;
    margin: 0 10px 5px 0;
}
.about_partner_fr li:nth-child(5n){margin-right: 0;}
.about_partner_fr li a{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
.about_partner_fr li a img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: 0.6s;
}
.about_partner_fr li:hover a img{transform: scale(1.1);}

/* about_team */
.about_team{
    width: 100%;
    height: auto;
    display: table;
    margin-top: 70px;
}
.about_team li{
    float: left;
    width: 470px;
    height: 286px;
    overflow: hidden;
    margin: 0 26px 26px 0;
}
.about_team li:nth-child(3n){margin-right: 0;}
.about_team li:nth-child(3){
    width: 200px;
    height: 286px;
    text-align: right;
}
.about_team li:nth-child(4){
    width: 200px;
    height: 286px;
    text-align: left;
}
.about_team li img{
    width: 100%;
    transition: 0.6s;
}
.about_team li img:hover{transform: scale(1.1);cursor: pointer;}
.about_team li b{
    display: block;
    padding-top: 20px;
    font-size: 90px;
    color: #333;
}
.about_team li p{
    margin-top: 12px;
    font-size: 14px;
    color: #666;
    text-align: center;
}

/* about_join */
.about_join{
    width: 100%;
    height: 518px;
    margin: 80px 0;
    background: url(about_join_bg.jpg)no-repeat center;
}
.about_join_font{
    float: right;
    width: 380px;
    height: 196px;
    margin-top: 284px;
    color: #fff;
}
.about_join_font b{
    font-size: 28px;
    font-weight: normal;
}
.about_join_font span{
    display: block;
    font-size: 16px;
    margin-top: 6px;
}
.about_join_font p{
    font-size: 20px;
    font-weight: normal;
    margin-top: 10px;
}
.about_join_font a{
    width: 218px;
    height: 52px;
    display: block;
    line-height: 52px;
    margin-top: 40px;
    background-color: #fff;
    color: #FE7900;
    font-size: 16px;
    border-radius: 40px;
    text-align: center;
}
.about_join_font a i{
    font-style: normal;
    float: left;
    padding-left: 36px;
}

.about_join_font a n{
    font-size: 34px;
    float: right;
    margin-right: 30px;
}
.about_join_font a:hover{
    background-color: #666;
    color: #fff;
}