@charset "utf-8";



/* CSS Document */



body {

    font: 14px "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;

    height: 100%;

    min-width: 1278px;

    background: #fff;

    max-width: 100%;

    overflow: auto;

    color: #666;

    overflow-x: hidden;

    padding: 0px;

    margin: 0px;

}



a {

    color: #666;

    text-decoration: none;

    outline: none;

}



img {

    border: 0px;

    vertical-align: middle;

}



a:link {

    text-decoration: none;

    outline: none;

}



a:visited {

    text-decoration: none;

    outline: none;

}



a:hover {

    text-decoration: none;

    color: #333;

    outline: none;

}



ul,

p,

dl,

dt,

dd {

    padding: 0px;

    margin: 0px;

}



li {

    list-style-position: outside;

    list-style-type: none;

}



h1,

h2,

h3,

h4,

h5 {

    padding: 0px;

    margin: 0px;

}



input {

    margin: 0;

    padding: 0;

    outline: 0;

    -webkit-appearance: none;

}



input::-webkit-input-placeholder {

    color: #ccc;

}



input::-ms-input-placeholder {

    color: #ccc;

}



input::-moz-placeholder {

    color: #ccc;

}



input[type=button],

input[type=submit] {

    cursor: pointer;

}



button[disabled],

input[disabled] {

    cursor: default;

}



input {

    background: transparent;

    padding: 0px;

    font-size: 14px;

    color: #888;

    border: 0px;

    outline: none;

}



em {

    font-style: normal;

}



i {

    font-style: normal;

}





/*清除浮动*/



.clear {

    clear: both;

    height: 0px;

    overflow: hidden;

}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

    clear: both;

}



.clearfix {

    /*兼容 IE*/

    zoom: 1;

}



/************全局样式************/



.fl {

    float: left;

}



.fr {

    float: right;

}





/*t图片样式*/



.center-block {

    display: block;

    margin-right: auto;

    margin-left: auto

}



img {

    border: 0px;

    vertical-align: middle;

}



.img-responsive {

    display: block;

    height: auto;

    max-width: 100%

}



.avatar {

    display: block;

    overflow: hidden;

    width: 100%;

}



