img{
	width: 100%;
	height: auto;
	display: block;
}
body{
	width: 100%;
	min-width: 1200px;
	background-color: #faf9f5;
}
.banner,.title,div[class^="module_"]{
	width:100%;
	position: relative;
}
.banner{
	position: relative;
	overflow: hidden;
}
img.bgM{
	display: none;
}
.titM{
	display: none;
}
img[class^="banner_"]{
	position: absolute;
	width: auto;
}
.banner_1{
	height: 100%;
	top: 0;
	left: 0;
}
.banner_2{
	height: 100%;
	top: 0;
	right: 0;
}
.banner_3{
	height: 12%;
	top: 12%;
	left: 22%;
}
.banner_4{
	height: 19%;
	top: 27%;
	left: 30%;
}
.banner_5{
	height: 17%;
	top: 51%;
	left: 22%;
}
.banner_6{
	height: 20%;
	top: 55%;
	left: 43%;
}
.banner_7{
	height: 10%;
	bottom: 1.5%;
	right: 21.5%;
}
.module_1{
	background: url('../img/bg_1.png') center/cover no-repeat;
	position: relative;
}
.module_1_1{
	width: 8%;
	position: absolute;
	bottom: 10%;
	left: 4%;
}
.module_1_2{
	width: 7%;
	position: absolute;
	top: 15%;
	right: 5%;
}
.centent,.imgBox_1,.centent_2{
	width:62.5%;
	margin: 0 auto;
	position: relative;
}
.title_1{
	margin: 64px 0 34px;
}
p{
	font-family: MicrosoftYaHei;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 1px;
	color: #0e0e0e;
	margin-bottom: 24px;
	text-indent: 2em;
}
p.small{
	text-indent: 0em;
	font-family: MicrosoftYaHei;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
	line-height: 20px;
}
i.fontW{
	font-weight: bold;
}
.banTit{
	width: 100%;
	margin: 70px auto 30px;
}
.banTit img{
	float: left;
}
.banTit img:nth-of-type(1){
	width: 18.75%;
}
.banTit img:nth-of-type(2){
	width: 15.625%;
}
.banTit img:nth-of-type(3){
	width: 22.65625%;
}
.banTit img:nth-of-type(4){
	width: 13.28125%;
}
.banTit img:nth-of-type(5){
	width: 10.9375%;
}
.banTit img:nth-of-type(6){
	width: 18.75%;
}
.moduleImg_2{
	padding: 70px 0;
}
.module_2 > img:nth-of-type(1){
	position: absolute;
	bottom: 18%;
	left: 0%;
	width: 10%;
}
.module_2 > img:nth-of-type(2){
	position: absolute;
	top: 35%;
	right: 0%;
	width: 15%;
}
.module_title_3{
	width: 100%;
}
.title_3{
	position: relative;
	margin-bottom: 70px;
}
.title_3_1{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: auto;
}
.title_3_2{
	position: absolute;
	top: 0%;
	left: 24%;
	height: 86%;
	width: auto;
}
.title_3_3{
	position: absolute;
	bottom: 0;
	right: 15%;
	width: auto;
	height: 15%;
}
.imgBox_1{
	position: relative;
	padding-bottom:3%;
}
.imgBox_1 > .shadowBox{
	width: 80%;
	margin-left: 6%;
	position: relative;
	z-index: 2;
}
.module_2 .shadowBox{
	position: relative;
	margin: .5rem auto;
}
.module_2 .shadowBox:hover > a{
	bottom: 7.6%;
	transition: bottom .5s;
}
.shadowBox > a{
	top: 0;
	left: 0;
	right: 0;
	bottom: 100%;
	position: absolute;
	background: rgba(0,0,0,.5);
	overflow: hidden;
}
.imgBox_1:hover > .shadowBox > a{
	bottom: 0%;
	transition: bottom .5s;
}
.shadowBox > a > img{
	width: 14%;
	position: absolute;
	top: 40%;
	left: 43%;
}
.caseBox .shadowBox > a > img{
	width: 30%;
	position: absolute;
	top: 38%;
	left: 37%;
}
.imgBox_1 > img:nth-of-type(1){
	position: absolute;
	width: 30%;
	bottom: 0;
	left: 0;
}
.imgBox_1 > img:nth-of-type(2){
	position: absolute;
	width: 27%;
	bottom: 0;
	right: 0;
}
.imgBox_1 > img:nth-of-type(3){
	position: absolute;
	width: 2%;
	top: -12%;
	right: 15%;
}
.imgBox_1 > img:nth-of-type(4){
	position: absolute;
	width: 4%;
	top: 18%;
	right: -10%;
}
.imgBox_1 > img:nth-of-type(5){
	position: absolute;
	width: 2%;
	bottom: 27%;
	right: -25%;
}
.centent_2{
	padding:50px 0;
}
.module_3 > img{
	position: absolute;
}
.module_3 > img:nth-of-type(1){
	width: 2%;
	left: 6%;
	bottom: 17%;
}
.module_3 > img:nth-of-type(2){
	width: 1%;
	left: 13%;
	bottom: 1%;
}
.module_4_imgBox {
	margin-bottom: 50px;
}
.module_4_imgBox > img:nth-of-type(2){
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: auto;
}
.module_4_imgBox > img:nth-of-type(3){
	position: absolute;
	right: 0;
	bottom: -20%;
	height: 25%;
	width: auto;
}
.module_4_imgBox > img:nth-of-type(4){
    position: absolute;
    left: 18%;
    top: 8%;
    height: 41%;
    width: auto;
}
.module_4_imgBox > img:nth-of-type(5){
    position: absolute;
    left: 18%;
    bottom: 8%;
    height: 41%;
    width: auto;
}
.module_4 .centent_1,
.module_4 .centent_2{
	width: 62.5%;
	margin: 0 auto;
}
.module_4_imgBox .shadowBox{
	position: absolute;
	width: 45%;
	right: 10%;
	top: 8%;
	border-radius: 50%;
	overflow: hidden;
}
.module_4_imgBox .shadowBox > a{
	position: none;
	border-radius: 50%;
	top: 2.3%;
	left: 2.2%;
	right: 2.6%;
	bottom: 100%;
	background: rgba(0,0,0,.5);
}
.module_4_imgBox .shadowBox:hover > a{
	bottom: 2.7%;
	transition: bottom .5s;
}
.module_4_imgBox .shadowBox > img{
	width: 100%;
}
.shadowBg{
	width: 95.1%;
	height: 95.1%;
	margin-left: 2.2%;
	margin-top: 2.2%;
	border-radius: 50%;
	position: absolute;
	top: -100%;
	background-color: rgba(0,0,0,.5);
}
.module_4_imgBox .shadowBox:hover > .shadowBg{
	top: 0%;
	transition: top .5s;
}
.centent_2{
	position: relative;
}
.centent_2_tit{
	width: 100%;
	margin-bottom: 80px;
}
.centent_2_tit img{
	width: 460px;
	margin: auto;
}
.caseBox{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 50px;
}
.caseBox .shadowBox{
	width: 32%;
	position: relative;
}
.caseBox .shadowBox:nth-of-type(1),
.caseBox .shadowBox:nth-of-type(2),
.caseBox .shadowBox:nth-of-type(3){
	margin-bottom: 2%;
}
.caseBox > .shadowBox:hover > a{
	bottom: 0%;
	transition: bottom .5s;
}
.centent_2 > img:nth-of-type(1){
	position: absolute;
	top: 55%;
	right: -28%;
	width: 20%;
}
.centent_2 > img:nth-of-type(2){
	position: absolute;
	bottom: -10%;
	left: 30%;
	width: 40%;
}
.centent_2 > img:nth-of-type(3){
	position: absolute;
	top: 38%;
	left: -28%;
	width: 4%;
}
.centent_2 > img:nth-of-type(4){
	position: absolute;
	top: 16%;
	left: -16%;
	width: 2%;
}
.centent_2 > img:nth-of-type(5){
	position: absolute;
	top: 46%;
	left: -11%;
	width: 2%;
}
.module_4 > .centent_2{
	margin-bottom: 150px;
}
/* footer start */
.bui_foot{
    background: url("../img/usds_02.png") no-repeat;background-size: 100% 100%;padding: 50px 0;
    position: relative;
}
.c_foot_ul{
    float: left;margin-left: 5px;
}
.c_foot_ul li{
    color: #ffffff;font-size: 16px;margin-bottom: 5px;padding-left: 42px;line-height: 31px;
}
.c_foot_bg1{  background: url("../img/cv.png") no-repeat 0 3px ;}
.c_foot_bg2{  background: url("../img/skl_96.png") no-repeat 0 2px;}
.c_foot_bg3{  background: url("../img/skl_98.png") no-repeat 0 2px;}
.c_foot_bg4{  background: url("../img/skl_100.png") no-repeat 0 3px;}
.c_foot_bg5{  background: url("../img/skl_100.png") no-repeat 0 3px;}
.c_foot_ul li p{
    font-size: 14px;color: #fff;opacity: .5;text-indent: 0em;
}
.c_foot_div{
    float: right;text-align: center;margin-top: 20px;
}
.c_foot_div p{
    color: #fff;margin-top: 35px;font-size: 18px;text-indent: 0em;
}
.c_foot_div img{
    width: 175px;height: 175px;
}
.c_foot_min{
    margin:  auto ;width: 66%;overflow: hidden;
}
.foot_1{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 5%;
}
.foot_2{
	position: absolute;
	bottom: 40%;
	right: 0;
	width: 6%;
}
.delay0{animation-delay: .2s;-webkit-animation-delay: .2s;}
.delay1_3{animation-delay: .7s;-webkit-animation-delay: .7s;}
.delay1_6{animation-delay: 1s;-webkit-animation-delay: 1s;}
.delay1_9{animation-delay: 1.3s;-webkit-animation-delay: 1.3s;}
.delay1_12{animation-delay: 1.6s;-webkit-animation-delay: 1.6s;}
.delay1_15{animation-delay: 2.1s;-webkit-animation-delay: 2.1s;}
/* footer end */
/*  720 图标动画 start  */

