@charset "utf-8";

body{
  background-color: #FBFBFB;
}
.container{
  padding: 40px 0;
  min-height: 300px;
}
/*Helpers*/
.is-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.is-inline-flex {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.is-align-start,
.is-align-left {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start; }

.is-align-end,
.is-align-right {
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end; }

.is-align-self-end,
.is-align-self-right {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end; }

.is-align-baseline {
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline; }

.is-align-center {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

.is-align-stretch {
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch; }

.is-justify-start,
.is-justify-left {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start; }

.is-justify-end,
.is-justify-right {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end; }

.is-justify-center {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }

.is-justify-space-around {
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around; }

.is-justify-space-between {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between; }

.is-flex-nowrap {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.is-flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.is-flex-wrap-reverse {
  -webkit-flex-wrap: wrap-reverse;
  -moz-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse; }

.is-flex-row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }

.is-flex-row-reverse {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.is-flex-column {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.is-flex-column-reverse {
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }
/*top*/
.top{
  position: relative;
}
.top-bar{
  height: 50px;
  background-color: #1373C7;
}
.top-bar .text{
  float: right;
  color: #fff;
  font-size: 18px;
  line-height: 50px;
  margin-right: 30px;
}
.top-bar .telephone{
  float: right;
}
.top-bar .telephone i{
  font-size: 26px;
  color: #fff;
  margin-right: 10px;
  line-height: 50px;
  float: left;
}
.top-bar .telephone  span{
  font-size: 18px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 50px;
  display: block;
  float: left;
}
.nav{
  height: 100px;
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, .06);
}
.nav .logo{
  width: 112px;
  padding-top: 15px;
  float: left;  
}
.nav .logo img{
  width: 100%;
  display: block;
}
.pdc_tt{
  display: none;
}
.nav .nav-list{
  float: right;
}
.nav .nav-list .nav-item {
  float: left;
  padding: 0 40px;
  position: relative;
  height: 100px;
}
.nav .nav-list .active>a{
  color: #1373C7 !important;

}

.nav .nav-list .nav-item>a{
  font-size: 16p  x;
  color: #434343;
  line-height: 100px;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
}
.nav .nav-list .nav-item>span{
  width: 0;
  height: 2px;
  background-color: #1373C7;
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  transition: all .4s;
}
.nav .nav-list .active>span{
  width: 100% !important;
}
.nav-list .nav-item  a i {
  font-size: 10px;
  color: #434343;
  margin-left: 4px;
  transition: all .4s;
}
.nav-list .nav-item:hover>a{
  color: #1373C7;
}
.pdc_tt{
  position: absolute;
  top: 100%;
  left: -260px;
  background-color: #fff;
  z-index: 99;
  padding: 20px 30px;
  width: 866px;
}
.pdc_tt dl{
  float: left;
  width: 144px;
}
.pdc_tt dl dt{
  font-size: 14px;
  color: #043762;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 16px;
}
.pdc_tt dl ul li{
  padding-left: 10px;
  position: relative;
  margin-bottom: 16px;
}
.pdc_tt dl ul li a{
  font-size: 13px;
  color: #434343;
}
.pdc_tt dl ul li::before{
  content: '';
  width: 4px;
  height: 4px;
  background-color: #434343;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  border-radius: 50%;
}
.pdc_tt dl ul li a:hover{
  color: #1373C7;
}
.index-banner .swiper-container{
  width: 100%;
}
.index-banner .swiper-container img{
  width: 100%;
}

/*footer*/
.footer{
  background-color: #161A2E;
  padding: 30px 0;
}
.friendship{
  padding-bottom: 20px;
  border-bottom: solid 1px #737581;
  margin-bottom: 30px;
}
.friendship span{
  font-size: 14px;
  color: #fff;
  margin-right: 12px;
  line-height: 24px;
  display: inline-block;
}
.friendship a{
  font-size: 14px;
  color: #fbfbfb;
  margin-right: 12px;
  line-height: 24px;
  display: inline-block;
}
.friendship a:hover{
  color: #52abf8;
}
.footer-box{
  position: relative;
  padding-bottom: 20px;
  border-bottom: solid 1px #737581;
}
.footer-box .footer-menu{
  float: left;
}
.footer-box .footer-right{
  float: right;
  width: 400px;
}
.footer-box .footer-menu ul{
  float: left;
  margin-right: 90px; 
}
.footer-box .footer-menu ul .h4{
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 16px;
}
.footer-box .footer-menu ul li{
  margin-bottom: 10px;
}
.footer-box .footer-menu ul li a{
  font-size: 12px;
  color: #fff;
}
.footer-box .footer-right .search{
  width: 360px;
  margin: 0 auto;
  background-color: #fff;
  height: 40px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.footer-box .footer-right .search input{
  height: 40px;
  width: 300px;
  border: none;
  outline: none;
  line-height: 40px;
  padding-left: 20px;
}
.footer-box .footer-right .search i{
  font-size: 20px;
  color: #434343;
  margin-right: 10px;
}
.footer-box .footer-right .ewm{
  text-align: center;
  width: 100%;
}
.footer-box .footer-right .ewm img{
  margin-bottom: 16px;
}
.footer-box .footer-right .ewm  p{
  font-size: 12px;
  width: 280px;
  margin: 0 auto;
  color: #fff;
  line-height: 24px;
}
.footer-text{
  text-align: center;
  margin-top: 20px;
}
.footer-text p{
  font-size: 12px;
  color: #fff;
  line-height: 24px;
}
.c-tit{
  text-align: center;
  margin-bottom: 30px;
}
.c-tit h2{
  font-size: 28px;
  color: #434343;
  margin-bottom: 10px;
}
.c-tit p{
  font-size: 16px;
  color: #A4A4A4;
}
.server-box .s-item{
  width: 350px;
  height: 300px;
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.server-box .s-item:nth-child(3n){
  margin-right: 0;
}
.server-box .long-item{
  width: 460px !important;
}
.server-box .s-item img{
  display: block;
  width: 100%;
  transition: all .3s;
}
.scale{
  transform: scale(1.1);
}
.server-box .s-item .s-des{
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px;
  z-index: 99;
}
.server-box .s-item .s-des h4{
 font-size: 20px;
 color: #fff;
 padding-bottom: 10px;
 margin-bottom: 10px;
 position: relative;
 font-weight: normal;
}
.server-box .s-item .s-des h4::after{
  content: '';
  width: 40px;
  height: 1px;
  background-color: #fff;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.server-box .s-item .s-des p{
  font-size: 14px;
  color: #fff;
  width: 100%;
  line-height: 20px;
}
.server-box .s-item:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 98;
  background: linear-gradient(
0deg
, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
}
.index-case{
  margin-top: 20px;
}
.c-item .c-img{
  width: 100%;
  height: 230px;
  overflow: hidden;
}
.c-item img{
  width: 100%;
  height: 230px;
  display: block;
  transition: all .3s;
}
.c-item{
  background-color: #fff;
}
.case-container .swiper-slide{
  text-align: center;
}
.c-item p{
  font-size: 16px;
  color: #434343;
  padding: 20px;
  text-align: left;
  background-color: #fff;
}
.c-item:hover > p{
  color: #fff;
  background-color: #1373C7;
}
.c-item:hover >.c-img img{
  transform: scale(1.1);
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 0px;
  right: auto;
  width: 26px;
  height: 40px;
  background-color: rgba(255, 255, 255, .8);
  background-image: none !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: none !important;
  right: 0px;
  left: auto;
  width: 26px;
  height: 40px;
  background-color: rgba(255, 255, 255, .8);
}
.index-case .swiper-button-prev i, .index-case .swiper-button-next i{
  font-size: 26px;
  color: #043762;
  line-height: 40px;
}
.s-banner{
  margin-top: 50px;
  margin-bottom: 50px;
  width: 100%;
  height: 360px;
  background: url(../images/index-banner4.png) no-repeat top center;
  background-size: 100% 100%;
}
.s-banner .s-text{
  padding-top: 80px;
  text-align: center;
}
.s-banner .s-text h3{
  font-size: 30px;
  color: #fff;
  line-height: 42px;
  margin-bottom: 40px;  
}
.s-banner .s-text p {
  text-align: center;
}
.s-banner .s-text p span{
  font-size: 14px;
  color: #fff;
  display: inline-block;
  position: relative;
  margin: 0 10px;
}
.s-banner .s-text p span::after{
  content: '';
  display: block;
  width: 1px;
  height: 20px;
  background-color: #A50300;
  position: absolute;
  right: -10px;
  top: 0px;
}
.s-text p span:last-of-type:after{
  display:none;
}
.index-news-box .n-item{
  width: 380px;
  height: 320px;
  background-color: #fff;
  float: left;
  margin-right: 30px;
  position: relative;
}
.index-news-box .n-item:last-child{
  margin-right: 0;
}
.index-news-box .n-item img{
  width: 100%;
  height: 248px;
}
.index-news-box .n-item p{
  line-height: 60px;
  padding-left: 20px;
  font-size: 16px;
  color: #434343;
}
.index-news-box .n-item:hover>a>p{
  color: #1373C7;
}
.index-news-box .n-item .n-time{
 padding: 0 20px 10px 20px ;
 background-color: #1373C7;
 color: #fff;
 position: absolute;
 left: 30px;
 top: -8px;
}
.index-news-box .n-item .n-time span{
  display: block;
  text-align: center;
  font-size: 16px;
}
.index-news-box .n-item .n-time span:first-child{
  font-size: 32px;
  font-weight: bold;
}
.index-news-box .n-item .n-tit{
  width: 100%;
  height: 50px;
  background-color: #1373C7;
}
.index-news-box .n-item .n-tit h4{
  font-size: 20px;
  padding-left: 20px;
  line-height: 50px;
  font-weight: normal;
  color: #fff;
}
.index-news-box .n-item ul{
  padding: 20px;
}
.index-news-box .n-item ul li{
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #ebebeb;
}
.index-news-box .n-item ul li:last-child{
  border: none;
}
.index-news-box .n-item ul li a{
  color: #434343;
  font-size: 16px;
}
.index-news-box .n-item ul li a:hover{
  color: #1373C7;
}
/*产品*/
.con-banner{
  width: 100%;
  height: 300px;
  background: url(../images/bg1.jpeg) no-repeat;
}
.f-tit{
  padding-top: 50px;
}
.f-tit h3{
  font-size: 24px;
  font-weight: normal;
  color: #fff;
  margin-bottom: 10px;
}
.f-tit p{
  font-size: 14px;
  color: #fff;  
}
.con-banner-box{
  position: relative;
  height: 300px;
}
.crumbs{
  position: absolute;
  left: 0;
  bottom: 30px;
  color: #999;
  font-size: 13px;
}
.ban-tab{
  width: 100%;
  text-align: center;
  box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
  background-color: #fff;
}
.ban-tab a{
  display: inline-block;
  line-height: 60px;
  height: 60px;
  margin: 0 20px;
  font-size: 14px;
  color: #969696;
}
.ban-tab .active{
  color: #1373C7 !important;
}
.pro-list {
  padding: 40px 0;
  padding-top: 100px;
}
.pro-list li{
  width: 380px;
  float: left; 
  margin-right: 30px;
  border: solid 1px #ededed;
  box-sizing: border-box;
  background-color: #fff;
  margin-bottom: 30px;
}
.pro-list li:nth-child(3n){
  margin-right: 0;
}
.pro-list li img{
  width: 100%;
  height: 248px;
  display: block;
  border-bottom: solid 1px #ededed;
}
.pro-list li p{
  padding: 20px;
  max-width: 340px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro-list li :hover>p{
  color: #1373C7;
}
.p-detail{
  position: relative;
  padding-bottom: 40px;
}
.p-top{
  margin-bottom: 30px;
}
.p-top h3{
  font-size: 24px;
  color: #043762;
  text-align: center;
  margin-bottom: 20px;
}
.p-top .p-img{
  width: 600px;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 20px;
}
.p-top .p-img img{
  width: 100%;
}
.p-info p{
  width: 1000px;
  margin: 0 auto;
  font-size: 16px;
  color: #434343;
  line-height: 26px;
}
.detail-box{
  width: 1000px;
  margin: 0 auto;
}
.d-tab{
  text-align: center;
  border-bottom: 2px solid #1373C7;
  margin-bottom: 20px;
}
.d-tab a{
  display: inline-block;
  padding: 16px 30px;
  color: #434343;
  cursor: pointer;
}
.d-tab .active{
  color: #1373C7 !important;
}
.detail{
  position: relative;
}

.detail .d-item p{
  font-size: 16px;
  line-height: 26px;
  color: #434343;
  margin-bottom: 16px;
}
.detail .d-item .trait{
  width: 100%;
  background-color: #fff;
  margin-top: 30px;
}
.detail .d-item .trait h4{
  padding: 20px 30px;
  font-size: 20px;
  color: #1373C7;
  border-bottom: solid 1px #ededed;
}
.detail .d-item .trait ul{
  padding: 20px 30px;
}
.detail .d-item .trait ul li{
  font-size: 16px;
  color: #434343;
  padding: 20px 0;
  padding-left: 30px;
  border-bottom: solid 1px #ededed;
  position: relative;
}
.detail .d-item .trait ul li:last-child{
  border-bottom: none;
}
.detail .d-item .trait ul li::before{
  content: '';
  width: 10px;
  height: 10px;
  display: block;
  background-color: #1373C7;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 26px;
}
.d-item {
  display: none;
  min-height: 600px;
}
.detail .d-item.active{
  display: block;
}
.d-item .param{
  background-color: #fff;
  border: solid 1px #ededed;
}
.d-item .param .param-item{
  border-bottom: solid 1px #ededed;
}
.param .p-tit{
  font-size: 18px;
  color: #434343;
  text-align: center;
  width: 170px;
  vertical-align:middle;
  background-color: #f5f5f5;
  border-right: solid 1px #ededed;
}
.param .p-mes{
  font-size: 14px;
  color: #434343;
  line-height: 28px;
  padding: 20px 50px;
}
.param tr{
  border-bottom: solid 1px #ededed;
}
.param tr:last-child{
  border-bottom: none;
}
.recommend{
  background-color: #fff;
  padding-top: 30px;
}
.recommend h3{
  font-size: 20px;
  margin-bottom: 20px;
}
.border-bottom{
  border-bottom: solid 1px #ededed;
}
.recommend ul li{
  width: 285px;
  float: left;
  margin-right: 20px;
}
.recommend ul li:last-child{
  margin-right: 0;
}
.recommend ul li img{
  width: 100%;
  height: 200px;
  margin-bottom: 8px;
}
.recommend ul li p{
  text-align: center;
  color: #434343;
  font-size: 14px;
}
.recommend ul li:hover >a>p{
  color: #1373C7;
}
.np-link{
  background-color: #fff;
  padding: 30px 0;
  position: relative;
}
.np-link .prev,.np-link .next{
  font-size: 14px;
  color: #434343;
}
.np-link .prev a,.np-link .next a{
  color: #969696;
}
.np-link .prev span,.np-link .next span{
  margin-right: 10px;
}
.np-link .prev{
  margin-bottom: 20px;
}
.np-link .back-btn a{
  width: 250px;
  height: 40px;
  border: solid 1px #1373C7;
  color: #1373C7;
  display: block;
  line-height:40px;
  text-align: center;
}
.np-link .back-btn a:hover{
  background-color: #1373C7;
  color: #fff;
}

/*服务支持*/
.s-item .d-link{
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: inline-block;
  font-size: 12px;
  color: #fff !important; 
  z-index: 999;
}

#accordion .panel{
  box-shadow: none;
  border: none;
  border-radius:0;
  margin-bottom: 6px;
  border-left:5px solid #1373C7;
}
#accordion .panel-heading{
  padding:0;
  background-color:#fff;
}
#accordion .panel-title a{
  display: block;
  color: #333;
  font-size: 15px;
  font-weight: bold;
  padding: 14px 40px;
  background: #f5f5f5;
  text-transform: uppercase;
  border-bottom: 1px solid #d3d3d3;
  position: relative;
}
#accordion .panel-title a.collapsed{
  border-top: 0;
  color: #333;
  background: #eee;
  border-bottom:1px solid transparent;
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
  content: "\f068";
  font-family: FontAwesome;
  position: absolute;
  top: 10px;
  left: 15px;
  font-size: 14px;
  line-height: 24px;
  color: #1373C7;
}
#accordion .panel-title a.collapsed:before{
  content: "\f067";
}
#accordion .panel-body{
  color: #666464;
  font-size: 14px;
  line-height: 20px;
  border-top: 0 none;
  background: #eee;
  padding: 15px 27px;
}
.FAQ{
  width: 100%;
  padding: 40px 0;
  background-color: #fff;
}
.FAQ h3{
  font-size: 18px;
  color: #161A2E;
  padding-bottom: 16px;
  border-bottom: solid 1px #ededed;
  margin-bottom: 20px;
}
.faq-list ul{
  width: 50%;
}
.faq-list ul li{
  margin-bottom: 10px;
}
.faq-list ul li a{
  font-size: 14px;
  color: #434343;
}
.faq-list ul li a:hover{
  color: #1373C7;
}
.faq-list ul li i{
  color: #1373C7;
  font-size: 12px;
}
.s-detail-box{
  padding-top: 100px;
}
.s-detail h3{
  font-size: 40px;
  color: #043762;
  font-weight: normal;
  text-align: center;
  margin-bottom: 30px;  
}
.s-detail>p{
  font-size: 16px;
  color: #434343;
  line-height: 26px;
  margin-bottom: 20px;
  text-indent: 32px;
}
.s-detail .s-pic{
  margin-bottom: 30px;
}
.s-detail .s-pic>div{
  width: 50%;
}
.s-detail .s-pic>div>img{
  margin-bottom: 10px;
}
.s-detail .s-pic>div>p{
  font-size: 14px;
  color: #1373C7;
}
.sg-link {
  padding-bottom: 30px;
}
.sg-link h4{
  background-color: #efefef;
  color: #043762;
  padding: 16px 20px;
  margin-bottom: 10px;
}
.sg-link .links{
  padding: 10px 20px;
}
.sg-link .links>a{
  font-size: 14px;
  color: #1373C7;
  width: 24%;
  display: inline-block;
}
.tuijian{
  background: #fff;
  padding-top: 40px;
}
.tuijian .products{
  position: relative;
}
.b-tit{
  padding-bottom: 20px;
  border-bottom: solid 1px #ededed;
}
.b-tit h3{
  font-size: 20px;
  color: #043762;
}
.tj-case ul{
  padding: 30px 0;
}
.tj-case ul li{
  width: 380px;
  float: left;
  margin-right: 30px;
  border: solid 1px #ededed;
  box-sizing: border-box;
}
.tj-case ul li:nth-child(3n){
  margin-right: 0;
}

