* {
    padding: 0px;
    margin: 0px;
    font-family: "微软雅黑";
    font-size: 16px;
    color: #333;
}


/* body {
		background-color: #f9f9f9;
	} */

a {
    text-decoration: none;
}


/*文本修饰*/

.fl {
    float: left;
}

.fr {
    float: right;
}

a img {
    border: none;
}

.clear {
    clear: both;
}

li {
    list-style: none;
}

img {
    vertical-align: middle;
}

table,
table td {
    border-collapse: collapse;
}

.div1200 {
    width: 1200px;
    margin: 0 auto;
}

.top {
    margin-top: 27px;
    position: relative;
}

.top_phone_right {
	display: flex;
	flex-wrap: wrap;
	height: 35px;
	line-height: 35px;
}

.cd-words-wrapper i{
font-style:normal;
}

.scale {
	display: inline-block
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
	top: 3px;
}

.cd-words-wrapper b.is-visible {
    position: relative;
}

.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
    font-size: 30px;
    color: #7ec846;
    font-weight: bold;
}

.cd-words-wrapper1 b {
    color: #3f9c35 !important;
}

.cd-words-wrapper b i {
	font-size: 30px;
	color: #7ec846;
}

.cd-words-wrapper1 b i {
	color: #3f9c35 !important;
}

