@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: 1260px;

    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{font-size:36px;margin-bottom:16px; color: #0054AA; font-weight: bold;}



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

.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%;



}



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

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

.logo_txt b{    line-height: 34px;

    margin-top: 5px;

  

    color: #333;

    display: block;

  }

.logo_txt p { font-size: 22px; line-height:44px; }

.logo_zi { margin-left: 30px;  font-size: 32px;}

/*.header_phone { display: flex; align-items: center; padding-left: 20px;}
*/



.header_phone {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}


.header_phone_l {
    /* width: 100%; */
    /* float: left; */
    margin-bottom: 15px; font-size:16px;
}
.header_phone_l span{ float:right;}
.header_phone_l a{ padding:0 5px; text-align:right; font-size:16px;}
.header_phone_r {
    /* width: 100%; */
    /* float: left; */
    /* display: inline-flex; */
    /* float: right; */
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.header_phone p {

	color:#333;

	margin-bottom:2px;

	font-size:16px;

}

.header_phone img{ margin-right:8px; float:left; width:38px;}

.header_phone b{ color:#0054AA;   font-size: 28px; margin-top:0;  display: block;}



/*导航菜单*/

.navbar{ width: 100%; height:70px;  background: #0054AA; 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:70px;

	color: #fff;

   text-align: center;

   transition: all .3s;



}



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

   font-weight: bold;

    color: #fff;

    background: #f20000;

  }

 

/* 二级菜单 */

.ejxl{display: none;background-color: rgba(255,255,255,.9);transition: all 0s;z-index: 999;  position: absolute;top:100%; width: 150%; left:-25%;}

.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: #f20000;}



/*导航菜单 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: #0054AA;

    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*/

/*产品*/

.product { margin-top: 50px;}

.prone .swiper-slide { padding-bottom: 110px; margin-top: 20px;}

.prone .swiper-slide img {

    display: block;

    height: auto;

    margin-left: auto;

    margin-right: auto;

    max-width: 100%

}





.prone .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 0 10px;

}

.prone .swiper-pagination-clickable .swiper-pagination-bullet {

	cursor: pointer;

}

.prone .swiper-pagination-bullet {

	width: 10px;

	height: 10px;

	display: inline-block;

	border-radius: 100%;

	background: #000;

	opacity: .2;

}



.prone .swiper-pagination-bullet-active {

    opacity: 1;

    background: #0054AA;

}



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