.avatar img {

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.avatar:hover img {

    transform: scale(1.1);

    transition: all 1s ease 0s;

    -webkit-transform: scale(1.1);

}





/*文字超出隐藏*/



.dot {

    display: block;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.dot2 {



    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}





/**/



.wal {

    width: 1200px;

    margin: 0px auto;

}



.main_title{text-align: center;}



.main_title p b{font-size:38px; line-height: 58px; font-weight: bold;color:#333; padding-left: 5px;}

.main_title span{font-size:18px;color:#666;}

.main_title .line {

    width: 27px;

    height: 3px;

    background: #DA251C;

    margin:20px auto;

}

.dflex { display: flex;}

.dflex_center { display: flex; align-items: center; justify-content: center;}

.dflex_start { display: flex; align-items: center; justify-content: flex-start;}

.dflex_end { display: flex; align-items: center; justify-content:flex-end;}

.dflex_stretch { display: flex;justify-content: center;align-content: center; align-items: stretch;}

.dflex_space-between { display: flex; align-items: center; justify-content: space-between;}



/*顶部导航*/

.header {

	width: 100%;



}

.header_top {

	width: 100%;



    height: 38px;

    line-height: 38px;

    color: #786;

    font-size: 12px;

	overflow: hidden;

    border-bottom: 1px solid #f1f1f1;

}

.top-content { display: flex; justify-content: space-between;}



.header_top .top_nav a {

	padding: 0 12px;

	display:block;



    color: rgba(255,255,255,.8);

	font-size:12px;

	float: left

}

.top-center { display: flex; flex-direction: row; justify-content: space-between; align-items: center;height: 116px; position: relative;}

.logo_txt { display: flex; align-items: center;}

.logo_txt b{    line-height: 34px;

    margin-top: 5px;

    font-size: 22px;

    color: #DA251C;

    display: block;

  }

.logo_txt p { font-size: 17px; line-height: 30px; }

.logo_zi { margin-left: 30px; }

.header_phone { display: flex; align-items: flex-start; padding-left: 20px; flex-direction: column; font-size: 16px; color: #666;}

.header_phone p {

	color:#333;



	font-size:16px;

}

.header_phone img{ padding-right:10px;}

.header_phone b{ color:#0c5e90;   font-size: 30px;

; margin-top:0;  display: block; padding-right:20px;}



.search_l{display:flex;align-items:center;justify-content:end;color: #333;}

.search_l span{margin-left:4px;}

.search_l a{color: #333;font-size: 14px;}

.search_r{margin-top:10px;position:relative;}

#infoname{width:200px;height:38px;line-height: 38px;border:1px solid #dedede;text-indent:12px;}

.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}

/*导航菜单*/

.navbar{ width: 100%; height:78px;  background: #0c5e90; color: #fff;}

.nav {margin:0;  display: flex; align-items: center; justify-content: center;}

.nav li {position: relative;  width: calc(100% / 6);   background: url(../images/line.png) no-repeat left;}

.nav li:first-child { background: none;}

.nav li a{ 

	display:block;

	font-size: 17px;

	line-height: 78px;

	color: #fff;

   text-align: center;

   transition: all .3s;



}

.nav a:hover, .nav li:hover > a {

   font-weight: bold;

    color: #fff;

    background:#DA251C;

}

 

/* 二级菜单 */

.ejxl{display: none;background-color: rgba(255,255,255,.9);transition: all 0s;z-index: 999;

    position: absolute;top:100%; width: 100%;

}

.nav li .ejxl li{margin:0 auto ;display: block; padding:0; width: 100%; background: none;}

.nav li .ejxl li a{display: block;color:#444;font-size: 16px;height:35px;line-height:35px; padding:5px 0; width: 100%; text-align: center;  }

.nav li .ejxl li:hover a { background: none;}

.nav li .ejxl a:hover{color: #DA251C;}



/*导航菜单 end*/



/*首页banner图*/

#banner .swiper {

	width: 100%;

	height: 100%;

    position: relative;

}



#banner .swiper-slide {

	background-position: center;

	background-size: cover;

    position: relative;

}



#banner .swiper-slide img {

	display: block;

	width: 100%;



}

#banner .swiper-button {

	position:absolute;

	top:50%;

	transform:translateY(-50%);

	text-align:center;

	color:#fff;

	background:rgba(0, 0, 0, 0.3);

	border-radius:50%;

	cursor:pointer;

	overflow:hidden;

	z-index:10;

	width: 50px;

	font-size: 30px;

	line-height: 50px;

	height: 50px;

	transition:all .5s ease;

	outline: none;



}

#banner .swiper-button:hover {

	background:rgba(200,26,29,1);

}



.btn-prev {

	left:5%;

}



.btn-next {

	right:5%;

}





#banner .swiper-pagination-bullet {

	position: relative;

	margin: 0 8px!important;

	display: inline-block;

	width: 14px;

	height: 14px;

	overflow: hidden;

	z-index: 10;

	border-radius: 100%;

	outline: none;

    background: #fff;

    opacity: 1;

}





#banner .swiper-pagination-bullet-active.swiper-pagination-bullet::before {

	background:#fff;

}



#banner .swiper-pagination-bullet-active {

    background-color: #DA251C;

    opacity: 1;

    filter: alpha(opacity=100);

}



#banner .swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 20px;

    left: 0;

    width: 100%;

}





/*首页banner图 end*/

/*手机首页banner图*/

#mobbanner .swiper {

	width: 100%;

	height: 100%;

    position: relative;

}



#mobbanner .swiper-slide {

	background-position: center;

	background-size: cover;

    position: relative;

}



#mobbanner .swiper-slide img {

	display: block;

	width: 100%;



}

#mobbanner .swiper-button {

	position:absolute;

	top:50%;

	transform:translateY(-50%);

	text-align:center;

	color:#fff;

	background:rgba(0, 0, 0, 0.3);

	border-radius:50%;

	cursor:pointer;

	overflow:hidden;

	z-index:10;

	width: 50px;

	font-size: 30px;

	line-height: 50px;

	height: 50px;

	transition:all .5s ease;

	outline: none;



}

#mobbanner .swiper-button:hover {

	background:rgba(200,26,29,1);

}



