﻿



.fe_c1{
    width: 100%;
    height: 660px;

    background: url(../image/c1.jpg) center no-repeat;
}

.fe_c2{
    width: 100%;
    height:723px;
}

.fe_c2 .fe_c21{
    margin-bottom: 17px;
    padding-top: 50px;
    width: 100%;

    font-size: 40px;
    color: #ff6923;
    text-align: center;
}

.fe_c22{
    margin: 0 auto;
    margin-bottom: 4px;
    width:950px;

    font-size: 16px;
    color: #333333;
    text-align: center;
}

.fe_c22 span{
    padding-left: 49.092px;
    font-size: 0px;
}

.fe_c23{
    margin-top: 43px;
    text-align: center;
}

.fe_c24{
    margin: 0 auto;
    margin-top:63px;
    width: 1200px;
}

.fe_c24 li{
    float: left;

    margin-right: 26px;
}

.fe_c24 li:last-child{
    margin-right: 0px;
}

.fe_c3{
    position: relative;

    width: 100%;
    height: 840px;

    background: url(../image/c3.jpg) center no-repeat;
}

.fe_people{
    position: absolute;
    bottom: 0px;
    left: 50%;

    margin-left: -686px;
}

.fe_c31{
    padding-top:50px;

    font-size: 40px;
    color: #fff;
    text-align: center;
}

.fe_c32{
    padding-top:20px;

    font-size: 18px;
    color: #fff;
    text-align: center;
}

.fe_33{
    margin-top: 49px;
    width: 100%;
    height: 1px;
    background-color: #ff954b;
}

.fe_c34{
    margin-top:38px;
    position: relative;
    left: 50%;
    margin-left:-60px;
    width: 700px;
    /* height: 100px; */
    /* background-color: red; */
}

.fe_c341 li{
    margin-bottom: 40px;
}

.fe_c341 li:after{
    visibility:hidden;
    display:block;
    font-size:0;content:" ";
    clear:both;height:0;
}

.fe_c341 li img{
    display: block;
}

.fe_c3410{
    float: left;

    margin-right:20px;
    width: 115px;
    height: 107px;

    line-height: 30px;

    /* text-align: center; */
    background: url(../image/c31.png) center no-repeat;

}

.fe_c341 .fe_c3410 p{
    padding: 22px 0 0 28px;
    font-size: 26px;
    color: #fff;
}

.fe_c341 li h3{
    padding-top:14px;
    font-size:22px;
    color: #fff;
}

.fe_c341 li p{
    width: 650px;
    padding-top:1px;
    font-size:16px;
    color: #fff;
}

.fe_c4{
    width: 100%;
    height:813px;

    background: url(../image/c4.jpg) center no-repeat;
    background-position: center bottom;
}

.fe_c41{
    padding-top: 60px;
    font-size: 46px;
    color: #ff6923;
    text-align: center;
}

.fe_c42{
    padding-top: 17px;
    font-size: 16px;
    color: #333333;
    text-align: center;
}

.fe_c43{

    margin: 0 auto;
    margin-top: 78px;
    width: 1200px;
}

.fe_c431{

    font-size: 22px;
    text-align: center;
}

.fe_c43 li{
    float: left;
    width: 240px;
}


.fe_c43 li:nth-child(2){
    position: relative;
    left: -10px;
    top:60px;
}

.fe_c43 li:nth-child(4){
    position: relative;
    left: 10px;
    top:60px;
}

.fe_c43 li:first-child{
    position: relative;
    top:202px;
    left: 10px;
}

.fe_c43 li:first-child h3{
    position: relative;
    left: 12px;
}

.fe_c43 li:last-child{
    position: relative;
    top:202px;
    left: -20px;
}


.fe_c432{
    margin-top: 8px;
    width: 100%;

    font-size: 15px;
    text-align: center;
}

.fe_c5{
    width: 100%;
    height: 1573px;

    background: url(../image/c5.jpg) center no-repeat;
}

.fe_c51{
    padding-top: 60px;
    font-size: 46px;
    color: #fff;
    text-align: center;
}

