@charset "utf-8";

@media screen and (max-width: 767px) {
	.jixin-hk summary{
		text-align: center;
	}
	.jixin-hk .item-img-box .item-img {
	    width: 100%;
	    margin-left: 0px;
	}
	.jixin-yk summary{
		text-align: center;
	}
	.jixin-yk .item-img-box .item-img {
	    width: 100%;
	    margin-left: 0px;
	}
	
	.gn{ height: 800px;}
	.gn-dmk{ height: 759px;}
	.gn-hk{ height: auto;}
	.gn-mk{ height: 759px;}
	.gn-nk{ height: 759px;}
	.gn-rk{ height: 759px;}
	.gn-sk{ height: 759px;}
	.gn-uk{ height: 759px;}
	.gn-yk{ height: auto;}
	
	.arm summary{ text-align: center;}
	.web{ padding-top: 0;}
	
	.arm summary h3,
	.jixin summary h3,
	.jixin-dmk summary h3,
	.jixin-hk summary h3,
	.jixin-yk summary h3,
	.auto-lens summary h3,
	.auto-rotate summary h3,
	.auto-rotate summary h4,
	.dianji summary h3,
	.dianji-dmk summary h3,
	.dianji-hk summary h3,
	.dianji-yk summary h3,
	.light summary h3,
	.light-hk summary h3,
	.light-yk summary h3,
	.web summary h3,
	.gn summary h3,
	.gn-dmk summary h3,
	.gn-hk summary h3,
	.gn-mk summary h3,
	.gn-nk summary h3,
	.gn-rk summary h3,
	.gn-sk summary h3,
	.gn-uk summary h3,
	.gn-yk summary h3,
	.sanre summary h3{
		font-size: 25px;
	}
	.arm summary span,
	.jixin summary span,
	.jixin-dmk summary span,
	.jixin-hk summary span,
	.jixin-yk summary span,
	.auto-lens summary span,
	.auto-rotate summary span,
	.dianji summary span,
	.dianji-dmk summary span,
	.dianji-hk summary span,
	.dianji-yk summary span,
	.light summary span,
	.light-hk summary span,
	.light-yk summary span,
	.web summary span,
	.gn summary span,
	.gn-dmk summary span,
	.gn-hk summary span,
	.gn-mk summary span,
	.gn-nk summary span,
	.gn-rk summary span,
	.gn-sk summary span,
	.gn-uk summary span,
	.gn-yk summary span,
	.sanre summary span{
		font-size: 12px;
	}
	.gn-moudle .first, 
	.gn-moudle .secend{ left: 0px;}
	.gn-moudle .third, 
	.gn-moudle .forth{ right: 0px;}
	
	.gn-moudle-sk .first{ left: 0px;}
	.gn-moudle-sk .third{ right: 0px;}
}