.cd-headline.scale i {
	display: inline-block;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.cd-headline.scale i {
	opacity: 1;
}

.cd-headline.scale i.in {
	-webkit-animation: scale-up 0.6s forwards;
	-moz-animation: scale-up 0.6s forwards;
	animation: scale-up 0.6s forwards;
}

.cd-headline.scale i.out {
	-webkit-animation: scale-down 0.6s forwards;
	-moz-animation: scale-down 0.6s forwards;
	animation: scale-down 0.6s forwards;
}

.no-csstransitions .cd-headline.scale i {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 0;
}
@-webkit-keyframes scale-up {
	0% {
		-webkit-transform: scale(0);
		opacity: 0;
	}
	60% {
		-webkit-transform: scale(1.2);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@-moz-keyframes scale-up {
	0% {
		-moz-transform: scale(0);
		opacity: 0;
	}
	60% {
		-moz-transform: scale(1.2);
		opacity: 1;
	}
	100% {
		-moz-transform: scale(1);
		opacity: 1;
	}
}

@keyframes scale-up {
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}
	60% {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes scale-down {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	60% {
		-webkit-transform: scale(0);
		opacity: 0;
	}
}

@-moz-keyframes scale-down {
	0% {
		-moz-transform: scale(1);
		opacity: 1;
	}
	60% {
		-moz-transform: scale(0);
		opacity: 0;
	}
}

@keyframes scale-down {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	60% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}
}


.top_phone_list {
	margin-left: 8px;
	margin-top: 3px;
}

.top_phone_list span {
	font-size: 30px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #7ec846;
}

.tmenu {
    margin-top: 27px;
    position: relative;
    z-index: 999;
    width: 100%;
    top: 0;
}

.tmenu>ul {
    background-color: #083e6d;
    height: 70px;
}

.tmenu>ul>li {
    width: 12.5%;
    float: left;
    text-align: center;
}

.tmenu>ul>li>a {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    line-height: 70px;
}

.top_ys>a {
    color: #7ec846 !important;
}

.tmenu li .emil {
    position: absolute;
    width: 100%;
    top: 70px;
    left: 0;
    background-color: #FFFFFF;
    padding-bottom: 30px;
    display: none;
}

.tmenu li:hover .emil {
    display: block;
}

.emil_zong {
    margin-top: 13px;
}

.emil_left {
    width: 175px;
}

.emil_left span {
    margin-top: 22px;
    display: block;
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #212121;
}

.emil_right {
    width: 1000px;
}

.emil_right_left {
    width: 200px;
    margin-left: 25px;
    border-right: 2px solid #e5e5e5;
}

.emil_right_left_title>li {
    height: 58px;
    line-height: initial;
    text-align: left;
}

.emil_right_left_title>li>a {
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
}

.emil_right_left_title>li>a:hover {
    color: #7ec846 !important;
}

.emil_right_right {
    width: 720px;
}

.emil_right_right_top {
    width: 100%;
    height: 242px;
    line-height: 242px;
    text-align: left;
    margin-top: 15px;
}

.emil_right_right_top span {
    margin-left: 80px;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
}

.emil_right_right_f_body {
    margin-top: 26px;
    text-align: left;
    margin-left: 10px;
}

.emil_right_right_f_body p {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #333333;
}

.top_banner {
    position: relative;
    top: -35px;
    left: 50%;
    transform: translate(-50%);
}

.index_ul_txrz {
    position: relative;
    top: -86px;
    height: 110px;
    background-color: #ffffff;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.08);
    border-radius: 55px;
}

.index_ul_txrz ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1000px;
    margin: 0 auto;
}

.index_ul_txrz ul li {
    margin-top: 32px;
    filter: grayscale(100%);
}

.txrz_lvjing {
    filter: grayscale(0) !important;
}

.txrz_lvjing .index_ul_txrz_right span,
.txrz_lvjing .index_ul_txrz_right p {
    color: #003375;
}

.index_ul_txrz ul li a {
    display: flex;
}

.index_ul_txrz_right {
    margin-left: 27px;
}

.index_ul_txrz_right span {
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 3px;
    color: #333333;
}

.index_ul_txrz_right p {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #333333;
    margin-top: 5px;
}

.index_rzxm {
    height: 807px;
    width: 100%;
    overflow: hidden;
}

.index_rzxm_title {
    height: 100px;
    line-height: 100px;
    text-align: center;
    padding-top: 20px;
    position: relative;
}

.index_rzxm_title span {
    font-size: 34px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 7px;
    color: #000000;
    position: relative;
}

.index_rzxm_title span::after {
    content: "";
    width: 72px;
    height: 3px;
    background-color: #083e6d;
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translate(-50%);
}

.index_rzxm_title::after {
    content: "Business";
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translate(-50%);
    font-size: 80px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #1b3473;
    opacity: 0.1;
    text-shadow: 2px 2px 12px #1b3473;
}

.rzxm_ul {
    position: relative;
}

.rzxm_ul li {
    float: left;
    width: 380px;
    height: 200px;
    text-align: center;
    line-height: 200px;
    margin-top: 22px;
    background-color: #ffffff;
    box-shadow: 0px 8px 12px 0px #e0e0e0;
    border-radius: 6px;
    border: solid 1px #eeeeee;
    margin-right: 26px;
    position: relative;
}


/* .rzxm_ul li {
	transition: all 0.5s;
} */

.rzxm_ul li .rzxm_ul_img1 {
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    transition: all 0.4s;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.rzxm_ul li .rzxm_ul_img2 {
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    transition: all 0.4s;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.rzxm_ul li:hover .rzxm_ul_img1 {
    -webkit-transform: rotateY(180deg);
}

.rzxm_ul li:hover .rzxm_ul_img2 {
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotate(0deg);
    z-index: 10;
    position: absolute;
}

.rzxm_ul li::before,
.rzxm_ul li::after {
    display: table;
    content: "";
    box-sizing: border-box;
}

.rzxm_ul li .rzxm_ul_img2 img {
    position: absolute;
    width: 100%;
    left: 0;
}


/* .rzxm_ul li .rzxm_ul_img2 {
	position: absolute;
	top: 0;
	display: none;
} */


/* .rzxm_ul li:hover .rzxm_ul_img2 {
	display: block;
	transform: rotateX(360deg);
} */

.mar_right {
    margin-right: 0px !important;
}

.khyc {
    position: relative;
    margin-top: 70px;
}

.khyc .gallery-thumbs .swiper-slide {
    background-color: #f0f4f8;
    margin-right: 0px !important;
}

.khyc .swiper-slide-thumb-active {
    background-color: #f0f4f8 !important;
    box-shadow: 0px 5px 50px 0px rgba(221, 221, 221, 0.75);
    border-radius: 4px;
}

.swiper-slide {
    width: 33.33%;
    height: 267px;
    line-height: 267px;
    text-align: center;
    opacity: 1 !important;
}

.index_img_wz {
    line-height: 30px;
    width: 798px !important;
    margin: 0 auto;
    overflow: hidden;
}

.swiper-slide img {
    max-width: 100%;
}

.swiper-container {
    width: 100%;
    height: 300px;
    margin-left: 52px !important;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.gallery-thumbs .swiper-slide {
    transition: 300ms;
    transform: scale(0.8);
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #dddddd !important;
    top: 140px !important;
}

.gallery-top {
    height: 80%;
    width: 100%;
}

.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.4;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    transform: scale(1.2);
}

.gallery-thumbs .swiper-slide-active {
    opacity: 1;
    transform: scale(1.2);
}

.swiper-container .swiper-wrapper .swiper-slide .index_img_wz {
    margin-top: 45px;
}

.index_khyc {
    margin-top: 35px;
}

.index_khyc ul li {
    float: left;
    width: 285px;
    text-align: center;
    height: 141px;
    line-height: 141px;
}

.index_jcxm {
    margin-top: 52px;
}

.index_jcxm_title {
    float: left;
    width: 380px;
    margin-right: 30px;
}

.jcxm_mar_right {
    margin-right: 0px !important;
}

.index_jcxm_title_list {
    /* height: 625px; */
    background-color: #ffffff;
    box-shadow: 0px 8px 12px 0px #e0e0e0;
    border-radius: 6px;
    border: solid 1px #eaeaea;
}

.index_jcxm_title_list li {
    text-align: center;
    width: 100%;
    height: 70px;
    line-height: 70px;
}

.index_about {
    width: 100%;
    background: url(../images/index_bj1.png) no-repeat;
    height: 720px;
    background-size: 100% 100%;
    margin-top: 138px;
}

.index_about_left {
    width: 600px;
}

.index_about_left .index_about_title {
    margin-top: 106px;
}

.index_about_title span {
    font-size: 34px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    position: relative;
    z-index: 10;
}

.index_about_title span::after {
    content: "About";
    width: 190px;
    height: 65px;
    font-size: 80px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 0.41;
    left: 0px;
    top: -68px;
    position: absolute;
}

.index_about_title p {
    margin-top: 20px;
    width: 79px;
    height: 5px;
    background-color: #083e6d;
    position: relative;
}

.index_about_title p::after {
    content: "";
    width: 121px;
    height: 5px;
    background-color: #e0e0e0;
    position: absolute;
    left: 79px;
}

.index_about_f_body {
    margin-top: 19px;
    width: 589px;
}

.index_about_f_body span {
    font-size: 34px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}

.index_about_f_body p {
    margin-top: 29px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
}

.index_about_ul {
    /* margin-top: 26px; */
    width: 600px;
    overflow: hidden;
}

.index_about_ul li {
    text-align: center;
    float: left;
    margin-right: 50px;
    margin-top: 38px;
    width: 156px;
    /* height: 100px; */
}

.index_about_ul li span {
    font-size: 63px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #f9f9f9;
    position: relative;
}

.index_about_ul li span::after {
    content: "+";
    position: absolute;
    width: 16px;
    height: 16px;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    top: 0;
}

.index_about_ul li p {
    margin-top: 15px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #fafafa;
}

.index_about_ljgdxx {
    margin-top: 32px;
    display: flex;
}

.index_about_ljgdxx_tit {
    width: 228px;
    height: 40px;
    background-color: #1eaf52;
    border-radius: 20px;
    border: solid 2px #1eaf52;
    text-align: center;
    line-height: 40px;
    margin-top: 8px;
}

.index_about_ljgdxx_tit a {
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 2px;
    color: #ffffff;
}

.index_about_phone {
    width: 288px;
    height: 52px;
    border: solid 1px #ffffff;
    opacity: 0.49;
    margin-left: 35px;
}

.index_about_phone img {
    margin-left: 13px;
    margin-bottom: 15px;
}

.index_about_phone span {
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    line-height: 52px;
}

.index_about_ul_mar_rig {
    margin-right: 0 !important;
}

.div1360 {
    width: 1360px;
    margin: 0 auto;
}

.index_about_right {
    width: 631px;
}

.index_about_right .index_about_right_img {
    background: url(../images/index23.png) no-repeat;
    width: 631px;
    height: 489px;
    background-size: 100% 100%;
    margin-top: 129px;
    position: relative;
}

.index_about_right_img .map_1_1 {
    position: absolute;
    left: 421px;
    top: 386px;
}

.index_about_right_img .map_1_2 {
    position: absolute;
    left: 467px;
    top: 351px;
}

.index_about_right_img .map_1_3 {
    position: absolute;
    left: 487px;
    top: 309px;
}

.index_about_right_img .map_1_4 {
    position: absolute;
    left: 476px;
    top: 269px;
}

.map_1_1_subiao {
    position: relative;
    top: -22px;
    left: 8px;
    display: none;
}

.map_1_1:hover .map_1_1_subiao,
.map_1_2:hover .map_1_1_subiao,
.map_1_3:hover .map_1_1_subiao,
.map_1_4:hover .map_1_1_subiao {
    display: block;
}

.black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000000;
    z-index: 1001;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
}

.modal {
    position: fixed !important;
    top: 50%;
    left: 50%;
    z-index: 1050;
    width: 820px;
    margin-left: -410px;
    margin-top: -200px;
    _position: absolute;
    _top: 13%;
    outline: none;
}

.modal_in {
    width: 820px;
    height: 480px;
    position: relative;
}

.close {
    margin-top: 1px;
    width: 47px;
    height: 47px;
    display: inline;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.modal-body {
    position: absolute;
    left: 0;
    top: 24px;
    width: 800px;
    height: 336px;
    background-color: #fff;
}

.index_zxlc {
    /* margin-top: 100px; */
    width: 100%;
    padding-top: 100px;
}

.index_zxlc_zong {
    margin-top: 49px;
}

.index_zxlc_left {
    width: 300px;
}

.index_zxlc_left_tit {
    height: 71px;
    line-height: 71px;
    text-align: center;
    border-bottom: 1px solid #eeeeee;
}

.index_zxlc_left_tit a {
    display: flex;
    margin-left: 49px;
}

.index_zxlc_left_tit h6 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #333333;
    margin-left: 13px;
}

.index_zxlc_left_tit span {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #cccccc;
}

.bj_ys {
    background-color: #083e6d;
    border-radius: 6px 6px 0px 0px;
}

.bj_ys h6 {
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}

.index_zxlc_right {
    width: 870px;
}

.index_zxlc_zong1 {
    background-color: #f9f9f9;
    padding-bottom: 40px;
}

.zxlc_right_zong {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
}

.zxlc_right_zong_left {
    width: 425px;
    height: 261px;
    background-color: #ffffff;
    border-radius: 6px;
    border: solid 1px #eeeeee;
}

.zxlc_right_zong_left_img {
    margin-top: 26px;
    margin-left: 14px;
}

.zxlc_right_zong_left_img>span {
    margin-left: 13px;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
    position: relative;
    top: 4px;
}

.zxlc_right_zong_left_ul {
    margin-top: 25px;
    margin-left: 73px;
}

.zxlc_right_zong_left_ul li {
    margin-top: 7px;
}

.zxlc_right_zong_left_ul li span {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
}

.zxlc_right_zong_right {
    width: 425px;
    height: 261px;
    background-color: #ffffff;
    box-shadow: 0px 8px 12px 0px #e0e0e0;
    border-radius: 6px;
    border: solid 1px #eeeeee;
}

.index_zxlc_right_ljzx {
    margin-top: 34px;
    margin: 34px auto 0px;
    width: 228px;
    height: 41px;
    background-color: #7bbc4b;
    border-radius: 20px;
    text-align: center;
}

.index_zxlc_right_ljzx a {
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 2px;
    color: #ffffff;
    line-height: 41px;
}


/* index_news 首页新闻*/

.index_news_title::after {
    content: "THE NEWS" !important;
}

.index_news {
    margin-top: 100px;
    width: 100%;
}

.index_news_zong {
    margin-top: 49px;
    display: flex;
    overflow: hidden;
}

.index_news_lm {
    margin-top: 29px;
}

.index_news_lm ul {
    display: flex;
    justify-content: center;
}

.index_news_lm ul li {
    padding: 10px 40px;
    margin-right: 20px;
    border: 1px solid #E8E8E8;
    border-radius: 30px;
}

.index_news_lm_bj {
    background-color: #083e6d;
}

.index_news_lm ul li.index_news_lm_bj a {
    color: #fff;
}

.news_zong_left {
    width: 49%;
    height: 448px;
    box-shadow: 0px 8px 12px 0px #e0e0e0;
    margin-left: 0.5%;
    margin-right: 2.5%;
}

.news_zong_left_span {
    width: 442px;
    margin-left: 70px;
    margin-top: 58px;
}

.news_zong_left_span span {
    margin-top: 25px;
    display: block;
    font-size: 20px;
}

.news_zong_left_span p {
    font-size: 14px;
    color: #666;
    margin-top: 8px;
}

.news_zong_right {
    width: 50%;
    float: right;
}

.news_zong_right li {
    margin-top: 20px;
}

.zong_right_news_da {
    display: flex;
    height: 130px;
}

.right_news_da_left {
    width: 20%;
    text-align: center;
    height: 128px;
    box-shadow: 0px 8px 12px 0px #e0e0e0;
}

.right_news_da_left span {
    font-size: 60px;
    display: block;
    margin-top: 8px;
    font-weight: bold;
}

.right_news_da_right {
    margin-left: 8px;
    width: 67%;
    height: 128px;
    box-shadow: 0px 8px 12px 0px #e0e0e0;
}

.right_news_da_right span {
    font-size: 18px;
    display: block;
    margin-top: 30px;
    font-weight: bold;
    margin-left: 25px;
}

.right_news_da_right p {
    font-size: 14px;
    color: #999;
    margin-top: 8px;
    margin-left: 25px;
}

.news_zong_right ul li:hover .right_news_da_left,
.news_zong_right ul li:hover .right_news_da_left span,
.news_zong_right ul li:hover .right_news_da_left p {
    background-color: #083e6d;
    color: #fff;
    box-shadow: 0px 0px;
}

.news_zong_right ul li:hover .right_news_da_right,
.news_zong_right ul li:hover .right_news_da_right span {
    color: #083e6d;
    box-shadow: 0px 0px;
}


/* 首页合作客户 */

.index_service {
    margin-top: 100px;
    width: 100%;
}

.cooperation::after {
    content: "Cooperation";
}

.service11 {
    background: url(../images/index_bj2.png) no-repeat;
    background-size: 100% 100%;
    height: 630px;
}

.service_ul {
    /* margin-top: 42px; */
    padding-top: 42px;
}

.service_ul li {
    float: left;
    width: 33.33%;
    height: 130px;
    text-align: center;
    line-height: 130px;
    margin-top: 30px;
}

.service_ul li img {
    transition: all 1s;
}

.service_ul li:hover img {
    transform: rotateY(360deg);
}

.footer1 {
    background: url(../images/footer_bj2.png) no-repeat;
    width: 100%;
    height: 498px;
    background-size: 100% 100%;
}

.div1400 {
    width: 1400px;
    margin: 0 auto;
}

.footer1_ul li {
    float: left;
    height: 100%;
    width: 24.9%;
    text-align: center;
    position: relative;
}

.footer1_ul li::after {
    content: "";
    position: absolute;
    height: 498px;
    left: 0;
    top: 0;
    border-left: 1px solid #FFFFFF;
    opacity: 0.5;
}

.footer1_ul li .border_r::after {
    content: "";
    position: absolute;
    right: 0;
    border-right: 1px solid #FFFFFF;
    opacity: 0.5;
    height: 498px;
}

.footer1_ul li .footer1_fb1 {
    margin-top: 104px;
    position: relative;
}

.footer1_ul li .footer1_fb1 span {
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #fff;
}

.footer1_ul li .footer1_fb1 p {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 19px;
}

.footer1_ul li .footer1_fb1::after {
    content: "";
    position: absolute;
    width: 97px;
    height: 2px;
    background-color: #ffffff;
    opacity: 0.5;
    left: 50%;
    transform: translate(-50%);
    bottom: -40px;
}

.footer1_ul li .footer1_fb2 {
    margin-top: 66px;
    line-height: 30px;
}

.footer1_ul li .footer1_fb2 span {
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}

.footer1_ul li .footer1_fb2 p {
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}

.footer1_ul li:hover {
    width: 350px;
    background-color: #242424;
    opacity: 0.3;
    height: 498px;
}

.footer1_add {
    width: 307px;
    height: 46px;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    margin: 91px auto 0;
}

.footer2 {
    background: url(../images/footer_bj3.png) no-repeat;
    width: 100%;
    height: 468px;
    background-size: 100% 100%;
}

.footer2_left {
    width: 325px;
    margin-top: 40px;
}

.footer2_img1 {
    margin-top: 24px;
}

.footer2_img2 {
    width: 135px;
    margin-top: 28px;
    text-align: center;
}

.footer2_ewm {
    margin-bottom: 20px;
}

.footer2_img2 span {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}

.footer2_right {
    width: 875px;
    position: relative;
}

.footer2_right::after {
    content: "";
    position: absolute;
    left: 0;
    height: 376px;
    top: 0;
    border-left: 1px solid #FFFFFF;
    opacity: 0.3;
}

.footer2_ul {
    height: 121px;
    line-height: 121px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.footer2_ul::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 875px;
    border-bottom: 1px solid #fdffff;
    opacity: 0.3;
}

.footer2_ul li {
    width: 12.5%;
    text-align: center;
}

.footer2_ul li a {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}

.footer2_ul li b {
    margin-left: 24px;
    color: #fdffff;
    opacity: 0.3;
}

.footer2_about_zong {
    width: 100%;
}

.footer2_about_left {
    width: 366px;
    margin-left: 30px;
}

.footer2_title {
    height: 50px;
    line-height: 50px;
    display: flex;
}

.footer2_title span {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}

.footer2_title b {
    margin: 0 10px;
    color: #fdffff;
    opacity: 0.3;
}

.footer2_title p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 0.1;
}

.footer2_f_body {
    width: 336px;
}

.footer2_f_body p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 0.74;
}

.footer2_about_right {
    width: 440px;
    margin-left: 39px;
}

.footer2_about_right_con {
    width: 350px;
    margin-left: 21px;
    margin-top: 12px;
}

.footer2_about_right_con p {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
}

.footer2_about_right_con span {
    font-size: 50px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 18px;
}

.footer3 {
    width: 100%;
    text-align: center;
    margin-top: 37px;
}

.footer3 p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    position: relative;
    padding-top: 13px;
}
.footer3 span{
    color: #ffffff;
    font-size: 14px;
}
.footer3 a {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}

