@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
li{list-style:none}
body{line-height:22px; font-size:18px; color:#79808e;  font-family:'MicroSoft Yahei',verdana,arial,tahoma;}
img{border:none;}
.clear{zoom:1; clear:both; height:0px; line-height:0px; font-size:0px}
a{text-decoration:none;}
.fr{float:right;}
.fl{float:left}
.w1190{width:1190px; margin:0 auto}
.w1030{width:1030px; margin:0 auto}
.w1060{width:1060px; margin:0 auto}
.w1410{width:1410px; margin:0 auto}
.w980{width:980px; margin:0 auto}
.h90{height:90px}
.h75{height:75px}
.h70{height:70px}
.h60{height:60px}
.h160{height:160px}
.h130{height:130px}
/*content_1*/
.content_1Wap{display:none}
.content_1{width:100%; float:left; background:url(../clientImgs/bg.jpg) top center no-repeat; height:1013px; position:relative}
.header{width:1190px; position:absolute; height:30px; font-size:22px; line-height:30px; top:18px; left:50%; z-index:10; margin:0px 0px 0px -595px;}
.header .fl{font-weight:bold}
.header a{color:#fff}
.logo{float:left; margin:0px 17px 0px 0px}
.nav a{float:left}
.content_1_yuan{position:relative; top:306px; left:50%; width:426px; height:426px; margin:0px 0px 0px -213px}
.content_yuan_img1{position:absolute; top:50%; left:50%; margin:-141px 0px 0px -141px; z-index:5; animation:spin1 15s linear infinite; -webkit-animation:spin1 15s linear infinite;}
.content_yuan_img2{position:absolute; top:0px; left:0px; z-index:3; animation:spin 15s linear infinite; -webkit-animation:spin 15s linear infinite;}
@keyframes spin{
	0%{transform:rotate(-360deg)}
 	100%{transform:rotate(0deg);}
}
@keyframes spin1{
	0%{transform:rotate(0deg)}
 	100%{transform:rotate(-360deg);}
}
.content_1_text{width:734px; position:absolute; z-index:10; top:410px; left:50%; margin:0px 0px 0px -367px}
.content_1_textT{float:left}
.content_1_textD{width:240px; margin:0 auto 170px auto}
.content_1_textD b{width:100%; color:#fff; margin:10px 0px; float:left; text-align:center; font-size:20px; font-weight:400;}
.content_1_textB{width:282px; margin:0 auto; position:relative}
.content_1_textB a{background:url(../clientImgs/btn.png) center center no-repeat; width:100%; height:58px; float:left; line-height:58px; text-align:center; color:#fff; font-size:24px; -webkit-transition:all 220ms linear;
-moz-transition:all 220ms linear; -o-transition:all 220ms linear; -ms-transition:all 220ms linear; transition:all 220ms linear; }
.content_1_textB a:hover{font-size:30px}
.content_1_textB i{position:absolute; top:20px;}
.content_1_textBL{background:url(../clientImgs/btnL.png) center center no-repeat; width:8px; height:20px; left:-10px; -webkit-animation:scrollLeft 1.4s linear infinite; animation:scrollLeft 1.4s linear infinite;}
.content_1_textBR{background:url(../clientImgs/btnR.png) center center no-repeat; width:8px; height:20px; right:-10px; -webkit-animation:scrollRight 1.4s linear infinite; animation:scrollRight 1.4s linear infinite;}
.content_1_textBL1{background:url(../clientImgs/btnL.png) center center no-repeat; width:8px; height:20px; left:-20px; -webkit-animation:scrollLeft 1.4s linear infinite; animation:scrollLeft 1.4s linear infinite;}
.content_1_textBR1{background:url(../clientImgs/btnR.png) center center no-repeat; width:8px; height:20px; right:-20px; -webkit-animation:scrollRight 1.4s linear infinite; animation:scrollRight 1.4s linear infinite;}
@keyframes scrollLeft{
	25%{transform:translateX(-3px);}
	50%,100%{-webkit-transform:translateY(0);} 
	75%{transform:translateX(3px);}
}
@keyframes scrollRight{
	25%{transform:translateX(-3px);}
	50%,100%{-webkit-transform:translateY(0);} 
	75%{transform:translateX(3px);}
}

/*content_2*/
.content_2{background:url(../clientImgs/bg1.jpg) center top no-repeat; width:100%; float:left;}
.content_3{background:url(../clientImgs/bg2.jpg) center top no-repeat; width:100%; float:left;}
.title{width:100%; float:left; overflow:hidden; text-align:center; margin:0px 0px 70px 0px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.title img{display:inline-block}
.title1{width:100%; float:left; overflow:hidden; text-align:center; margin:0px 0px 15px 0px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
.title1 img{display:inline-block}
.content_21 h5{font-size:18px; color:#797f8d; font-weight:400; text-align:center; width:630px; margin:0 auto; line-height:30px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.content_21C{width:100%; float:left; text-align:center; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.content_211 h5{margin:0px auto 20px auto}
.content_212 h5{margin:0px auto 80px auto}
.content_213 h5{margin:0px auto 105px auto}
.content_214 h5{margin:0px auto 85px auto}
.content_215 h5{margin:0px auto 85px auto}
.content_216 h5{margin:0px auto 50px auto}
.content_217 h5{margin:0px auto 100px auto}

.content_21.hover .title1{-webkit-animation:tit .8s .1s linear forwards; -moz-animation:tit .8s .1s linear forwards; animation:tit .8s .1s linear forwards;}
.content_21.hover .title{-webkit-animation:tit .8s .1s linear forwards; -moz-animation:tit .8s .1s linear forwards; animation:tit .8s .1s linear forwards;}
.content_21.hover h5{-webkit-animation:tit .8s .1s linear forwards; -moz-animation:tit .8s .1s linear forwards; animation:tit .8s .1s linear forwards;}
.content_21.hover .content_21C{-webkit-animation:tit .8s .1s linear forwards; -moz-animation:tit .8s .1s linear forwards; animation:tit .8s .1s linear forwards;}
/*@keyframes sectionH3{
	25%{transform:translateY(120px); filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
	100%{-webkit-transform:translateY(0); filter:alpha(opacity=100); -moz-opacity:1; opacity:1;} 
}*/
@keyframes tit{0%{transform:translateY(90px)}80%{opacity:1}100%{opacity:1;transform:translateY(0)}}
.footer{text-align:center; color:#b2b2b2; font-size:12px; padding:140px 0px 50px 0px}

@media(max-width:1418px){
	.w1410{width:100%;}
	.header{width:90%; left:5%; float:left; right:5%; margin:0px}
	.w1410 .content_21C{width:100%; float:left; margin:0px }	
	.w1410 .content_21C img{max-width:100%; height:auto}
}
@media(max-width:1060px){
	body{background:#020107}
	.content_2{background:none}
	.content_3{background:none}
	.content_1{display:none}
	.content_1Wap{display:block; width:100%; text-align:center; float:left; position:relative}
	.WapHeaderBg{max-width:100%; height:auto}
	.content_1_text{width:80%; left:50%; top:170px; margin:0px 0px 0px -40%}
	.WapLogo{width:120px; height:auto; margin:0px 0px 60px 0px}
	.content_1_text img{max-width:100%; height:auto}
	.header{width:90%; left:5%; float:left; right:5%; margin:0px}
	.title{margin:0px 0px 40px 0px}
	.content_1_textD{margin:0px auto 100px auto}
	.content_21.w1030,.content_21.w980,.content_21.w1410,.content_21.w1060{width:100%}
	.title1{margin:0px 0px 25px 0px} 
	.title1 img{max-width:80%; height:auto}
	.content_21C{width:70%; float:left; margin:0px 15%}
	.content_21C img{max-width:100%; height:auto}
	.content_21 h5{width:70%; margin:0 auto 30px auto; font-size:16px; line-height:24px;}
	.footer{width:80%; margin:0 auto}
	.content_211  .title img{width:100px; height:auto}
	.content_215  .title img{width:80px; height:auto}
	.content_216  .title img{width:80px; height:auto}
	.content_217  .title img{width:178px; height:auto}
	.content_213 .content_21C{padding:0 0px 30px 0px}
}
@media(max-width:414px){
	.content_1Wap .header{font-size:18px}
	.content_1_textD b{font-size:15px}
	.content_1_textB{width:240px}
	.content_1_textB a{background-size:100% 100%; height:50px; line-height:50px; font-size:16px}
	.content_1_textB a:hover{font-size:16px}
	.content_1_textB i{top:16px}
	.content_1_text{width:60%; margin:0px 0px 0px -30%}
	.WapLogo{width:100px}
	.content_1_text{top:150px}
	.content_21 h5{font-size:14px}
	.content_1_textD{margin:0px auto 80px auto}
	.h160{height:70px}
}
@media(max-width:375px){
	.content_1Wap .header{font-size:16px}
	.content_1_textD b{font-size:15px}
	.content_1_textB{width:200px}
	.content_1_textB a{background-size:100% 100%; height:45px; line-height:45px; font-size:16px}
	.content_1_textB a:hover{font-size:16px}
	.content_1_textB i{top:14px}
	.content_1_text{width:60%; margin:0px 0px 0px -30%}
	.WapLogo{width:100px}
	.content_1_text{top:105px}
	.content_1_textD{margin:0px auto 70px auto}
}
@media(max-width:320px){
	.WapLogo{width:80px}
	.content_1_textB{width:200px}
	.content_1_textB a{background-size:100% 100%; height:45px; line-height:45px; font-size:16px}
	.content_1_textB a:hover{font-size:16px}
	.content_1_text{top:110px}
	.content_1_textD{margin:0px auto 40px auto}
}