/*工程案例*/
.case-box{
  padding-top: 100px;
}
.case-list li{
  width: 380px;
  float: left;
  margin-right: 30px;
  border: solid 1px #ededed;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.case-list li:nth-child(3n){
  margin-right: 0;
}

.case-detail .tit h3{
  font-size: 24px;
  color: #043762;
  text-align: center;
  margin-bottom: 40px;
}

.view .swiper-container {height: 400px; width: 100%; }
.view:hover .arrow{display: block;}
.view .arrow{display: none;position: absolute;top: 50%;margin-top: -35px;width: 70px;height: 70px;z-index: 10; }

.preview {width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-slide {height: 100%;}
.preview .arrow{position: absolute;top: 50%;margin-top: -9px;width: 9px; height: 18px;z-index: 10;}
.preview img {padding: 1px;}
.preview .active-nav img {padding: 0;border: 1px solid #52abf8;box-sizing: border-box;}
.preview img{
  width: 100%;
  height: 72px;
  cursor: pointer;
}
.case-pic{
  width: 600px;
  float: left;
}
.view img{
  width: 100%;
}
.case-mes{
  float: left;
  margin-left: 40px;
  width: 540px;
  padding-top: 50px;
}
.case-mes img{
  margin-bottom: 20px;
}
.case-mes h3{
  font-size: 24px;
  color: #043762;
  margin-bottom: 20px;
}
.case-mes  p{
  font-size: 14px;
  line-height: 26px;
  color: #434343;
  line-height: 28px;  
  text-align: justify;
}
.detail-text{
  padding-top: 30px;
}
.detail-text .tit h3{
  font-size: 24px;
  color: #043762;
  text-align: center;
}
.detail-text p{
  font-size: 14px;
  color: #434343;
  margin-bottom: 20px;
  line-height: 26px;
  text-indent: 28px;
}
.c-links{
  margin-top:40px;
  padding-top: 20px;
  border-top: solid 1px #ededed;
}
.c-links .link{
  width: 50%;
  float: left;
}
.c-links .link span{
  font-size: 14px;
  color: #434343;
  margin-right: 12px;
}
.c-links .link  a{
  font-size: 14px;
  color: #999;
}
.c-links .link  a:hover{
  color: #1373C7;
}

/*about*/
.about .tit h3{
  font-size: 24px;
  color: #043762;
  margin-bottom: 30px;
  text-align: center;
}
.a-mes .pic{
  width: 700px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.a-mes .pic img{
  width: 100%;
}
.a-mes p{
  font-size: 14px;
  color: #434343;
  line-height: 26px;
  text-indent: 32px;
  margin-bottom: 20px;
}
.a-mes {
  padding-bottom: 20px;
  border-bottom: solid 1px #ededed;
  margin-bottom: 30px;
}
.vision{
  vertical-align: middle;
}
.vision i{
  width: 40px;
  height: 40px;
  display: inline-block;
}
.icon1{
  background: url(../images/icon1.png) no-repeat;
}
.icon2{
  background: url(../images/icon2.png) no-repeat;
}
.icon3{
  background: url(../images/icon3.png) no-repeat;
}
.icon4{
  background: url(../images/icon4.png) no-repeat;
}
.vision strong{
  font-size: 22px;
  color: #0D141C;
  line-height: 40px;
  margin: 0 20px 0 12px;
}
.vision .v-item *{
  float: left;
  line-height: 40px;
}
.vision .v-item {
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.vision .v-item span{
  max-width: 400px;
  font-size: 14px;
  color: #434343;
}
.histroy{
  padding: 40px 0;
  background-color: #f5f5f5;
}
.histroy .tit h3{
  font-size: 24px;
  color: #043762;
  margin-bottom: 30px;
  text-align: center;
}
.h-item{
  margin-bottom: 40px;
  position: relative;
  z-index: 22;
}
.h-item .year{
  width: 80px;
  height: 80px;
  background-color: #1373C7;
  color: #fff;
  text-align: center;
  line-height: 80px;
  font-size: 18px;
  border-radius: 50%;
  font-weight: bold;
  float: left;
  border: solid 2px #fff;
}
.h-item .mes{
  float: left;
  width: 1000px;
  margin-left: 40px;  
  font-size: 14px;
  line-height: 28px;
  color: #434343;

}
.histroy-list{
  position: relative;
}
.histroy-list::before{
  content: '';
  width: 4px;
  height: 100%;
  display: block;
  background-color: #c6c6c6;
  position: absolute;
  left: 40px;
  top: 0;
  z-index: 1;
}
.kehu{
  padding: 40px 0;
}
.kehu ul li{
  float: left;
  width: 10%;
  text-align: center;
}
.kehu ul li img{
  width: 60px;
  height: 60px;
  margin-bottom: 8px;
}
.kehu ul li p{
  font-size: 14px;
  color: #434343;
}
.hezuo ul li{
  width: 12.5%;
  float: left;
  text-align: center;
}
.hezuo ul li img{
 width: 80%;
}
.hezuo{
  margin-bottom: 40px;
}
.rongyu {
  padding-bottom: 40px;
}
.rongyu ul {
  width: 1170px;
  margin: 0 auto;
}
.rongyu ul li{
  width: 170px;
  height: 220px;
  float: left;
  margin-right: 30px;
}
.rongyu ul li img{
  width: 100%;
} 
.rongyu ul li:last-child{
  margin-right: 0;
}

/*news*/
.news{
  padding-top: 100px;
}
.news-list {
  width: 840px;
  float: left;
}

.news-list ul li {
  padding-bottom: 20px;
  border-bottom: solid 1px #ebebeb;
  margin-bottom: 20px;
}

.news-list ul li:last-child {
  border: none;
}

.news-list ul li .pic {
  width: 280px;
  height: 168px;
  overflow: hidden;
  float: left;
  margin-right: 30px;
}

.news-list ul li .pic img {
  width: 100%;
  min-height: 168px;
}

.news-list ul li .des {
  width: 530px;
  float: left;
}

.news-list ul li .des h4 {
  font-size: 20px;
  color: #333;
  font-weight: normal;
  margin-bottom: 16px;
}

.news-list ul li .des h4:hover {
  color: #0084F6;
}

.news-list ul li .des p {
  font-size: 14px;
  color: #555;
  line-height: 20px;
  text-align: justify;
  max-height: 60px;
  overflow: hidden;
  margin-bottom: 12px;
}

.news-list ul li .des .date span {
  font-size: 14px;
  color: #999;
  margin-right: 20px;
}

.news-list ul li .des .date span i {
  margin-right: 6px;
}

.hots {
  width: 280px;
  float: left;
  margin-left: 80px;
}

.hots .tit {
  border-bottom: solid 1px #ebebeb;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.hots .tit i {
  color: #EF4646;
  font-size: 20px;
  margin-right: 10px;
}

.hots .tit span {
  font-size: 20px;
  color: #333;
}

.hot-list ul li {
  padding-bottom: 16px;
  margin-bottom: 20px;
  border-bottom: solid 1px #ebebeb;
}

.hot-list ul li a {
  font-size: 16px;
  margin-bottom: 10px;
  color: #333;
  display: block;
  width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hot-list ul li a:hover {
  color: #0084F6;
}

.hot-list ul li .date span {
  font-size: 14px;
  color: #999;
  margin-right: 20px;
}

.hot-list ul li .date span i {
  margin-right: 6px;
}
.s-tit {
  padding-bottom: 20px;
  border-bottom: solid 1px #ebebeb;
  margin-bottom: 30px;
}

.s-tit h2 {
  font-size: 20px;
  color: #333;
  margin-bottom: 20px;
}

.s-tit .date span {
  font-size: 14px;
  margin-right: 40px;
  color: #999;
}

.news-detail p {
  font-size: 14px;
  color: #444;
  margin-bottom: 16px;
  line-height: 24px;
  text-indent: 28px;
}

.news-detail p img {
  max-width: 100%;
  text-align: center;
}

.news-box {
  width: 840px;
  float: left;
}

.link-news {
  margin-top: 50px;
}

.link-news .prev span,
.link-news .next span {
  color: #999;
  font-size: 14px;
  margin-right: 10px;
 
  display: inline-block;
}

.link-news .prev a,
.link-news .next a {
  font-size: 14px;
  color: #333;
  display: inline-block;
  width: 250px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 20px;
}

.link-news a:hover {
  color: #0084F6;
}

.rele {
  margin-top: 60px;

}

.rele .tit {
  margin-bottom: 30px;
}
/* .news-detail p span{
  display: block;
  text-align: center;
} */

/*加盟*/
.jm .tit h3{
  font-size: 24px;
  color: #043762;
  margin-bottom: 20px;
  text-align: left;
  border-bottom: solid 1px #ededed;
  padding-bottom: 20px;
}
.brand-youshi p{
  font-size: 16px;
  line-height: 30px;
  font-weight: 200;
  color: #434343;
  margin-bottom: 30px;
}
.brand-youshi p strong{
  color: #1373C7;
}
.jm-youshi p{
  font-size: 16px;
  line-height: 30px;
  font-weight: 200;
  color: #434343;
  padding-left: 40px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 30px;
}
.jm-youshi p span{
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #1373C7;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 4px;
}
.jm-contact p{
  font-size: 16px;
  line-height: 30px;
  font-weight: 200;
  color: #434343;
  margin-bottom: 30px;
}
.cb{
  color: #043762 !important;
}
/*调整*/
.cr{
  color: #f0312e;
}
.s-res{
  font-size: 16px;
  color: #434343;
  margin-bottom: 30px;
}
.res-list ul li{
  padding-bottom: 20px;
  border-bottom: solid 1px #eee;
  margin-bottom: 20px;
}
.res-list ul li .r-pic{
  float: left;
  margin-right: 30px;
  border: solid 1px #ebebeb;
}
.res-list ul li .r-pic img{
  width: 200px;
  height: 140px;
}
.res-list ul li .r-mes{
  float: left;
}
.res-list ul li .r-mes h4{
  font-size: 18px;
  font-weight: normal;
  color: #0084F6;
  margin-bottom: 10px;
}
.res-list ul li .r-mes p{
  font-size: 14px;
  color: #666;
}
.zhaopin .tit{
  font-size: 20px;
  color: #0084F6;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
.zp-item{
  padding: 20px;
  border: solid 1px #ebebeb;
  margin-bottom: 30px;
}
.zp-item .z-tit{
  font-size: 18px;
  color: #0084F6;
  margin-bottom: 20px;
  position: relative;
}
.zp-item .z-tit .hr{
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #52abf8;
  cursor: pointer;
}
.zp-item .z-mes-l{
  float: left;
  width: 45%;
  font-size: 14px;
  color: #434343;
  line-height: 24px;
}
.zp-item .z-mes-r{
  float: right;
  width: 45%;
  font-size: 14px;
  color: #434343;
  line-height: 24px;
} 
.zp-item .z-mes{
  padding-bottom: 20px;
  border-bottom: solid 1px #ebebeb;
}
.xinchou .x-tit{
  color: #333;
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.xinchou .x-mes{
  font-size: 14px;
  color: #434343;
  line-height: 24px;
}

/*调整9-10*/
.c-item>a:hover > p{
  color: #fff;
  background-color: #1373C7;
}
.c-links {
 line-height: 32px;
}
.link-news{
  margin-top: 40px;
  padding-top: 20px;
  border-top: solid 1px #ededed;
  line-height: 32px;
}
.link-news .prev a, .link-news .next a {
  display: inline;
}
.np-link .prev, .np-link .next {
  line-height: 32px;
}

.c-line{
  width: 70px;
  height: 4px;
  background-color: #0084F6;
  margin: 14px auto;
}
.server-con ul{
  justify-content: space-between;
}
.s-item-con{
  padding: 30px 20px;
}
.server-con ul li{
  width: 200px;
  background-color: #fbfbfb;
  cursor: pointer;
  transition: all .4s;
}
.server-con ul li .s-icon{
  text-align: center;
  margin-bottom: 20px;
}
.server-con ul li i{
  font-size: 40px;
  color: #ababab;
}
.server-con ul li .s-des{
  text-align: left;
 
}
.server-con ul li .s-des h4{
  font-size: 18px;
  margin-bottom: 16px;
  text-align: center;
  color: #333;
  font-weight: normal;
}
.server-con ul li .s-des p{
  font-size: 12px;
  color: #666;
  line-height: 1.5;
  min-height: 72px;
}
.server-con ul li .s-des{
  margin-bottom: 30px;
}
.server-con ul li a{
  width: 100px;
  height: 30px;
  margin: 0 auto;
  display: block;
  border: solid 1px #e0e0e0;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  color: #666;
}
.server-con ul .active{
  background-color: #0084F6;
}
.server-con ul .active i{
  color: #fff;
}
.server-con ul .active .s-des h4{
  color: #fff;
}
.server-con ul .active .s-des p{
  color: #fff;
}
.server-con ul .active a{
  border-color: #fff;
  background-color: #fff;
}
.index-case{
  padding-bottom: 50px;
}
/* pages */
.pages {padding:20px 0 20px 0;text-align:center;font-size:12px;color:#666666;margin-top: -1px;}
.pages a:link,.pages a:visited,.pages a:active {background:#FFFFFF;border: #ffffff 1px solid;padding:10px;text-decoration:none; color:#666}
.pages a:hover {background:#1373C7;border:#1373C7 1px solid;color:#FFFFFF;padding:10px;text-decoration:none;}
.pages strong {background:#1373C7;padding:10px;border:#1373C7 1px solid;color:#FFFFFF;}
.pages_inp {width:30px;border: #ffffff 1px solid;color:#666666;padding: 5px 8px 6px;text-align:center;}
.pages_btn {width: 56px;border:#1373C7 1px solid;color:#FFFFFF;padding: 6px 8px 5px;background:#1373C7;font-weight:bold;font-size:15px;}
.pages label {background:#FFFFFF;border:#DDDDDD 1px solid;color:#666666;padding:8px 10px 8px 10px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
.pages cite {font-style:normal;}


.s-detail{
  overflow: hidden;
  padding-bottom: 30px;
}
.s-detail p img{
  align-content: center;
}
.s-detail>p {
  margin-bottom: 20px !important;
}