.footer3 p::after {
    content: "";
    position: absolute;
    top: 0px;
    width: 100%;
    border-top: 1px solid #FFFFFF;
    opacity: 0.2;
    left: 0;
    padding-bottom: 8px;
}

.side{position:fixed;width:97px;height: 300px;right:10px;top:200px;z-index:999;}
.side ul{ margin:0; padding:0; list-style:none;}
.side ul li{width:97px;height:97px;float:left;position:relative; margin-bottom:7px;}
.side ul li .face{
width: 97px;
height: 97px;
background: url('../images/face_ox.png');
background-size: contain;
position: absolute;
animation: circlelineone 2s linear infinite;
z-index:1;
}
.side ul li .face_ox{
width: 90px;
height: 90px;
position: absolute;
left:4px;
top:4px;
z-index:2;
}

.float_A{
width:80px;
height:36px;
position:absolute;
left:10px;
top:80px;
border-radius:6px;
box-shadow:0 0 8px rgba(0,0,0,0.3);
background:url(../images/zx.gif) no-repeat;
z-index:3;
overflow:hidden;
}
.float_Ad{
width:20px;
height:20px;
background:url(../images/Ad.png) no-repeat;
position:absolute;
left:75px;
top:10px;
z-index:3;
-webkit-animation-name: scaleDraw;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 2s;
}

