/**/

body {



  background: #fff;

  font-size: 14px;

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

  color: #333;

  padding: 0px;

  margin: 0px;

}



a {

  text-decoration: none;

  color: #333;

}

a:hover {

  color: #025BB5;

  text-decoration: none;

}

p{ margin: 0;}

i{ font-style: normal;}

abbr[title] {

  border-bottom: 1px dotted;

}

b, strong {

  font-weight: bold;

}

ul li {

  list-style: none;

}

img {

  border: 0;

  -ms-interpolation-mode: bicubic;

  vertical-align: middle;

}

/*清除浮动*/

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

/*--------------------------------------------------------------

# 头部Header

--------------------------------------------------------------*/

#header {



  transition: all 0.5s;

  z-index: 997;

  transition: all 0.5s;









}



#header.header-transparent {

background: #fff;

}







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

.top-box .logo{ flex: 1; display: flex; align-items: center; justify-content: flex-start; }

.top-box .logo img {

  padding: 0;

  margin: 0;





}

.top_fl {flex: 6;  }



.topRight {



  display: flex;

  align-items: center;

  justify-content: space-between;



  border-bottom: 1px solid #f1f1f1;

  padding: 8px 0;





}



.top_title b{

  color: #000000;

  font-size: 32px;

  letter-spacing: 3px;



 

 }

 .top_title span { color: #0C4194;}

 .top_title p{ font-size:20px;}

.topRight .tel {



padding-right: 15px;

margin-top: 10px;

}



.topRight .tel-num {

  display: flex;



  font-size: 14px;

  color: #333;

  line-height: 32px;

 

}



.topRight .tel-num span {

  font-size: 34px;

  font-weight: 600;



}



.fotdetbox{padding:15px; background: #f1f1f1;}

.morearticle{ border: 1px solid #fff; padding: 10px;}



.morearticle li{ width:47%; height:35px; line-height:35px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px dotted #333; margin: 0px 1%;}



.morearticle li a{ color:#333; padding-left:10px;}



.morearticle li a:hover{ color:#666; padding-left:11px;}



.moreproducts{border: 1px solid #fff; padding: 10px 0px;}



.moreproducts li{ width:123px; height:auto;float:left; margin:0px 10px; text-align:center;}



.moreproducts li a{ color:#333;}



.moreproducts li p{ text-align: center; line-height:30px;}



.moreproducts li a:hover{ color:#666}



.moreproducts li img{ width:100%;height:auto; border:1px solid #ccc;}



.moreproductsov{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.title{ text-align:center;}



.title b{color: #1d1d1d;font-size:26px;font-weight: bold;}



.title b span{color: #0C4194}



.title i{display: block;color: #b2b2b2;font-family: Arial;font-size: 18px;}



/*导航菜单 */

.nav-menu, .nav-menu * {

  margin: 0;

  padding: 0;

  list-style: none;

}

.nav-menu{  height: 80px; margin-top: 10px;}

.nav-menu > ul{display: flex; align-items: center; justify-content: center;}

.nav-menu > ul > li {

  position: relative;

  width: calc((100% - 10px) / 8);

  text-align: center;





}



.nav-menu a {

  display: block;

  color: #333;

  padding: 0 5px;

  height: 50px;

  line-height:50px;

  transition: 0.3s;

  font-size:16px;

  font-weight: bold;

  margin-top: 10px;

  border-radius: 10px;



}



.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {

  color: #fff;

  text-decoration: none;

  background: #0C4194;





}



.mobile-nav {

  position: fixed;

  top: 0;

  bottom: 0;

  z-index: 999;

  overflow-y: auto;

  left: -80%;

  width: 80%;

  padding-top: 18px;

  background: #0C4194;

  transition: 0.4s;

}



.mobile-nav * {

  margin: 0;

  padding: 0;

  list-style: none;

}



.mobile-nav a {

  display: block;

  position: relative;

  color: #fff;

  font-size: 16px;

  margin: 0 20px;

  height: 55px;

  line-height: 55px;

  font-weight: 500;

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

}



.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {

  color: #C21125;

  text-decoration: none;

}

.mobile-nav .drop-down > a i{ float: right; display: block; line-height: 55px; width: 38%; text-align: right;  height: 55px;

  line-height: 55px; font-size: 24px; font-weight: bold;}





.mobile-nav .drop-down ul {

  display: none;

  overflow: hidden;

}

.mobile-nav .drop-down .arrow{ display: none;}

.mobile-nav .drop-down li a{

  padding-left: 20px;

}



.mobile-nav-toggle {

  position: fixed;

  right: 15px;

  top: 15px;

  z-index: 998;

  border: 0;

  background: none;

  font-size: 24px;

  transition: all 0.4s;

  outline: none !important;

  line-height: 1;

  cursor: pointer;

  text-align: right;

}



.mobile-nav-toggle i {

  color: #fff;

  background:#0C4194;

  display: block;

  width:50px;

  height: 50px;

  text-align: center;

  line-height: 50px;

}



.mobile-nav-overly {

  width: 100%;

  height: 100%;

  z-index: 997;

  top: 0;

  left: 0;

  position: fixed;

  background: rgba(51,51,51, 0.9);

  overflow: hidden;

  display: none;

}



.mobile-nav-active {

  overflow: hidden;

}



.mobile-nav-active .mobile-nav {

  left: 0;

}



.mobile-nav-active .mobile-nav-toggle i {

  color: #fff;

}



/*首页banner图*/

#banner .swiper {

  width: 100%;

  height: 100%;

  position: relative;

}



#banner .swiper-slide {

  background-position: center;

  background-size: cover;

}



#banner .swiper-slide img {

  display: block;

  width: 100%;

}

#banner .swiper-slide .pcimg { display:block !important;}

#banner .swiper-slide .mobimg {display:none !important;}

#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:999;

  width: 80px;

  font-size: 30px;

  line-height: 80px;

  height: 80px;

  transition:all .5s ease;

  outline: none;



}

#banner .swiper-button:hover {

  background:rgba(0,98,183,1);

}



.btn-prev {

  left:5%;

}



.btn-next {

  right:5%;

}



#banner .swiper-pagination-bullet {

  position: relative;

  margin: 0 8px!important;

  display: inline-block;

  width: 20px;

  height:20px;

  border-radius:10px;

  background: #333;



  overflow: hidden;

  z-index: 10;

  outline: none;

  opacity:0.5;

  filter:alpha(opacity=50);

}

#banner .swiper-pagination-bullet-active{ background-color: #0C4194; border: 1px solid #fff;	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%;

}



/*公司简介*/



.about{background: url("../images/abbg.png")no-repeat bottom; background-size: cover;  padding-bottom:50px;margin-top: 50px;  margin-top: 60px;}



.about_fl{ width: 40%; }

.about_fl b { display: block; margin-bottom: 10px;}

.about_fl b span{display: inline-block; height:66px; line-height: 56px; font-size: 45px; color:#333333;padding-right:37px;font-weight: bold;background:url(../images/gui-yy.png) no-repeat right 11px;}

.about_fl b em{display: block;  line-height: 42px;font-size: 28px;color:#0C4194; font-weight: bold; font-style: normal;}

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

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

.about_fr{  width: 55%; }

.ab_list2{   background: #fff;  display: flex; align-items: center; justify-content: center; padding: 30px; margin-top: 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);





}

.ab_list2 li{ flex:1;cursor: pointer; color:#333;  padding:10px 0; text-align: center; border-right: 1px solid #dedede;

	-webkit-transition:transform .3s;transition:transform .3s; font-size: 18px;}

  .ab_list2 li:last-child { border: none;}

.ab_list2 li b{display: block;font-size: 58px;color: #0C4194;overflow: hidden;}

.ab_list2 li i {

  font-size: 18px;

  width: 26px;

  height: 26px;

  line-height: 26px;

  background: #C21125;

  border-radius: 50%;

  text-align: center;

  font-style: normal;

  position: relative;

  top: -25px;

  left: -10px;

  color: #fff;

  display: inline-block;

}

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

.more-btn {

  margin-top: 40px;

  display: inline-block;

  padding: 11px 18px 10px 18px;

  border: 2px solid #C21125;

  font-weight: 500;

  text-transform: uppercase;

  letter-spacing: 0.52px;

  text-decoration: none;

  color: #C21125;

  position: relative;

  overflow: hidden;

  background: #fff;

  text-decoration: none;

  -webkit-transition: all 1s ease 0s;

  -moz-transition: all 1s ease 0s;

  -o-transition: all 1s ease 0s;

  transition: all 1s ease 0s;

}

.more-btn i {

  margin-left: 40px;

  color: #fff;

  z-index: 1;

  position: relative;

}

.more-btn::before {

  content: "";

  width: 52px;

  right: 0px;

  top: 0;

  bottom: 0;

  position: absolute;

  border-left: 15px solid transparent;

  border-top: 44px solid #C21125;

  -webkit-transition: all 1s ease 0s;

  -moz-transition: all 1s ease 0s;

  -o-transition: all 1s ease 0s;

  transition: all 1s ease 0s;



}

.more-btn:hover {

  background-color: #C21125;

  color: #fff;

  text-decoration: none;

}

.more-btn:hover::before {

  border-top-color: #fff;

}

.more-btn:hover i {

  color: #C21125;



}

/*产品优势*/

.cpys{ background: url(../images/cpysbg.jpg) no-repeat; background-size: cover; padding: 60px 0;}

.main_title b{text-align: center; margin-bottom: 28px; display: block;}

.main_title b span{display: inline-block; height:68px; line-height: 68px;font-size: 45px; color:#333333;padding:0 21px;position: relative; font-weight: bold;}

.main_title b span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}

.main_title b span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}

.main_title b em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#666666;font-weight: normal; font-style: normal;}



@media (max-width: 720px) 

{

.main_title b{text-align: center; margin-bottom: 28px; display: block;}

.main_title b span{display: inline-block;font-size:26px; color:#333333;padding:0 21px;position: relative; font-weight: bold;}

.main_title b span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}

.main_title b span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}

.main_title b em{display: block; height:44px; line-height: 14px;font-size: 18px; color:#666666;font-weight: normal; font-style: normal;}



}



.tdimg {

	position: relative;

	width:40%;





}

#product-list2 .swiper {



  margin-left: auto;

  margin-right: auto;



  width: 100%;

}



#product-list2 .swiper-slide {

  text-align: center;

  font-size: 14px;

  background: none;

}

#product-list2 .swiper-slide a{ display: block; position: relative; color: #fff;}

#product-list2 .swiper-slide span{overflow: hidden; display: block;}

#product-list2 .swiper-slide img {

  display: block;

  transition: all 0.3s ease-out;



}





.td_tel { display: flex; align-items: center; justify-content: center; margin-top: 30px;} 

.td_num { padding-left: 20px;}

.td_num p { font-size: 16px;}

.td_num em{ font-style: normal; font-weight: bold; font-size: 25px;}

@media (max-width: 720px) 

{

.td_num p { font-size: 14px;}

.td_num em{ font-style: normal; font-weight: bold; font-size: 20px;}



}

.td{ margin-top:30px; width: 30%; text-align: right;}

.td dl {  padding: 30px; }

.td dl dd { margin-top: 15px;}

.td dl dt { font-size: 26px; font-weight: bold;}

@media (max-width: 720px) 

{

.td dl dt { font-size: 20px; font-weight: bold;}



}

.cpys1 { background: url(../images/line1.png) no-repeat bottom;}

.cpys2 { background: url(../images/line2.png) no-repeat bottom;}

.cpys3 { background: url(../images/line3.png) no-repeat top;}

.cpys4 { background: url(../images/line4.png) no-repeat top;}

.td dl:hover { cursor: pointer;}

.td2{ margin-top:30px; width:30%; }

.td2 dl {  padding: 30px; }

.td2 dl dt { font-size: 26px; font-weight: bold;}

.td2 dl dd { margin-top: 15px;}

.td2 dl:hover {  cursor: pointer; }

/*产品*/

.product_box { margin-top: 60px;}

.product { display: flex; align-items: flex-start; justify-content: space-between; }

.pro_nav { flex: 3; padding: 0; display: flex; align-items: center; flex-wrap: wrap; margin:0;}

.pro_nav li { width: calc((100% - 24px) / 3); padding: 25px;background: #f7f7f7; margin: 4px; height: 230px; position: relative; transition: all .3s; }

.pro_nav li:first-child{ width: 100%;  font-weight: bold; height:76px; background: url(../images/pbg.png) no-repeat right; 

  background-size: 100%;

  color: #fff; font-size:30px; line-height: 76px; padding: 0 0 0 30px; }



.pro_nav li a{ display: block;color: #666;  transition: all .3s;}

.pro_nav li b { font-size: 19px; color: #000; margin-bottom: 10px; display: block;}

.pro_nav li p{ line-height: 30px; font-size: 16px; }

.pro_more { display: block; margin-top: 10px; position: absolute; bottom:10px; }

.pro_nav li:hover { background: #0C4194;}

.pro_nav li:hover a { color: #fff;}

.pro_nav li:hover b { color: #C21125;}

.pro_nav li p a:hover { padding-left: 8px;}

.pro_content { flex: 4; overflow: hidden;  position: relative; }



@media (max-width: 720px) 

{

.pro_nav { flex: 3; padding: 0;display:flow-root; align-items: center; flex-wrap: wrap; margin:0;}

.pro_nav li { width: 48%; float:left; background: #f7f7f7; margin: 4px 1%; position: relative; transition: all .3s; }





}





#product-list .swiper {



  margin-left: auto;

  margin-right: auto;



  width: 100%;

}



#product-list .swiper-slide {

  text-align: center;

  font-size: 14px;

  background: #fff;

}

#product-list .swiper-slide a{ height:798px; display: block; position: relative; color: #fff;background:#f7f7f7; }

#product-list .swiper-slide span{overflow: hidden; display: block; color:#333; line-height:180%;}

#product-list .swiper-slide img {

  display: block;

  transition: all 0.3s ease-out;



}
@media (max-width: 680px){
  #product-list .swiper-slide a{ height:auto; }

}
#product-list .swiper-slide p{ font-size: 16px; font-weight: bold; padding:10px 0; bottom: 0; left: 0; width: 100%;background:#f7f7f7; color:#333;  } 

#product-list .swiper-slide a:hover img{ transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); }

#product-list .swiper-button-prev i, #product-list .swiper-button-next i { display: block; font-size: 38px; line-height: 85px; text-align: center; color: #fff;}

#product-list .swiper-button-prev {



  outline: none;

  left:0px;

  width: 45px;

  height: 85px;

  background: #666;



}

#product-list .swiper-button-next {

  outline: none;

  right:0px;

  width: 45px;

  height: 85px;

  background: #666;

}



/*案例*/

#case { margin-top: 80px; position: relative; background: #f7f7f7;  padding: 60px 0;}



#case .swiper-container {

  width: 100%;

	padding-bottom:30px;

    margin-top: 30px;

}



#case .swiper-slide {

	width: 100%;

	height: 100%;

	background: #fff;



	position: relative;

  transform: scale(0.85);

  margin-top: 70px;

  margin-bottom: 70px;

  -webkit-transition: transform 1.0s;

    transition: transform 1.0s;



  

}

#case .swiper-slide img{

  width: 100%;

 

  display: block;

  height: 100%;

  border: none;

}

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

#case .swiper-slide p {

	line-height: 98px;

	padding-top: 0;

	text-align: center;

	color: #fff;

	font-size: 20px;

	margin: 0;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

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

  height: 110px;

}

#case .swiper-slide-active{  border-radius: 2px;

  box-shadow: 0 2px 6px rgb(0 0 0 / 30%);

  box-shadow: 0 4px 20px 0 rgb(0 0 0 / 30%);}

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

    display: none;

}

.layer-mask {

    width: 100%;

    height:calc(100% - 110px);

    transition: all 0.5s;

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

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 100px;

}





#case .swiper-button-next {

	right: 8%;

	width: 65px;

	height:65px;

  line-height: 60px;

  text-align: center;

    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: 36px;

    transition: all .5s ease;

    outline: none;



}

#case .swiper-button-prev {

	left: 8%;

	width: 65px;

	height: 65px;

  line-height: 60px;

  text-align: center;

    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: 36px;

    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-active, .swiper-slide-duplicate-active {

  -webkit-transform: scale(1.15);

  transform: scale(1.15);

  z-index: 1002;

}



.swiper-container-android .swiper-slide,.swiper-wrapper {

  -webkit-transform: translate3d(0,0,0);

  -moz-transform: translate3d(0,0,0);

  -o-transform: translate(0,0);

  -ms-transform: translate3d(0,0,0);

  transform: translate3d(0,0,0)

}



.swiper-container-multirow>.swiper-wrapper {

  -webkit-box-lines: multiple;

  -moz-box-lines: multiple;

  -ms-flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

  flex-wrap: wrap

}



.swiper-container-free-mode>.swiper-wrapper {

  -webkit-transition-timing-function: ease-out;

  -moz-transition-timing-function: ease-out;

  -ms-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  margin: 0 auto

}





.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {

  height: auto;

}







/*优势*/



.ys {



  padding:70px 0 30px;

  background: url(../images/ysbg.jpg) no-repeat;

  background-size: 100%;



}

@media (max-width: 720px) 

{

  .ys {padding:10px 0 30px 0;}

}

.zzsc {

  width: 100%;

  height: auto;

  margin: 20px auto;

}

.zzsc .tab {

  overflow: hidden;



  padding-top: 30px;

}





.zzsc .tab a {

  display: block;

  font-size: 24px;

  width: 25%;

  padding:2%;

  border-right: 1px dashed #fff;

  color: #fff;

  text-align: center;

  float: left;

  font-weight: bold;

  text-decoration: none;

}



.zzsc .tab a:last-child{ border-right: none;}



.zzsc .tab a.on  {



  color:#C21125;

}



.zzsc .co {

  overflow: hidden;





}

.zzsc .co > ul {

  margin-top: 30px;

  background: #ffffff;

  padding:40px ;

}

.zzsc .co li {

  display: none;

  width: 100%;

  list-style: none;

}

.ys_list {

  margin-top: 40px;

}

.ys_list_right {

  float: right;

  width: 55%;



}

.ys_list_left {

  float: left;

  width: 45%;

  padding: 20px 40px;

  line-height: 24px;

  font-size: 14px;

  color: #585657

}



.ys_list_left b{line-height:56px;color: #333;padding:48px 0 0;font-size:42px;position: relative; font-weight: 500; display: block; margin-top: 30px;}

.ys_list_left span { display: block; font-size: 26px; margin: 10px 0;}

@media (max-width: 720px) 

{

.ys_list_left b{line-height:56px;color: #333;padding:48px 0 0;font-size:38px;position: relative; font-weight: 500; display: block; margin-top: 30px;}

.ys_list_left span { display: block; font-size: 20px; margin: 10px 0;}



}



.co li b:before{content: "01"; font-weight:bold;position: absolute;width: 100%;height: 48px;color:#0C4194;font-size: 90px;left: 0;top: 0;overflow: hidden;line-height:80px;}

.co li:nth-child(2)  b:before{content: "02";}

.co li:nth-child(3)  b:before{content: "03";}

.co li:nth-child(4)  b:before{content: "04";}

.ys_list_left p {

  font-size: 16px;

  padding-top: 10px;

  line-height: 26px;

  color: #666;

}

.ys_list_left a{  display: block; padding-top: 10px; color: #C21125;}

.ys_list_left p img{ padding-right: 14px;}

.ysicon{   background: #fff;  margin-top: 30px;

}

.ysicon p{  color:#333;  padding:10px 0; text-align: left; float: left;

	-webkit-transition:transform .3s;transition:transform .3s; font-size: 18px; width: 33.3%;}



.ysicon p span{display: block;font-size: 58px;color: #000; line-height: 64px;}

.ysicon p i {

  font-size: 18px;

  width: 26px;

  height: 26px;

  line-height: 26px;

  background: #C21125;

  border-radius: 50%;

  text-align: center;

  font-style: normal;

  position: relative;

  top: -25px;

  left: -10px;

  color: #fff;

  display: inline-block;

}

/*新闻*/

.news{ margin-top: 60px;}

.news-box  {

  display: flex;

  justify-content: center;

  flex-direction: row;

  align-content: stretch;

}



.news-one{

  flex: 2;

  border: 1px solid #f1f1f1;

  padding-bottom: 15px;



}



.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-style: 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: 3; 

 }

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

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

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

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



@media (max-width: 720px) 

{



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



}

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

  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;



}



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

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

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

.news-list {

  margin-top: 20px;

  display: flex;

  flex-wrap: wrap;

}

.wd { flex: 1; background: #0C4194;  color: #fff; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; }

.wd b{ display: block;font-size: 32px; }

.news-list ul {

 flex: 3;

 padding:10px;

 background: #fafafa;

 padding-right: 15px;

 margin: 0;

}



.news-list ul li {

  overflow: hidden;

  width: 31.3%;

  float: left;

  border-bottom: 1px solid #dedede;

  padding-bottom: 10px;

  margin:10px 1%;

}



.news-list ul li i {



  font-style: normal;

  color: #333;

  font-size: 15px;

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-weight: bold;

  padding-bottom: 5px;

}



.news-list ul li p {

  line-height: 32px;

  color: #999;

}



.news-list ul li img {



  float: right;

  padding-left: 15px;

}



.news-list ul li a {

  color: #646464;

}





.news-list ul li a:hover i { color: #0C4194;}

/*流程*/

.lc_bg { background:#F7F7F7; padding: 70px 0;}

.lc_con ul { padding: 0; margin: 0; overflow:hidden;}

.lc_con ul li { float:left; width:calc(100% / 6);  text-align:center;}

.lc_con ul li a img { width:128px; height:128px; display:block;

-moz-transition: width 1s, height 1s, -webkit-transform 1s; 

-webkit-transition: width 1s, height 1s, -webkit-transform 1s; 

transition: width 1s, height 1s, transform 1s;}

.lc_con ul li a:hover img {   

-webkit-transform: rotate(360deg); 

transform: rotate(deg);

-moz-transform: rotate(360deg); 

-ms-transform: rotate(360deg);

}	

.lc_con ul li a em { font-size:16px; font-style: normal; color:#333; height:30px; line-height:30px; overflow:hidden; margin:15px 0 0; display:block; text-align: center;}

.lc_con p { display: flex; align-items: center; justify-content: center;  flex-direction: column; margin-top: 40px;}

.lc_con p span { font-size:18px; color:#666;  line-height:48px;}

.lc_con p span b { font-size:36px; color:#0C4194; font-weight:bold; font-family:Arial; }

.lc_con p a { width:160px; height:48px; line-height:48px; text-align:center; font-size:18px; color:#fff; background:#C21125; display:block; margin-top: 15px;}

.pcnone{ display:none;}
.wablock{ display: block;}
@media (max-width:640px)
{
.wablock{ display:none;}
.pcnone{ display:block;}
.pcnone b{ display:block;}
}
/*右侧悬浮在线客服*/

#suspension {

	position: fixed;

	z-index: 9999;

	right: 8px;

	bottom: 8%;

}



#suspension li {

	margin-bottom: 3px;

	width: 57px;

	height: 57px;

	right: 0;

	position: relative;

}



#suspension li a {

	display: block;

	position: absolute;

	z-index: 9;

	right: 0;

	top: 0;

	width: 57px;

	height: 57px;

	overflow: hidden;

	background: #0C4194;

	-webkit-transition: all .5s ease;

	transition: all .5s ease;

	white-space: nowrap;



}



#suspension li .fa {

	display: inline-block;

	vertical-align: middle;

	width: 57px;

	height: 57px;

	text-align: center;

	line-height: 57px;

	font-size: 28px;

	background-color: #f1f1f1;

}



#suspension li .txt {

	display: inline-block;

	line-height: 57px;

	font-size: 18px;

	color: #fff;

	vertical-align: middle;

	padding-left: 10px;

	font-weight: bold;

}

#suspension li .txt a{

	display: block;

	line-height: 57px;

	font-size: 18px;

	color: #fff;



	padding-left: 10px;

	font-weight: bold;

}

#suspension li.ewm .ewm-box {

	position: absolute;

	z-index: 1;

	padding: 5px;

	background: #0C4194;

	width: 140px;

	right: 120%;

	bottom: 0;

	opacity: 0;

	visibility: hidden;

	-webkit-transform: translateX(100%);

	transform: translateX(100%);

	-webkit-transition: all .7s;

	transition: all .7s;

}





#suspension li.ewm .ewm-box img {

	max-width: 100%;

}



#suspension li.ewm .ewm-box:after {

	content: '';

	position: absolute;

	right: -5px;

	bottom: 20px;

	width: 0;

	height: 0;

	line-height: 0;

	font-size: 0;

	overflow: hidden;

	border-width: 5px;

	cursor: pointer;

	border-style: dashed dashed dashed solid;

	border-color: transparent transparent transparent #086AC4;

	border-right: none;

}



#suspension li.ewm:hover .icon {

	background-position: -57px -180px;

}



#suspension li.ewm:hover .ewm-box {

	opacity: 1;

	visibility: visible;

	-webkit-transform: translateY(0);

	transform: translateY(0);

}



#suspension li.backtop {

	cursor: pointer;

}