@media screen and (min-width: 768px) {
	.ck-text{
		top: 10%;
		width: 450px;
	}
	.dmk-text{
		top: 10%;
		width: 400px;
	}
	.hk-text{
		top: 10%;
		width: 450px;
	}
	.nk-text{
		top: 10%;
		width: 350px;
	}
	.mk-text{
		top: 10%;
		width: 450px;
	}
	.rk-text{
		top: 10%;
		width: 450px;
	}
	.sk-text{
		top: 10%;
		width: 300px;
	}
	.uk-text{
		top: 10%;
		width: 450px;
	}
	.yk-text{
		top: 10%;
		width: 450px;
	}
	
	.jixin-hk summary{
		text-align: center;
	}
	.jixin-hk .item-img-box .item-img {
	    width: 100%;
	    margin-left: 0px;
	}
	.jixin-yk summary{
		text-align: center;
	}
	.jixin-yk .item-img-box .item-img {
	    width: 100%;
	    margin-left: 0px;
	}
	
	.gn{ height: 800px;}
	.gn-dmk{ height: 759px;}
	.gn-hk{ height: auto;}
	.gn-mk{ height: 759px;}
	.gn-nk{ height: 759px;}
	.gn-rk{ height: 759px;}
	.gn-sk{ height: 759px;}
	.gn-uk{ height: 759px;}
	.gn-yk{ height: auto;}
	
	.web{ padding-top: 100px;}
	.arm summary h3,
	.jixin summary h3,
	.jixin-dmk summary h3,
	.jixin-hk summary h3,
	.jixin-yk summary h3,
	.auto-lens summary h3,
	.auto-rotate summary h3,
	.auto-rotate summary h4,
	.dianji summary h3,
	.dianji-dmk summary h3,
	.dianji-hk summary h3,
	.dianji-yk summary h3,
	.light summary h3,
	.light-hk summary h3,
	.light-yk summary h3,
	.web summary h3,
	.gn summary h3,
	.gn-dmk summary h3,
	.gn-hk summary h3,
	.gn-mk summary h3,
	.gn-nk summary h3,
	.gn-rk summary h3,
	.gn-sk summary h3,
	.gn-uk summary h3,
	.gn-yk summary h3,
	.sanre summary h3{
		font-size: 25px;
	}
	.arm summary span,
	.jixin summary span,
	.jixin-dmk summary span,
	.jixin-hk summary span,
	.jixin-yk summary span,
	.auto-lens summary span,
	.auto-rotate summary span,
	.dianji summary span,
	.dianji-dmk summary span,
	.dianji-hk summary span,
	.dianji-yk summary span,
	.light summary span,
	.light-hk summary span,
	.light-yk summary span,
	.web summary span,
	.gn summary span,
	.gn-dmk summary span,
	.gn-hk summary span,
	.gn-mk summary span,
	.gn-nk summary span,
	.gn-rk summary span,
	.gn-sk summary span,
	.gn-uk summary span,
	.gn-yk summary span,
	.sanre summary span{
		font-size: 12px;
	}
	.gn-moudle .first, 
	.gn-moudle .secend{ left: 0px;}
	.gn-moudle .third, 
	.gn-moudle .forth{ right: 0px;}
	
	.gn-moudle-sk .first{ left: 0px;}
	.gn-moudle-sk .third{ right: 0px;}
}

@media screen and (min-width: 992px) {
	.ck-text{
		left: 20%;
		top: 20%;
		width: 300px;
	}
	.dmk-text{
		left: 20%;
		top: 20%;
		width: 300px;
	}
	.hk-text{
		left: 20%;
		top: 20%;
		width: 300px;
	}
	.nk-text{
		left: 20%;
		top: 20%;
		width: 300px;
	}
	.rk-text{
		left: 20%;
		top: 20%;
		width: 300px;
	}
	.sk-text{
		left: 20%;
		top: 30%;
		width: 300px;
	}
	.uk-text{
		left: 20%;
		top: 20%;
		width: 300px;
	}
	.yk-text{
		left: 20%;
		top: 20%;
		width: 300px;
	}
	
	
	.jixin-hk .item-img-box .item-img {
	    width: 33%;
	    margin-left: 5px;
	}
	.jixin-yk .item-img-box .item-img {
	    width: 33%;
	    margin-left: 5px;
	}
	.gn{ height: 900px;}
	.gn-dmk{ height: 759px;}
	.gn-hk{ height: auto;}
	.gn-mk{ height: 759px;}
	.gn-nk{ height: 759px;}
	.gn-sk{ height: 759px;}
	.gn-uk{ height: 759px;}
	.gn-yk{ height: auto;}
	
	.web{ padding-top: 100px;}
	.arm summary h3,
	.jixin summary h3,
	.jixin-dmk summary h3,
	.jixin-hk summary h3,
	.jixin-yk summary h3,
	.auto-lens summary h3,
	.auto-rotate summary h3,
	.auto-rotate summary h4,
	.dianji summary h3,
	.dianji-dmk summary h3,
	.dianji-hk summary h3,
	.dianji-yk summary h3,
	.light summary h3,
	.light-hk summary h3,
	.light-yk summary h3,
	.web summary h3,
	.gn summary h3,
	.gn-dmk summary h3,
	.gn-hk summary h3,
	.gn-mk summary h3,
	.gn-nk summary h3,
	.gn-rk summary h3,
	.gn-sk summary h3,
	.gn-uk summary h3,
	.gn-yk summary h3,
	.sanre summary h3{
		font-size: 30px;
	}
	.arm summary span,
	.jixin summary span,
	.jixin-dmk summary span,
	.jixin-hk summary span,
	.jixin-yk summary span,
	.auto-lens summary span,
	.auto-rotate summary span,
	.dianji summary span,
	.dianji-dmk summary span,
	.dianji-hk summary span,
	.dianji-yk summary span,
	.light summary span,
	.light-hk summary span,
	.light-yk summary span,
	.web summary span,
	.gn summary span,
	.gn-dmk summary span,
	.gn-hk summary span,
	.gn-mk summary span,
	.gn-nk summary span,
	.gn-rk summary span,
	.gn-sk summary span,
	.gn-uk summary span,
	.gn-yk summary span,
	.sanre summary span{
		font-size: 14px;
	}
	.gn-moudle .first, 
	.gn-moudle .secend{ left:-20px;}
	.gn-moudle .third, 
	.gn-moudle .forth{ right:-20px;}
	
	.gn-moudle-sk .first{ left:-20px;}
	.gn-moudle-sk .third{ right:-20px;}
}

