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

}



.main_title{text-align: center;}

.main_title p{font-size:40px;margin-bottom:16px; color: #333; background: url(../images/tit_line.png) no-repeat bottom; padding-bottom: 15px;}



.main_title p b{font-size:40px;font-weight: bold;color:#0080cc; padding-left: 5px;}

.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: 40px;

    margin-top: 5px;

    font-size: 35px;

    color: #333;

    display: block;

  }

.logo_txt p { font-size: 17px; line-height: 35px; color: #999; text-transform: uppercase;letter-spacing: 0.3px; }

.logo_zi { margin-left: 30px; }

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

.header_phone p {	color:#333;	font-size:16px;}

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

.header_phone b{ color:#0080cc;   font-size: 28px;

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

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

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

/*导航菜单*/

.navbar{ width: 100%; height:68px;  background: #0080cc; 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 #006aaa;

   border-left: 1px solid #2090d3;



}



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





 /*产品*/

 .product {  background:url(../images/cpbg.jpg) no-repeat bottom ; padding:40px 0; }

 .pro_nav{ width:22%;  margin-top:55px;  }

.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: #333; background: #fff; padding: 10px 15px; height: 42px; line-height: 42px; margin-bottom: 10px; font-size: 17px;  }

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

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

.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 { width: 76%; margin-top:45px;  }

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

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

.pro_list p{ padding: 18px 10px; background: #0080cc; color: #fff; }

.pro_list .cp_tit {

    font-size: 16px;

    line-height: 22px;



    text-align: center;

    color: #fff;

  

}





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



/*简介*/

.about {  padding:60px 0; } 

.about-box{ 

	display: flex;

    align-items: flex-start;

	justify-content: center;

    position: relative;



}

.about_fl{ flex: 1; padding-right: 40px; }

.ab_txt { font-size: 15px; margin-top: 20px; line-height: 32px; color: #666;}



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



.more_a2 { display: inline-block; line-height: 40px; padding: 0px 30px; 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:#0080cc; width: 100%; height: 100%; transition: all 0.3s ease 0s; }

.more_a2:hover::before { height:1px; color: #0080cc; }

.more_a2:hover { color: #0080cc;}

/* 优势 */

.ys  {margin: 60px 0;}

.ys ul {

	padding: 0;

	margin-top: 20px;

}

.ys ul li {

	float: left;

	width: 48%;

	margin:15px 1%;

	background-color: #fff;

	text-align: center;

	box-shadow: 0 0 20px rgba(0,0,0,.1);

}

.ys ul li span {

	width: 100%;

	height: 213px;

	display: block;

	overflow: hidden;

}

.ys ul li span img {

	height: 213px;

	display: block;

	transition: .8s;

}

.ys ul li:hover span img {

	transform: scale(1.03);

}

.ys ul li:hover p {

	color: #043985;

}

.ys ul li:hover {

	background: #E9EFF8;

	cursor: pointer;

}

.ys ul li b {

	font-size: 32px;

	font-weight: normal;

	color: #1a1a1a;

	text-align: left;

	padding: 25px 30px;

	display: block;



}



.yswzs {

	padding: 15px 30px;



	overflow: hidden;

}

.yswzs p {



	line-height: 28px;

	padding-left: 18px;

	font-size: 16px;

	color: #666;

	text-align: left;

}

.ys ul li.y1 b {

	background: url(../images/y1.jpg) no-repeat top left;

	padding-left: 130px;

}

.ys ul li.y2 b {

	background: url(../images/y2.jpg) no-repeat top left;

	padding-left: 130px;

}

.ys ul li.y3 b {

	background: url(../images/y3.jpg) no-repeat top left;

	padding-left: 130px;

}

.ys ul li.y4 b {

	background: url(../images/y4.jpg) no-repeat top left;

	padding-left: 130px;

}

/*应用案例*/

.case {    background: #f1f1f1; background-size: cover; padding: 40px 0;}



  

  .apple-retail .swiper-slide {

      text-align: center;

      padding: 0 15px;

      width: 380px;

    margin-top: 50px;

  }

.inner { border:1px solid #dedede; background: #fff; padding: 30px; height: 340px;}

  .inner figure {

      width: 100%;

      margin: 0;

  }

  .inner figure img {

      width: 100%;

      border-radius: 6px;



  }

  .apple-retail .gallery-item-desc {

     

      text-align: left;

      display: inline-block;



      transition-duration: 1.2s;

  }

  .apple-retail .init .gallery-item-desc {

      opacity: 1;

  }

  .apple-retail .gallery-item-desc b {

  

      font-weight: 500;

      color: #111;

      display: block;

      text-align: center;

      font-size: 20px;

      margin: 10px 0;

  }

  .apple-retail .gallery-item-desc p {

     

      color: #666;

      line-height: 28px;

      font-size: 15px;

  }

  

  



  .apple-retail .swiper-button-next, .apple-retail .swiper-button-prev {

      top:58%;

      background-color:#0080cc;

      background-image: none;

      background-size: 15px 15px;

      border-radius: 50%;

      width: 52px;

      height: 52px;

      transition: all .5s;

      outline: none;

  

  }

  .apple-retail .swiper-button-next i, .apple-retail .swiper-button-prev i {  width: 52px;

    height: 52px; color: #fff; line-height: 52px; text-align: center; font-size: 30px;}

  .apple-retail .mouse-hover .swiper-button-next, .apple-retail .mouse-hover .swiper-button-prev {

      opacity: 1;

  }

  .apple-retail .swiper-button-next:hover, .swiper-button-prev:hover {

      background-color: #E17012;

  }

  .apple-retail .swiper-button-next {

  

      right: -20px;

  }

  .apple-retail .swiper-button-prev {

  

      left:  -20px;

  }



  .apple-retail .swiper-slide-active  img{ -webkit-filter:grayscale(0);

    filter:grayscale(0);}

    .apple-retail .swiper-slide a:hover .inner {background: #0080cc; }

    .apple-retail .swiper-slide a:hover .gallery-item-desc b, .apple-retail .swiper-slide a:hover .gallery-item-desc p{ color: #fff;}

/*新闻*/

.news_box { margin: 60px 0; margin-bottom: 0;}

.news{ display: flex;

	justify-content: center;

	align-content: center;

	align-items: stretch;

	margin-top: 30px;



}

.news_content{ flex:1;transition: .3s;}

.news_content { width: 40%; position: relative;}

.news_content .news-txt { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); padding: 20px;}

.news_content .news-txt b{ display: block; margin-bottom: 20px; font-size: 17px;}

.news_content a { color: #fff;}

.news_content p { line-height: 28px; font-size: 17px; margin-top: 20px;}

.news_wt{ flex: 1; padding: 20px; margin-left: 20px;}

.wt {

	width: 100%;

	margin: 0 auto;



}

.list_lh {

	height: 472px;

	overflow: hidden;

}

.list_lh ul {

	padding: 0;

}

.list_lh li {

	padding: 15px 10px;

	height: auto;

	border-bottom: 1px dotted #ccc;

	transition: .3s;

}

.list_lh li span {

	padding: 0 2px;

	display: block;

	height: 30px;

	float: left;

}

.list_lh li a {

	color: #333;

}



.list_lh li p {

	line-height: 24px;

	padding: 5px 0;

	color: #666;

}

.nes-wen{ font-size: 17px;  color: #333; display: block; margin-bottom: 6px;}

.list_lh li:hover{ background: #0080cc;}

.list_lh li:hover .nes-wen{ color: #fff;}

.list_lh li:hover p{ color: #fff;}

/*返回顶部*/

.scroll {  position: fixed;

    left: 1%;

    bottom:2.8%;

    width: 129px;

    z-index: 9999;

}

.scroll a {display: block;}

#scroll {

    width: 100%;

    height: 50px;

    line-height: 50px;

    text-align: center;

    display: block;

    color: #fff;

    cursor: pointer;

    background:#ccc; 

    font-size: 26px;

}



/*底部footer*/

.footer {

    background: #0080cc; background-size: cover;

    margin-top: 40px;

}



.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: 30%;}



.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: 32%;}



.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 .footer_center { width:25%;}

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

}