#suspension li:hover a {

	width: 220px;

}



#suspension li:hover .fa {

	background-color: #C21125;

	color: #fff;

}

/**手机底部导航菜单***/

#bottomNav {

	display: none;

	background: #0C4194;

	height: 68px;

	z-index: 999999;

	position: fixed;

	bottom: 0;

	left: 0;

	width: 100%;

	_position: absolute;

	overflow: visible;

}

.bmeum {

	color: #fff;

	text-align: center;



  padding: 10px 0;

}

.bmeum a {

	color: #fff;

  display: block;

  font-size: 15px;

  

}



.bottom_mobile {

	width: 33.3%;

	float: left;

}

.bottom_mobile img {

	display: block;

	margin-right: auto;

	margin-left: auto;

  height: 35px;

}

/*底部footer*/

.footer {

  background: url(../images/fbg.jpg) no-repeat;

  background-size: cover;

  padding: 60px  30px 30px;

  margin-top: 60px;

}

.footer-nav{ display: flex;

  display: -webkit- box;

  display: -webkit-flex;

  justify-content: center; align-items: center;}

.footer-nav li { position: relative;  flex: 1;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  }

.footer-nav a { 

  display: block;

  color:#fff;   

   height: 100px;

  line-height: 100px;

  border-bottom: 1px solid rgba(255,255,255,.3);

  text-align: center;

  font-size: 16px;}