@keyframes scaleDraw {
0%{

  transform: scale(1);

}

25%{

  transform: scale(1.2);

}

50%{

  transform: scale(1);

}

75%{

  transform: scale(1.2);

}

}

.float_BC{
width:80px;
height:160px;
background:url(../images/float_2.png) no-repeat;
box-shadow:0 0 8px rgba(0,0,0,0.3);
position:absolute;
left:10px;
top:0;
border-radius:4px;
}
.float_B{
width:80px;
height:75px;
position:relative;
}
.float_Ba{
width:80px;
height:22px;
position:absolute;
left:0;
top:11px;
text-align:center;
}
.float_Bb{
width:80px;
height:34px;
line-height:34px;
font-size:14px;
position:absolute;
left:0;
top:37px;
text-align:center;
color:#fff;
}
.float_C{
width:80px;
height:99px;
position:relative;
}
.float_Ca{
width:80px;
height:24px;
position:absolute;
left:0;
top:18px;
text-align:center;
}
.float_Cb{
width:80px;
height:34px;
line-height:34px;
font-size:14px;
position:absolute;
left:0;
top:47px;
text-align:center;
color:#fff;
}

.float_D{
width:80px;
height:36px;
line-height:34px;
font-size:14px;
color:#fff;
text-align:center;
position:absolute;
left:10px;
padding-top:44px;
top:0;
border-radius:4px;
box-shadow:0 0 8px rgba(0,0,0,0.3);
background:url(../images/float_3.png) no-repeat;
cursor:pointer;
}

.kf_tel{
width:204px;
height:184px;
background:url(../images/float_t1.png) no-repeat;
position:absolute;
left:-202px;
top:0;
display:none;
}

.kf_wx{
width:174px;
height:174px;
background:url(../images/float_t2.png) no-repeat;
position:absolute;
left:-172px;
top:85px;
display:none;
}

@keyframes circlelineone {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}