@media screen and (min-width: 1200px) {
	.ck-text{
		left: 20%;
		top: 30%;
		width: 300px;
	}
	.dmk-text{
		left: 20%;
		top: 30%;
		width: 300px;
	}
	.hk-text{
		left: 20%;
		top: 30%;
		width: 300px;
	}
	.mk-text{
		right: 20%;
		top: 30%;
		width: 300px;
	}
	.nk-text{
		left: 20%;
		top: 30%;
		width: 300px;
	}
	.rk-text{
		left: 20%;
		top: 30%;
		width: 300px;
	}
	.sk-text{
		left: 20%;
		top: 30%;
		opacity: 0;
		width: 300px;
	}
	.uk-text{
		left: 20%;
		top: 30%;
		width: 300px;
	}
	.yk-text{
		left: 20%;
		top: 30%;
		width: 300px;
	}
	
	
	.jixin-hk .item-img-box .item-img {
	    width: 33%;
	    margin-left: 5px;
	}
	.jixin-yk .item-img-box .item-img {
	    width: 33%;
	    margin-left: 5px;
	}
	.gn{ height: 1100px;}
	.gn-dmk{ height: 759px;}
	.gn-hk{ height: auto;}
	.gn-mk{ height: 759px;}
	.gn-nk{ height: 759px;}
	.gn-rk{ height: 759px;}
	.gn-sk{ height: 759px;}
	.gn-yk{ height: auto;}
	
	.web{ padding-top: 100px;}
	.arm summary h3,
	.jixin summary h3,
	.jixin-dmk summary h3,
	.jixin-hk summary h3,
	.jixin-yk summary h3,
	.auto-lens summary h3,
	.auto-rotate summary h3,
	.auto-rotate summary h4,
	.dianji summary h3,
	.dianji-dmk summary h3,
	.dianji-hk summary h3,
	.dianji-yk summary h3,
	.light summary h3,
	.light-hk summary h3,
	.light-yk summary h3,
	.web summary h3,
	.gn summary h3,
	.gn-dmk summary h3,
	.gn-hk summary h3,
	.gn-mk summary h3,
	.gn-nk summary h3,
	.gn-rk summary h3,
	.gn-sk summary h3,
	.gn-uk summary h3,
	.gn-yk summary h3,
	.sanre summary h3{
		font-size: 30px;
	}
	.arm summary span,
	.jixin summary span,
	.jixin-dmk summary span,
	.jixin-hk summary span,
	.jixin-yk summary span,
	.auto-lens summary span,
	.auto-rotate summary span,
	.dianji summary span,
	.dianji-dmk summary span,
	.dianji-hk summary span,
	.dianji-yk summary span,
	.light summary span,
	.light-hk summary span,
	.light-hk summary span,
	.web summary span,
	.gn summary span,
	.gn-dmk summary span,
	.gn-hk summary span,
	.gn-mk summary span,
	.gn-nk summary span,
	.gn-rk summary span,
	.gn-sk summary span,
	.gn-uk summary span,
	.gn-yk summary span,
	.sanre summary span{
		font-size: 14px;
	}
	.gn-moudle .first, 
	.gn-moudle .secend{ left:-20px;}
	.gn-moudle .third, 
	.gn-moudle .forth{ right:-20px;}
	
	.gn-moudle-sk .first{ left:-20px;}
	.gn-moudle-sk .third{ right:-20px;}

}
@media screen and (min-width: 1441px) {
	.ck-text{
		left: 20%;
		top: 30%;
		width: 454px;
	}
	.dmk-text{
		left: 20%;
		top: 30%;
		width: 476px;
	}
	.hk-text{
		left: 20%;
		top: 30%;
		width: 435px;
	}
	.mk-text{
		right: 20%;
		top: 30%;
		width: 441px;
	}
	.nk-text{
		left: 20%;
		top: 30%;
		width: 400px;
	}
	.rk-text{
		left: 20%;
		top: 30%;
		width: 420px;
	}
	.sk-text{
		left: 20%;
		top: 30%;
		width: 453px;
	}
	.uk-text{
		left: 20%;
		top: 30%;
		width: 438px;
	}
	.yk-text{
		left: 20%;
		top: 30%;
		width: 424px;
	}
	
	.jixin-hk .item-img-box .item-img {
	    width: 33%;
	    margin-left: 5px;
	}
	.jixin-yk .item-img-box .item-img {
	    width: 33%;
	    margin-left: 5px;
	}
	.web{ padding-top: 100px;}
	.gn{ height: 1100px;}
	.gn-dmk{ height: 759px;}
	.gn-hk{ height: auto;}
	.gn-mk{ height: 759px;}
	.gn-nk{ height: 759px;}
	.gn-rk{ height: 759px;}
	.gn-sk{ height: 759px;}
	.gn-uk{ height: 759px;}
	.gn-yk{ height: auto;}
	
	.arm summary h3,
	.jixin summary h3,
	.jixin-dmk summary h3,
	.jixin-hk summary h3,
	.jixin-yk summary h3,
	.auto-lens summary h3,
	.auto-rotate summary h3,
	.auto-rotate summary h4,
	.dianji summary h3,
	.dianji-dmk summary h3,
	.dianji-hk summary h3,
	.dianji-yk summary h3,
	.light summary h3,
	.light-hk summary h3,
	.light-yk summary h3,
	.web summary h3,
	.gn summary h3,
	.gn-dmk summary h3,
	.gn-hk summary h3,
	.gn-mk summary h3,
	.gn-nk summary h3,
	.gn-rk summary h3,
	.gn-sk summary h3,
	.gn-uk summary h3,
	.gn-yk summary h3,
	.sanre summary h3{
		font-size: 35px;
	}
	.arm summary span,
	.jixin summary span,
	.jixin-dmk summary span,
	.jixin-hk summary span,
	.jixin-yk summary span,
	.auto-lens summary span,
	.auto-rotate summary span,
	.dianji summary span,
	.dianji-dmk summary span,
	.dianji-hk summary span,
	.dianji-yk summary span,
	.light summary span,
	.light-hk summary span,
	.light-yk summary span,
	.web summary span,
	.gn summary span,
	.gn-dmk summary span,
	.gn-hk summary span,
	.gn-mk summary span,
	.gn-nk summary span,
	.gn-rk summary span,
	.gn-sk summary span,
	.gn-uk summary span,
	.gn-yk summary span,
	.sanre summary span{
		font-size: 16px;
	}
}

