@import 'http://at.alicdn.com/t/font_2781928_8onfzdc27pg.css';
.iconfont {
	font-size: 14px;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,
img {
	border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
b {
	font-style: normal;
	font-weight: 400
}

ol,
ul {
	list-style: none
}

caption,
th {
	text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400
}
a {
	text-decoration: none;
	color: #666
}

a:focus {
	outline: thin dotted
}

a:hover,
a:active {
	outline: 0;
	color: #22ab90
}
/* ==================
          布局
 ==================== */

/*  -- flex弹性布局 -- */

.flex {
	display: flex;
}

.basis-xs {
	flex-basis: 20%;
}

.basis-sm {
	flex-basis: 40%;
}

.basis-df {
	flex-basis: 50%;
}

.basis-lg {
	flex-basis: 60%;
}

.basis-xl {
	flex-basis: 80%;
}

.flex-sub {
	flex: 1;
}

.flex-twice {
	flex: 2;
}

.flex-treble {
	flex: 3;
}

.flex-direction {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

.self-center {
	align-self: flex-center;
}

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

.align-stretch {
	align-items: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

/* -- 浮动 --  */

.cf::after,
.cf::before {
	content: " ";
	display: table;
}

.cf::after {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}
body{color:#000; font-size:14px;font-family:"Microsoft YaHei"; background:#fff; overflow-x:hidden;}


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

.header-top {
	background: #646464;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	font-size: 12px;
}
.header-top span:nth-child(2) {
	display: block;
	background: url(../image/home_ico1_w.png) no-repeat left center;
	background-size: 20px 20px;
	padding-left: 30px;
}
.header-logo .clearfix {
	overflow: hidden;
	padding: 22px 0px;
}
.header-logo .logo img {
	display: block;
}
.header-logo .tel {
	width: 200px;
	padding: 6px 0px;
}
.header-logo .tel strong {
	display: block;
	background: url(../image/tel.png) no-repeat left center;
	padding-left: 45px;
	font-weight: normal;
	color: #787878;
	font-size: 15px;
}
.header-logo .tel h3 {
	font-size: 24px;
	color: #016cc3;
	line-height: 36px;
}
.header-logo .center {
	width: 500px;
	float: left;
	text-align: left;
	line-height: 22px;
	padding-left: 100px;
	margin-top: 10px;
}
.nav_bg {
	height: 50px;
	background: #1a43a4;
}
.nav>li {
	width: 133px;
	height: 50px;
	text-align: center;
	background: url(../image/nav_li.png) left center no-repeat;
}
.nav>li:nth-child(1) {
	background: none;
}
.nav>li:nth-child(1)>a {
	background: url(../image/home1.png) 15px center no-repeat;
	padding-left: 20px;
}
.nav>li:nth-child(1):hover>a {
	background-image: url(../image/home2.png);
}
.nav>li:nth-child(1):hover>a::after {
	width: 96px;
	margin-left: -55px;
}
.nav>li>a {
	position: relative;
	display: block;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	padding: 0 5px;
}
.nav>li:hover>a {
	color: #1373a5;
}
.nav>li:hover ul {
	display: block;
}
.nav>li>a::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 2px;
	background: #e1c026;
	-moz-transition: .5s ease;
	-webkit-transition: .5s ease;
	transition: .5s ease;
}
.nav>li:hover>a::after {
	width: 70px;
	margin-left: -35px;
}
.nav>li:nth-child(1).cur>a {
	background-image: url(../image/home2.png);
}
.cur>a {
	color: #fff !important;
}
.cur>a::after {
	width: 70px !important;
	margin-left: -35px;
}
.nav>li:nth-child(1).cur>a::after {
	width: 96px !important;
	margin-left: -55px;
}
.nav ul {
	display: none;
	position: absolute;
	z-index: 999;
	background: #fff;
	padding: 10px 0;
	border: 1px solid #eee;
	border-top: none;
}
.nav ul li {
	margin-bottom: 1px;
}
.nav ul li a {
	display: block;
	text-align: left;
	font-size: 14px;
	line-height: 40px;
	color: #666;
	padding: 0 36px;
}
.nav ul li:hover a {
	background: #f6f6f6;
	color: #1373a5;
}
.cur1 a {
	background: #f6f6f6;
	color: #1373a5 !important;
}

.swiper .swiper-wrapper {
	padding: 0 !important;
	margin: 0 !important;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}
.swiper {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height: auto;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	flex-shrink: 0;
	width: 100%;
	position: relative;
	transition-property: transform;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
    width: 40px;
    height: 40px;
    opacity: 0;
    background: 0 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    z-index: 10;
    cursor: pointer;
}

@media (max-width:1100px) {
    .swiper .swiper-button-next,
    .swiper .swiper-button-prev {
        display: none
    }
}

.swiper .swiper-button-next:before,
.swiper .swiper-button-prev:before {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    content: "";
    border-radius: 50%
}

.swiper .swiper-button-next .wi,
.swiper .swiper-button-prev .wi {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 24px;
    line-height: 40px;
    text-align: center
}



.swiper .swiper-button-prev {
    left: calc((100vw - 1300px)/2);
}


.swiper .swiper-button-next {
    left: auto;
    right:calc((100vw - 1300px)/2);
}

.swiper:hover .swiper-button-next,
.swiper:hover .swiper-button-prev {
    opacity: .7
}

.swiper:hover .swiper-button-next:hover,
.swiper:hover .swiper-button-prev:hover {
    opacity: 1
}

.swiper:hover .swiper-button-prev {
    left: calc((100vw - 1260px)/2)
}

.swiper:hover .swiper-button-next {
    right:calc((100vw - 1260px)/2);
}



/*********************************  首页 产品展示  ***************************************/
.index_big{background: url("../image/index_back3.jpg") no-repeat center 400px #efefef;}
.index_pr{}
.index_pr_con{margin-top: 30px;}
.pr_left{width: 246px;float: left;}
.pr_left p{background: #1373a5;line-height: 35px;margin-bottom: 21px;border-radius: 4px;}
.pr_left p a{color: #1a2751;display: block;width: 206px;background: url("../image/index_blue.png")no-repeat center right;margin: 0 auto;}
.pr_left p a:hover,.pr_left p a.on{color: #fff;background: url("../image/index_write.png")no-repeat center right;}
.index_pr_small{width: 194px;float: left;margin-left: 25px;}
.index_pr_small li{position: relative;width: 194px;height: 189px;margin-bottom: 12px;}
.index_pr_small li .small_pic{width: 194px;float: left;}
.index_pr_small li .small_pic img{display: block;width: 194px;height: 189px;border-radius:4px;}
.index_pr_small li .small_txt{
 transition: 2s all;
 opacity: 0;
 padding-top: 50px;
 border-radius: 5px;
 position: absolute;
 width: 160px;
 height: 110px;
 left: 50%;
 top: 50%;
 margin-left: -80px;
 margin-top: -80px;
 background:rgba(14,158,78,0.8);
 text-align: center;}
.index_pr_small li:hover .small_txt{opacity: 1;}
.index_pr_small li .small_txt p{color: #fff;line-height: 25px;}
.index_pr_small li .small_txt span{background: #eaf6ef;display: block;width: 105px;text-align: center;line-height: 25px;color: #1373a5;border-radius: 4px;margin: 8px auto 0 auto; }
.index_pr_small li .small_more{position: absolute;right: 10px;bottom:10px;opacity: 1; transition: 1s all;}
.index_pr_small li:hover .small_more{opacity: 0;}
.index_pr_small li .small_more img{}

.index_pr_big{width: 598px;float: right;}
.index_pr_big li{width: 293px;float: left;margin: 0 0 14px 12px;position: relative;height: 286px;}
.index_pr_big li:nth-child(2n+1){margin-left: 0;}
.index_pr_big li .big_pic{width: 293px;}
.index_pr_big li .big_pic img{display: block;width: 293px;height: 286px;}
.index_pr_big li .big_txt{ transition: 2s all;
 opacity: 0;
 padding-top: 80px;
 border-radius: 5px;
 position: absolute;
 width:224px;
 height:144px;
 left: 50%;
 top: 50%;
 margin-left: -112px;
 margin-top: -112px;
 background:rgba(14,158,78,0.8);
 text-align: center;}
.index_pr_big li:hover .big_txt{opacity: 1}
.index_pr_big li .big_txt p{color: #fff;line-height: 25px;}
.index_pr_big li .big_txt span{background: #eaf6ef;display: block;width: 105px;text-align: center;line-height: 25px;color: #1373a5;border-radius: 4px;margin: 15px auto 0 auto; }
.index_pr_big li .big_more{position: absolute;right: 10px;bottom:10px;opacity: 1; transition: 1s all;}
.index_pr_big li .big_more img{}
.index_pr_big li:hover .big_more{opacity: 0;}
.index_pr_more{margin-top: 35px;}
.index_pr_more a{display: block;line-height: 35px;border: 1px solid #1a2751;width: 250px;margin: 0 auto;text-align: center;color: #1a2751;border-radius: 5px;}
.index_back{height: 270px;}


.good{margin-top: 10px;background: #fff;}
.good_con li{}
.good_con .li1{margin-bottom: 50px;}
.good_con .li1 .good_txt{margin-top: 25px;width: 498px;float: left;}
.good_con .li1 .good_pic{float: right;}
.good_con .li1 .good_pic img{width: 564px;height: 191px;}
.good_con .li2{}
.good_con .li2 .good_txt{float: right;width: 516px;margin-top: 86px;background: url("../image/good_back.png")no-repeat right bottom;height: 300px;}
.good_con .li2 .good_txt .font{width: 404px;}
.good_con .li2 .good_pic{float: left;}
.good_con .li2 .good_pic img{width: 416px;height: 352px;}
.good_con .li3{}
.good_con .li3 .good_txt{margin-top: 85px;width: 514px;float: left;}
.good_con .li3 .good_txt .font{width: 405px;}
.good_con .li3 .good_pic{width: 559px;float: right;}
.good_con .li3 .good_pic img{display: block;width: 559px;height: 374px;}

.good_con li .good_txt{}
.good_con li .good_txt .num{float: left;width: 83px;}
.good_con li .good_txt .num p{width: 83px;height: 83px;border: 1px solid #1373a5;border-radius: 100%;line-height: 83px;}
.good_con li .good_txt .num span{display: block;width: 70px;height: 70px;background: #1373a5;border-radius: 100%;color: #fff;font-size: 44px;line-height: 70px;text-align: center;border: 1px solid #1373a5;margin: 0 auto;margin-top: 5.5px;}
.good_con li .good_txt .num img{float: right;display: block;margin-top: 10px;}
.good_con li .good_txt .font{width: 386px;float: right}
.good_con li .good_txt .font strong{font-size: 36px;color: #1a2751;display: block;}
.good_con li .good_txt .font img{display: block;margin: 11px 0;}
.good_con li .good_txt .font p{line-height: 25px;color: #1a2751;font-size: 16px;}
.good_con li .good_txt .font p span{color: #1373a5;}
.good_con li .good_pic{}
.good_con li .good_pic img{display: block;}



/*********************************  首页 走进晴达  ***************************************/
.into{background: #efefef;padding: 40px 0 60px 0;position: relative;}
.into .index_title strong{font-size: 36px;color: #1a2751;}
.into_con{margin-top: 35px;}
.into_pic{width: 495px;float: left;}
.into_pic img{display: block;width: 495px;height: 358px;}
.into_txt{float: right;width: 680px;position: relative;}
.into_txt strong{display: block;color: #1a2751;font-size: 24px;margin:10px 0 40px 0;}
.into_txt p{color: #1a2751;line-height: 24px;text-indent: 2em;}
.into_txt a{display: block;background: #1373a5;width: 160px;text-align: center;line-height: 35px;color: #fff;border-radius: 4px;margin-top: 20px;}
.into_line{position: absolute;top:54px;left: -80px;}
.into_line img{display: block;}


.com_nav{width: 190px;background: #1a2751;padding-top: 24px;border-radius: 5px;padding-bottom: 5px;}
.com_nav strong{display: block;color: #fff;text-align: center;font-size: 24px;}
.com_nav .com_con{margin-top: 15px;}
.com_nav .com_con li:nth-child(1){border-top: 1px solid #404b6f;}
.com_nav .com_con li{text-align: center;line-height: 50px;border-bottom: 1px solid #404b6f;}
.com_nav .com_con li:last-child{border-bottom: 0;}
.com_nav .com_con li a{color: #fff;padding-left: 18px;font-size: 16px;}
.com_nav .com_con li a.hover,.com_nav .com_con li a:hover,.com_nav .com_con li a.on{background: url("../image/nav.png")no-repeat center left;color: #1373a5;}
.com_usb{height: 50px;line-height: 50px;}
.com_nav .com_con li img{float: right;margin-top: 20px;}
/*********************************  首页 公司新闻  ***************************************/
.index_new{}
.new_big{width: 726px;float: left;}
.new_title{background: url("../image/index_border.png")no-repeat center bottom;padding-bottom: 8px;color: #1a2751;}
.new_title .dong{float: left;}
.new_title .dong strong{border-bottom: 5px solid #1373a5;display: block;float: left;width: 75px;text-align: center;font-size: 16px;line-height: 20px;padding-bottom: 10px;}
.new_title .dong p{float: left;margin-left: 20px;font-size: 16px;line-height:35px;}
.new_title .dong p span{cursor: pointer;}
.new_title .dong p span.hover{color: #1373a5;}
.show_all{float: right;margin-right: 45px;line-height:35px;}
.show_all a{}
.new_other{margin-top: 26px;}
.new_con{width: 670px;display: none;}
.new_con li{margin-bottom: 30px;}
.new_con li a{display: block;}
.new_con li a .new_pic{width: 267px;float: left;}
.new_con li a .new_pic img{display: block;width: 267px;height: 161px;border-radius: 4px;}
.new_con li a .new_txt{float: right;width: 377px;margin-top: 10px;}
.new_con li a .new_txt strong{display: block;font-size: 16px;color: #1373a5;}
.new_con li a .new_txt p{color: #1a2751;font-size: 14px;margin-top: 15px;line-height: 26px;}
.new_con li a .new_txt span{display: block;background: #1373a5;height: 35px;width: 160px;line-height: 35px;color: #fff;border-radius: 5px;text-align: center;margin-top: 20px;}

.question{width: 331px;float: right;background: #efefef;border-radius: 4px;padding: 20px 0 20px 0;}
.question_big{width: 302px;margin: 0 auto;}
.question_top{}
.question_top span{color: #1373a5;font-size: 16px;display: block;float: left;background: url("../image/nav.png")no-repeat center left;padding-left: 20px;}
.question_top a{color: #1a2751;float: right;}

.question_con{margin-top: 25px;}
.question_con li{margin-bottom: 20px;}
.question_con li:hover .blue .p1{color: #1373a5;}
.question_con li .blue{margin-bottom: 10px;}
.question_con li .blue span{display: block;height: 19px;width: 19px;text-align: center;float: left;color: #fff;line-height:19px;margin-top: 4px;}
.question_con li .blue p{width: 265px;float: right;line-height: 25px;font-size: 16px;}
.question_con li .blue p strong{color: #222;}
.question_con li .blue .span1{background: #1a2751;}
.question_con li .blue .span2{background: #1373a5;}
.question_con li .blue .p1{color: #222;}
.question_con li .blue .p2{color: #666;font-size: 14px;}



.mySwiper2 dl{position: relative;}
.mySwiper2 dt{float: left;width: 600px;height: 324px;}
.mySwiper2 dd{width: 510px;float: left;margin-left: 34px;padding-top: 32px;}
.mySwiper2 dd h3{font-size: 24px;color: #333333;}
.mySwiper2 dd em{width: 100px;display: block;width: 100%;height: 1px;background:#cccccc;margin: 17px 0;}
.mySwiper2 dd>p{font-size: 14px;color: #666666;line-height: 25px;}
.mySwiper2 dd .intro{width: 146px;position: absolute;right: 0;bottom: 0;}
.mySwiper2 dd .intro p{width: 146px;height: 37px;line-height: 37px;text-align: center;font-size: 24px;color: #fff;background: #1373a5;margin-top: 1px;}
.mySwiper2 dd .intro p:first-child{margin-top: 0;}
.mySwiper2 .page{cursor: pointer;width: 100px;height: 30px;margin-left: 80px; text-align: center;line-height: 30px;font-size: 18px;border-radius: 15px;border: 1px solid #ccc;background: #fff;}
.mySwiper2 .swiper-pagination-bullet-active{color: #fff;background: #1373a5;border: 1px solid #1373a5;}
.mySwiper2 .menu{width: 100%;
    background: url(../image/flow1_xian.png) no-repeat center;
    height: 34px;
    margin-top: 40px;margin-bottom: 40px;}
.mySwiper2 .swiper-button-next,
.mySwiper2 .swiper-button-prev {
    width: 40px;
    height: 40px;
    opacity: 0.7;
    background: 0 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: -280px;
    margin-top: -18px;
    z-index: 10;
    cursor: pointer;
}

.mySwiper2 .swiper-button-prev {
	left:  -20px;
}


.mySwiper2 .swiper-button-next {
   right: -20px;
    
}

.mySwiper2 .swiper-button-next:before,
.mySwiper2 .swiper-button-prev:before {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    content: "";
    border-radius: 50%
}
.mySwiper2:hover .swiper-button-prev {
	left: -20px;
}

.mySwiper2:hover .swiper-button-next {
	right: -20px;
}
.birth .title{width: 100%;
    text-align: center;
    padding-top: 68px;margin-bottom: 40px;}
.birth .title h3 {
    font-size: 35px;
    color: #333333;
    font-weight: normal;
}
.birth .title h3 em {
    color: #1373a5;
}





.product .left{ float:left; width:230px; margin-top:80px;}
.product .right{ float:right; width:940px;    margin-top: 60px;}
.product .left_t{ position:absolute; width:230px; height:80px; line-height:80px; overflow:hidden; text-align:center; background:#1373a5; color:rgba(255,255,255,0.1); font-size:36px; font-weight:bold; border-bottom:2px solid #fff;}
.product .left_t span{ position:absolute; left:0; top:0; width:100%; line-height:80px; color:#fff; font-size:28px;}
.product .left li{ border-bottom:1px solid #eee;}
.product .left a{ display:block; line-height:50px; background:url(../image/left_li1.png) 15px center no-repeat #dadada; padding-left:35px; color:#4c4948;}
.product .left li:hover a{ color:#fff; background-image:url(../image/left_li2.png); background-color:#1373a5;}
.product .left .current a{ color:#fff; background-image:url(../image/left_li2.png); background-color:#9b9d9e;}
.product .cur2 a{ color:#fff; background-image:url(../image/left_li2.png); background-color:#1373a5;}

.pro2_bg{ width:960px;}
.pro2{ float:left; display:block; width:300px; color:#666; margin-right:20px; margin-bottom:25px;}
.pro2:hover{ color:#1373a5;}
.pro2:hover .pro2_pic{ -moz-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.pro2_picbg{ width:100%; height:225px; overflow:hidden;}
.pro2_pic{ width:100%; height:100%; -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.pro2_pic img{width: 100%;height: 100%;object-fit: cover;}
.pro2 p{ text-align:center; font-size:14px; padding-top:10px;    height: 40px;
	/* line-height: 40px; */
	overflow: hidden;}
.right .hide{ display:none;}
.product_more{ position:relative; display:block; width:100px; height:30px; line-height:30px; text-align:center; font-size:14px; background:#fff; color:#666; border:1px solid #ddd; margin:0 auto;}
.product_more::after{ content:''; position:absolute; z-index:-1; left:0; top:50%; width:940px; height:1px; background:#ddd; margin-left:-420px;}
.product_more:hover{ background:#1373a5; color:#fff;}




.footer {
    background: #333
}

.footer .footer-top {
    padding: 30px 0;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

.footer .footerItem:first-child img {
    margin-bottom: 8px;
    margin-top: -5px
}

.footer .footerItem:last-child img {
    margin-top: 3px
}

.footer .footerItem .subscription {
    border-top: 0;
    padding: 15px 0;
    background: 0
}

.footer .footerItem .subscription .el-input-group__append {
    background: #e71d16;
    border: 0;
    color: #FFF
}

.footer .footerItem .social-share .social-share-icon {
    margin-bottom: 10px
}

.footer .footerItem p.title {
    color: #fff;
    line-height: 24px;
    margin: 0 0 12px;
    text-align: left;
    font-size: 14px;
    font-weight: bold
}

.footer .footerItem li a {
    color: #b3b3b3;
    line-height: 24px
}

.footer .footerItem>img {
    width: 120px;
    height: 40px
}

.footer .footerItem>p {
    color: #fff;
    line-height: 24px
}

.footer .footerItem>p i {
    display: inline-block;
    /* margin: 10px 9px 18px 0;
    font-size: 32px */
	background: url(../image/tel.png) no-repeat left center;
    height: 20px;
    width: 40px;
}

.footer .footerItem>p span.phone-b {
    font-size: 21px
}



.footer .footer-bottom {
    background: #181818;
    text-align: center
}

.footer .footer-bottom .row {
    display: flex;
    justify-content: center
}

.footer .footer-bottom .help-center {
    height: 40px;
    line-height: 40px;
    background-color: #282828
}

.footer .footer-bottom ul.row {
    margin: 0 auto;
    width: 1200px;
    justify-content: flex-start;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.footer .footer-bottom ul.row li {
    margin-right: 30px;
    height: 40px
}

.footer .footer-bottom ul.row li:first-child a {
    margin-right: 43px;
    font-size: 14px;
    font-weight: bold;
    color: #fff
}

.footer .footer-bottom ul.row li:first-child a>i {
    font-size: 14px
}

.footer .footer-bottom ul.row li a {
    font-size: 13px;
    color: #fff
}

.footer .footer-bottom p {
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center
}


.footer .footer-bottom p a {
    color: #fff;
    padding: 0 10px;
    cursor: pointer
}