*{padding:0;margin:0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
.fl {float: left;}
.fr {float: right;}
.container{display: block;width: 100%; max-width: 1440px; margin: 0 auto;}
h1, h2, h3, h4, h5, h6, i, em {
    font-weight: normal;
    font-style: normal;
}

/*dtit***********************************************************************/
.dtit h2{font-size: 30px;color: #403f3f;font-weight: lighter;line-height: initial;
text-transform: uppercase;}
.dtit i{display: block; font-size: 30px; color: #21569c;line-height: initial;margin-top: 10px}
.dtitwu>h2,.dtitwu>i{font-size:26px;color: #fff;}
.dtitwu>h2{opacity: .5;}
.dtitnews{background:#21569c;padding:2% 4%;color: #fff;margin-top: -50px;
margin-bottom: 20px;position: relative;z-index: 1}
.dtitnews>h2,.dtitnews>i{color: #fff}
.dtitnews>h2{opacity: .5;}

.symore{border: 1px solid #21569c; width: 120px; height: 40px; line-height: 40px;padding-left: 15px;
color: #21569c;display: inline-block;margin-top: 60px}
.symore>i{width: 15px; height: 1px; background:#21569c;margin-right: 15px; margin-top: 20px;
display: block; float: right}
.symore:hover>i{width: 25px;background: #fff}
.symore:hover{border-color: #21569c;background:#21569c;color: #fff}


/*syab***********************************************************************/
.syab{width: 100%; overflow: hidden; margin:4% auto;}
.syabz{width: 25%;margin-top: 5%}
.syaby{width: 73%;}
.syaby .tu{width: 100%;overflow: hidden;}
.syaby .tu figure{width: 65%;float: left;height: 196px;
background:url(../images/syab.jpg) no-repeat left;background-size: cover!important;}
.syaby .tu ul{width: 35%;height: 100%;float: right}
.syaby .tu ul li{width: 50%;height: 100%; float: left; font-size: 22px; color: #fff;
padding: 0 15px;display: flex; align-items: center;height:196px;}
.syaby .tu ul li>a{display: block;}
.syaby .tu ul li>a i{font-size: 26px;line-height:initial; font-weight: lighter;
text-transform: uppercase;	display: block;margin-bottom: 5px;opacity: .5;}
.syaby .tu ul li>a img{display: block;margin-top: 5px}

.syaby .zi{font-size: 16px; width: 100%;color: #696969;line-height: 2;margin:2% 0 4%;}

.strength{width: 100%}
.strength .item{position: relative;width: 25%;float: left;text-align: center;color: #535353;}
.strength .item i{display: block; margin-bottom: 10px}
.strength .item .num{position: relative;display:block;	font-size: 0;}
.strength .item .num .num-item{display: inline-block;line-height: 1;
font-size: 30px; height: 30px; overflow: hidden;font-weight: bold}
.strength .item .num .num-item span{display: block;}
.strength .item p{font-size: 16px}


/*sywu***********************************************************************/
.sywu{width: 100%; overflow: hidden;}
.sywu1{width: 50%;}
.sywu1 li{width: 100%; float: left;position: relative;overflow: hidden;}
.sywu1 li a{display: block;}
.sywu1 li img{width: 100%;;}
.sywu1 li .mask{position: absolute;top: 0;left: 0;width: 100%; height: 100%;
z-index: 1;padding: 10%; padding-left: 25%; background:rgba(0,0,0,.5);}
.sywu1 li .mask2{background:none;}
.sywu1 li:hover .mask{background:none;}
.sywu2 li{width:50%;}
.sywu2 li .mask{padding-left:10% }
.sywu2 li:hover .symorewu.none{opacity: 1;}

/*synews***********************************************************************/
.synews-t p{color: #909090;margin-top: 70px;margin-left: 20px; float: left;width: 65%}
.synews{overflow: hidden;margin-bottom: 4%;}
.synews li{width: 32%; float: left;margin-right: 2%;}
.synews li a{display: block;}
.synews li figure{width: 100%; display: block;overflow: hidden;position: relative;}
.synews li figure:after{content:""; display: block; width: 100%; height: 100%; top:0;
left: 0;background:rgba(0,0,0,.3);position: absolute}
.synews li figure img{width: 100%; }
.synews li .zi{width: 100%;padding-bottom: 12px;}
.synews li .zi b{display: block;font-size: 18px;height: 50px;line-height: 50px; color: #424242; overflow: hidden;}
.synews li .zi p{color: #909090; height:50px;line-height: 1.8; overflow: hidden;}
.synews li .zi i{color: #d9b368;display: block;margin-top: 10px}

.synews li:hover figure:after{background:none;}
.synews li:hover figure img{transform: scale(1.1);-o-transform: scale(1.1);
	-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);}
.synews li:hover .zi{padding-left: 20px; padding-right: 20px; background:#d9b368;}
.synews li:hover b{color: #fff;}
.synews li:hover p{color: #f6f0e3;}
.synews li:hover i{color: #f6f0e3}


.man-suo{width:100%;float:left;padding-bottom:7%; background-color:#fff;}
.man-suo ul li{width:20%;float:left;}
.man-suo ul li span{width:100%;float:left; text-align:center;}
.man-suo ul li span img{ border-radius:230px;width:230px;height:230px;margin:auto;border:solid 10px rgba(204,204,204,.2);}
.man-suo ul li p{width:100%;float:left; text-align:center; font-size:18px;line-height:50px;margin-top:30px;}
.man-suo ul li p a{border: 1px solid #21569c;padding-left:10%;padding-right:10%;padding-top:2%;padding-bottom:2%;
color: #21569c;}
.man-suo ul li p a:hover{ background-color:#21569c; color:#fff;}
.opu .dtit{float:right;margin-top:-50px;}

.page a {
  font-size: 16px;
  line-height: 36px;
  display: inline-block;
  width: 38px;
  height: 38px;
  margin: 0 3px;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
  text-align: center;
  color: #848484;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  background: #fff;
}

.page a.active{  border: 1px solid #21569c !important;background-color: #21569c;
color: #fff;}


@media(max-width:1200px){
	.man-suo ul li span img{ border-radius:100%;max-width:100%;height:100%;margin:auto;border:solid 10px rgba(204,204,204,.2);}
	
	
	}

@media(max-width:1000px){
.syabz{width:100%;margin-top:0;}
.syaby{width:100%;margin-top:20px;width:100%;}
.opu .dtitnews{width:100%;margin-top:20px;}
.synews-t{padding-bottom:5%;}
.symore{margin-top:30px;}
.dtitnews{width:100%;margin-top:0;}
.man-suo ul li{width:33.33%;margin-bottom:5%;}
.man-suo{margin-top:5%;}
.synews-t p{margin-left:0;margin-top:0;}
.opu .synews-t p{margin-top:40px;float:right; text-align:right;}

}

@media(max-width:500px){
.syaby .tu figure{width:100%;}
.syaby .tu ul{width:100%;}
.strength .item{width:50%;margin-bottom:5%;margin-top:2%;}
.man-suo ul li{width:50%;}.man-suo ul li span img{max-width: 80%;}.synews-t p{width:100%;}
.opu .synews-t p{ text-align:left;}
.dtit h2{ font-size:20px;}.dtit i{ font-size:20px;}
.syaby .tu ul li > a i{ font-size:16px;}.syaby .tu ul li{ font-size:18px;}
.syaby .zi{ font-size:14px;}.man-suo ul li p{ font-size:16px;}
	}









@-webkit-keyframes myFade{
	0%{bottom:5%;opacity: 1;}
	25%{bottom:3%;opacity: 0.3;}
	50%{bottom:5%;opacity: 1;}
	75%{bottom:3%;opacity: 0.3;}
	100%{bottom:5%;opacity: 1;}
}
@-moz-keyframes myFade{
	0%{bottom:5%;opacity: 1;}
	25%{bottom:3%;opacity: 0.3;}
	50%{bottom:5%;opacity: 1;}
	75%{bottom:3%;opacity: 0.3;}5
	100%{bottom:5%;opacity: 1;}
}
@keyframes myFade{
	0%{bottom:5%;opacity: 1;}
	25%{bottom:3%;opacity: 0.3;}
	50%{bottom:5%;opacity: 1;}
	75%{bottom:3%;opacity: 0.3;}
	100%{bottom:5%;opacity: 1;}
}

@media all and (max-width:1700px) {

.container{ width: 94%;}}