.net-banner{
    position: relative;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.net-banner .banner-text{
	position: absolute;
	vertical-align: middle;
	display: block;
	-webkit-animation:gdownIn .5s .5s both; 
	-moz-animation:gdownIn .5s .5s both; 
	animation:gdownIn .5s .5s both;
}

.arm{
	display: block;
	position: relative;
	background: url(../images/global/arm-bg.jpg) center no-repeat;
	padding: 200px 0 200px;
	overflow: hidden;
}
.arm summary{
	display: block;
	position: relative;
	opacity: 0;
	animation-delay: .5s;
}
.arm summary h3{
	display: block;
	color: #fff;
}
.arm summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}
.jixin{
	display: block;
	position: relative;
	background: url(../images/global/sky-cloud.jpg) #fff top center no-repeat;
	/*background-size: 100%;*/
	padding: 130px 0 50px;
	overflow: hidden;
}
.jixin summary{
	display: block;
	position: relative;
	opacity: 0;
	animation-delay: .5s;
}
.jixin summary h3{
	display: block;
	color: #000;
}
.jixin summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}
.jixin-dmk{
	display: block;
	position: relative;
	background: url(../images/color-bg.jpg) #ededed top center no-repeat;
	/*background-size: 100%;*/
	padding: 130px 0 50px;
	overflow: hidden;
}
.jixin-dmk summary{
	display: block;
	position: relative;
	opacity: 0;
}
.jixin-dmk summary h3{	
	color: #fff;
	display: block;
}
.jixin-dmk summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}

