body, html, header, section, div, ul, li, div, a, p, h1,h2,h3 {
	padding: 0;
	margin: 0;
	font-family: "微软雅黑"
}
li {
	list-style: none;
}
a {
	text-decoration: none;
}

.sp_header{height:50px;overflow:hidden;position: absolute; left: 0; top: 0; z-index: 1;z-index:1000;width:100%;background: url(../imagesm/nav.png) center repeat; max-width: 640px;}
.sp_logo{float:left;height:50px}
.sp_logo img{margin:auto;max-height:60px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:0px; padding-top:60px; background: url(../imagesm/nav.png) center repeat; width: 100%; height: 100%; position: absolute; text-align: center;}
.sjj_nav ul {width:30%; margin: 0 auto;}
.sjj_nav ul li{border-bottom:1px #ddd solid;width: 100%; line-height:50px;font-size:1.3em;}

.sjj_nav ul li a{color:#fff;width:80%}

.s1 { background: url(../imagesm/bgs1.jpg) center no-repeat;background-size: 100%;
}
.s1 .s1hf {text-align: center; width: 100%;
	position: absolute;
	top: 30%;

	opacity: 0;
	z-index: 6;
	-webkit-transform: translateY(1000px);
	transform: translateY(1000px);
	transition-delay: 0.8s;
}
.s1 .s1hf {
	transition-delay: 0.8s;
}
.s1.active .s1hf {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.s1.active .s1hf {
	opacity: 1;
}
.s1hf span{width: 100%; display: block; padding-top: 150px;}
.s1hf a {
	background: #118ccf;
	color: #fff;
	padding: 13px 40px;
}

/*公共*/
.con{max-width: 640px;}
.section { 
	overflow: hidden;
}
.section .left {
	
	z-index: 2
}
.section .left li {
	float: left;

	transition: 0.8s;
}


.section .right {
	z-index: 3;
	transition: 0.8s
}

.section .bg {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1
}
.s11 {width:100%;background: url(../imagesm/bgs11.jpg) center top no-repeat;background-size: 100%;
}
.s11co{width: 100%; text-align: center; position: relative; top:70px; }
.s11coimg span{padding: 0px 10%; font-size: 1.0em; color: #424242; text-align:center;display: block; line-height:25px; }
.s11co p{padding: 0px 10%; font-size: 0.8em; color: #6d6d6d; text-align: left;display: block; line-height: 18px; }
.s11co img{width: 100%;}
.s11top{width:100%; text-align: center; padding:5px 0px; }
.s11top img{width:25%;border-radius:150px;}
.s11top span{display: block;font-size:0.8em;color:#333333;  }
.s11bot{width: 68%;margin-left:16%; margin-right:16%;  }
.s11bot li{width:46%; text-align: center; float: left; }
.s11bot li img{width: 80%;border-radius:150px;}
.s11bot li span{display: block;font-size:0.8em;color:#333333; }
.s11bot li:nth-child(1){float: left;}
.s11bot li:nth-child(2){float:right;}





.s2 {width:100%;background: url(../imagesm/bgs2.jpg) center no-repeat;background-size: 100%;
}
.s2co{width: 100%; text-align: center; position: relative; top:60px; }
.s2co p{padding: 0px 10%; font-size: 0.8em; color: #6d6d6d; text-align: left;display: block; line-height: 15px; }
.s2co img{width: 100%;}
.swiper-container {position: relative;top:60px;
	width: 100%;
	height:35%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	
	/* Center slide text vertically */
	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;
}
.swiper-slide  ul{width: 100%;}
.swiper-slide li{width:40%; float: left;}
.swiper-slide li img{width: 70%;}
.swiper-slide li p{ font-size: 0.8em;}
.s2db{width: 100%; text-align: center; position: absolute; bottom:0px;}
.s2db img{width: 60%;}



.s2 .left { float: left;width: 40%; margin-left: 10%;
	margin-top: 140px;
}
.s2 .right { float: right; width:40%; margin-right: 10%;
	margin-top: 100px;
}
.s2 .right img{ float: right; width:90%; padding-top: 50px;
}
.s2 .left li {
	-webkit-transform: translateY(1000px);
	transform: translateY(1000px);
}
.s2 .left li:nth-child(1) {
	transition-delay: 0.8s
}
.s2 .left li:nth-child(2) {
	transition-delay: 0.9s
}
.s2 .left li:nth-child(3) {
	transition-delay: 1s
}
.s2 .left li:nth-child(4) {
	transition-delay: 1.2s
}
.s2 .left li:nth-child(5) {
	transition-delay: 1.3s
}
.s2 .left li:nth-child(6) {
	transition-delay: 1.4s
}
.s2.active .left li {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.s2 .right .pic1 img{opacity: 0; transition: 2.8s 0.8s;
}
.s2.active .right .pic1 img {
opacity: 1;
}
.s2 .right .pic2 img{opacity: 0; transition:2.8s 2.2s;

}
.s2.active .right .pic2 img {
opacity: 1;
}


.lxlmore{position:relative;width:145px;top:60px;left:40px;   line-height:55px;display:inline-block;text-align:center;background:#d6d6d6;font-size:14px;color:#053b93;}
.lxlmore a{color:#666;}
.lxlmore:before{content:"";display:block;width:13px;height:13px;background:url(../images/icong.png) no-repeat center center;position:absolute;left:0;top:0;}
.lxlmore:after{content:"";display:block;width:13px;height:13px;background:url(../images/icong.png) no-repeat center center;position:absolute;right:0;bottom:0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.lxlmore:hover{background:#053b93;color:#fff;-moz-transition: all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;}
.lxlmore:hover *{color: #fff;}

.s3 {
	width:100%;background: url(../imagesm/bgs3.jpg) center no-repeat;background-size: 100%;
}
.s3 .left{width:100%; text-align: center; margin-top:80px;z-index:15;position: relative; }
.s3 .left img{width:75%; }
.s3 .left video{width:75%; }
.s3 .left{opacity: 0; transition: 2.8s 0.8s;
}
.s3.active .left{
opacity: 1;
}

.s3 .right {width:80%;position:relative;border:5px solid #0057ce; z-index:5;  margin:0 auto;margin-top: -40px;}
.s3 .right p{color:#fff; font-size: 0.9em; padding:50px 10px 0px 10px; line-height: 25px; }
.s3 .right  a{color:#fff; padding:5px 20px; border:1px solid #fff; position: relative; top:20px;}

.s3 .right{opacity: 0; transition:1.8s 2.2s;

}
.s3.active .right{
opacity: 1;
}


.s3 .left li {
	transition-delay: 0.8s
}
.s3 .left li:nth-child(1) {
	-webkit-transform: translateX(-979px);
	transform: translateX(-979px)
}
.s3 .left li:nth-child(3) {
	-webkit-transform: translateX(-1258px);
	transform: translateX(-1258px)
}
.s3 .left li:nth-child(2) {
	-webkit-transform: translateX(-979px);
	transform: translateX(-979px)
}
.s3 .left li:nth-child(4) {
	-webkit-transform: translateX(979px);
	transform: translateX(979px)
}
.s3 .left li:nth-child(5) {
	-webkit-transform: translateX(1258px);
	transform: translateX(1258px)
}
.s3 .left li:nth-child(6) {
	-webkit-transform: translateX(979px);
	transform: translateX(979px)
}
.s3.active .left li {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}
.s3 .right {
	-webkit-transform: translateX(500px);
	transform: translateX(500px);
	transition-delay: 1.2s
}
.s3.active .right {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.s4 {
	width:100%;background: url(../imagesm/bgs4.jpg) center no-repeat;background-size: 100%;
}

.news{width: 100%; position:relative; top: 70px; }
.news h2 img{width: 100%;}
.news ul{width:85%; margin-left: 5%; }
.news li{width:100%; background:#fff; border-radius:8px; margin-top: 15px;   }
.news li img{float: left;width: 30%; height:70px; padding: 5px; }
.news li .nr{width:65%; float: left; }
.news li .nr a{display: block; line-height:30px; color: #323232;  font-size: 1.0em;}
.news li .nr span{display: block; line-height: 20px; color: #8b8b8b;  font-size: 0.7em;}
.news li .nr span img{width:10px;height: 10px;}
.news li .nr p{display: block; line-height: 30px; color: #707070;  font-size: 0.8em;}


.s5 {background: url(../imagesm/bgs5.jpg) center no-repeat;background-size: 100%;
	
}
.application{width: 100%; position:relative; top:80px;}
.application h2 img{width: 100%;}
.application{width: 100%; position:relative; top:80px;}
.application h2 img{width: 100%;}
.gd{width:100%; height: 35%;}
.sidexg2{width: 80%; margin: 0 auto; height:100px;}
.gd .gd1{ width:40%; float: left;text-align: center; margin: 5px;padding: 5px; background:#fff; }
.gd .gd1 img{width:100%; }
.gd .gd1 p{ font-size: 0.8em;text-align: center; color: #333;}

.gd .gd2{ width:40%; float: right;text-align: center; margin: 5px;padding: 5px; background:#fff; }
.gd .gd2 img{width:100%; }
.gd .gd2 p{ font-size: 0.8em;text-align: center; color: #333;}


.dbmore{position: relative; top:80px;}
.dbmore a{background:#108ccf; padding: 10px 30px; color:#fff; border-radius: 5px;  }

.s6 {background: url(../imagesm/bgs6.jpg) center top no-repeat;background-size: 100%;
	
}
.contact{width: 100%; position:relative; top:80px;}
.contact h2 img{width: 100%; }
.contact div{text-align: center; color: #fff;line-height:25px;font-size: 0.9em;}
.contact div img{width:30px;}
.power p{text-align: center; color: #fff;font-size: 1.0em; line-height:25px; }


/*滚动*/
div.maindiv1{float:left;width:1560px;height:160px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:272px;height:168px;margin-left:35px;}
.bottom{width: 100%;  background:#2d3e50;  margin: 0 auto; height: 350px;}
.footer{width: 1200px; margin: 0 auto; padding-top:35px;}
.footer .foot_l{width:350px; float: left; }
.footer .foot_l p{ color: #fff; font-size: 14px; line-height:30px; padding-left:20px;}
.footer .foot_c{width:435px; float: left; margin-left: 125px; }
.footer .foot_c h2{ font-size: 30px; color: #fff; line-height: 60px;}
.footer .foot_c p{ background: url(../images/bgfc.png) left 3px no-repeat; padding-left: 30px; color: #fff; font-size: 14px; line-height:26px;}

.footer .foot_r{width:290px; float: left; }
.footer .foot_r h2{ font-size: 30px; color: #fff; line-height: 60px;}
.mess{ width:290px;float:left;    }
.mess form{  float:left;  width:290px;}
.mess .dy1 { display: block;  width:45px; font-size:14px; color:#fff;letter-spacing:1px; height:25px; line-height:25px; float: left;}
.mess .dy2 input{  height:25px; font-size:14px; padding-left: 10px;   text-align:left;  border: 1px solid #666; color:#fff; background: none; float: left; background:#fff;  }
.mess .kd2{ float:left; margin-top: 10px; }
.mess .kd3{ float:left;margin-top: 10px;}
.mess .kd3 .dy2 input{ height:45px; }
.mess .coolbg{ width:70px; background:#f08519; font-size:14px; height:25px; color:#fff; border:0px;cursor:pointer; margin-left:50px; }
.mess .coolbg1{ width:70px; background:#f08519; font-size:14px; height:25px; color:#fff; border:0px;cursor:pointer; margin-left: 10px; }











 @-webkit-keyframes move1 {
 0% {
-webkit-transform: translate(330px, -1000px);
transform: translate(330px, -1000px)
}
 20% {
-webkit-transform: translate(330px, 0);
transform: translate(330px, 0)
}
 40% {
-webkit-transform: translate(330px, -50px);
transform: translate(330px, -50px)
}
 60% {
-webkit-transform: translate(330px, 0px);
transform: translate(330px, 0px)
}
 100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
}
 @-webkit-keyframes move2 {
 0% {
-webkit-transform: translate(0, -1000px);
transform: translate(0, -1000px)
}
 20% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
 40% {
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px)
}
 60% {
-webkit-transform: translate(0, 0px);
transform: translate(0, 0px)
}
 100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
}
 @-webkit-keyframes move3 {
 0% {
-webkit-transform: translate(-330px, -1000px);
transform: translate(-330px, -1000px)
}
 20% {
-webkit-transform: translate(-330px, 0);
transform: translate(-330px, 0)
}
 40% {
-webkit-transform: translate(-330px, -50px);
transform: translate(-330px, -50px)
}
 60% {
-webkit-transform: translate(-330px, 0px);
transform: translate(-330px, 0px)
}
 100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
}
 @keyframes move1 {
 0% {
transform: translate(330px, -1000px)
}
 20% {
transform: translate(330px, 0)
}
 40% {
transform: translate(330px, -50px)
}
 60% {
transform: translate(330px, 0px)
}
 100% {
transform: translate(0, 0)
}
}
 @keyframes move2 {
 0% {
transform: translate(0, -1000px)
}
 20% {
transform: translate(0, 0)
}
 40% {
transform: translate(0, -50px)
}
 60% {
transform: translate(0, 0px)
}
 100% {
transform: translate(0, 0)
}
}
 @keyframes move3 {
 0% {
transform: translate(-330px, -1000px)
}
 20% {
transform: translate(-330px, 0)
}
 40% {
transform: translate(-330px, -50px)
}
 60% {
transform: translate(-330px, 0px)
}
 100% {
transform: translate(0, 0)
}
}