.btn-prev {

	left:5%;

}



.btn-next {

	right:5%;

}





#mobbanner .swiper-pagination-bullet {

	position: relative;

	margin: 0 8px!important;

	display: inline-block;

	width: 14px;

	height: 14px;

	overflow: hidden;

	z-index: 10;

	border-radius: 100%;

	outline: none;

    background: #fff;

    opacity: 1;

}





#mobbanner .swiper-pagination-bullet-active.swiper-pagination-bullet::before {

	background:#fff;

}



#mobbanner .swiper-pagination-bullet-active {

    background-color: #DA251C;

    opacity: 1;

    filter: alpha(opacity=100);

}



#mobbanner .swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 20px;

    left: 0;

    width: 100%;

}

#banner { display: block;}

#mobbanner { display: none;}

@media screen and (max-width:980px){

  #banner { display: none!important;}

  #mobbanner { display: block!important;}

}

/*首页banner图 end*/



 /*产品*/

.product { margin-top: 50px;}

 .pro_nav{  margin-top:20px;    }

.pro_nav_txt ul{ color: #333;  display: flex; flex-wrap: wrap;  }

.pro_nav_txt ul li { width:calc(20% - 20px); margin: 10px; position: relative; }

.pro_nav_txt li a{ position: relative; z-index: 9; display: block;transition: all 0.2s;color: #333; font-size: 18px; padding:15px 35px; border: 1px solid #dedede; }

.pro_nav_txt li i{ background:#0c5e90; position:absolute; left:0; top:0; width:100%; height:100%;  transform:scale(0); transition:0.5s; z-index: 1;}

.pro_nav_txt li:hover i{transform:scale(1); transition:0.5s;}

.pro_nav_txt li:hover a,.pro_nav_txt li:hover span { color: #fff;}

.pro_nav_txt b{display: block; font-size: 20px; }

.pro_nav_txt span{  font-size: 18px;  color: #333; padding-right: 10px;}

.pro_nav_txt .p1 ul li { position: relative;}

.pro_nav_txt .p1 ul li ul { background:none; }

.pro_nav_txt .p1 ul li ul li a{ margin-bottom: 0; background: none; border-bottom: 1px solid #f1f1f1;  font-size: 16px; font-weight: normal; padding: 10px 35px; }

.pro_nav_txt .p1 ul li ul span { transition: all .3s; width: 0; height: 0;   position: absolute; top:30px;z-index: 999; left: 0; border-bottom: 10px solid transparent; border-left: 10px solid #0c5e90; border-top: 10px solid transparent;}

.pro_nav_txt p{ margin:20px 0;}

.pro_nav_txt .p1 ul li:hover ul { display: block;  }

.pro_nav_txt .p1 li ul li a { color: #333!important;}

.pro_nav_txt .p1 li ul li a:hover {color: #0c5e90!important;}

.pro_nav_txt .p1 ul li:hover ul a::after { background: #ccc;  }

.pro_nav_txt .more_a3{ width: 120px; height: 30px; margin: 10px auto; border-radius: 10px 0 10px 0; text-align: cente00r; color: #fff; background: #05AA46; font-size: 14px; border: none;}

.pro_list { margin-top:25px;  }

.pro_list a { display: block; float: left; width: calc(25% - 22px); margin:10px;  border: 1px solid #f2f4f5; overflow: hidden;}

.pro_list span { display: block; overflow: hidden; }

.pro_list p{ padding: 10px 15px; background: #f5f5f5; }

.pro_list .cp_tit {

    font-size: 18px;

    line-height: 42px;

    text-align: center;

    color: #585757;

  

}

.pro_list .cp_tit span { font-size: 26px; color: #0c5e90;}

.pro_list a:hover p { color: #fff; background: #0c5e90;}

.pro_list a:hover p span { color: #fff;}

.pro_list .ptotu { position:relative;}

.pro_list .ptotu img{

	width: 100%;

	height: auto;

	transition: all 0.4s linear;

}

.pro_list a:hover .ptotu img{

	opacity: .9;

	transform: scale(1.1);

}

/*简介*/

.aboutbg {background: #f9f9f9 ; padding: 50px 0; margin-top: 50px;}

.about { display: flex; align-items: center; position: relative; margin: 10px; margin-top: 30px;  }



.ab_tu { flex: 1; margin-right: 30px;}

.ab_txt { flex: 1; margin-left: 30px; position: relative; z-index: 2;}

.ab_txt b { font-size: 26px; color: #0c5e90;}

.ab_txt span {font-size: 28px;

  margin:20px 0;

  color: #000;

  display: block;

}

.ab_txt p{font-size: 16px;

  line-height: 30px;

  margin-top: 20px;

  color: #333;}



.ab_more{ display: flex; align-items: center; font-size: 14px; color: #DA251C;  height:47px; border:#DA251C solid 1px; line-height:45px; padding:0 30px; transition: all 0.5s ease 0s; max-width:90px;  margin-top: 50px;}

.ab_more i{ color: #DA251C; margin-right: 10px; transition: all 0.5s ease 0s; }

.ab_more em{ color: #DA251C; font-style: normal;}

.ab_more:hover{ color:#fff; background:#DA251C; border:1px solid #DA251C; transition: all 0.5s ease 0s;  padding-left: 50px;  max-width: 100px;}

.ab_more:hover i{ color:#fff; transition: all 0.5s ease 0s;}

.ab_more:hover em { color: #fff;}

.ab_bottom {

    flex: 1;

	margin:20px auto;

	transition: opacity .3s .6s, visibility 0s .6s, margin-top 0s .6s;

}

.ab_bottom ul { display: flex; flex-wrap: wrap;  align-items: center; justify-content: space-between;}

.ab_bottom b{ font-size:40px;}

.ab_bottom :after,.ab_bottom :before {

	content: "";

	display: table

}

.ab_bottom :after {

	clear: both

}



.ab_bottom  li { flex: 1; margin: 10px; background: #0c5e90;}



.ab_bottom  li a {



	text-align: center;

	text-decoration:none;

	position: relative;

  margin: 0 auto;

	display: block;

	padding: 30px 26px 24px;

	transition: all .3s;



}

.ab_bottom .ab_num { display: flex; align-items: center; justify-content: center;}

.ab_bottom  li a b {

	color: #fff;

  font-size: 50px;

	font-weight: bolder;

	margin-bottom: 8px

}

.ab_bottom li a i{  	font-size: 28px; color: #fff; padding-left: 6px; padding-bottom: 30px;}

.ab_bottom  li a p {

	color: #fff;

	font-size: 18px;

	line-height: 24px;

  text-align: center;



}

.ab_bottom  li a:hover {

	background-color:#DA251C;

	text-decoration: none;

	border-color: transparent!important

}

.ab_list2{ background: #fff; padding: 10px 30px; margin-top: 30px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;





}

.ab_list2 li{   cursor: pointer; color:#333; line-height: 40px;  padding:10px 0; 

	-webkit-transition:transform .3s;transition:transform .3s; font-size: 16px; color: #666;}



.ab_list2 li b{display: block;font-size: 40px;color: #333;overflow: hidden;}

.ab_list2 li i {

  font-size: 16px;



  text-align: center;

  font-style: normal;

  font-weight: normal;

  position: relative;



  color: #666;

  display: inline-block;

}

.ab_list2 li:hover{-webkit-transform:translate(0,-15px);transform:translate(0,-15px);}



/*优势*/

.ys {margin-top: 50px;  }

.zzsc {

    width: 100%;

    height: auto;

    margin: 20px auto;

  }

  .zzsc .tab {

    overflow: hidden;

    width:100% ;

    display: flex;

    justify-content: space-between;

    



  }

  

  .zzsc .tab a {

    display: block;

    font-size: 20px;

    padding:24px ;

    color: #fff;

    background: #0c5e90;

    text-decoration: none;

    transition: all .3s;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 10px 5px;

    flex: 1;

   

  }

  .zzsc .tab a span { display: block; padding-right: 10px;}

  .zzsc .tab a.on  {

    background-color: #DA251C;

    color:#fff;

  }

  

  .zzsc .co {

    overflow: hidden;



    background: #fff;

    margin:5px;

    box-shadow: 5px 5px 10px #e9e9e9,-5px -5px 10px #e9e9e9;

    position: relative;

    margin-top: 30px;

  }



  .zzsc .co li {

    display: none;

    list-style: none;

 

    position: relative;



  }



.ys_list_right { float: left; width: 50%;}

  .ys_list_left {



   width: 47%;

   color:#666;

   float: right;

   padding-top: 40px;



   padding-left: 3%;





  }

  .ys_list_left b { font-size: 30px; line-height: 46px; font-weight: normal; color: #333; margin-top: 30px; padding-right: 30px; display: block;}

  .ys_list_left p { line-height: 32px; margin-top: 25px; font-size: 16px; padding-right: 30px;}

.ys_tit  p{ font-size: 14px; margin-top: 5px; line-height:32px;}

/*生产技术*/

.scjs { background: url(../images/bg.jpg) no-repeat; padding: 60px 0; margin-top: 50px;}

.scjs-box { background: #fff; padding: 20px; margin-top: 30px;}

.scjs-txt { text-align: center; line-height: 32px; font-size: 17px; padding: 20px ;}

.swiper-slide-thumb-active{

    color: #0D8BD7;

}

.gallery-top {

  height:auto;

  margin:20px auto;

}



.gallery-thumbs {

  height:60px;

  text-align: center;

  box-sizing: border-box;



margin: 0 auto;

  

}

.gallery-thumbs .swiper-wrapper {  display: flex; align-items: center; justify-content: center;  height:60px; }

.gallery-thumbs .swiper-slide {



    height:60px;

  line-height: 60px;

  width: 300px!important;

  cursor: pointer;



}



.gallery-thumbs .swiper-slide a { display: block;   background: #f1f1f1;  font-size: 16px;}

.gallery-thumbs .swiper-slide a:hover { background-color: #0c5e90; color: #fff;}

.gallery-thumbs .swiper-slide-thumb-active a {

  background-color: #0c5e90; color: #fff;

}





.gallery-top>{



    height: auto;

    margin: auto;

}





.prone .swiper-slide img {

  display: block;

  height: auto;

  margin-left: auto;

  margin-right: auto;

  max-width: 100%

}



.prone .swiper-slide p {

  background-color: #f1f1f1;

  color: #333;

  text-align: center;

  line-height: 40px;

  padding: 10px;

}

.prone .swiper-slide:hover p{  background-color: #0c5e90; color: #fff; }

.prone .swiper-button-next {

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  text-align: center;

  color: #fff;

  background: rgba(218,37,28, 1);



  cursor: pointer;

  overflow: hidden;

  z-index: 999;

  width: 40px;

  font-size: 30px;

  line-height: 60px;

  height: 60px;

  transition: all .5s ease;

  outline: none;

}

.prone .swiper-button-prev {

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  text-align: center;

  color: #fff;

  background: rgba(218,37,28, 1);



  cursor: pointer;

  overflow: hidden;

  z-index: 999;

  width: 40px;

  font-size: 30px;

  line-height: 60px;

  height: 60px;

  transition: all .5s ease;

  outline: none;

}

.prone .swiper-button-prev:hover, .prone .swiper-button-next:hover {

  background: #0c5e90;

}

/* 新闻 */



.news-box  {

	display: flex;

	justify-content: center;



align-items: flex-start;

	margin-top: 40px;

  }

  

  .news-one{

	flex: 1;

	padding-bottom:2px;

    border-bottom: 1px solid #dedede;

    position: relative;

    margin-right: 25px;

  

  }

.line2 { position: absolute; bottom: 0;left: 0; width: 10%; background: #0c5e90; height: 1px; transition: all .3s;}

  

 /* .news-one span {

	display: block;

	overflow: hidden;

  }

  .news-one span img{ width:657px; height:370px;}

  .news-one b {

	display: block;

	padding: 10px 0;

	font-size: 18px;

	margin-top: 10px;

	color: #333;

  }

  .news-one i { width: 90px; background: #0c5e90; color: #fff; padding:6px 20px; margin-right: 10px;}

  .news-one em {

	font-size: 14px;

	color: #999;

	display: block;

	margin-top: 8px;

	font-style: normal;



  }

  

  .news-one img {

	display: block;

	width: 100%;

	transition: .8s;

  }

  

  .news-one a:hover img {

	transform: scale(1.1);

  }

  .news-one a:hover b { color: #0c5e90;}

  .news-one:hover .line2{ width: 100%;}

  .news-one p {

	font-size: 14px;

	color: #666;

	line-height: 25px;

	padding: 8px 0;

  }
*/
  .news-two { flex:1; margin-left: 25px;

   }

   .news-two ul {display: flex; flex-wrap: wrap; padding: 0; margin: 0;}

   .news-two ul li { width: 100%; margin-bottom: 30px;}

  .news-two a{ display: flex;  align-items: center; justify-content: center;  background: #fff; padding:0px ; position: relative; transition: .3s;   }

  .news-two a:hover { color: #0c5e90;}



  .day {

  color: #666;

  flex: 1;





  font-size: 14px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  }

  .day span {

	font-size: 36px;

	width: 100%;

	color: #0054AA;

	text-align: center;

	font-weight:bold;

  }

  .day p{ width: 100%;	text-align: center;}

  .newscon {

  flex: 2;

  padding-left: 20px;

  }

  

  .newscon b {

  padding-bottom: 10px;

  font-size: 16px;

  color: #333;

  display: block;

  

  }

  .newscon p {

  

  text-align: left;

  line-height: 24px;

  font-size: 14px;

  color: #666;

  

  }



  .news-two a:hover b { color: #f29600;}

  .news-two a:hover p { color: #666;}



  .news_list a { display: block; padding: 17px 0;  font-size: 16px;    border-bottom: 1px solid #dedede;

    position: relative;}

  .news_list a span { float: right;}

  .news_list p { color: #999; font-size: 14px; margin-top: 10px;}

    /*返回顶部*/



.scroll {

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    position: fixed;

    right: 45px;

    bottom: 70px;

    color: #fff;

    cursor: pointer;

    background:#DA251C;

    font-size: 26px;

}


/*底部footer*/
.footer {

  background: #070F24;

}

.foot {
  padding:30px 0 30px 0;

}

.cont-lx{height: 152px;    background:#0c5e90; margin-top: 50px;}
.cont-lx ul{display: flex;height: 100%; justify-content: space-between;}
.cont-lx ul li{width: 25%;display: flex;justify-content: center;align-items: center;}
.cont-lx ul li span{font-size: 30px;color: #fff;}
.cont-lx ul li div{margin-left: 22px;}
.cont-lx ul li div b{display: block;font-size: 18px;color: #fff;}
.cont-lx ul li div p{font-size: 16px;color: #fff;margin-top: 8px;}
.cont-lx ul li div p span{font-size: 17px;color:#fff;}


.foot span {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding-right: 8px;
}

.foot .ft-contact { width: 18%; margin-top: 30px;}

.foot .ft-contact p {
  width: 100%;
  color: #fff;
  font-size: 18px;
  margin-bottom: 8px;
 
}
.foot .ft-contact p a { color: rgba(255,255,255,.6); font-size: 16px;}
.foot .ft-contact p a:hover {color: #DA251C;}
.foot .ft-fr { width: 33%;margin-top: 30px;}
.foot .ft-fr p{  font-size: 16px;
  margin-bottom: 8px;color: rgba(255,255,255,.6);}
  .foot .ft-fr p:first-child {  color: #fff;
      font-size: 18px; margin-bottom: 10px;}
.footer_phone { display: flex; align-items: center;}
.footer_phone p {
color:#fff;
font-size:16px;
}
.footer_phone p img{ padding-right:15px;}
.footer_phone p span{  font-weight: normal;}
.footer_phone b{ color:#fff;     font-size: 32px;
display: block;}


.foot .footer_center .footer_tel {

display: flex;

flex-direction: column;
}

.foot .footer_center p {
  text-align: left;
  color: #fff;
 
}
.foot .ewm{  width: 10%; margin-top: 60px;}
.foot .ewm img { max-width: 120px; border: 0px solid #fff;}
.foot .ewm p { margin-top: 10px; text-align: center; color: rgba(255,255,255,.8);}
.copyright {
  padding: 20px 10px;
  text-align: center;
  color: #fff;
  border-top: 1px solid rgba(255,255,255,.2);
}
.copyright a {
  color: #fff;
}