.jixin-hk{
	display: block;
	position: relative;
	background: #ededed;
	/*background-size: 100%;*/
	padding: 130px 0 50px;
	overflow: hidden;
}
.jixin-hk summary{
	display: block;
	position: relative;
	opacity: 0;
}
.jixin-hk summary h3{	
	color: #000;
	display: block;
}
.jixin-hk summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}
.jixin-hk .jixin-h3{
	margin: 80px 0 40px;
    letter-spacing: 2px;
}
.jixin-hk .item-img-box {
    display: block;
    overflow: hidden;
    width: 100%;
}
.jixin-hk .item-img-box .item-img {
    padding: 0;
    margin-bottom: 10px;
}
.jixin-hk .item-img-box .item-img:first-child {
    margin-left: 0px;
}

.jixin-yk{
	display: block;
	position: relative;
	background: #fff;
	/*background-size: 100%;*/
	padding: 130px 0 50px;
	overflow: hidden;
}
.jixin-yk summary{
	display: block;
	position: relative;
	opacity: 0;
}
.jixin-yk summary h3{	
	color: #000;
	display: block;
}
.jixin-yk summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}
.jixin-yk .jixin-h3{
	margin: 80px 0 40px;
    letter-spacing: 2px;
}
.jixin-yk .item-img-box {
    display: block;
    overflow: hidden;
    width: 100%;
}
.jixin-yk .item-img-box .item-img {
    padding: 0;
    margin-bottom: 10px;
}
.jixin-yk .item-img-box .item-img:first-child {
    margin-left: 0px;
}

.auto-lens{
	display: block;
	position: relative;
	background: url(../images/global/ipad_box_bg.jpg) no-repeat center;
	padding: 50px 0 50px;
	overflow: hidden;
}
.auto-lens summary{
	display: block;
	position: relative;
	opacity: 0;
	animation-delay: .5s;
}
.auto-lens summary h3{
	display: block;
	color: #000;
}
.auto-lens summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}
.auto-lens .ipad-box{
	margin-top: 60px;
}
.auto-rotate{
	display: block;
	position: relative;
	background: #fff;
	padding-bottom: 50px;
	overflow: hidden;
}
.yk-bg{
	background: #EDEDED;
}
.auto-rotate .rotate-box{
	display: block;
	position: relative;
	animation-delay: .5s;
	opacity: 0;
	margin-top: 25%;
}
.auto-rotate .rotate-box-dmk{
	display: block;
	position: relative;
	animation-delay: .5s;
	opacity: 0;
	margin-top: 45%;
}
.auto-rotate summary{
	display: block;
	position: relative;
}
.auto-rotate summary h3{
	display: block;
	color: #000;
	text-align: left;
	margin-top: 10px;
}
.auto-rotate summary h4{
	display: block;
	color: #000;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 30px;
}
.auto-rotate summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}
.auto-rotate .item-img{
	margin: 50px 0;
	display: block;
}
.auto-rotate .img-box-one{
	display: block;
}
.dianji{
	display: block;
	position: relative;
	padding-bottom: 100px;
	overflow: hidden;
}
.dianji summary{
	display: block;
	position: relative;
	opacity: 0;
	top: 50px;
}
.dianji summary h3{
	display: block;
	color: #000;
	margin-bottom: 20px;
}
.dianji summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}
.dianji .dianji-box{
	margin-top: 50px;
	margin-bottom: 30px;
}
.dianji-dmk{
	display: block;
	position: relative;
	padding-bottom: 100px;
	overflow: hidden;
	background: #EDEDED;
}
.dianji-dmk summary{
	display: block;
	position: relative;
	opacity: 0;
	top: 50px;
}
.dianji-dmk summary h3{
	display: block;
	color: #000;
	margin-bottom: 20px;
}
.dianji-dmk summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}
.dianji-dmk .dianji-box{
	margin-top: 50px;
	margin-bottom: 30px;
}
.dianji-hk{
	display: block;
	position: relative;
	padding-bottom: 100px;
	overflow: hidden;
	background: #EDEDED;
}
.dianji-hk summary{
	display: block;
	position: relative;
	opacity: 0;
	top: 50px;
}
.dianji-hk summary h3{
	display: block;
	color: #000;
	margin-bottom: 20px;
}
.dianji-hk summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}
.dianji-hk .dianji-box{
	margin-top: 50px;
	margin-bottom: 30px;
}
.dianji-yk{
	display: block;
	position: relative;
	padding-bottom: 100px;
	overflow: hidden;
	background: #EDEDED;
}
.dianji-yk summary{
	display: block;
	position: relative;
	opacity: 0;
	top: 50px;
}
.dianji-yk summary h3{
	display: block;
	color: #000;
	margin-bottom: 20px;
}
.dianji-yk summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}
.dianji-yk .dianji-box{
	margin-top: 50px;
	margin-bottom: 30px;
}