.pro_list a { display:flex;  align-items: stretch; justify-content: space-between; flex: 1;  background: #fff; flex-direction: column;  margin: 10px; position: relative; z-index: 1; }

.pro_txt {font-size: 20px; color:#1e1e1e;  text-align: left;  width: 80%;   padding: 5%;  background: #f7f7f7; position: absolute; left: 0; bottom:-70px; right: 0; margin: auto; }

.pro_txt p{margin: 10px 0; display: flex; }

.pro_txt p em{display: block;height:36px;line-height: 36px;background:url(../images/pro-tb.png) no-repeat left;padding-left:27px; margin-right: 20px; font-size: 16px; font-weight: normal;}

.pro_txt span { color: #999; height: 50px; font-size:17px; display: block; margin-top: 20px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 24px; }

.pro_tu{ flex: 2;}

.ab_more2 { font-size: 14px;}

.ab_more2:hover { color: #0054AA;}

.prone .swiper-slide a:hover .pro_txt { background: #0054AA; color: #fff;}

/*设备*/

.sheb{ background: #f7f7f7; padding: 60px 0 20px 0; margin-top: 50px;}

.pro_content { margin: 30px 0; }

.pro_content a { display: block; color: #000; float: left; width:calc(31.3% - 2px) ; margin:0 1% 40px 1%;position: relative; border: 1px solid #f1f1f1;     border-bottom-right-radius: 40px; }

.pro_content span { display: block; }

.pro_title {

    text-align: left;

    font-size: 17px;

    background-color: #fff;

    border-bottom-right-radius: 40px;

    display: block;

    transition: all 100ms linear;

    padding: 20px;

  }



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

  

  .pro_content a:hover .pro_title { background:#0054AA; color: #fff;}  

  .pro_content a:hover .pro_title p{ color: #fff;}

/*简介*/

.about {  padding:60px 0; background:url(../images/abbg.jpg) repeat-x top;} 





.ab_txt { font-size: 15px; line-height: 32px; color: #fff; width:80%; margin: 30px auto; text-align: center;}





.more_a2 { display: block;  width: 90px; text-align: center; line-height: 40px; padding: 0px 30px; color: #fff; background: #f20000;transition: all 0.8s ease 0s; font-size: 16px; margin: 20px auto; }



.more_a2:hover { background: #fff; color: #0054AA;}

.about_fr {box-shadow: #666 0 25px 25px -25px;}

/*合作*/

.hezuo_box { margin-top: 0px; padding-bottom: 60px;}

.hezuo{ padding-bottom: 50px; margin-top: 30px;}

.hezuo .swiper-slide a{ background:#fff;  display: block; margin: 10px; padding: 10px; border: 1px solid #f1f1f1;}

.hezuo .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    display: inline-block;

    border-radius: 100%;

    background: #ccc;

    opacity: 1;

}

.hezuo .swiper-pagination-bullet-active {



    background: #0054AA;

}

/*领域*/

.ly{  background: #F2F7FC; padding:60px 0;}

.ly_list {

	overflow: hidden;

	position: relative;

	display: flex;

	align-items: center;

	justify-content: center;

    flex-wrap: wrap;

	margin-top: 30px;

    padding:0;





}



.ly_list li{position:relative;overflow:hidden; width: 25%; }

.ly_list li a{display:block; }

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

.ly_list .cont_info em{  display: block; text-align: center; color: #fff;  font-size: 16px;}



.ly_list li .cont_box{ color:#fff;

	position:absolute;

	left:0;

	top:0;

	bottom:0;

	right:0;

	transition:all 0.5s; -webkit-transition:all 0.5s;

}



.ly_list li .cont_tit{



	width:100%;

    height: 60px;

	text-align:center;

	position:absolute;

	z-index:1;

	left:0;

    bottom: 0;

	transition:opacity 0.5s;-webkit-transition:opacity 0.5s;

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

 

}



.ly_list li .cont_tit b{font-size:22px;font-weight:500;text-align:center;margin-top: 15px; display: block; }

.ly_list li .cont_info{

	line-height:28px;

    height:100%;

	position:absolute;

	z-index:1;

	left: 0;

	right: 0;

	top:50%;

	transform:translateY(0) scale(0);

	-webkit-transform:translateY(0) scale(0);

	padding:20px ;

    background:rgba(0,84,170, .8);

	color:#222;

	opacity:0;

	filter:alpha(opacity=0);

	transition:all 0.5s;

	-webkit-transition:all 0.5s;

}





.ly_list li .cont_info p{ color: #fff; font-size: 14px; line-height: 30px;text-align: center; }

.ly_list li .more{ text-align: center; color: #fff; margin-top: 15px; }

.ly_list li:hover .cont_tit{  	opacity:0;

	filter:alpha(opacity=0);}

.ly_list li:hover .cont_info{

	opacity:1;

	filter:alpha(opacity=100);

	transform:translateY(-50%) scale(1);

	-webkit-transform:translateY(-50%) scale(1);

	transition-delay:0.3s;

	-webkit-transition-delay:0.3s;

}

.ly_list li:hover .more { color: #fff;}

/*流程*/

.liucheng { background: #f1f1f1; padding: 60px 0;}

.liuchengbox{

  display: flex;

  justify-content: space-between;

  position: relative;









}

.liucheng-list{

  width: calc(12.5% - 35px);

  text-align:center;

  color:#333;

  position: relative;

  z-index: 1;

  margin:10px 18px;

  cursor: pointer;

  padding: 40px 0;

  transition: all .3s;

  border-radius: 10px;



}

.liucheng-list .lcimg{

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

  margin:0 auto;

}

.liucheng-list:hover .lcimg{

  -webkit-transform:rotateY(360deg);

  -moz-transform: rotateY(360deg);

  -ms-transform: rotateY(360deg);

  -o-transform: rotateY(360deg);

  transform: rotateY(360deg);

}

.liucheng-list p{

  font-size:18px;

  margin:17px 0;

  font-weight: bold;

}



.liucheng-list .lcimg { height:62px;}

.liucheng-list span { position: absolute;  right:-35px; top:50%}



.liucheng-list:hover { background: rgba(255, 255, 255, 0.8);}



/*新闻*/

.news { margin-top:70px;}

.news-box  {

	display: flex;

	justify-content: center;

	flex-direction: row;

align-items: center;

	margin-top: 30px;

  }

  

  .news-one{

	flex: 1;

	padding-bottom: 25px;

    border-bottom: 1px solid #dedede;

    position: relative;

    margin-right: 15px;

  

  }

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

  

  .news-one span {

	display: block;

	overflow: hidden;

  }

  

  .news-one b {

	display: block;

	padding: 10px 0;

	font-size: 18px;

	margin-top: 10px;

	color: #333;

  }

  .news-one i { width:40px; background: #f20000; color: #fff; padding:6px 20px; margin-right: 10px; float:left;}

  .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:hover .line{ width: 100%;}

  .news-one p {

	font-size: 14px;

	color: #666;

	line-height: 25px;

	padding: 8px 0;

  }

.news-two { flex:1; margin-left: 15px;}

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

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

.news-two a{ display: flex;  align-items: center; justify-content: center;  background: #fff; padding:32px 20px ; position: relative; transition: .3s;  border-bottom: 1px solid #f1f1f1; margin-left: 20px; }



.news-twoo { flex:1;}

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

.news-twoo ul li { width: 100%; margin-bottom: 10px;}

.news-twoo a{ display: flex;  align-items: center; justify-content: center;  background: #fff; padding:15px 20px ; position: relative; transition: .3s;  border-bottom: 1px solid #f1f1f1; margin-left:10px; }







  .day {

  color: #666;

  flex: 1;

  height: 80px;

  margin: 7px 0;

  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: 4;

  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 .line{ width: 100%; }

  .news-two a:hover span { color: #f20000;}

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

  

  .newsconn {

  flex: 10;

  padding-left: 20px;

  }

  

  .newsconn b {

  padding-bottom: 10px;

  font-size: 16px;

  color: #333;

  display: block;

  

  }

  .newsconn p {

  

  text-align: left;

  line-height: 24px;

  font-size: 14px;

  color: #666;

  

  }

    .news-twoo a:hover .line{ width: 100%; }

  .news-twoo a:hover span { color: #f20000;}

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

/*返回顶部*/



.scroll {

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    position: fixed;

    right: 45px;

    bottom: 70px;

    color: #fff;

    cursor: pointer;

    background:#f20000;

    font-size: 26px;

 

}



/*底部footer*/

.footer {

    background:#0054AA;

    margin-top: 80px;

}



.foot {

    padding:70px 0 30px 0;



}



.foot b {

    font-size: 22px;

    color: #fff;

    display: block;

    text-transform: uppercase;

    margin-bottom: 32px;

}



.foot span {

    color: #fff;

    font-size: 20px;

    font-weight: bold;

    padding-right: 8px;

}

.foot .ft-nav { width: 37%;}



.foot .ft-nav li {



    float: left;

    margin-bottom: 22px;

    width: 50%;

}



.foot .ft-nav li a {

    font-size: 16px;

    display: block;

    color: #fff;

}

.foot .ft-nav li a:hover {color: #f20000;}

.foot .ft-contact { width: 28%;}



.foot .ft-contact p {

    width: 100%;

    color: #fff;

    font-size: 16px;

    margin-bottom: 22px;

}



.foot .footer_center {

    margin-top: 62px;

    display: flex;

  

    justify-content: center;

    flex-direction: column;

}

.footer_phone { display: flex; align-items: center; justify-content: center; flex-direction: column;}

.footer_phone p {

	color:#333;

	margin-bottom:5px;

	font-size:16px;

   

}

.footer_phone img{ margin-bottom: 10px;}

.footer_phone p span{  font-weight: normal;}

.footer_phone b{ color:#fff;  text-align: center;    font-size: 32px;

 margin:15px 0;  display: block;}

 .footer_phone b span { font-size: 18px; font-weight: normal;}

.foot .footer_center { width:23%;}

.foot .footer_center .footer_tel {

 

 display: flex;



 flex-direction: column;

}



.foot .footer_center p {

    text-align: left;

    color: #fff;

   

}

.foot .ewm{ margin-top:65px; width: 10%;}

.foot .ewm img { max-width: 100px;}

.foot .ewm p { margin-top: 10px; text-align: center; color: #fff;}

.copyright {

    padding: 20px 10px;

    text-align: center;

    color: #fff;

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

}

.copyright a {

    color: #fff;

}