/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 16px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

/*主体样式*/


.nnrty{
    box-sizing: border-box;
    padding: 3% 0;
    overflow: hidden;
  background: url(../img/index_about_bg.jpg) top center no-repeat;
}
.nnrty .w-tt h3 strong,.nnrty .w-tt p{color:#fff}
.abhjtyle{
    width: 32%; margin-top:20px;
}
.abhjtyle_a{
    position: relative;  
    box-sizing: border-box;  
    font-size: 18px;
    line-height: 45px;
    color: #d48302;
}
.abhjtyle_a span{ margin-left:10px; color:#ababab;font-size: 14px;}
.abhjtyle_ab{
    position: relative;
    box-sizing: border-box;
   
    font-size: 30px;
    line-height: 45px;
    color: #333333;
}
.abhjtyle_aa{
    position: relative;
 
    box-sizing: border-box;
  
    font-size: 30px;
    line-height: 45px;
    color: #333333;
}
.abhjtyle_ac{
    position: relative;
   
    box-sizing: border-box;  
    font-size: 30px;
    line-height: 45px;
    color: #333333;
}
.abhjtyle_g{
    box-sizing: border-box;  
	border-radius: 5px;  
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #666666;
    height: 22vh;
    overflow: hidden;
}
.abhjtyle_gs{
    height: 22vh;
    overflow: hidden;
    margin-top: 4%;
}
.abhjtyle_gs img{
    max-width: 100%;
    height: auto;
}

.flex2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media(max-width:1600px){
 .abhjtyle_a , .abhjtyle_ab , .abhjtyle_ac{
    font-size: 28px;
    }
}

@media(max-width:1500px){
.abhjtyle_a , .abhjtyle_ab , .abhjtyle_ac{
    font-size: 25px;
    }
}
@media(max-width:1440px){
   .abhjtyle_a , .abhjtyle_ab , .abhjtyle_ac{
    font-size: 22px;
    line-height: 50px;
    }
}
@media(max-width:1366px){
   .abhjtyle_a , .abhjtyle_ab , .abhjtyle_ac{
    font-size: 20px;
    line-height: 45px;
    }
}

@media(max-width:1200px){
   .abhjtyle_a , .abhjtyle_ab , .abhjtyle_ac{
    font-size: 18px;
    line-height: 40px;
    }
  
}

@media(max-width:992px){
   .abhjtyle_a , .abhjtyle_ab , .abhjtyle_ac{
    font-size: 16px;
    line-height: 33px;
    background-size: contain;
    }
	.abhjtyle{ background:#fff; padding:10px;}
	.abhjtyle_g{ height:auto;}
  
}


@media(max-width:500px){
  .abhjtyle_a , .abhjtyle_ab , .abhjtyle_ac{
    font-size: 14px;
    line-height: 30px;
    background-size: contain;
    }
   
    .abhjtyle{
        width: 100%;
        margin-bottom: 4%;
    }
}