.light{
	display: block;
	position: relative;
	background: #000;
	padding-bottom: 50px;
	overflow: hidden;
}
.light .light-box{
	display: block;
	overflow: hidden;
}
.light summary{
	display: block;
	position: relative;
	opacity: 0;
}
.light summary h3{
	display: block;
	color: #fff;
	margin-bottom: 20px;
}
.light summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}
.light-hk{
	display: block;
	position: relative;
	background: url(../images/global/mn-five.jpg) no-repeat;
	overflow: hidden;
}
.light-hk .light-box{
	display: block;
	overflow: hidden;
}
.light-hk summary{
	display: block;
	position: relative;
	opacity: 0;
	padding: 30px 0 20px;
}
.light-hk summary h3{
	display: block;
	color: #fff;
	margin-bottom: 20px;
}
.light-hk summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}
.light-yk{
	display: block;
	position: relative;
	background: url(../images/global/part-four.jpg) center no-repeat;
	overflow: hidden;
}
.light-yk .light-box{
	display: block;
	overflow: hidden;
}
.light-yk summary{
	display: block;
	position: relative;
	opacity: 0;
	padding: 30px 0 20px;
}
.light-yk summary h3{
	display: block;
	color: #fff;
	margin-bottom: 20px;
}
.light-yk summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}



.web{
	display: block;
	position: relative;
	overflow: hidden;
	/*padding-top: 100px;*/
	padding-bottom: 50px;
}
.web .web-box{
	display: block;
	overflow: hidden;
}
.web .web-info{
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;	
}
.web summary{
	display: block;
	position: absolute;
	opacity: 0;
	top: 30%;
}
.web summary h3{
	display: block;
	color: #000;
	margin-bottom: 20px;
}
.web summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}
.web .icon-img{
	opacity: 0;
	position: relative;
	margin-top: 220px;
}
.gn{
	display: block;
	position: relative;
	overflow: hidden;
	padding-top: 100px ;
	background: url(../images/CWLQJ/C04.jpg) center no-repeat;
	/*background-size: 100%;*/
}

.gn .gn-box{
	display: block;
}
.gn .gn-box summary{
	display: block;
	position: relative;
	opacity: 0;
	animation-duration: 1s;
}
.gn .gn-box summary h3{
	display: block;
	color: #fff;
	margin-bottom: 20px;
}
.gn .gn-box summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}
.gn-dmk{
	display: block;
	position: relative;
	overflow: hidden;
	background: url(../images/DMWLQJ/DM_04.jpg) center no-repeat;
	/*background-size: 100%;*/
}
.gn-dmk .gn-box{
	display: block;
	position: relative;
	margin-top: 200px;
}
.gn-dmk .gn-box summary{
	display: block;
	position: relative;
	opacity: 0;
	animation-duration: 1s;
}
.gn-dmk .gn-box summary h3{
	display: block;
	color: #fff;
	margin-bottom: 20px;
}
.gn-dmk .gn-box summary span{
	color: #fff;
	display: block;
	line-height: 30px;
}

