@charset "utf-8";
/* CSS Document */
body, html{min-width:1400px;}
*{margin:0;padding:0;}
.w1200{width:1200px;margin:0 auto;position:relative;height:100%;}
.section{padding:20px 0;text-align:center;}
.bannerdiv{background:url(../images/suppbanner.jpg) center no-repeat;height:780px;width:100%;padding:0;}
.blode{display:block;background-color:#ce0709;color:#fff;font-size:28px;width:342px;height:68px;line-height:68px;text-align:center;position:absolute;left:50%;margin-left:-171px;bottom:69px;}
.blode:hover{background-color:#b90708;}
.bimg1{position:absolute;left:880px;top:55px;-webkit-animation:balloon 2s linear 1s infinite alternate both;animation:balloon 2s linear 1s infinite alternate both;}
.bimg2{position:absolute;left:146px;top:189px;-webkit-animation:balloon 3s linear 1s infinite alternate both;animation:balloon 3s linear 1s infinite alternate both;}
.bimg3{position:absolute;right:-104px;top:15px;-webkit-animation:balloon 3s linear 0s infinite alternate both;animation:balloon 3s linear 0s infinite alternate both;}
.bimg4{position:absolute;right:40px;top:136px;}
.bimg5{position:absolute;left:398px;top:20px;webkit-animation:sun 12s linear 0s infinite both;animation:sun 12s linear 0s infinite both;}
.fl1{background-color:#FFF;height:534px;}
.fl1 p{font-size:20px;text-indent:2em;}
.titleh3{font-size:50px;color:#232323;text-align:center;padding:30px 0 50px 0;}
.bd img{display:inline-block;border:none;margin:6px;}
.fl1 .bd img{border:1px solid #c9c9c9;margin:12px;}
.slidbox{height:224px;position:relative;overflow:hidden;}
.fl6 .slidbox{height:184px;}
.slidbox .hd {width:100%;height:15px;left:auto;right:auto;top:auto;bottom:30px;position:absolute;text-align:center;z-index:1;}
.slidbox .hd li {zoom:1;overflow:hidden;margin:0 5px;background-color:#b2b2b2;cursor:pointer;display:inline-block;width:12px;height:12px;border-radius:50%;margin:0 3px;}
.slidbox .hd li.on{background-color:#ff8a17;}
.slidbox .bd{overflow:hidden;height:100%;position:relative;}
.bd li{height:100%;overflow:hidden;text-align:center;}
.fl7{background:url(../images/map.jpg) no-repeat center;height:445px;text-align:center;padding:0;margin-top:60px;}
.fl5,.fl2{background-color:#f8f8f8;}
.fl5{height:448px;text-align:center;}
.sqbtn a{width:304px;height:64px;line-height:64px;text-align:center;border:1px solid #333;font-size:25px;margin-top:35px;background-color:#FFF;display:inline-block;color:#333;background-color:transparent;}
.sqbtn a:hover{background-color:#ff4b3a; color:#fff;border:1px solid #ff4b3a;}
.fontS{-webkit-animation:resetOpacity 0s ease 0s 1 normal forwards;-moz-animation:resetOpacity 0s ease 0s 1 normal forwards;-ms-animation:resetOpacity 0s ease 0s 1 normal forwards;animation:resetOpacity 0s ease 0s 1 normal forwards}
.fz1{position:absolute;left:184px;top:253px;}
.fz7{position:absolute;left:238px;top:530px;}
/*.animated .fz7{-webkit-animation: slideRight 1s ease 1s;-moz-animation: slideRight 2s ease 0s 1 normal none; -ms-animation: slideRight 2s ease 0s 1 normal none;animation: slideRight 1s ease 1s;}*/
.animated .fontS{-webkit-animation: slideDown 1s ease-in 0s 1 normal both;
  -moz-animation: slideDown 1s ease-in 0s 1 normal both;
  -ms-animation: slideDown 1s ease-in 0s 1 normal both;
  animation: slideDown 1s ease-in 0s 1 normal both;}
	.fz2{position:absolute;left:324px;top:240px;}
	.fz3{position:absolute;left:466px;top:220px;}
	.fz4{position:absolute;left:593px;top:218px;}
	.fz5{position:absolute;left:730px;top:222px;}
	.fz6{position:absolute;left:866px;top:200px;}
	.m-layer{display:none;position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.m-layer table{table-layout:fixed;width:100%;height:100%;}
.m-layer table tbody tr td{vertical-align:middle;}
.m-layer .lywrap{position:relative;width:28%;margin:0 auto;}
.m-layer .lyct{padding:37px;background:#fff; margin:0;position:relative;color:#999;font-size:14px;}
.m-layer.z-show{display:block;}
.layerClose{display:block;position:ABSOLUTE;right:5px;top:5px;border:1px solid #999;color:#888;text-align:center;width:42px;height:42px;line-height:42px;font-size:25px;}
.inputcom{display:block;border:1px solid #ccc;height:38px;line-height:38px;margin:18px 0;width:100%;text-indent:2em;outline:none;color:#999;}
.lyct h3{text-align:center;font-size:36px;font-weight:normal;color:#333;border-bottom: 1px dashed #ccc;margin:0 -37px;padding-bottom:23px;}
.lyct h4{font-size:20px;font-weight:normal;}
.lyct label{display:inline-block;margin:5px 0;width:30%;text-align:center;}
.lyct label input{width:18px;height:18px;margin-right:10px;}
.btnr{display:block;width:100%;background-color:#eb6100;text-align:center;height:50px;line-height:50px;color:#fff;font-size:20px;margin-top:15px;}
.txtdiv7{width:680px;margin:0 auto;-webkit-animation:resetOpacity 0s ease 0s 1 normal forwards;
	-moz-animation:resetOpacity 0s ease 0s 1 normal forwards;
	-ms-animation:resetOpacity 0s ease 0s 1 normal forwards;
	animation:resetOpacity 0s ease 0s 1 normal forwards}
.animated .txtdiv7{-webkit-animation:bounceIn 1s ease 0s 1 normal both;
	-moz-animation:bounceIn 1s ease 0s 1 normal both;
	-ms-animation:bounceIn 1s ease 0s 1 normal both;
	animation:bounceIn 1s ease 0s 1 normal both}
.fl3 li,.fl4 li{width:25%;float:left;}
.fl3.animated li  img{-webkit-animation:tada 1s ease 0s 1 normal both;
	-moz-animation:tada 1s ease 0s 1 normal both;
	-ms-animation:tada 1s ease 0s 1 normal both;
	animation:tada 1s ease 0s 1 normal both}
.fl4 li  img{ -webkit-animation:resetOpacity 0s ease 0s 1 normal forwards;
	-moz-animation:resetOpacity 0s ease 0s 1 normal forwards;
	-ms-animation:resetOpacity 0s ease 0s 1 normal forwards;
	animation:resetOpacity 0s ease 0s 1 normal forwards;}
	.fl4.animated li  img{-webkit-animation:rollIn 1s ease 0s 1 normal both;
	-moz-animation:rollIn 1s ease 0s 1 normal both;
	-ms-animation:rollIn 1s ease 0s 1 normal both;
	animation:rollIn 1s ease 0s 1 normal both}
.fl4.animated li  img.img2{animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.fl4.animated li  img.img3{animation-delay: 1s;-webkit-animation-delay: 1s;}
.fl4.animated li  img.img4{animation-delay: 1.5s;-webkit-animation-delay: 1.5s;}
.fl2.animated img{-webkit-animation:rounleft 1.5s ease 0s 1 normal both;animation:rounleft 1.5s ease 0s 1 normal both;-moz-animation:rounleft 1.5s ease 0s 1 normal both}
.fl2 img{ -webkit-animation:resetOpacity 0s ease 0s 1 normal forwards;
	-moz-animation:resetOpacity 0s ease 0s 1 normal forwards;
	-ms-animation:resetOpacity 0s ease 0s 1 normal forwards;
	animation:resetOpacity 0s ease 0s 1 normal forwards}
	@-webkit-keyframes slideRight {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-moz-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
-o-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}

to {
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@-moz-keyframes slideRight {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-moz-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
-o-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
to {
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@-ms-keyframes slideRight {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-moz-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
-o-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
10% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-moz-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
-o-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
to {
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@-o-keyframes slideRight {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-moz-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
-o-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
10% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-moz-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
-o-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
to {
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes slideRight {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-moz-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
-o-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
10% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-moz-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
-o-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
to {
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@-webkit-keyframes rounleft{
	0%{opacity:0;-webkit-transform: scale(0,0) ;}
	100%{opacity:1;-webkit-transform: scale(1,1));}
}
@-moz-keyframes rounleft {
    0% { opacity:0; -moz-transform:scale(0,0);}
    100% { opacity:1; -moz-transform:scale(1,1));}

}
@keyframes rounleft{
	0%{opacity:0;transform: scale(0,0);}
	100%{opacity:1;transform: scale(1,1);}
}	
@-webkit-keyframes sun{
	0%{-webkit-transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg)}
}

@keyframes sun{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
@-webkit-keyframes balloon{
	0%{-webkit-transform:translateY(-15px)}
	100%{-webkit-transform:translateY(0)}
}

@keyframes balloon{
	0%{transform:translateY(-15px)}
	100%{transform:translateY(0)}
}

@-webkit-keyframes slideDown {
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(0, -260%, 0);
-moz-transform:translate3d(0, -260%, 0);
-ms-transform:translate3d(0, -260%, 0);
-o-transform:translate3d(0, -260%, 0);
transform:translate3d(0, -260%, 0)
}
60%{
	-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
	}
	80%{
	-webkit-transform:translate3d(0, -10%, 0);
-moz-transform:translate3d(0, -10%, 0);
-ms-transform:translate3d(0, -10%, 0);
-o-transform:translate3d(0, -10%, 0);
transform:translate3d(0, -10%, 0)
	}
100% {
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes slideDown {
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(0, -260%, 0);
-moz-transform:translate3d(0, -260%, 0);
-ms-transform:translate3d(0, -260%, 0);
-o-transform:translate3d(0, -260%, 0);
transform:translate3d(0, -260%, 0)
}
60%{
	-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
	}
	80%{
	-webkit-transform:translate3d(0, -10%, 0);
-moz-transform:translate3d(0, -10%, 0);
-ms-transform:translate3d(0, -10%, 0);
-o-transform:translate3d(0, -10%, 0);
transform:translate3d(0, -10%, 0)
	}
100% {
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@-webkit-keyframes rotateWordsSecond {
    0% { opacity:0; -webkit-transform:translateZ(600px) ;}
   100% { opacity:1; -webkit-transform:translateZ(0px);}
    
}
@-moz-keyframes rotateWordsSecond {
    0% { opacity:0; -moz-transform:translateZ(600px);}
    100% { opacity:1; -moz-transform:translateZ(0px);}

}
@-o-keyframes rotateWordsSecond {
   0% { opacity:0; -o-transform:translateZ(600px);}
   100% { opacity:1; -o-transform:translateZ(0px);}
   
}
@-ms-keyframes rotateWordsSecond {
    0% { opacity:0; -ms-transform:translateZ(600px);}
    100% { opacity:1; -ms-transform:translateZ(0px);}
    
}
@keyframes rotateWordsSecond {
    0% { opacity:0; transform:translateZ(600px);}
    100% { opacity:1; transform:translateZ(0px);}
  
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@-webkit-keyframes arrflash{
	0%{opacity:0.2;}
	20%{opacity:1;}
	40%{opacity:0.2;}
	60%{opacity:1;}
	90%{opacity:1;}
	100%{opacity:0.2;}
}

@keyframes arrflash{
	0%{opacity:0.2;}
	20%{opacity:1;}
	40%{opacity:0.2;}
	60%{opacity:1;}
	90%{opacity:1;}
	100%{opacity:0.2;}
}
@-webkit-keyframes resetOpacity {
from {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1
}
to {
	-webkit-opacity:0;
	-moz-opacity:0;
	opacity:0
}
}
@-moz-keyframes resetOpacity {
from {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1
}
to {
	-webkit-opacity:0;
	-moz-opacity:0;
	opacity:0
}
}
@-ms-keyframes resetOpacity {
from {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1
}
to {
	-webkit-opacity:0;
	-moz-opacity:0;
	opacity:0
}
}
@-o-keyframes resetOpacity {
from {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1
}
to {
	-webkit-opacity:0;
	-moz-opacity:0;
	opacity:0
}
}
@keyframes resetOpacity {
from {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1
}
to {
	-webkit-opacity:0;
	-moz-opacity:0;
	opacity:0
}
}
.banner-side{display:none;}