.div_page{position: relative;font-size: .23rem;color: #fff;overflow: hidden;padding-top: 1.6rem;padding-bottom: 1.7rem;}

.duty_title{font-size: .34rem;}
.duty_word{}
.duty_boxes{margin-top: .28rem;}
.duty_boxes_img{width: 100%;height: 5.28rem;background-repeat: no-repeat;background-position: center;background-size: cover;}
.duty_boxes_word{padding: .84rem .3rem .9rem;}

.page1{height: 11.49rem;}
	.page1{padding-top: 0;padding-bottom: 0;}
	.page1:before {content: "";z-index: -1;position: fixed;left: 0;top: .8rem;width: 7.5rem;height: 11.49rem;}
	.page1:before {background-image: url(//insight-officialwebsite.oss.cdn.gdinsight.com/portal_images/mobile/duty/duty_page1_bg.jpg);background-size: 100%;background-position: center;background-repeat: no-repeat;}
	/*.duty_page1_shadow{background-image: url(//insight-officialwebsite.oss.cdn.gdinsight.com/portal_images/mobile/duty/duty_page1_shadow.png);position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: -1;}*/
	/*.duty_page1_shadow{background-repeat: no-repeat;background-size: 100% 100%;background-position: 0 .8rem;background-attachment: fixed;}*/
	.duty_page1_shadow{position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: -1;}
	.duty_page1_shadow:before{content: "";background-image: url(//insight-officialwebsite.oss.cdn.gdinsight.com/portal_images/mobile/duty/duty_page1_shadow.png);}
	.duty_page1_shadow:before{position: fixed;left: 0;top: .8rem;width: 7.5rem;height: 11.75rem;z-index: -1;background-repeat: no-repeat;background-size: 100% 100%;}
	.duty_page1_title{margin-top: 7.5rem;margin-bottom: .36rem;}
	.duty_page1_word{}

.page2{background-color: #212121;padding-bottom: .5rem;}
	.page2 .duty_boxes_img{background-image: url(//insight-officialwebsite.oss.cdn.gdinsight.com/portal_images/mobile/duty/duty_page2_img.jpg);}
	.page2 .duty_boxes_word{background-color: #323232;}

.page3{background-color: #212121;}
	.page3 .duty_boxes_img{background-image: url(//insight-officialwebsite.oss.cdn.gdinsight.com/portal_images/mobile/duty/duty_page3_img.jpg);}
	.page3 .duty_boxes_word{background-color: #323232;}

.page4{background-color: #fff;}
	.page4 .duty_title{color: #000;}
	.page4 .duty_boxes_img{background-image: url(//insight-officialwebsite.oss.cdn.gdinsight.com/portal_images/mobile/duty/duty_page4_img.jpg);}
	.page4 .duty_boxes_word{background-color: #e06000;}

/*animation*/
/*page1*/
.page1:before{animation: backgroundBig .8s 0s both linear;-webkit-animation: backgroundBig .8s 0s both linear;}

/*keyframes*/
@keyframes backgroundBig{
	0%{background-size: 100%;}
	100%{background-size: 110%;}
}
@-webkit-keyframes backgroundBig{
	0%{background-size: 100%;}
	100%{background-size: 110%;}
}