.gn-hk{
	display: block;
	position: relative;
	overflow: hidden;
	background: #EBEEF0;
	/*background-size: 100%;*/
}
.gn-hk .gn-box{
	display: block;
	position: relative;
	margin-top: 100px;
}
.gn-hk .gn-box summary{
	display: block;
	position: relative;
	opacity: 0;
	animation-duration: 1s;
}
.gn-hk .gn-box summary h3{
	display: block;
	color: #000;
	margin-bottom: 20px;
}
.gn-hk .gn-box summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}

.gn-mk{
	display: block;
	position: relative;
	overflow: hidden;
	background: url(../images/MWLQJ/M08.jpg) center no-repeat;
	/*background-size: 100%;*/
}
.gn-mk .gn-box{
	display: block;
	position: relative;
	margin-top: 200px;
}
.gn-mk .gn-box summary{
	display: block;
	position: relative;
	opacity: 0;
	animation-duration: 1s;
}
.gn-mk .gn-box summary h3{
	display: block;
	color: #fff;
	margin-bottom: 20px;
}
.gn-mk .gn-box summary span{
	color: #fff;
	display: block;
	line-height: 30px;
}

.gn-nk{
	display: block;
	position: relative;
	overflow: hidden;
	background: url(../images/NWLQJ/N08.jpg) top center no-repeat;
	/*background-size: 100%;*/
}
.gn-nk .gn-box{
	display: block;
	position: relative;
	margin-top: 200px;
}
.gn-nk .gn-box summary{
	display: block;
	position: relative;
	opacity: 0;
	animation-duration: 1s;
}
.gn-nk .gn-box summary h3{
	display: block;
	color: #fff;
	margin-bottom: 20px;
}
.gn-nk .gn-box summary span{
	color: #fff;
	display: block;
	line-height: 30px;
}
.gn-rk{
	display: block;
	position: relative;
	overflow: hidden;
	background: url(../images/RWLQJ/R08.jpg) top center no-repeat;
	/*background-size: 100%;*/
}
.gn-rk .gn-box{
	display: block;
	position: relative;
	margin-top: 200px;
}
.gn-rk .gn-box summary{
	display: block;
	position: relative;
	opacity: 0;
	animation-duration: 1s;
}
.gn-rk .gn-box summary h3{
	display: block;
	color: #fff;
	margin-bottom: 20px;
}
.gn-rk .gn-box summary span{
	color: #fff;
	display: block;
	line-height: 30px;
}

.gn-sk{
	display: block;
	position: relative;
	overflow: hidden;
	background: url(../images/SWLQJ/S08.jpg) top center no-repeat;
	/*background-size: 100%;*/
}
.gn-sk .gn-box{
	display: block;
	position: relative;
	margin-top: 200px;
}
.gn-sk .gn-box summary{
	display: block;
	position: relative;
	opacity: 0;
	animation-duration: 1s;
}
.gn-sk .gn-box summary h3{
	display: block;
	color: #fff;
	margin-bottom: 20px;
}
.gn-sk .gn-box summary span{
	color: #fff;
	display: block;
	line-height: 30px;
}

.gn-uk{
	display: block;
	position: relative;
	overflow: hidden;
	background: url(../images/UWLQJ/U08.jpg) top center no-repeat;
	/*background-size: 100%;*/
}
.gn-uk .gn-box{
	display: block;
	position: relative;
	margin-top: 200px;
}
.gn-uk .gn-box summary{
	display: block;
	position: relative;
	opacity: 0;
	animation-duration: 1s;
}
.gn-uk .gn-box summary h3{
	display: block;
	color: #fff;
	margin-bottom: 20px;
}
.gn-uk .gn-box summary span{
	color: #fff;
	display: block;
	line-height: 30px;
}

