.wrap{width: 88%;max-width: 1200px;margin: 0 auto;/*border: 1px solid red;*/}
@media screen and (max-width: 1440px) {
  .wrap{max-width: 1100px;}
}
@media screen and (max-width: 767px) {
  .wrap{width: 100%;padding: 0 20px;}
}

.font20{font-size: 20px;}
.font24{font-size: 24px;}
.font30{font-size: 30px;}
.font50{font-size: 50px;}
.font60{font-size: 60px;}
.font80{font-size: 80px;}

.pad20{padding: 20px 0;}
.pad50{padding: 50px 0;}
.pad17{padding: 17px 0;}
.pad90{padding: 90px 0;}

.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}

.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb120{margin-bottom: 120px;}

.pt50{padding-top: 50px;}
@media screen and (max-width: 1440px) {
	.font20{font-size: 18px;}
	.font24{font-size: 22px;}
	.font30{font-size: 28px;}
	.font50{font-size: 44px;}
	.font60{font-size: 50px;}
	.font80{font-size: 70px;}
	
	.pad90{padding: 80px 0;}
	
	.mt80{margin-top: 70px;}
	.mt90{margin-top: 80px;}
	
	.mb30{margin-bottom: 24px;}
	.mb90{margin-bottom: 80px;}
	.mb120{margin-bottom: 100px;}
	
}
@media screen and (max-width: 1280px) {
	.font30{font-size: 26px;}
	.font50{font-size: 40px;}
	.font60{font-size: 44px;}
	.font80{font-size: 60px;}
	
	.pad50{padding: 44px 0;}
	.pad90{padding: 70px 0;}
	
	.mb40{margin-bottom: 30px;}
	.mb50{margin-bottom: 40px;}
	.mb60{margin-bottom: 50px;}
	.mb90{margin-bottom: 70px;}
	
	.mt50{margin-top: 40px;}
	.mt60{margin-top: 50px;}
	.mt80{margin-top: 60px;}
	.mt90{margin-top: 70px;}
	.mb80{margin-bottom: 60px;}
	.mb120{margin-bottom: 90px;}
	
} 
@media screen and (max-width: 1024px) {
	.font20{font-size: 16px;}
	.font24{font-size: 20px;}
	.font30{font-size: 24px;}
	.font50{font-size: 38px;}
	.font60{font-size: 40px;}
	.font80{font-size: 50px;}
	
	.mt40{margin-top: 25px;}
	.mt50{margin-top: 30px;}
	.mt60{margin-top: 40px;}
	.mt90{margin-top: 60px;}
	
	.pad50{padding: 40px 0;}
	.pad90{padding: 60px 0;}
	

	.mb30{margin-bottom: 22px;}
	.mb50{margin-bottom: 30px;}
	.mb60{margin-bottom: 40px;}
	.mb80{margin-bottom: 45px;}
	
	.mb120{margin-bottom: 80px;}
}
@media screen and (max-width: 768px) {
	.font24{font-size: 18px;}
	.font30{font-size: 22px;}
	.font50{font-size: 30px;}
	.font60{font-size: 32px;}
	.font80{font-size: 40px;}
	
	.pad90{padding: 50px 0;}
	
	
	.mt50{margin-top: 30px;}
	.mt80{margin-top: 40px;}
	.mt90{margin-top: 50px;}
	
	.mb40{margin-bottom: 20px;}
	.mb50{margin-bottom: 25px;}
	.mb60{margin-bottom: 30px;}
	.mb80{margin-bottom: 50px;}
	.mb90{margin-bottom: 60px;}
	.mb120{margin-bottom: 70px;}
}
@media screen and (max-width: 500px) {
	.mt50{margin-top: 20px;}
}

.title-group1{position: relative;width: 33.33%;}
.title-group1::after{content: "";width: calc(100% - 40px);height: 87px;background: url(../images/title_group_bg.png) no-repeat center center;background-size: 100% 100%;display: inline-block;position: absolute;top: 0;right: 0;}
.title-group1 h2{color: #333333;font-family: "思源黑体M";margin-left: 38px;}
.title-group1 h3{color: #0b2c7c;font-family: "CALIST";text-transform: uppercase;}
.title-group1 h3 i{line-height: 46px;margin-right: 5px;}
@media screen and (max-width: 1440px) {
	.title-group1::after{height: 78px;}
	.title-group1 h2{margin-left: 32px;}
	.title-group1 h3 i{line-height: 38px;}
}
@media screen and (max-width: 1280px) {
	.title-group1::after{width: calc(100% - 35px);height: 72px;}
	.title-group1 h2{margin-left: 30px;}
	.title-group1 h3 i{line-height: 36px;}
}
@media screen and (max-width: 1024px) {
	.title-group1::after{width: calc(100% - 30px);height: 66px;}
	.title-group1 h2{margin-left: 26px;}
	.title-group1 h3 i{line-height: 32px;}
}
@media screen and (max-width: 800px) {
	.title-group1{width: 40%;}
}
@media screen and (max-width: 768px) {
	.title-group1::after{height: 56px;}
	.title-group1 h3 i{line-height: 24px;}
}
@media screen and (max-width: 600px) {
	.title-group1{width: 60%;}
}
@media screen and (max-width: 414px) {
	.title-group1{width: 90%;}
}

.title-group2 h3{color: #333333;float: left;position: relative;padding-left: 23px;}
.title-group2 h3::before{content: "";width: 12px;height: 12px;border-radius: 50%;background: rgba(11,44,124,.27);position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.title-group2 h3::after{content: "";width: 6px;height: 6px;border-radius: 50%;background: rgba(11,44,124,1);position: absolute;top: 50%;left: 3px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.title-group2 a{display: inline-block;float: right;font-size: 16px;color: #0b2c7c;text-transform: uppercase;line-height: 36px;}
@media screen and (max-width: 1440px) {
	.title-group2 a{line-height: 33px;}
}
@media screen and (max-width: 1024px) {
	.title-group2 a{font-size: 14px;line-height: 30px;}
}

.btn-style{clear: both;}
.btn-style1 .more .icon-arraw{background: #0b2c7c;width: 60px;height: 60px;position: absolute;top: 0;right: 0;}
.btn-style1 .more{display: block;font-size: 16px;color: #0b2c7c;width: 220px;height: 60px;line-height: 60px;border: 1px solid #0b2c7c;padding-left: 50px;position: relative;overflow: hidden;transition: all .4s;}
.btn-style1 .more::after{content: "";width: 0;height: 100%;background: #0b2c7c;position: absolute;top: 0;left: 0;z-index: -1;transition: all .6s;}
.btn-style1 .more:hover::after{width: 100%;transition: all .6s;}
.btn-style1 .more:hover{color: #FFFFFF;transition: all .4s;}
@media screen and (max-width: 1440px) {
	.btn-style1 .more{width: 200px;}
	.btn-style1 .more .icon-arraw{width: 52px;height: 52px;}
	.btn-style1 .more{height: 52px;line-height: 52px;}
} 
@media screen and (max-width: 1024px) {
	.btn-style1 .more{width: 180px;padding-left: 40px;}
	.btn-style1 .more .icon-arraw{width: 44px;height: 44px;}
	.btn-style1 .more{height: 44px;line-height: 44px;}
}
@media screen and (max-width: 500px) {
	.btn-style1 .more{width: 160px;padding-left: 30px;}
	.btn-style1 .more .icon-arraw{width: 40px;height: 40px;}
	.btn-style1 .more{height: 40px;line-height: 40px;}
}