.fe_c52{
    padding-top: 17px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.fe_c53{
    margin: 0 auto;
    margin-top: 75px;
    width: 1194px;
}

.fe_c5-hover{
    position: absolute;
    bottom:0px;
    left: 0;

    height: 124px;
    width:100%;

    background-color:#ff3833;

}

.fe_c5-circle{
    opacity:0;

    position: absolute;
    left: 50%;

    margin-top:32px;
    margin-left:-36px;
    border-radius:50%;
    width:73px;
    height:73px;

    // background-color:#fff;

    -webkit-transition:opacity 0.3s ease-in;
    -ms-transition:opacity 0.3s ease-in;
    -moz-transition:opacity 0.3s ease-in;
    -o-transition:opacity 0.3s ease-in;
    transition:opacity 0.3s ease-in;
}

.fe_c532{
    margin-bottom: 25px;
    padding:0 24px;

    text-align: center;
    font-size: 14px;
    color: #fff;
}

.fe_c533{
    display: none;
    position: relative;

    margin-bottom: 25px;
    padding:0 24px;

    text-align: left;
    font-size: 14px;
    color: #fff;
}

.fe_c53 li:hover .fe_c5-circle{
    opacity:1;
}

.fe_c53 li{
    overflow: hidden;

    position: relative;

    float: left;

    margin-right: 26px;
    width:218px;
    height: 445px;

    background-color: #ff3833;
}

.fe_c53 li:last-child{
    margin-right: 0;
}

.fe_c53 li img{
    display: block;

}

.fe_c531{
    position: relative;

    margin-top:20px;
    margin-bottom: 11px;
    width: 100%;

    text-align: center;
    font-size: 22px;
    color: #fff;

}


.fe_c53 li:nth-child(4) .fe_c532{
    margin-bottom: 25px;
    padding:0 10px;

    text-align: center;
    font-size: 14px;
    color: #fff;
}

.fe_c53 li:last-child .fe_c532{
    margin-bottom: 25px;
    padding:0 15px;

    text-align: center;
    font-size: 14px;
    color: #fff;
}

.fe_c5-bottom{
    padding-bottom:99px;
}

.fe_c5-top{

    border-top: 1px solid #fe9030;
}

.fe_c61{
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 70px;
    width: 1195px;
}

.fe_c61 li{
    position: relative;

    float: left;

    margin-right:21px;
    margin-bottom: ;
    width: 282px;
}

.fe_c61 li img{
    display: block;
}



.fe_c61 li .fe_play{

    position: absolute;
    top: 45px;
    left: 95px;
}

.fe_c61 li:nth-child(4n){
    margin-right: 0px;
}

.fe_c611{
    margin-top: 22px;

    font-size: 22px;
}

.fe_c612{
    margin-top: 18px;
    padding-bottom: 40px;

    font-size: 15px;
}

.fe_c7{
    background-color: #ff6923;
}

.fe_c73{
    margin: 0 auto;
    padding-bottom:68px;
    margin-top: 65px;
    width: 1196px;
}

.fe_c71{
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 90px;
    width: 1195px;
}

.fe_c73 li{
    float: left;

    position: relative;

    margin-right:22px;
    margin-bottom:29px ;

    box-sizing: border-box;
    width: 282px;
    height: 262px;
    background-color: #fff;
}

.fe_c73 li img{
    display: block;
}

.fe_c73 li:nth-child(4n){
    margin-right: 0px;
}

.fe_c711{
    margin-top: 22px;

    font-size: 22px;
}

.fe_c731{
    padding-top:19px;
    padding-bottom:16px;
    padding-left: 13px;
    font-size: 18px;
    /* text-align: center; */

    white-space: nowrap;
}

.fe_c731 span{
    margin-right: 10px;
    border-radius: 50%;
    padding: 3px 5px 1px 7px;
    background-color: #ff6923;
    font-size: 18px;
    color: #fff;
}

.fe_c731-spec span{
    margin-right: 5px;

}

.fe_c732{
    padding: 0 15px;
    width: 250px;
}

.fe_c732 span:first-child{
    float: left;

    font-size: 14px;
    color: #676767;
}

.fe_c732 span:last-child{
    float: right;

    position: relative;
    top: 4px;
}

.fe_c73-mark{
    position: absolute;
    right: -13px;
    top: 13px;
    width: 76px;
    height:42px;
}

.fe_c7-hover{
    /* display: none; */

    position: absolute;
    top: 0;
    left: 0;

    width: 282px;
    height: 168px;

    background:rgba(0,0,0,0.4);

    opacity: 0;

    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.fe_c7-hover img{
    padding: 35px 0 0 90px;
}

.fe_c73 li:hover .fe_c7-hover{
    /* display: block; */
        opacity: 1;
}

.fe_c8{
    width: 100%;

    background-color: #f3f3f3;
}

.fe_c8-img{
    margin: 0 auto;
    margin-top: 73px;
    width:1136px;
}

.fe_c81{
    margin: 0 auto;
    margin-top: 70px;
    padding-bottom: 75px;
    width:910px;
}

.fe_c81 li{
    float: left;

    margin-right: 28px;
}

.fe_c81 li:last-child{
    margin-right: 0px;
}

.fe_c91{
    margin: 0 auto;
    margin-top: 50px;
    padding-bottom: 65px;
    width:1200px;
}

.fe_c91 li{
    float: left;

    margin-right: 34px;
    margin-bottom:37px;
}

.fe_c91 li:nth-child(4n){
    margin-right: 0px;
}

.fe_c10{
    width: 100%;

    background-color: #f3f3f3;
}

.fe_c101{
    margin: 0 auto;
    padding-bottom:112px;
    margin-top: 65px;
    width: 1200px;
}

.fe_c101 li{
    float: left;

    margin-right: 28px;
    width: 379px;
    height: 343px;

    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.fe_c101 li:last-child{
    margin-right: 0px;
}

.fe_c102{
    padding-top: 35px;
    width:100%;
    height:189px;

    background-color: #ff4848;
}

.fe_c10-circle{
    margin:0 auto;
    /* margin-top: 35px; */
    border: 2px solid #fff;
    border-radius: 50%;
    width: 86px;
    height: 86px;

    text-align: center;
}

.fe_c10-circle img{
    margin-top: 15px;
}

.fe_c101 h3{
    margin-top: 24px;

    font-size: 36px;
    color: #fff;
    text-align: center;
}

.fe_c103{
    width: 100%;
    height:119px;

    text-align: center;
    line-height: 119px;
    background-color: #fff;
}

.fe_c101 span{
padding: 10.5px 36px;
border:2px solid #ff6923;
border-radius: 3px;
font-size: 18px;
color: #ff6923;
}

.fe_c101 span:hover{
background-color: #ff6923;
color: #fff;
}

.fe_c101 li:hover{
    box-shadow: 0 0 13px  rgba(0,0,0,0.13);
}


li:nth-child(2) .fe_c102{
    background-color: #ff6923;
}

li:last-child .fe_c102{
    background-color: #ffd74c;
}

.fe_c11{
    position: relative;

    width: 100%;
    height: 187px;

    background: url(../image/11_02.jpg) center no-repeat;
}

.fe_c11 h1{
    padding-top: 30px;
    font-size: 32px;
    text-align: center;
    color: #fff;
}

.fe_c11 h1 i{
    margin-right: 14px;
    padding: 23px;
/*     display: inline-block;
    width:46px;
    height: 46px; */

    background:url(../image/9_03.png) center no-repeat;
}

.fe_c111{
    position: relative;

    margin: 0 auto;
    margin-top: 45px;
    width: 980px;
}

.qq{
    width: 405px;
    font-size: 18px;
    color: #fff;
}

.phone{
    width: 400px;
}

.wechat{
    position: relative;

    width: 162px;
}

.qq span{
    position: relative;
    top:7px;

    height: 0px;
    padding-left: 119px;
    padding-top:15px;
    background:url(../image/0_07.png) center no-repeat;
}

.wechat span{
    position: relative;
    top: 6px;

    height: 0px;
    padding-left: 30px;
    padding-top:15px;
    background:url(../image/8_03.png) center no-repeat;
}

.fe_code{
    display: none;
    /* opacity: 0; */
    position: absolute;
    right: -17px;
    top: -120px;

    width:102px;
    height: 110px;

    background: url(../image/code-box.png) center no-repeat;
}

.fe_code img{
    width: 102px;
    position: absolute;
    top: 0;
}


.fe_connect{
    position: fixed;
    left: 50%;
    top: 50%;

    margin-left: -283px;
    margin-top: -192px;
    width: 566px;
    height: 384px;

    background: url(../image/connect.png);
}

.fe_close{
    position: absolute;
    right: 25px;
    top: 29px;
    width: 30px;
    height: 30px;

    /* background-color: red; */

    cursor: pointer;
}

.fe_qq-connect{
    position: absolute;
    left: 95px;
    bottom: 46px;
    width: 180px;
    height: 45px;

    /* background-color: red; */

    cursor: pointer;
}

.fe_phone-connect{
    position: absolute;
    right: 86px;
    bottom: 46px;
    width: 180px;
    height: 45px;

    /* background-color: red; */

    cursor: pointer;
}

.fe_connect a{
    display: block;
    width: 100%;
    height: 100%;
}

html body .margin-right{
    margin-right:0px;
}