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

    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;

}



.m_title{ font-size:38px; margin-top:45px; color:#063F7E; font-weight:bold; text-align: center;  }

.m_title2{ font-size:16px; padding: 10px 0; color: #666;text-align: center;}

.line{ display: block; width: 60px; height: 4px; background: #063F7E; margin: 0 auto; margin-bottom: 50px; }

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

    background-image: -moz-linear-gradient(to bottom #fff,#E0EAF7); background-image: -webkit-linear-gradient(to bottom #fff,#E0EAF7); background-image: linear-gradient(to bottom, #fff,#E0EAF7);

}



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

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

.logo_txt b{    line-height: 34px;

    margin-top: 5px;

    font-size: 28px;

    color: #333;

    display: block;

  }

.logo_txt p { font-size: 18px; line-height: 30px; color: #999; }

.logo_zi { margin-left: 30px; }

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

.header_phone p {

	color:#333;



	margin-bottom:10px;

	font-size:17px;

}

.header_phone p img{ padding-right:15px;}

.header_phone b{ color:#063F7E;   font-size: 28px;

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

.header_phone .tel_txt p{ font-size: 36px; font-weight:bold; color: #E17012;}

.top-ewm  img{ height: 100px; }

/*导航菜单*/

.navbar{ width: 100%; height:68px;  background: #063F7E; color: #fff;}

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

.nav li {position: relative;  width: calc(100% / 6);  }



.nav li a{ 

	display:block;

	font-size: 17px;

	line-height: 68px;

	color: #fff;

   text-align: center;

   transition: all .3s;

   border-right: 1px solid #0A4D98;

   border-left: 1px solid #08396F;



}



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

   font-weight: bold;

    color: #fff;

    background: #E17012;

  }

 

/* 二级菜单 */

.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;   border-right: none;

    border-left:none;  }

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

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



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

    opacity: 1;

}





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

	background:#fff;

}



#banner .swiper-pagination-bullet-active {

    background-color: #E17012;

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



/*关于我们*/

.about{margin-top: 50px;}

.about-box{ background-color: #fff;

	-webkit-box-shadow: 0 42px 95px rgba(0,0,0,.15);

	-moz-box-shadow: 0 42px 95px rgba(0,0,0,.15);

	box-shadow: 0 42px 95px rgba(0,0,0,.15);

	padding: 40px;

	display: flex;

    align-items: center;

	justify-content: center;



}

.about_fl{ flex: 1; overflow: hidden; }

.about_fl p{ line-height: 26px; padding: 10px 0; color: #666; margin-top: 15px;}

.about_fl .ab-title{ font-size: 22px; color: #222; font-weight: bold; margin-top: 10px;}

.about_fr{ flex: 1;overflow: hidden; padding-left: 40px; }



.more_a2 { display: inline-block; line-height: 40px; padding: 0px 26px; color: #fff; position: relative; transition: all 0.8s ease 0s; font-size: 16px; margin: 20px 0; }

.more_a2 span { display: inline-block; position: relative; z-index: 2; }

.more_a2::before { content: ""; position: absolute; left: 0px; bottom: 0px; background:#E17012; width: 100%; height: 100%; transition: all 0.3s ease 0s; }

.more_a2:hover { border-bottom-color:#E17012;  color: #E17012; }

.more_a2:hover::before { height: 1px; }

 /*产品*/

 .product {  background:url(../images/pro-bg.jpg) no-repeat bottom ; padding-bottom: 60px; margin-top:60px; }

 .pro_nav{  margin-top:25px;  }

.pro_nav_txt{ color: #333; }

.pro_nav_txt b{display: block; font-size: 30px; margin-bottom:42px;}

.pro_nav_txt span{ display: block; font-size: 18px; text-transform: uppercase; color: #999;}

.pro_nav_txt a {position: relative;z-index: 4; text-decoration:none; transition: all 0.2s; display: block; color: #fff; background: #E17012; padding:20px 0; padding-left:15px; height: 42px; line-height: 42px; margin-bottom: 10px; font-size: 17px;  }

.pro_nav_txt  i { float: right;padding: 10px 13px; border-left: 1px solid #f1f1f1;}

.pro_nav_txt a:after{content:'';position:absolute;width:0;height:100%;background:#063F7E;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;z-index: -1;}

.pro_nav_txt .p1 ul { display: flex; align-items: center; justify-content: space-between; padding: 0;}

.pro_nav_txt .p1 ul li { flex: 1; margin: 0 3px;}

.pro_nav_txt .p1 ul li:hover a:after{width:100%;}

.pro_nav_txt .p1 ul li:hover a{ color: #fff;}





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

.pro_list { margin-top:30px;  }

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

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

.pro_list p{ padding: 18px 15px; background: #fff; color: #063F7E; }

.pro_list .cp_tit {

    font-size: 18px;

    line-height: 22px;



    text-align: center;

    color: #666;

  

}





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



.probg { background:#F4F6F8 ; padding: 40px 0 70px; margin-top: 50px;}

.ptotu { position: relative;}



.ptotu .p2 {

	position: absolute;

	top: 0px;

	left: 0px;

	height: 100%;

	width: 100%;

    transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

}



.ptotu .p2 .pp_lf {

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	transition: all .5s;

	position: absolute;

	top: -100%;

	left: -20%;

	width: 100%;

	height: 300%;

	

}



.ptotu .p2 .pp_rg {

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	transition: all .5s;

	position: absolute;

	top: -100%;

	right: -50%;

	width: 100%;

	height: 300%;



}



.pro_list a:hover { border: 1px solid #E17012;}



/* 设备 */





#case {

	position: relative;

    width: 1200px;

	margin: 0 auto

}



#case .swiper-container {

	padding-bottom: 60px;

    margin-top: 30px;

}



#case .swiper-slide {

	width: 520px;

    padding-bottom: 25px;

	background: #fff;

	box-shadow: 0 8px 30px #ddd;

	position: relative;

}

#case .swiper-slide img{

	display:block;

    width: 100%;

}

#case .swiper-slide a{ display: block;}

#case .swiper-slide p {

	

	text-align: center;

	color: #636363;

	font-size: 20px;

    margin-top: 20px;

}

#case .swiper-slide-active .layer-mask {

    display: none;

}

.layer-mask {

    width: 100%;

    height: 100%;

    transition: all 0.5s;

    background:rgba(255,255,255,.5);

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

}

#case .swiper-pagination {

	width: 100%;

	bottom: 20px;

}



#case .swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 0 5px;

	border: 3px solid #fff;

	background-color: #d5d5d5;

	width: 10px;

	height: 10px;

	opacity: 1;

}



#case .swiper-pagination-bullets .swiper-pagination-bullet-active {

	border: 2px solid #F18D00;

	background-color: #fff;

}





#case .swiper-button-next {

	right: -30px;

	width: 55px;

	height: 55px;

    border: 2px solid #dedede;

    border-radius: 100%;

	--swiper-navigation-size: 0;

    color: #fff;

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

    cursor: pointer;

    overflow: hidden;

    z-index: 10;

    font-size: 30px;

    transition: all .5s ease;

    outline: none;



}

#case .swiper-button-next i ,#case .swiper-button-prev i{ display: block; text-align: center; line-height: 55px;}

#case .swiper-button-prev {

	left: -30px;

	width: 55px;

	height: 55px;

    border: 2px solid #dedede;

    border-radius: 100%;

    --swiper-navigation-size: 0;

    color: #fff;

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

    cursor: pointer;

    overflow: hidden;

    z-index: 10;

    font-size: 30px;

    transition: all .5s ease;

    outline: none;

    

}

#case .swiper-button-prev:hover, #case .swiper-button-next:hover { border: 2px solid #213E82; color: #fff; background: #213E82;}

#case .swiper-slide:hover { background: #063F7E; color: #fff;}

#case .swiper-slide:hover  p { color: #fff;}

/* 优势 */

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

.ys-box {

	overflow: hidden;

	position: relative;

	display: flex;

	align-items: center;

	justify-content: center;

    flex-wrap: wrap;

	margin-top: 40px;

    padding:0;





}



.ys-box li{position:relative;overflow:hidden; width:50%;  }

.ys-box li a{display:block; }

.ys-box em{ font-size:20px; margin:0; padding:0;font-style: normal; display: block; text-align: center; color: #fff; }

.ys-box li .img_cont img{ transition: all .5s;}

.ys-box li .cont_box{ color:#fff;

	position:absolute;

	left:0;

	top:0;

	bottom:0;

	right:0;

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

}



.ys-box li .cont_tit{



	position:absolute;

	z-index:1;

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

	left:0;

    right: 0;

    bottom: 0;

    top:0;

    



}



.ys-box li .cont_tit b{font-size:30px;margin-top:45px;display: block;  padding:0 30px;}

.ys-box li .cont_tit p {padding:20px 30px; font-size: 17px;}

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



.ys-box li:hover .more { color: #93c41d;}

.ys-box li:hover .img_cont img { transform: scale(1.1);}

/* 新闻 */



 .news {  margin-top: 60px;}

 .news-box  {

     display: flex;

     justify-content: center;

     flex-direction: row;

     align-content: stretch;

     margin-top: 20px;

   

 }

 

 .news-one{

     flex: 3;

     border: 1px solid #f1f1f1;

     padding-bottom: 15px;

     background: #f1f1f1;

  

 }

 

 .news-one span {

     display: block;

     overflow: hidden;

 }

 

 .news-one b {

     display: block;

     padding: 10px 20px;

     font-size: 18px;

     color: #333;

 }

 

 .news-one em {

     font-size: 14px;

     color: #999;

     display: block;

     margin-top: 8px;

     font-weight: normal;

     padding: 0 20px;

 }

 

 .news-one img {

     display: block;

     width: 100%;

     transition: .8s;

 }

 

 .news-one a:hover img {

     transform: scale(1.1);

 }

 .news-one:hover {box-shadow: 0 0  10px #dedede;}

 .news-one p {

     font-size: 14px;

     color: #606060;

     line-height: 25px;

     padding: 8px 20px;

 }

 .news-two { flex: 5; 

    }

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

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

 .news-two a{ display: flex;   justify-content: center; flex-direction: column; background: #f1f1f1; padding:30px 20px ; transition: .3s;  border: 1px solid #f1f1f1; margin-left: 20px; }

 .news-two ul li:nth-child(5), .news-two ul li:nth-child(6) { margin-bottom: 0;}

 .news-two a:hover { box-shadow: 0 0  10px #dedede; background:#063F7E; background-size: 100%; }

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

 .news-two a:hover .day, .news-two a:hover .newscon,.news-two a:hover .newscon b { color: #fff;}



 .day {

   color: #666;

width: 100%;



   margin: 7px 0;

   font-size: 14px;

  

   border-top: 1px solid #dedede;

 }

 .day span {

     font-size:16px;

     float: right;

 

   }

   .day p{  padding-top: 20px;}



 

 .newscon b {

   padding-bottom: 10px;

   font-size: 16px;

   color: #333;

   display: block;

 

 }

 .newscon p {

 

   text-align: left;

   line-height: 24px;

   font-size: 14px;

 

 }

/*返回顶部*/



.scroll {

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    position: fixed;

    right: 15px;

    bottom: 50px;

    color: #fff;

    cursor: pointer;

    background: #E17012;

    font-size: 30px;



}





/*底部footer*/

.footer {

    background: #063F7E; background-size: cover;

    margin-top: 80px;

}



.foot {

    padding: 68px 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: 35%;}



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

.foot .ft-contact { width: 35%; margin-left: 10%;}



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

.footer_phone p {

	color:#333;

	margin-bottom:5px;

	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;

 margin:15px 0;  display: block;}



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

}