@charset "utf-8";
.banner{ width:100%; position:relative; height:650px; overflow:hidden}
.banner img{ width:100%}
.banner video{ width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.banner .con{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:url(bj.png) center center no-repeat; background-size:cover}
.banner .con .item{ width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; color:#f0102b}
.banner .con .item .a1{ font-size:60px}
.banner .con .item .a1 i{ color:#f0102b}
.banner .con .item .a2{ font-size:24px; padding:10px 0 20px; position:relative;  word-break: keep-all;}
.banner .con .item .a2 a{ color:#fff}
.banner .con .item .a2:after{ content:""; display:block; width:138px; height:2px; background:#fff; position:absolute; left:50%; margin-left:-69px; bottom:0}
.banner .con .item .a3{ width:100%; text-align:center}
.banner .con .item .a3 a{ display:inline-block; vertical-align:top; width:150px; height:44px; border:2px solid #fff; line-height:44px; border-radius:24px;  color:#fff; font-size:18px; margin-top:25px}

.x1{ width:100%;position:relative; background:url(g_07.png) center center no-repeat}
.x1 .nr{ width:1200px; margin:0 auto; position:relative;padding:145px 0; height:439px;}
.x1 .nr .con{ width:439px; position:relative; margin:0 auto; text-align:center}
.x1 .nr .item01{ position:absolute; left:0; top:58px;animation: myfirst 3s linear 3s infinite alternate;
	/* Firefox: */
	-moz-animation: myfirst 3s linear 3s infinite alternate;
	/* Safari 和 Chrome: */
	-webkit-animation: myfirst 3s linear 3s infinite alternate;
	/* Opera: */
	-o-animation: myfirst 3s linear 3s infinite alternate;}
.x1 .nr .item02{ position:absolute; left:715px; top:58px;animation: myfirst 3s linear 3s infinite alternate;
	/* Firefox: */
	-moz-animation: myfirst 3s linear 3s infinite alternate;
	/* Safari 和 Chrome: */
	-webkit-animation: myfirst 3s linear 3s infinite alternate;
	/* Opera: */
	-o-animation: myfirst 3s linear 3s infinite alternate;}
.x1 .nr .item03{ position:absolute; bottom:175px; right:795px;animation: myfirst2 3s linear 3s infinite alternate;
	/* Firefox: */
	-moz-animation: myfirst2 3s linear 3s infinite alternate;
	/* Safari 和 Chrome: */
	-webkit-animation: myfirst2 3s linear 3s infinite alternate;
	/* Opera: */
	-o-animation: myfirst2 3s linear 3s infinite alternate;}
.x1 .nr .item04{ position:absolute; right:0; bottom:133px;animation: myfirst2 3s linear 3s infinite alternate;
	/* Firefox: */
	-moz-animation: myfirst2 3s linear 3s infinite alternate;
	/* Safari 和 Chrome: */
	-webkit-animation: myfirst2 3s linear 3s infinite alternate;
	/* Opera: */
	-o-animation: myfirst2 3s linear 3s infinite alternate;}
	
.x1 .nr .item05{ position:absolute; right:400px; bottom:0;animation: myfirst3 3s linear 3s infinite alternate;
	/* Firefox: */
	-moz-animation: myfirst3 3s linear 3s infinite alternate;
	/* Safari 和 Chrome: */
	-webkit-animation: myfirst3 3s linear 3s infinite alternate;
	/* Opera: */
	-o-animation: myfirst3 3s linear 3s infinite alternate;}
	
.x1 .nr .con .a1{ font-size:25px; color:#333333; line-height:1; padding-top:120px;}
.x1 .nr .con .a2{ font-size:25px; color:#333333; line-height:1; padding-top:10px}
.x1 .nr .con .a3{ font-size:14px; color:#333333; margin-top:45px; line-height:2}
.x1 .nr .item04 .pic{ float:right; border-radius:50%; box-shadow:0 0 15px rgba(00,00,00,0.2)}
.x1 .nr .item04 .title{ position:absolute; right:260px; top:50%; transform:translateY(-50%); width:300px; text-align:right}
.x1 .nr .item04 .title .n{ font-size:30px; color:rgba(102,102,102,0.2); font-weight:bold; line-height:1}
.x1 .nr .item04 .title h3{ font-size:20px; color:#010101; padding:10px 0}
.x1 .nr .item04 .title p{ font-size:14px; color:#666666}

.x1 .nr .item01 .pic{ float:left; border-radius:50%; box-shadow:0 0 15px rgba(00,00,00,0.2)}
.x1 .nr .item01 .title{ position:absolute; left:260px; top:50%; transform:translateY(-50%); width:300px; text-align:left}
.x1 .nr .item01 .title .n{ font-size:30px; color:rgba(102,102,102,0.2); font-weight:bold; line-height:1}
.x1 .nr .item01 .title h3{ font-size:20px; color:#010101; padding:10px 0}
.x1 .nr .item01 .title p{ font-size:14px; color:#666666}
.x1 .nr .item03 .pic{ float:right; border-radius:50%; box-shadow:0 0 15px rgba(00,00,00,0.2)}
.x1 .nr .item03 .title{ position:absolute; right:220px; top:50%; transform:translateY(-50%); width:300px; text-align:right}
.x1 .nr .item03 .title .n{ font-size:30px; color:rgba(102,102,102,0.2); font-weight:bold; line-height:1}
.x1 .nr .item03 .title h3{ font-size:20px; color:#010101; padding:10px 0}
.x1 .nr .item03 .title p{ font-size:14px; color:#666666}

.x1 .nr .item02 .pic{ float:left; border-radius:50%; box-shadow:0 0 15px rgba(00,00,00,0.2)}
.x1 .nr .item02 .title{ position:absolute; left:220px; top:50%; transform:translateY(-50%); width:300px; text-align:left}
.x1 .nr .item02 .title .n{ font-size:30px; color:rgba(102,102,102,0.2); font-weight:bold; line-height:1}
.x1 .nr .item02 .title h3{ font-size:20px; color:#010101; padding:10px 0}
.x1 .nr .item02 .title p{ font-size:14px; color:#666666}


.x1 .nr .item05 .pic{ float:right; border-radius:50%; box-shadow:0 0 15px rgba(00,00,00,0.2)}
.x1 .nr .item05 .title{ position:absolute; right:220px; top:50%; transform:translateY(-50%); width:300px; text-align:right}
.x1 .nr .item05 .title .n{ font-size:30px; color:rgba(102,102,102,0.2); font-weight:bold; line-height:1}
.x1 .nr .item05 .title h3{ font-size:20px; color:#010101; padding:10px 0}
.x1 .nr .item05 .title p{ font-size:14px; color:#666666}



@keyframes myfirst
{
from { margin-top:0;}
to {margin-top:-20px;}
}

@-moz-keyframes myfirst
{
from { margin-top:0;}
to {margin-top:-20px;}
}

@-webkit-keyframes myfirst 
{
from { margin-top:0;}
to {margin-top:-20px;}
}

@-o-keyframes myfirst
{
from { margin-top:0;}
to {margin-top:-20px;}
}


@keyframes myfirst2
{
from { bottom:175px;}
to {bottom:195px;}
}

@-moz-keyframes myfirst2
{
from { bottom:175px;}
to {bottom:195px;}

}

@-webkit-keyframes myfirst2 
{
from { bottom:175px;}
to {bottom:195px;}
}

@-o-keyframes myfirst2
{
from { bottom:175px;}
to {bottom:195px;}

}

@keyframes myfirst3
{
from { bottom:-30px;}
to {bottom:0;}
}

@-moz-keyframes myfirst3
{
from { bottom:-30px;}
to {bottom:0;}

}

@-webkit-keyframes myfirst3 
{
from { bottom:-30px;}
to {bottom:0;}
}

@-o-keyframes myfirst3
{
from { bottom:-30px;}
to {bottom:0;}
}





.x2{ width:100%}
.x2 .hd{ width:100%; text-align:center; margin-top:75px; text-align:center; padding-bottom:35px}
.x2 .hd h3{ font-size:25px; color:#333333; font-weight:normal}
.x2 .hd p{ font-size:25px; color:#333333}
.x2 .bd{ width:100%; background:#fcfcfc; text-align:center; padding:88px 0 114px;}
.x2 .bd .item{ display:inline-block; vertical-align:top; width:182px; height:182px; border-radius:50%; box-sizing:border-box; border:1px solid #727272; position:relative; margin:0 36px}
.x2 .bd .item .n{ position:absolute; width:28px; height:28px; text-align:center; background:#fcfcfc; position:absolute; left:50%; margin-left:-14px; top:-14px; line-height:28px; font-size:16px; color:#333333}
.x2 .bd .item .a1 i{ font-size:50px; font-weight:bold}
.x2 .bd .item .a1{ font-size:16px; color:#de3247; padding-top:40px}
.x2 .bd .item .a2{ font-size:16px; color:#666666}

.x3{ width:100%;background:url(g_08.jpg) center center no-repeat; background-size:cover; height:609px;}
.x3 img{ display:none}
.x3 .nr{ width:1200px; position:absolute; left:50%; top:49%; transform:translate(-50%,-50%); z-index:2; color:#fff}
.x3 .nr .a1{ font-size:25px}
.x3 .nr .a2{ font-size:25px}
.x3 .nr .a3{ font-size:25px; margin-top:45px}
.x3 .nr .a4{ width:914px; font-size:14px; line-height:30px; margin-top:30px}


.x4{ width:100%; background:#fcfcfc; padding:72px 0}
.x4 .nr{ width:1200px; margin:0 auto}
.x4 .nr .lt{ float:left}
.x4 .nr .rt{ width:785px; float:right; position:relative}
.x4 .nr .lt .a1{ font-size:25px; color:#333333; line-height:1; padding-top:88px}
.x4 .nr .lt .a2{ font-size:25px; color:#333333; line-height:1; padding-top:10px}
.x4 .nr .lt .a3{ font-size:16px; color:#666666; line-height:2; margin-top:55px; height:164px}
.x4 .nr .lt .a4 a{ display:inline-block; vertical-align:top; width:162px; height:48px; border:1px solid #666666; text-align:center; line-height:48px; font-size:16px; color:#666666; border-radius:5px}
.x4 .nr .lt .a4 a:hover{ background:#666; color:#fff}
.x4 .nr .rt .swiper01{ width:1140px; overflow:hidden; height:518px}
.x4 .nr .rt .next{ background:url(g_09.png) center center no-repeat; width:36px; height:36px; position:absolute; left:-18px; top:50%; margin-top:-18px; z-index:2; cursor:pointer}
.x4 .nr .rt .swiper01 .swiper-slide{ width:394px; position:relative; height:518px}
.x4 .nr .rt .swiper01 .swiper-slide .pic{ width:100%}
.x4 .nr .rt .swiper01 .swiper-slide .pic img{ width:100%}
.x4 .nr .rt .swiper01 .swiper-slide .title{ width:100%; box-sizing:border-box; padding:25px 35px; position:absolute; left:0; bottom:0; color:#fff}
.x4 .nr .rt .swiper01 .swiper-slide .title .a1{ font-size:14px;}
.x4 .nr .rt .swiper01 .swiper-slide .title .a2{ font-size:24px; height:80px; line-height:30px; margin-top:5px}
.x4 .nr .rt .swiper01 .swiper-slide .title .a3{ font-size:12px; height:60px}
.x4 .nr .rt .swiper01 .swiper-slide .title .a4{ background:url(g_11.png) left center no-repeat; height:5px; width:100%}

.x5{ width:100%; padding-bottom:70px}
.x5 .hd h3{ width:100%; text-align:center; padding:70px 0 50px; font-size:25px; color:#333; line-height:1; font-weight:normal}
.x5  .item{ width:1200px; margin:0 auto}
.x5  .item .pic{ width:190px; height:96px; position:relative; overflow:hidden; float:left; margin-right:12px; margin-bottom:12px;}
.x5  .item .pic:nth-child(5n){ margin-right:0}
.x5  .item .pic .img1{ display:block}
.x5  .item .pic:hover .img1{ display:none}

.x6{ width:100%; background:url(g_13.jpg) center center no-repeat; height:566px; padding-top:1px}
.x6 .a1{ text-align:center; font-size:20px; color:#333333; line-height:50px; margin-top:70px}
.x6 .a2{ text-align:center; margin-top:30px}
.x6 .a2 a{ display:inline-block; vertical-align:top; width:162px; height:48px; border:1px solid #666666; text-align:center; line-height:48px; font-size:16px; color:#666666; border-radius:5px}
.x6 .a2 a:hover{ background:#666; color:#fff}


.x7{ width:100%; background:#f7f7f7; padding:25px 0}
.x7 .nr{ width:1200px; margin:0 auto}
.x7 .nr .lt{ float:left; width:85px; font-size:16px; line-height:30px; color:#666666}
.x7 .nr .rt{ width:calc(100% - 85px); float:left; font-size:16px; line-height:30px; color:#666666}
.x7 .nr .rt a{ display:block; float:left; margin-right:30px; line-height:30px; color:#666}