html,
body,
div,
ul,
li,
p,
dl,
dt,
dd,
ol,
form,
input,
textarea,
th,
td,
select {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

.text-uppercase {
    text-transform: uppercase;
}

body {
    color: #666;
    font-size: 14px;
}


a:hover {
    text-decoration: none;
}
h2{
    font-size: 18px;
    color: #333;
}
.navbar {
    margin-bottom: 0;
}

.navbar-nav>li {
    margin: 18px 30px;
}
.tit{
    margin-bottom: 3%;
}
.tit h2 span{
    color: #666;
    font-size: 14px;
}
.series,
.sy-about,.sy-video,
.sy-product,
.you,.case,.hezuo{
    margin-top: 50px;
}

.ser-img {
    position: relative;
    overflow: hidden;
}

.ser-img img {
    transition: all 0.3s;
}

.ser-img:hover img {
    transform: scale(1.2, 1.2);
}

.ser-text {
	width: 100%;
    transition: all ease-in-out 0.5s;
	bottom: 0;
	text-align: center;
	background: #787878;
}

.ser-text:hover {
}

.ser-text h2 {
	margin-top: 0;
    color: #fff;
    transition: all ease-in-out 0.5s;
    font-weight: normal;
	line-height: 33px;
}

.ser-text h2 i {
    padding-left: 20px;
    font-size: 18px;
}

.ser-text p {
    overflow: hidden;
    line-height: 46px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #666;
}

.ser-text:hover h2 {
    color: rgb(179,244,249);
}
.more{
	margin: 20px 0;
	display: inline-block;
	color: #fff;
	background: #5478c4;
	padding: 11px 12px;
}
.hlist{
     background: url(../styles/images/hon.jpg) no-repeat center top;
     padding: 40px;
}
.sy-about1{
    background: url(../styles/images/aimg.jpg) no-repeat center top;
    width: 100%;
    min-height: 416px;
    padding: 3%;
	background-size: cover;
}
.about{
	display: flex;
	    justify-content: space-between;
		margin-top: 5.3%;
}
.about p{
    margin-top: 8%;
    margin-bottom: 8%;
    line-height: 24px;
    text-indent: 2rem;
}
.vid p{
    padding:5% 6%;
}
.des {
	margin-top: 9px;
}
.snews{
    margin-bottom: 5%;
}
.sy-news .date-time {
  display: block;
  font-weight: 300;
  width: 74px;
  height: 74px;
  color: #999;
  text-align: center;
}
.sy-news .date-time > span.big{
font-size: 65px;
    color: #bababa;
    line-height: 53px;
}
.media{ padding: 21.7px 0;;  transition: background 1s; }
 .media:hover{ background:#446fb5;color: #fff;  } 
h3.media-heading{ margin-top: 0px; }
 .media:hover h3.media-heading a, .media:hover .date-time, .media:hover .date-time > span.big, .media:hover p.des{color: #fff;}
h3.media-heading a{     color: #333;
    font-size: 18px;
    font-weight: 600;
}}
p.des{
    color: #000;
    margin-top: 10px;
}
.media-left, .media>.pull-left {
    padding-right: 20px;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.ntit{
    margin-bottom: 6%;
}
.zuo h3{
    margin-top: 4%;
    margin-bottom: 2%;
    color: #333;
}
.zuo p{
    color: #999999;
}
.cinfo{
    padding:10% 0 0 10%;
    line-height:36px;
    font-size: 18px;
    color:#333; 
}
.cinfo  img{
    margin-top: 6%;}
.bottom{
    background: url(../styles/images/bottom.jpg) no-repeat center top;
    color: #fff;
    padding: 1% 0 1% 0;
	background-size: cover;
}
.bottom .col-md-6 ul li{
	width: 19%;
	float:left;
}
.bottom>.container{
   margin-bottom: 20px;
}
.bt img{
	width: 43px;
	    padding-right: 5px;
}
.bottom ul li a{
	color: #fff;
	display: block;
	text-align: center;
	font-size: 15px;
	line-height: 35px;
}
.bottom ul li h2 a{
	font-size: 17px;
	font-weight: 400;
}
.sit{ border-bottom: 1px solid #ddd;  margin-bottom: 40px;}
.sit h2{ font-size: 30px;color: #333; padding-bottom: 15px; position: relative; margin-bottom: 0;}
.sit img{ border: 1px solid #ddd; }
.sit h2 span{ color: #666; }
.sit h2:after{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1px;
  content: "";
  width: 50px;
  height: 3px;
  background:#cb0d27;
}
.ny-about{
    margin-top: 4%;
    margin-bottom: 4%;
    line-height: 28px;
}
.pager-loose {
    display: inline-block;
}
.nav_pro_t {
    padding: 24px 20px;
    background: #005094;
text-align: left;}
.nav_pro_t h2{
    color: #fff !important; font-weight: bold;}
#openclos {
  display: block;
  line-height: 40px;
  font-size: 18px;
  margin-bottom: 0;
  color: #fff;
  text-align: center;
  background-color: #007bff;
}
.pro-list .row>div{}
a.pro{position:relative;display:inline-block;overflow:hidden;padding: 0 6px;width: 100%;}
a.pro img{transition:all ease-in-out .3s; width: 100%;}
a.pro:hover img{transform:scale(1.2,1.2);}
span.bg{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0;}
a.pro:hover span.bg{opacity:1;}
.pro-list span.icon{position:absolute;top:-100%;left:50%;display:block;transition:.3s;transform:translate(-50%,0);width: 150px;}
a.pro:hover span.icon{top:50%;left:50%;transform:translate(-50%,-50%);}
.pro-list .menu{
	margin-bottom: 5%;
	padding-left: 10px;
}
.pro-text{
	font-size: 20px;
    color:#000;
	padding:10px 0 20px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.about1{
	margin: 0 5.3%;
	    border-radius: 15px;
	    background: rgba(255,255,255,0.75);
	    padding: 5px 22px;
}
.sb-b {
	margin-top: 20px;
	border-radius: 8px;
	padding: 3% 4% 1%;
	overflow: hidden;
	background: #ccc;
}
.sb-b i{
	font-size: 16px;
	font-style: normal;
}
.p-d h2{
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	margin: 2% 0;
}
.sc .pro-text {
    padding: 10px 0 10px 0;
}
.p-d-i img{
	width: 100%;
}
.sc .pro-text{
	font-size: 17px;
}
.ny-tit h1{color:#333;}
.ny_info{margin-bottom:50px;line-height:27px;}
.text-indent{text-indent:2em;}
.ny-content{min-height:300px; margin-bottom: 50px;}
.ny-content p{line-height: 28px;color: #666;}
.ny-images a{margin-bottom: 20px;display: block;}
.media-news{padding: 20px 15px;min-height: 220px;border-radius: 6px;box-shadow: #ddd 5px 5px 30px;margin-bottom: 20px;transition:all 0.3s ease-in-out;}
.media-news h3{color: #333;}
.media-news h3 i{ padding-right: 10px; }
.media-news h6{line-height: 24px;color: #666;margin: 20px 0;max-height: 72px;white-space:normal;}
.media-news a{display: inline-block;color: #fff;background: #005094;border-radius: 6px;padding: 5px 15px;}
.media-news:hover{transform: translateY(-10px)}
.shownews-t{border-bottom:1px solid #dfdfdf;padding-bottom: 10px;margin-bottom: 20px;}
.shownews-t h3{font-size: 22px;}
#map {
    width: 100%;
    height: 400px;
}
.tree-menu li span{
  padding-right: 5px;
}
.media-news{padding: 20px 15px;min-height: 220px;border-radius: 6px;box-shadow: #ddd 5px 5px 30px;margin-bottom: 20px;transition:all 0.3s ease-in-out;}
.media-news h3{color: #333;}
.media-news h3 i{ padding-right: 10px; }
.media-news h6{line-height: 24px;color: #666;margin: 20px 0;max-height: 72px;white-space:normal;}
.media-news a{display: inline-block;color: #fff;background: #005094;border-radius: 6px;padding: 5px 15px;}
.media-news:hover{transform: translateY(-10px)}
.shownews-t{border-bottom:1px solid #dfdfdf;padding-bottom: 10px;margin-bottom: 20px;}
.shownews-t h3{font-size: 22px;}
.clean{
	clear: both;
}
.sy-news h3{
	font-weight: 300;
	color: #bababa;
	font-size: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.col-md-4 ul li{
	line-height: 40px;
	font-size: 20px;
}
.bottom .col-md-4 ul li  i{
	 font-size: 20px;
	 padding-right: 3px;
}

.text-center img{
	padding: 20px 0;
}
.blocks-2 li{
	border-bottom: 1px solid #000;
	 margin-bottom: 15px;
}
.ser-text h2{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.menu{
	margin-bottom: 10px;
	font-size: 0;
}

.menu a{
	font-size: 19px;
	    padding: 6px 19px;
	    display: inline-block;
	    color: #fff;
	    background: #08263d;
	    border-radius: 0 0 19px 0;
}

.menu a:hover{
	background:#5478c4;
}
.menu .active{
	background:#5478c4;
}

#map {
    width: 100%;
    height: 400px;
}
.tree-menu li span{
  padding-right: 5px;
}
.media-news{padding: 20px 15px;min-height: 220px;border-radius: 6px;box-shadow: #ddd 5px 5px 30px;margin-bottom: 20px;transition:all 0.3s ease-in-out;}
.media-news h3{color: #333;}
.media-news h3 i{ padding-right: 10px; }
.media-news h6{line-height: 24px;color: #666;margin: 20px 0;max-height: 72px;white-space:normal;}
.media-news a{display: inline-block;color: #fff;background: #005094;border-radius: 6px;padding: 5px 15px;}
.media-news:hover{transform: translateY(-10px)}
.ny-about{
    margin-top: 0;
}
.ny-banner{
	 /* margin-top: 100px; */
}
.a1{
	right: 0;
	    left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.shownews-t{border-bottom:1px solid #dfdfdf;padding-bottom: 10px;margin-bottom: 20px;}
.shownews-t h3{font-size: 22px;}
.clean{
	clear: both;
}
.sy-news h3{
	margin: 0;
	font-weight: 300;
	color: #bababa;
	font-size: 19px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.col-md-4 ul li{
	line-height: 43px;
	font-size: 16px;
}
.bottom .col-md-4 ul li  i{
	 font-size: 20px;
	 padding-right: 15px;
}

.text-center img{
	padding: 20px 0;
  width: 35%;
}
.blocks-2 li{
	border-bottom: 1px solid #ccc;
	 margin-bottom: 0px;
}
.ser-text h2{
  font-size: 18px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 42px;
}
.navbar{
	border-botom:0 !important;
}
.sy-bt{
	margin-bottom: 2%;
}
.sy-bt i{
	font-style: normal;
	font-size: 33px;
	color: #000;
	line-height: 33px;
}
.sy-bt em{
	font-style: normal;
	color: #c8c8c8;
	font-size: 16px;
}
.sy-bt p{
	position: relative;
	display: inline-block;
}
.sy-bt p::after {
position: absolute;
    content: "";
    width: 90px;
    height: 2px;
    top: 50%;
    left: 115%;
    background: #000;
    }
.sy-bt p::before {
position: absolute;
    content: "";
    width: 90px;
    height: 2px;
    top: 50%;
    right: 115%;
    background: #000;
    }
    .sy-bt1 p::before{
      right: 112%;
    }
   .sy-bt1 p::after{
      left: 112%;
    }
  .ic1{
    background: url(../styles/images/00.png) no-repeat left center;
    padding-left: 45px;
  }
  .ic2{
    background: url(../styles/images/01.png) no-repeat left center;
    padding-left: 45px;
  }
  .ic3{
    background: url(../styles/images/02.png) no-repeat left center;
    padding-left: 45px;
  }
	
.about h4,.about h2{
	font-weight: 300;
	    color: #fff;
	    font-size: 18px;
}
.ny-about1{
	background: url(../styles/images/abg.jpg) no-repeat center top;
	width: 100%;
	padding: 3%;
	background-size: cover;
}
.ny-about h2{
	font-size: 25px;
	line-height: 45px;
	font-weight: 500;
	
}
.ny-about p{
	font-size: 20px;
    padding-top: 13px;
	line-height: 33px;
	color: #000;
	margin-bottom: 20px;
}
.ny-about .col-md-7 p{
	margin-bottom: 10px;
	    margin-top: 10px;
}
/* 分页样式 */
.pagination {
    color: #666;
    clear: both;
    margin-top: 1em;
    display: block;
    margin: auto;
}

.pagination li {
    display: inline-block;
}

.pagination a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: -1px;
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    color:#5478c4;
    border: 1px solid #ddd;
    background: #fff;
    text-decoration: none;
    overflow: hidden;
}

.pagination li>span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: -1px;
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    color:#5478c4;
    border: 1px solid #ddd;
    background: #fff;
    text-decoration: none;
    overflow: hidden;
}

.pagination li.active>span {
    color: #ffffff;
    background:#5478c4;
}

.pagination .prev::before {
    font-family: "FontAwesome";
    display: inline-block;
    content: "\f104";
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

.pagination .next::after {
    font-family: "FontAwesome";
    display: inline-block;
    content: "\f105";
    width: 10px;
    height: 10px;
    margin-left: 5px;
}

.pagination a:not(.goto):hover {
    background-color: #eee;
    color:#ec6c00;
}

.pagination a.cur,
.pagination a.cur:hover {
    background-color:#5478c4;
    color: #fff;
    border-color:#5478c4;
    margin-right: 1px
}

.pagination a.disabled {
    background-color: #e6e6e6 !important;
    color: #bbb !important;
    cursor: no-drop
}

.pagination .prev {
    border-radius: 5px 0 0 5px;
}

.pagination .next {
    border-radius: 0 5px 5px 0;
} 
.card{
	border: none;
	box-shadow:none;
}
.card:hover{
	border: none;
	box-shadow:none;
}



@media screen and (max-width:968px){
	.sy-bt p::before{
		width: 50px;
	}
	.sy-bt p::after{
		width: 50px;
	}
	.about h4, .about h2{
		color: #fff;
		font-size: 12px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.contact-c p>img{
		width: 80vw!important;
	}
	
	
	    
}