.footer-nav li:after {

      content: " | ";

      position: absolute;

      top: 20px;

      font-size: 12px;

      height: 60px;

      line-height: 60px;

      color: #fff;

  

}

.footer-nav li:first-of-type:after{content: "";}

.footer-nav a:hover { color: #C21125;}

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

.contact-txt p { line-height: 32px; color: #fff; width: 50%; float: left;font-size: 16px;}

.ftewm { margin-top: 30px; display:flex; }

.ftewm > div { margin-left: 20px;}

.ftewm p { line-height: 25px; color: #fff; text-align: center; padding-top: 10px;}

.ftewm img { width: 100px;}

.copyright {

  padding: 20px 10px;

  text-align: center;

  color: #fff;



}



.copyright a {

  color: #fff;

}









.contain{ padding: 0px 10px;}

/*头部header*/

.header{ width: 100%; height: auto; z-index: 100; background: #fff;}

.header_top{ width: 100%;height: 35px;line-height: 35px;background: #0C4194;color: #fff; font-size: 14px;}

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

.welfont{ width: 50%; height: auto; float: left;}

.topfont{ width: 30%; height: auto; float: right; text-align: right;}

.topfont a{ color: #FFF; padding: 0px 5px;}

.topfont a:hover{ color: #dedede; font-size: 15px;}

.topcon{ width: 1200px; height: auto; margin: 0 auto;}

.logo{ width: 300px; height: auto; float: left; padding-top:10px;}

.logo img{max-height: 100%; max-width: 100%;}

.navn{ width: 850px; height: auto; float: right;}

.navn li{ width: 14.285%;  float: left; text-align: center; position: relative;}

.navn li a{ width:100%;height: 95px;line-height:95px; display:block; color:#777; font-size: 16px;}

.navn li a:hover{ color: #fff; background:#0C4194;}

.navn li.caret{ display:inline-block;}

.navdowm1200{ display: none;}

.navdowm{ display: block;}

.dropdownul{ display: none;}

.menu{ width: 45px; height: 40px; float: right; line-height: 40px; border:2px solid #ddd; border-radius: 4px; display: none; margin-top: 5px; padding: 6px 10px;}

.menu span{ border:1px solid #666; width: 100%; height: 1px; display: block; margin:5px 0px;}



.navn li:hover .dropdownul{ width: 100%; height: auto; display: block; background: #fff; position: absolute; top:95px; left:0px; z-index: 10000; padding: 5px 0px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}

.dropdownul li{ width: 100%; height: auto;float: none;}

.dropdownul li a{ color: #333; height: 30px; line-height: 30px; font-size: 13px;}

.dropdownul li a:hover{ background:#f1f1f1; color: #333;}



.dropdownulc{ width: 100%; height: auto; display: none; background: #fff; position: absolute; top:95px; left:0px; z-index: 10000;border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}

.dropdownulc li{ width: 100%; height: auto;float: none;}

.dropdownulc li a{ color: #333; height: 30px; line-height: 30px; font-size: 13px;}

.dropdownulc li a:hover{ background:#f1f1f1; color: #333;}



/* 内页左边 */

.innerlefttitle{ width:100%; height:auto;  padding: 20px 0px; background:#0C4194;border-radius: 15px 15px 0 0;}

.innerlefttitle p{ font-size:25px;color:#fff;text-align:center;line-height:40px !important; padding: 0px !important;}

.innerlefttitle span{ font-size:25px;color:#fff;text-align:center; display:block; }

.innerbox2{ width:100%; background-color:#f3f3f3;margin-top:20px;border-radius: 0 0 15px 15px;}

.innerbox2 p{ line-height:26px; width:90%; margin:0 auto; padding:25px 0px 50px 0px; height:auto;}

.ny_list{height:auto;  margin:0 auto; padding:5px 20px;background-color: #f5f5f5; border-radius: 0 0 15px 15px;}

.ny_list li{ width:100%; margin:0 auto; height:auto; line-height:30px; text-align:center;position: relative;}

.ny_list li a{ width:100%;height: 45px; line-height: 45px;display:block; color:#333; font-size:20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;border-bottom:1px dashed #ccc;color: #0C4194;font-size:16px;font-weight: bold;background-color: #e9e9e9;}

.ny_list li a:hover{ background-color:#d6d6d6;text-decoration:none; font-size: 16.5px;}

.ny_list li a:hover .ny_list li .icon-list{ color:#0D8CE7 !important;}

.ny_list li .icon-list{ position: absolute; top:3px;right:0px;/}

.ny_list li ul{ width: 100%; height: auto;padding: 0px;    background-color: #e9e9e9;}

.ny_list li ul li{ width: 100%; height:auto;}

.ny_list li ul li a{ color: #333;border:0px;font-size:14px; height:30px; line-height:30px; font-weight: normal !important;background-color: #f5f5f5;}

.ny_list li ul li a:hover{ font-size: 14.5px;}



.ny_list .submenuon{color:#fff; background:#4bbff0;}

.ny_list .submenuon a{ color:#fff;}

.nynlist{ width:85%; margin:0 auto; padding:20px 0px;}

.nynlist li{ width:100%;line-height:35px; border-bottom:1px dashed #ccc; height:35px; overflow:hidden; }

.nynlist li a{ display: block; color:#3d3d3d;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.nynlist li a:hover{ background-color:#d6d6d6; }

.nynlist li span{ float:right;}



/* 内页右边 */

.innerright{ height:auto; padding-bottom:20px;  background-color:#fff; margin-top: 10px;}

.innerrtitle{ width:100%; height:46px; line-height:46px; border-bottom:3px solid #dedede;}

.innerrtitle p{float:left;font-size:20px;font-weight:bold;height:46px !important; line-height:46px !important; color:#333; padding:0px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:3px solid #0C4194;}

.innerrtitle p b{ color:#0C4194;}



.innerrtitleb{ width:100%; height:46px; line-height:46px; border-bottom:3px solid #dedede;}

.innerrtitleb p{float:left;font-size:20px;font-weight:bold;height:46px; line-height:46px; color:#333; padding:0px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:3px solid #0C4194;}

.innerrtitleb p b{ color:#0C4194;}



.navpost{ width: 60%;height:46px !important; line-height:46px;float:right; display: block; text-align: right; }

.navover{ max-width: 130px;white-space:nowrap;vertical-align:top; overflow:hidden; text-overflow:ellipsis; display:inline-block; margin: 0px;}

.navpost a{color: #454545;padding: 0px 3px;height:46px !important; line-height:46px !important;}

.navpost a:hover{ color:#F00; text-decoration:underline;}

.ny_right_content{height:auto; line-height:26px; padding:10px 15px; color:#666;}

.ny_right_content table{margin: 0 auto; text-align: center; max-width: 100% !important; }

.ny_right_content img{ max-width: 100% !important; height: auto !important;}



/*内页新闻*/

.nynewslist{ width:100%; height:auto;}

.nynewslist li{ width:100%; height:auto; margin:10px auto; padding:25px; border-bottom:1px dashed #dedede; list-style: none;}

.nynewslist li img{ width:180px; height:110px; float:left;}

.nynewslist li:hover{ background: #f7f5f5; border-radius: 4px;}

.nynewslist li:hover .more{background: #0C4194;}

.nynewslist li:hover .ntitle{color: #0C4194; padding-left: 1px;}

.nynewslist li:hover .date{color: #0C4194;}

.newstop1-r{ width:100%; height:auto; overflow:hidden; }

.newstop1-r .ntitle{ width: 80%; height: 30px; color: #444; line-height: 30px; float: left; font-size:16px; font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.newstop1-r .ntitle .newticon{ color: #0C4194 !important;}

.newstop1-r .date{ float: right;color: #656565;}

.newstop1-r .nconc{ font-size:13px; color:#656565;text-indent:20px; line-height:28px;}

.newstop1-r .more{ display: inline-block; height:25px; line-height:25px; border-radius:3px; text-align:center; color:#fff; background:#e23d32; margin-top:10px; padding: 0px 8px;}



/*产品中心*/

.innerplist{ width: 100%; height:auto; list-style: none;}

.innerplist li{border-radius: 2px; overflow: hidden; padding:30px 0px; margin:10px 0px;background: #fff;border-bottom: 1px #ccc dashed;}

.innerplist li .img{ width: 250px; height: auto;float:left;margin-left: 30px;}

.innerplist li .img img{ width: 100%; height: auto;}

.innerplist li .innerpright{ width:540px; height:auto; float: left; margin-left: 30px;}

.innerplist li .innerpright p{ width:100%;height: 30px; line-height:30px; text-indent:40px;font-size: 18px; color: #0C4194; padding-bottom: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background: url(../images/logoicon.png) no-repeat left center; background-size: 25px 25px;}

.innerplist li .innerpright span{line-height: 25px; color: #666; display: block; padding: 10px 0px;}

.innerpmore{ width:100px; height: 35px; line-height: 35px; text-align: center; color: #0C4194; display: block; float: right; font-size: 15px;}

.innerpmore:hover{ color: #fff;}

.innerplist li:hover{ border-bottom: 1px #0C4194 dashed;cursor: pointer;}

.innerplist li:hover .innerpright p{ color:#e23d32; font-weight:bold;}

.innerplist li:hover .innerpmore{color:#e23d32;}

/*产品详情*/

.inrptopbox{ width: 100%; height: auto; margin:10px 0px 0px 0px; position: relative;}

.inrptopboxleft{ width: 800px; height: auto;position:relative; margin: 0 auto;}

.inrptopboxleft img{ max-width: 100%;}

.inrptopboxright{ width: 100%; height: auto;}

.inrptbrt{ width: 100%; height: 45px; line-height: 45px; font-size:21px;text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #444;}

.inrptbrd{ width: 100%; height:20px; line-height: 20px; color: #666; font-size: 13px; overflow: hidden;text-align:center;}

.inrptbrab{width: 100%;line-height: 23px; color: #555; font-size: 14px; padding: 10px 0px;}

.inrptbrcontact{ width: 100%; height: auto; margin-top: 20px;overflow:hidden;}

.zxqqicon{ width:120px;height:35px;line-height:35px;display:block;float:left; background:#e23d32;text-align:center;border-radius:2px;color:#fff;font-size:15px;}

.zxqqicon .iq{ font-size: 16px;}

.zxqqicon:hover{ background:#F77E0E;color: #fff;}

.intel{ width:420px; height:auto !important; line-height: 35px; float:right; font-size:19px; color:#e23d32; text-align: right; padding-right:5px;}

.intel i{ font-size: 21px; font-weight:bold;}

.inproin-c{ width: 100%; height:35px;border-bottom:2px solid #dedede;margin-top:15px; overflow: hidden;}

.inproin-c p{ width: 100px; height:35px; line-height:35px; float: left; color: #fff; background:#0C4194; text-align: center; padding: 0px; margin: 0px; font-size: 15px;border-top-left-radius:4px; border-top-right-radius:4px;}

.bdsharebuttonbox{ float: right;}

.artilcbody{ padding: 10px 0px;}



.focus{width:100%; height:auto; position: relative;}  

.focus img{ width: 100%; height: auto;} 

.focus .shadow .title{height: 35px; padding-left:30px;padding-top: 20px;}

.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }

.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 

.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  

.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  

.focus .fPic{ width:100%; display: block; height: auto;}  

.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  

.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 40px; background:rgba(0,0,0,0.6);    

filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  

.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  

.focus .fcon{ position:relative; width:100%;display:none; background:#000  }  

.focus .fcon img{ display:block; }  

.focus .fbg{bottom:25px;right:40px;position:absolute;height:21px; text-align:center; z-index: 200; display: none;} 

.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    

.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    

.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    

.focus .D1fBt img{display:none}    

.focus .D1fBt i{display:none; font-style:normal; }    

.focus .prev,.focus .next{position:absolute; width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat; cursor:pointer;top: 45%;}

.focus .prev{left:0;background-position:0 -74px;}

.focus .next{right:0;background-position:-40px -74px;}  

.focus .prev:hover{  background-position:0 0; }  

.focus .next:hover{  background-position:-40px 0;}



/*联系我们*/

.inconbox{ padding: 15px 0px;}

.innconttitle{ width: 100%; height: auto; text-align: center; margin: 10px 0px;}

.innconttitle p{ font-size:27px;color:#0C4194; text-align: center; line-height: 30px;}

.innconttitle span{ font-size: 17px; color: #dedede; font-style: oblique; line-height: 28px;}

.innercontlist{ width: 100%; height: auto;}

.innercontlist li{ width: 48%; height: 70px; line-height: 70px; border-bottom: 1px solid #dedede; float: left; margin:0px 1%; font-size: 16px; color: #666;}

.innercontlist li i{ width: 45px; height: 45px; line-height: 45px; background: #0C4194; color: #fff; text-align: center; border-radius: 5px; margin-right: 10px; font-size:26px;}



/*内页案例*/

.nypro-list{ width:100%; height:auto; list-style:none; padding:15px 0px;}

.nypro-list li{ width:280px; height:auto;float:left;  margin:10px 8px;}

.nypro-list li img{ width:100%; height:auto;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}

.nypro-list li .img{ overflow: hidden; border: 2px solid #dedede;}

.nypro-list li p{ width:100%; margin-top: 6px; line-height:35px; height:35px;background: #dedede; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.nypro-list li a{color:#333;display: block;}

.nypro-list li:hover a{color:#fff !important;text-decoration:none;}

.nypro-list li:hover p{ background:#e23d32;}

.nypro-list li:hover .img{border: 2px solid #e23d32;}

.nypro-list li:hover img{transform: scale(1.1, 1.1);opacity:0.4;filter:alpha(opacity=40);}



/*内页设备列表*/

.equiplist{ width:100%; height:auto; list-style:none; padding:15px 0px;}

.equiplist li{ width:280px; height:auto;float:left;margin:10px 8px;}

.equiplist li img{ width:100%; height:auto;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}

.equiplist li .img{ overflow: hidden;}

.equiplist .eqbot{ padding: 10px 0px; border-top: 2px solid #dedede;border-bottom: 2px solid #dedede; clear: both;}

.equiplist li a{color:#333;display: block;}

.equiplist li p{ width:50%;line-height:35px; height:35px;text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float: left; font-size: 15px;}

.equiplist li span{ display: inline-block; height: 30px; line-height: 28px; border:2px solid #dedede;  border-radius: 13px; float: right; text-align: center; padding: 0px 10px; vertical-align: middle;}

.equiplist li:hover .eqbot{border-top: 2px solid #e23d32;;border-bottom: 2px solid #e23d32;}

.equiplist li:hover a{text-decoration:none;  }

.equiplist li:hover p{ color:#e23d32; font-weight:bold; font-size: 16px;}

.equiplist li:hover span{ color:#fff; background:#e23d32; border: 2px solid #e23d32;}

.equiplist li:hover img{transform: scale(1.1, 1.1);opacity:0.4;filter:alpha(opacity=40);}



/*详情页*/

.article_title{ text-align:center; width:100%; font-size:1.5em; line-height:60px; color:#444;}

.newsin-c{width:100%; height:auto; text-align: center; padding-bottom: 20px;}

/*上页下页*/

.newsnext{ width:100%; height:30px; line-height:30px; padding-top:30px;}

.newsnext li{ list-style:none; width:50%; height:auto; float:left; color:#0C4194; margin-bottom:20px; overflow: hidden; font-size: 16px; font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.newsnext li a{ color:#666;}

.newsnext li:first-child{ text-align: left !important;}

.newsnext li:nth-child(2){ text-align: right !important;}



/*更多阅读*/

.ny_xg_title{ width:100%; height:35px; line-height:35px; color:#000; border-bottom:3px solid #105195;}

.ny_xg_title p{font-size:16px; font-weight:bold;height:35px; line-height:35px; color:#105195; padding-left:10px; }

/*.morearticle{ width:100%; padding:15px 0px;}

.morearticle li{ width:50%; height:30px; line-height:30px; float:left; background:url(../images/dd.png) no-repeat left center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.morearticle li a{ color:#333; padding-left:10px;}

.morearticle li a:hover{ color:#D60002}

.moreproducts{ width:100%; padding:15px 0px;}

.moreproducts li{ width:165px; height:auto;float:left; margin:0px 6px 10px 6.5px; text-align:center;}

.moreproducts li a{ color:#333;}

.moreproducts li a p{ text-align: center;}

.moreproducts li a:hover{ color:#D60002}

.moreproducts li img{ width:100%; height:120px; border:1px solid #ccc;}

.moreproductsov{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

*//*底部*/

.footer .f_title{width:70px;font-size: 17px;color: #fff;padding-bottom: 10px;border-bottom: 2px solid #0C4194}

.footer ul{ width:100%; height;auto;margin-top: 10px;}

.footer .lxwm li{ min-width: 50%;height: 30px;line-height: 30px;color: #aaa;float: left;}

.footer .ksdh li{width: 50%;height: 30px;line-height: 30px;color: #aaa;float: left;}

.footer .ksdh li a{display:block;color: #aaa;height: 25px;line-height: 25px;}

.footer .ksdh li a:hover{ color: #fff; font-weight: bold;}

.fcontainbox1,.fcontainbox2,.fcontainbox3{ height: auto; float: left;}



.foot_bot{ width:100%;background: #0C4194; height:auto;line-height: 35px;color: #fff;text-align: center;}

.foot_bot p{ width:100%;text-align: center;font-size: 14px;}

.fbei{ padding:0px 15px;}

.wkcopy{ padding:0px 10px;}

.foot_bot a{ color: #fff; cursor: pointer;}

.foot_bot a:hover{ color: #e23d32;}

/*手机版底部*/



/* 友情链接 */

.links{ width:100%; height: auto; background: #313131; clear: both;}

.links ul{height:auto; margin:0 auto; padding:10px 0px;clear:both;}

.links ul li{float:left; margin:0px; color: #fff;line-height:23px;}

.links ul li a{color:#fff; padding:0px 8px; font-size:14px; line-height:23px; display:inline-block; }

.links ul li a:hover{ color:#fff; text-decoration:none;}



/*分页*/

.ipage{width:100%;height:35px;margin-top:15px; text-align:center;font-size: 14px; overflow: hidden;}

.ipage a{ height:28px; line-height:28px; color: #fff; padding: 0px 12px; background: #999; border-radius: 4px; display: inline-block; margin: 0px 3px; }

.ipage a:hover{ color: #fff; text-decoration: none; background: #09509c;}

.ipage .current { display: inline-block; height:28px;line-height:28px; padding: 0px 12px;border-radius: 4px; background-color: #e23d32 !important; color: #fff;}





@media (min-width: 1200px){

	.navn li .caret{ display: none;}

	.navdowm1200{ display: block;}

	.navdowm{ display: none;}

	

	/*内页左侧*/

	.innerleft{ width:260px; float:left; margin:20px 0px 30px 0px; }

	.innerbox1{ background-color:#fff;}

	/*内页右侧*/

	.innerright{ width:100%; max-width:900px; float:right;margin:20px 0px 30px 0px;}	

	/*footer start*/

	.contain{ width: 1200px;height: auto; margin: 0 auto; padding: 0px;}

	.fcontainbox1{ width: 500px;}

	.fcontainbox2{ width: 400px;}

	.fcontainbox3{ width: 300px; text-align: center;}

	.fcontainbox3 img{ max-width: 300px;}

	/*links*/

	.links ul{ width:1200px;}

}

@media (min-width: 992px) and (max-width: 1130px) {

	.innerplist li .innerpright span{ height: 110px;}

}

@media (min-width: 992px) and (max-width: 1200px) {

	/*header*/

	.logo{ width:30%;}

	.navn{ width: 70%;}

	

	/*左侧*/

	.innerleft{ width:23%; float:left; margin:20px 0px 30px 0px;}

	.innerbox1{ width:100%;}

	/*右侧*/

	.innerright{width: 75%; float: right;}

	/*产品中心*/

	.innerplist li{ width: 100%; height: auto; padding:0px;}

	.innerplist li .img{ width: 30%; margin: 0px; padding: 5px; float: left;}

	.innerplist li .innerpright{ width: 62%; height: auto; margin: 0px 3%; float:left; padding: 5px 0px;}

	.innerplist li .innerpright span{ overflow: hidden;}

	.innerplist li .innerpright .innerpmore{height:30px; line-height:30px;}

	/*产品详情*/

	.inrptopbox{margin:10px 0px;}

	.inrptopboxleft{ width: 100%;}

	.inrptopboxleft img{ max-width: 100%;}

	.inrptopboxright{ width: 100%;}

	.inrptbrt{font-size: 16px;}

	.inrptbrcontact{ width: 100%; height: auto; margin-top:0px;overflow:hidden;}

	.zxqqicon{ width:100px;height:30px;line-height:30px;}

	.zxqqicon .iq{ font-size: 16px;}

	.intel{width:270px;height:30px; line-height: 30px; font-size: 18px;}

	.intel i{font-size:20px;}

	.focus .prev,.focus .next{ top:40%;}

	/*案例中心*/

	.nypro-list li{ width:30%; height: auto; margin:10px 1.666%;}

	.nypro-list .img{ width: 100%; height: auto;}

	/*设备展示*/

	.equiplist li{ width:30%;margin:10px 1.666%;}

	.equiplist .eqbot{ padding: 8px 0px;}

	/*底部*/

	.fcontainbox1{ width:65%;}

	.fcontainbox2{ width: 25%;}

	.fcontainbox3{ display: none;}

	.links ul{ padding: 0px 10px;}

	/*客服*/

	.suspension{ display: none;}

}

@media (min-width: 768px) and (max-width:840px) {

	.innerplist li .innerpright span{ height: 90px;}

}

/*header专属*/

@media(max-width: 992px){

	.callbacks_container{margin-bottom:2px;position:relative;width:100%;max-width:100%;text-align:center;margin-top: 0px;}

	/*header*/

	.header_top{ display: none;}

	.headcon{ background: #f8f8f8; height: 50px; border-bottom:1px solid #dedede;}

	.headcon .logo{ width:50%;padding-top: 3px;}

	.headcon .logo img{ height: 45px;}

	.menu{ display: block;}

	.navn{ display: none; width: 100%; background: #f8f8f8; position: absolute;top:50px; left:0px; text-indent: 15px; z-index: 11111;}

	.navn li{ width: 100%; height: auto; text-align: left;}

	.navn li a{ height: 30px; line-height: 30px;font-size: 14px; }

	.dropdownulc{ position: relative;top:0px; border: 0px; height:auto; padding: 0px;}

	.dropdownulc li{ float: none;}

	

	.navdowm{ display: block;}

	.navdowm1200{ display: none;}

}	

@media (min-width: 768px) and (max-width: 992px) {

	/*左侧*/

	.innerleft{ width:100%;margin:20px 0px 30px 0px;}

	.innerlefttitle{ background: none; color: #333; padding:5px 0px;}

	.innerlefttitle p{ color: #333;}

	.innerbox1{ width:100%;}

	.ny_list{ border: 0px; padding: 0px;}

	.ny_list li{width:30%;height:30px;line-height:30px;float:left;margin:10px 1.6666%;border:0px;background: #0C4194;color:#fff;padding:0px 1%; text-align: center;}

	.ny_list li .icon-list{ display: none;}

	.ny_list li ul{ display: none;}

	.ny_list li a{ color: #fff; border: 0px;height:30px;line-height:30px;}

	.ny_list li a:hover{ color: #fff;}

	.innerbox2{ display: none;}

	/*右侧*/

	.innerright{ padding:0px;}

	.innerrtitle{ display: none;}

	/*产品展示*/

	.innerplist li{ width: 100%; height: auto; padding:0px;}

	.innerplist li .img{ width: 30%; margin: 0px; padding: 5px; float: left;}

	.innerplist li .innerpright{ width: 62%; height: auto; margin: 0px 3%; float:left; padding: 5px 0px;}

	.innerplist li .innerpright span{ overflow: hidden;}

	.innerplist li .innerpright .innerpmore{height:30px; line-height:30px;}

	/*产品详情*/

	.inrptopbox{margin:10px 0px;}

	.inrptopboxleft{ width: 100%;}

	.inrptopboxleft img{ max-width: 100%;}

	.inrptopboxright{ width: 100%;}

	.inrptbrt{font-size: 16px;}

	.inrptbrcontact{ width: 100%; height: auto; margin-top:0px;overflow:hidden;}

	.zxqqicon{ width:100px;height:30px;line-height:30px;}

	.zxqqicon .iq{ font-size: 16px;}

	.intel{width:250px;height:30px; line-height: 30px; font-size: 18px;}

	.intel i{font-size:20px;}

	.focus .prev,.focus .next{ top:38%;}

	.artilcbody{ padding: 10px 0px;}

	

	/*案例中心*/

	.nypro-list li{ width:30%; height: auto; margin:10px 1.666%;}

	.nypro-list .img{ width: 100%; height: auto;}

	/*设备展示*/

	.equiplist li{ width:30%;margin:10px 1.666%;}

	.equiplist .eqbot{ padding: 7px 0px;}

	/*底部*/

	.fcontainbox1{ width:100%;}

	.fcontainbox2{display: none;}

	.fcontainbox3{ display: none;}

	/*客服*/

	.suspension{ display: none;}

	/*分页*/

	.ipage .totalpage{ display: none;}

	

}



@media (max-width: 768px) {

	

	/*首页新闻*/

	.news-carousel{ display: none;}

	/*左侧*/

	.innerleft{ width:100%;margin:10px 0px 10px 0px;}

	.innerlefttitle{ background: none; color: #333;padding:5px 0px;}

	.innerlefttitle p{ color: #333; font-size: 18px; line-height: 30px !important;}

	.innerbox1{ width:100%; border: 0px;}

	.ny_list{ border: 0px;padding: 0px;}

	.ny_list li{ width:30%;height: 30px; line-height: 30px; float: left; margin: 10px 1.6666%; border: 0px; background: #0C4194;color: #fff; padding: 0px 1%; text-align: center;}

	.ny_list li a{ font-size: 14px; border: 0px;height: 30px; line-height: 30px;}

	.innerbox2{ display: none;}

	.ny_list li .icon-list{ display: none;}

	.ny_list li ul{ display: none;}

	/*右侧*/

	.innerright{ padding:0px; margin: 0px;}

	.innerrtitle{ display: none;}

	.ny_right_content{ padding: 10px 0px;}

	

	/*产品展示*/

	.innerplist li{ width: 100%; height: auto; padding:0px;}

	.innerplist li .img{ width: 30%; margin: 0px; padding: 5px; float: left;}

	.innerplist li .innerpright{ width: 62%; height: auto; margin: 0px 3%; float:left; padding: 5px 0px;}

	.innerplist li .innerpright span{ height: 110px; overflow: hidden;}

	.innerplist li .innerpright .innerpmore{height: 25px; line-height: 25px;}

	/*产品详情*/

	.inrptopbox{margin:10px 0px;}

	.inrptopboxleft{ width: 100%;float: none; position: relative;}

	.inrptopboxleft img{ max-width: 100%;}

	.focus{width:100%;height:auto; position:relative;}

	.focus .prev,.focus .next{ top:35%;}

	.inrptopboxright{ width: 100%; float: none;}

	.inrptbrt{ font-size: 14px;text-align: center;}

	.inrptbrd{ text-align: center;}

	.inrptbrcontact{ width: 100%; height: auto; margin-top:0px;overflow:hidden;}

	.zxqqicon{ width:100px;height:30px;line-height:30px;}

	.zxqqicon .iq{ font-size: 16px;}

	.intel{width:300px;height:30px; line-height: 30px; font-size: 17px;}

	.intel i{font-size: 19px;}

	.inproin-c{ height:30px;}

	.inproin-c p{height:30px; line-height:30px;}

	.bdsharebuttonbox{ display: none;}

	.bdsharebuttonbox{ float: right;}

	.artilcbody{ padding: 10px 0px;}

	





	/*案例中心*/

	.nypro-list{ padding: 0px;}

	.nypro-list li{ width:30%; height: auto; margin:10px 1.666%;}

	.nypro-list .img{ width: 100%; height: auto;}

	.nypro-list li p{ height: 30px; line-height: 30px;}

	/*设备展示*/

	.equiplist{ padding: 0px;}

	.equiplist li{ width:30%;margin:10px 1.666%;}

	.equiplist .eqbot{ padding: 5px 0px;}

	/*底部*/

	.footer{ padding: 20px 0px;}

	.fcontainbox1{ width:100%;}

	.fcontainbox2{display: none;}

	.fcontainbox3{ display: none;}

	.links{ display: none;}

	/*分页*/

	.ipage .totalpage{ display: none;}

	/*客服*/

	.suspension{ display: none;}

	

	/*文档标题*/

	.article_title{ font-size: 15px; line-height: 30px;}

	.newsin-c{ padding-bottom: 10px;}

	/*更多文章*/

	.morearticle li { width: 100%;}

	/*更多产品*/

	.moreproducts{padding:10px 0px;}

	.moreproducts li{ width:30%;height:auto;margin:5px 1.6% 0px 1.6%;}

	.moreproducts li img{ width: 100%; height: auto;}

	.moreproducts li a p{ text-align: center;height: 30px; line-height: 30px; font-size: 13px;}

}



@media (max-width:640px)

{

.wapblock{ display: block;}

.wapnone{ display:none;}

}

@media (max-width: 480px ){

	/*左侧*/

	.innerleft{ margin: 0px;}

	/*右侧*/

	.innerright{ margin: 0px;}

	.ny_right_content table tr td{ padding:5px 0; width: 100%}

	/*新闻*/

	.date{display: none;}

	.nconc{ height: 80px; overflow: hidden;}

	/*产品展示*/

	.innerplist li{ width: 48%; height: auto; padding:0px; float: left; margin: 10px 1%;}

	.innerplist li .img{ margin: 0px; padding: 5px; width: auto !important;}

	.innerplist li .innerpright{ width: 100%; height: auto; margin: 0px;}

	.innerplist li .innerpright p{ background:none; text-align: center; text-indent: 0px; padding: 0px 5px;}

	.innerplist li .innerpright span{ display: none;}

	.innerplist li .innerpright .innerpmore{ float: none; margin: 0 auto; height: 25px; line-height: 25px; margin-bottom: 10px;}

	/*产品详情*/

	.inrptopbox{margin:10px 0px;}

	.inrptopboxleft{ width: 100%; float: none;}

	.inrptopboxleft img{ max-width: 100%;}

	

	.inrptopboxright{ width: 100%; float: none;}

	.inrptbrt{ font-size: 14px;text-align: center;}

	.inrptbrd{ text-align: center;}

	.inrptbrcontact{ width: 100%; height: auto; margin-top:0px;overflow:hidden;}

	.zxqqicon{ width:100px;height:30px;line-height:30px;}

	.zxqqicon .iq{ font-size: 16px;}

	.intel{width:200px;height:30px; line-height: 30px; font-size: 13px;}

	.intel i{font-size: 15px;}

	.inproin-c{ height:30px;}

	.inproin-c p{height:30px; line-height:30px;}

	.bdsharebuttonbox{ display: none;}

	.innercontlist li{ width:100%; height: 40px; line-height: 40px; border-bottom: 1px solid #dedede; float: none; margin:0px; font-size: 15px; color: #666;}

	.innercontlist li i{ width: 30px; height: 30px; line-height: 30px;font-size:20px; vertical-align:top; margin-top: 5px;}

	/*案例中心*/

	.nypro-list{ padding: 0px;}

	.nypro-list li{ width:48%; height: auto; margin:10px 1%;}

	.nypro-list .img{ width: 100%; height: auto;}

	.nypro-list li p{ height: 28px; line-height: 28px;}

	/*设备展示*/

	.equiplist li{ width:48%;margin:10px 1%;}

	.equiplist .eqbot{ padding: 0px 0px;}

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

	.equiplist .eqbot span{ display: none;}

	

	/*底部相关标题*/

	.innerrtitleb{height:35px; line-height:35px; margin-top:15px;}

	.innerrtitleb p{font-size:17px;height:35px; line-height:35px;}

	

	/*更多产品*/

	.moreproducts{padding:10px 0px;}

	.moreproducts li{ width:48%;height:auto;margin:5px 1% 0px 1%;}

	.moreproducts li img{ width: 100%; height: auto;}

	.moreproducts li a p{ text-align: center;height: 30px; line-height: 30px; font-size: 13px;}

	

	/*手机站底部漂浮*/

	.wapblock{display:block; }

	.wapup{ width: 32px; height: 32px; display: block; position: fixed; right:5px; bottom: 55px;}

	.fhieght{padding-bottom: 50px;}

	.wapfooter{width: 100%;height:50px; background:#1c7de4; position: fixed; bottom:0px;}

	.wapfooter li{ width: 20%; height: 40px; padding:5px 0px !important; float: left; border: 0px; padding: 0px; margin: 0px; text-align: center; color: #fff;}

	.wapfooter li img{ display: block; margin: 0 auto; width: 25px;}

	.wapfooter li a{ color: #fff; font-size:13px;}

	.copyright{ display: block; overflow: hidden; height: 35px;}

	/*分页*/

	.ipage .pprev { display: inline-block; float: left;}

	.ipage .pnext { display: inline-block; float: right;}

	.ipage a{ display: none;}

	.current{ border-radius: 25px !important;}



	

}

@media (max-width: 320px )

{

	#accordion .panel-title a{ padding: 0px; font-size: 13px;}

	#accordion .panel-body { padding-left: 50px;}

	.focus .prev,.focus .next{ top:100px;}

	.innercontlist li{font-size: 14px;}

}