.gn-yk{
	display: block;
	position: relative;
	overflow: hidden;
	background: #EBEEF0;
	/*background-size: 100%;*/
}
.gn-yk .gn-box{
	display: block;
	position: relative;
	margin-top: 100px;
}
.gn-yk .gn-box summary{
	display: block;
	position: relative;
	opacity: 0;
	animation-duration: 1s;
}
.gn-yk .gn-box summary h3{
	display: block;
	color: #000;
	margin-bottom: 20px;
}
.gn-yk .gn-box summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}

.gn .gn-box .icon-box,
.gn-dmk .gn-box .icon-box,
.gn-hk .gn-box .icon-box,
.gn-mk .gn-box .icon-box,
.gn-nk .gn-box .icon-box,
.gn-rk .gn-box .icon-box,
.gn-sk .gn-box .icon-box,
.gn-uk .gn-box .icon-box,
.gn-yk .gn-box .icon-box{
	margin-top: 40px;
}
.gn .gn-box .icon-box .first,
.gn-dmk .gn-box .icon-box .first,
.gn-hk .gn-box .icon-box .first,
.gn-mk .gn-box .icon-box .first,
.gn-nk .gn-box .icon-box .first,
.gn-rk .gn-box .icon-box .first,
.gn-sk .gn-box .icon-box .first,
.gn-uk .gn-box .icon-box .first,
.gn-yk .gn-box .icon-box .first{
	opacity: 0;
	margin-bottom: 20px;
	margin-top: 20px;
}
.gn .gn-box .icon-box .secend,
.gn-dmk .gn-box .icon-box .secend,
.gn-hk .gn-box .icon-box .secend,
.gn-mk .gn-box .icon-box .secend,
.gn-nk .gn-box .icon-box .secend,
.gn-rk .gn-box .icon-box .secend,
.gn-sk .gn-box .icon-box .secend,
.gn-uk .gn-box .icon-box .secend,
.gn-yk .gn-box .icon-box .secend{
	opacity: 0;
	margin-bottom: 20px;
	margin-top: 20px;
}
.gn .gn-box .icon-box .third,
.gn-dmk .gn-box .icon-box .third,
.gn-hk .gn-box .icon-box .third,
.gn-mk .gn-box .icon-box .third,
.gn-nk .gn-box .icon-box .third,
.gn-rk .gn-box .icon-box .third,
.gn-sk .gn-box .icon-box .third,
.gn-uk .gn-box .icon-box .third,
.gn-yk .gn-box .icon-box .third{
	opacity: 0;
	margin-bottom: 20px;
	margin-top: 20px;
}
.gn .gn-box .icon-box .forth,
.gn-dmk .gn-box .icon-box .forth,
.gn-hk .gn-box .icon-box .forth,
.gn-mk .gn-box .icon-box .forth,
.gn-nk .gn-box .icon-box .forth,
.gn-rk .gn-box .icon-box .forth,
.gn-sk .gn-box .icon-box .forth,
.gn-uk .gn-box .icon-box .forth,
.gn-yk .gn-box .icon-box .forth{
	opacity: 0;
	margin-bottom: 20px;
	margin-top: 20px;
}
.sanre{
	display: block;
	position: relative;
	overflow: hidden;
	background: #282F37;
	padding: 50px 0;
}
.sanre summary{
	display: block;
	position: relative;
	opacity: 0;
	animation-duration: 1s;
}
.sanre summary h3{
	display: block;
	color: #fff;
	margin-bottom: 20px;
}
.sanre summary span{
	color: #757575;
	display: block;
	line-height: 30px;
}
.gn-moudle{
	display: block;
	position: relative;
	padding: 50px 0;
	overflow: hidden;
}
.gn-moudle .item-img{ margin-bottom: 10px;}
.gn-moudle .first,
.gn-moudle .secend,
.gn-moudle .third,
.gn-moudle .forth{ position: relative;}

.gn-moudle-sk{
	display: block;
	position: relative;
	padding: 50px 0;
	overflow: hidden;
}
.gn-moudle-sk .item-img{ margin-bottom: 10px;}
.gn-moudle-sk .first,
.gn-moudle-sk .secend,
.gn-moudle-sk .third{ position: relative;}