.animaImg{
    animation: t10 5s ease-in-out infinite;
    -webkit-animation: t10 5s ease-in-out infinite;
}
@-webkit-keyframes t10 {
    0%, 100% {
        -webkit-transform: translate(7px, -7px);
    }
    50% {
        -webkit-transform: translate(-10px, 10px);
    }
}
@keyframes t10 {
    0%, 100% {
        -webkit-transform: translate(7px, -7px);
                transform: translate(7px, -7px);
    }
    50% {
        -webkit-transform: translate(-10px, 10px);
                transform: translate(-10px, 10px);
    }
}

/*  720 图标动画 end  */

@media screen and (max-width:640px) {

	*{margin: 0;padding: 0;font-family: "微软雅黑";}
	body{width: 6.4rem}
	li{list-style: none;}
	.bn{border: none!important;}
	h2,h3{font-weight: normal}
	a{text-decoration: none}
	i{font-style: normal}
	input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;outline: none;
	}
	textarea { -webkit-appearance: none;resize:none; outline: none}
	*{-webkit-tap-highlight-color: rgba(0,0,0,0.0);}
	body{
		min-width: 320px;
		width: 100%;
	}
	img.bgM{
		display: block;
	}
	img.bgP{
		display: none;
	}
	.banner_1 {
		height: 100%;
		top: 0;
		left: -9%;
	}
	.banner_2 {
		height: 100%;
		top: 0;
		right: -14%;
	}
	.centent_2_tit img {
		width: 80%;
		margin: auto;
	}
	p {
		font-size: .24rem;
		line-height: .48rem;
		margin-bottom: .24rem;
	}

	p.small {
		font-size: .1rem;
		line-height: .2rem;
	}
	.centent,.imgBox_1,.centent_2,
	.module_4 .centent_1,
	.module_4 .centent_2,.c_foot_min{
		width:95%;
	}
	.c_foot_div img {
		margin: auto;
	}
	.c_foot_div {
		float: none;
	}
	.c_foot_ul li {
		font-size: .24rem;
		margin-bottom: .05rem;
		padding-left: .6rem;
		line-height: .48rem;
	}

	.title_1 {
		margin: .64rem 0 .34rem;
	}
	.banTit {
		width: 100%;
		margin: .7rem auto .3rem;
	}
	.module_1_2 {
		top: 8%;
	}
	.module_1_1 {
		bottom: -8%;
	}
	.moduleImg_2 {
		padding: .3rem 0;
	}
	.title_3 {
		margin-bottom: .3rem;
	}
	.centent_2 {
		padding: .3rem 0;
	}
	.centent_2_tit {
		margin-bottom: .5rem;
	}
	.caseBox {
		margin-top: 0;
	}
	.module_4 > .centent_2 {
		margin-bottom: .6rem;
	}
	.module_2 .shadowBox > a{
		bottom: 7.6%;
	}
	.shadowBox > a {
		bottom: 0%;
	}
	.module_4_imgBox .shadowBox > a{
		bottom: 2.7%;
	}
	.imgBox_1 > img:nth-of-type(4) {
		top: 10%;
		right: 2%;
	}
	.imgBox_1 > img:nth-of-type(5) {
		bottom: 37%;
		right: 3%;
	}
	.centent_2 > img:nth-of-type(1) {
		top: 19%;
		right: 0%;
		width: 10%;
	}
	.module_2 .shadowBox{
		margin: .3rem auto;
	}
	.centent_2 > img:nth-of-type(3) {
		position: absolute;
		top: 16%;
		left: 0%;
		width: 4%;
	}
	.centent_2 > img:nth-of-type(4) {
		position: absolute;
		top: 10%;
		left: 5%;
		width: 2%;
	}
	.centent_2 > img:nth-of-type(5) {
		position: absolute;
		top: 25%;
		left: 4%;
		width: 2%;
	}
	.module_1 .shadowBox > a >img {
		width: 23%;
		top: 26%;
		left: 43%;
	}
	.module_3 .shadowBox  > a >img {
		width: 23%;
		top: 39%;
		left: 40%;
	}
	.module_4 .shadowBox  > a >img {
		width: 42%;
		top: 34%;
		left: 32%;
	}
	.banTit img:nth-of-type(1) {
		display: none;
	}
	.banTit img:nth-of-type(2) {
		width: 25%;
	}
	.banTit img:nth-of-type(3) {
		width: 36.25%;
	}
	.banTit img:nth-of-type(4) {
		width: 21.25%;
	}
	.banTit img:nth-of-type(5) {
		width: 17.5%;
	}
	.banTit img:nth-of-type(6) {
		display: none;
	}
	.module_2 > img:nth-of-type(1) {
		top: 18%;
	}
	.module_2 > img:nth-of-type(2) {
		top: 18%;
	}
	.titP{
		display: none;
	}
	.titM{
		display: block;
	}
	.title_3_2 {
		left: 1%;
	}
	.module_4_imgBox .shadowBox {
		width: 53%;
		right: 5%;
		top: -7%;
	}
	.module_4_imgBox > img:nth-of-type(4),
	.module_4_imgBox > img:nth-of-type(5) {
		left: 14%;
	}
	.module_3 > img:nth-of-type(1) {
		bottom: 0%;
	}
	.module_4_imgBox > img:nth-of-type(2) {
		left: -4%;
	}
	.module_4_imgBox > img:nth-of-type(3) {
		right: 0%;
		bottom: -17%;
	}
	.title_3_1 {
		height: 50%;
	}
	.bui_foot {
		background-image: url(../img/usdsM.png);
	}
}