/*fotter begin*/



.box4 {

    clear: both;

    width: 100%;

    height: auto;

    overflow: hidden;

    background: #222;

    padding: 40px 0;

}



.fotter {

    width: 1370px;

    height: auto;

    overflow: hidden;

    margin: 0 auto;

}



.fotter_t {

    height: auto;

    border-bottom: 1px solid #444444;

    padding-bottom: 25px;

    margin-bottom: 30px;

    overflow: hidden;

}



.fotter_tl {

    float: left;

    width: 78%;

    height: auto;

    overflow: hidden;

}



.fotter_tl ul {

    float: left;

	margin-right:0;

	width:16.66%;

}



.fotter_tl li {

    line-height: 22px;

    margin-bottom: 5px;

}



.fotter_tl li h2 {

    margin-bottom: 15px;

}



.fotter_tl li h2 a {

    color: #fff;

    font-size: 18px;

}



.fotter_tl li a {

    color: #666666;

    font-size: 14px;

}

.fotter_tl li.boooo{float:left;/* width:50%;*/}

.fotter_tl ul:last-child {

    margin-right: 0;

}



.fotter_tr {

    float: right;

    width: 18%;

    height: auto;

}



.fotter_tr h2 {

    color: #fff;

    font-size: 20px;

    color: #fff;

    line-height: 22px;

    margin-bottom: 20px;

}



.fotter_tr h6 {

    font-family: "GILROY-REGULAR";

    line-height: 22px;

    overflow: hidden;

    margin-bottom: 15px;

}



.fotter_tr h6 a {

    font-family: "GILROY-REGULAR";

    color: #ffffff;

    font-size: 18px;

}



.fotter_tr h6 a:last-child {

    float: right;

}



.fotter_tr dl {

    float: none;

}





.fotter_tr dt img {display:block; margin:0 auto;}



.fotter_tr dd {

    text-align: center;

    margin-top: 10px;

    color: #fff;

    font-size: 16px;

}



.fotter_b {

    clear: both;

    line-height: 30px;

}



.fotter_b span {

    float: left;

    color: #9e9fa1;

    font-size: 12px;

}



.fotter_b font {

    float: right;

    color: #9e9fa1;

    font-size: 12px;

}



.fotter_b font a {

    color: #9e9fa1;

    font-size: 12px;

}



@media(max-width:1440px) {

    .fotter {

        width: 100%;

        padding: 0 60px;

    }

}



@media(max-width:1366px) {

    .fotter_tr {

        width: 20%;

    }

}





/*fotter end*/



.section {

    width: 100%;

    height: 100%;

    position: relative;

    overflow: hidden;

    background: #f5f5f5

}



.on1 {

    background: #fff;

}



.xoeg {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 195px 146px 0 146px;

}



.xoeg_t {

    text-align: center;

    line-height: 60px;

    font-size: 52px;

    color: #333333;

    margin-bottom: 55px

}



.xoeg_t i {

    display: block;

    color: #333333;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 24px;

    line-height: 24px;

    margin-top: 10px;

}



.xoeg_b {

    width: 100%;

    height: auto;

}



.xoeg_b dl {

    float: left;

    width: 21%;

    height: auto;

    overflow: hidden;

    position: relative;

    transition: all 0.5s ease;

    margin-right: 5.3%;

}



.xoeg_b dt {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.xoeg_b dt img {

    display: block;

    width: 100%;

}



.xoeg_b dd {

    width: 100%;

    height: 100%;

    background: rgba(15, 15, 15, 0.6);

    position: absolute;

    left: 0;

    top: 0;

    padding: 40px 20px 0 20px;

    transition: all 0.5s ease;

}



.gggi {

    width: 100%;

    height: 100%;

    position: relative;

    left: 0;

    top: 0;

    padding: 0 12px;

    transition: all 0.5s ease;

}



.gggi h2 {

    color: #fff;

    font-size: 22px;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: bold;

    transition: all 0.5s ease;

}



.gggo {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 140px;

    border-top: 1px solid rgba(255, 255, 255, 0.4);

    padding: 30px 12px 0 12px;

    transition: all 0.5s ease;

}



.gggo p {

    color: #ffffff;

    font-size: 16px;

    line-height: 24px;

    transition: all 0.5s ease;

}



.gggp {

    width: 100%;

    height: 0px;

    overflow: hidden;

    transition: all 0.5s ease;

}



.gggp p {

    color: #999999;

    font-size: 14px;

    line-height: 24px;

    transition: all 0.5s ease;

}



.xoeg_b dl:hover {

    box-shadow: 0px 0px 30px rgba(141, 141, 141, 0.12);

}



.xoeg_b dl:hover dd {

    background: rgba(255,255,255,0.9);

}



.xoeg_b dl:hover dd h2 {

    color: #333333;

}



.xoeg_b dl:hover .gggo {

    height: 305px;

    padding-top: 0;

    bottom: 0;

}



.xoeg_b dl:hover .gggo p {

    color: #333;

}



.xoeg_b dl:hover .gggp {

    height: auto;

    padding-top: 35px

}



.xoeg_b dl.qcbj {

    margin-right: 0;

}



.bfoe {

    position: absolute;

    left: 0;

    bottom: 25px;

    text-align: center;

	color:#fff;

   /* color: #666666;*/

    font-size: 12px;

    line-height: 24px;

    width: 100%;

	z-index:9999

}



.bfoe a {

  color:#fff;

    font-size: 12px;

}



.on2{ color:#666; position: fixed;

    left: 0;

    bottom: 25px;}

.on2 a{color:#666;}

.xoegg {

    clear: both;

    overflow: hidden;

    padding-top: 25px

}



.xoegg a {

    color: #333333;

    font-size: 14px;

}



.xoegg a img {

    margin-left: 10px;

}



@media(max-width:1600px) {

    .xoeg {

        padding: 195px 146px 0 146px;

    }

    .xoeg_t {

        margin-bottom: 35px

    }

    .bfoe {

        bottom: 15px

    }

}



@media(max-width:1440px) {

    .xoeg {

        padding: 40px 60px 0 60px;

    }

    .xoeg_t {

        margin-bottom: 35px

    }

    .bfoe {

        bottom: 15px

    }

    .gggo {

        padding: 0;

    }

    .xoeg_b dl {

        width: 23%;

        margin-right: 2.3%

    }

    .section2 {

        height: auto !important;

        overflow: inherit;

        padding-bottom: 20px

    }

    .bfoe {

        position: inherit;

    }

}