@charset "utf-8";
/* css document */
body{color:#666; background-color: #fff;}
a{color:#333;}
a:hover{ color: #00866e; text-decoration:none;}
.container{min-width:1200px; margin: auto; clear: both;overflow:hidden;}
.w1200{margin:0 auto;padding:0;width:1200px; overflow:hidden;}
.mtop15 { margin: 15px auto 0;}
.mtop25{margin:25px auto 0;}
.mtop50{margin:50px auto 0;}
.mtop40{margin:40px auto 0;}
.mtop60{margin:60px auto 0;}
.layout:after,.hd:after,.bd:after{content:"";display:table;clear:both;}
.layout,.hd,.bd{*zoom:1;}
.hide{ display:none;}
body{background:#fff;padding:0;margin:0;font-size:14px;line-height:30px;font-family:'microsoft yahei';}
ul,form,dd,dt,dl,h1,h2,h3,h4,p{padding:0;margin:0;}
a{color:#333333;text-decoration:none;}
a:hover{color:#ff9724 !important;}
i{text-decoration:none;font-style:normal}
.w{width:1200px;margin:0 auto;}
.cl{clear:both;}
li{list-style:none;}
img{border:0;}
.mt7{margin:10px 0 0 0;}
.non{display:none;}

.dh{background:#f9f9f9 !important;width:100% !important;height:33px !important;text-align:right !important;border-bottom:1px solid #e4e4e4 !important;padding:3px 0 !important;}
.dh img{width:54px !important;height:33px !important;float:left !important;}
.dh a,.dh i{padding:0 5px 0 5px !important;line-height:33px !important;font-size:14px;font-family:'microsoft yahei';}

.box{width:1200px;margin:0 auto;}

.morebox{height:80px; clear:both; padding:46px 0;}
.moreboxcon{ display:block; margin:0 auto;height:89px; width:267px;}
.morebox a{line-height:80px;}

.mod_hd{width:100%;height: 300px;overflow: hidden;position: relative;margin:85px auto 30px;text-align: center;}
.mod_bd p a{ color:#00866e;}
.bn_title{margin-bottom: 25px;}
.bn_title h2 {margin-bottom: 10px;font-size: 22px;}
.bn_title p{font-size: 14px; color: #8d8d8d;line-height: 25px; font-weight: normal;  text-align: justify; word-wrap: break-word;}
.bn_title p a{color: #00866e;}

.bn_title{margin-bottom: 25px;}
.bn_title h2 {margin-bottom: 10px;font-size: 24px;}
.bn_title p{font-size: 14px; color: #8d8d8d;line-height: 25px; font-weight: normal;}
.bn_title p a{color: #00866e;}
.list ul li {padding: 16px 0 15px 0px; font-size:16px;}


.extra_mod h3{font-size:20px;margin:10px 0 5px;}
.extra_mod img{width:470px; height:250px; display:block;overflow:hidden;}
.extra_mod p,.mod_pic_txt p{ font-size: 14px; color: #a5a5a5;line-height: 25px;font-weight: normal; text-indent:2em;}

.extra_mod p a,.mod_pic_txt p a{color:#00866e;}
.mod_pic_txt{padding:1px 0 13px; border-bottom: 1px dotted #ccc;}
.mod_pic_txt h3{margin:-2px 0 15px;font-size:20px;font-weight: normal;}
.mod_pic_txt p{text-align: justify; word-wrap: break-word;}

.play_icon{height: 98px;width: 98px;display:block;position:absolute;left: 45%;top: 40%;background-image:url(/uploads/image/wt2qimages/sm-play-icon.png);background-repeat:no-repeat;background-size:100%;z-index:3;}
.play_icon:hover{cursor:pointer;background-image:url(/uploads/image/wt2qimages/sm-play-icon-hover.png);background-repeat:no-repeat}

.leanmore{display:block;margin:25px auto 0;width:120px;height:36px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#f1f1f1;color:#9c9c9c;text-align:center;font-size:15px;line-height:36px;cursor:pointer;}
.leanmore:hover{background-color:red;color:#fff;}


.focusbox { position: relative; width:700px; height:460px; overflow: hidden; }
.focusbox .pic img { width:700px; height:460px; display: block;overflow:hidden;}	
.focusbox .pic li,.p4 .p4left .extra_mod{position:relative; display:block; float:left;}	
.focusbox .pic li p,.p1 .p1infopic p,.p4 .p4left .extra_mod h3{position:absolute;bottom:0px;line-height:20px;padding:15px 0;left: 0px;background: rgba(35, 149, 116, 0.7) none repeat scroll 0 0 !important;filter: alpha(opacity=60);background: #ffba62;width:100%;text-indent:10px;color:#fff;}
.focusbox .pic li p a,.p4 .p4left .extra_mod h3 a{ color:#fff; position:relative; font-size:18px;}
.focusbox .hd{ overflow:hidden; zoom:1; position:absolute; bottom:12px; right:10px; z-index:3}
.focusbox .hd li{float:left; line-height:15px; text-align:center; font-size:0px; text-indent:-999em; width:12px; height:12px;border-radius: 100%; cursor:pointer; overflow:hidden; background:#cdcdcd; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease }
.focusbox .hd .on{ background:#fac700; filter:alpha(opacity=100);opacity:1; }
.focusbox .prev,.focusbox .next { width:40px; height:47px; position:absolute; top:42%; z-index:3; filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease}
.focusbox .prev { background-image:url(/uploads/image/wgpimages/slider_arrow.png); background-position:-105px 0; left:0 }
.focusbox .next { background-image:url(/uploads/image/wgpimages/slider_arrow.png); background-position:-50px 0; right:0 }
.focusbox .prev:hover,.focusbox .next:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1 }


.cloud3 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:  no-repeat center;background-size: 100%;-webkit-animation-fill-mode: both;animation-fill-mode: both;z-index: 1;opacity: 0.8;filter: alpha(opacity=80);-webkit-animation: bannercloud 40s linear 0s infinite normal;animation: bannercloud 40s linear 0s infinite normal;}
.cloud4 { position: absolute; bottom: 20%; left: 0; width: 100%; height: 100%; background:  no-repeat center; background-size: 100%; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 5; opacity: 0; filter: alpha(opacity=0); -webkit-animation: bannercloud 40s linear 20s infinite normal; animation: bannercloud 40s linear 20s infinite normal; }

.header{position:relative;margin:0 auto;width:100%;background:  no-repeat center top;z-index:999;height: 865px;}
.header .w1200{position:relative;overflow:initial;height:850px;}
.header .w1920{/* width: 100%; *//* margin:0 auto; *//* height:850px; *//* margin-top: -850px; *//* margin-right: 700px; */}
.header .tit{display:none;width:0;height:0;}
.header .tit h1{width:0;height:0;text-indent:-99999px;}
.header .tit p{width:0;height:0;text-indent:-99999px;}
.header .xhwlogo{position:absolute;top:40px;left:15px;z-index:800;}
.header .xhwlogo img{display:block;width:146px;height:91px;}
.header .qfxlogo{position:absolute;top:55px;right:20px;z-index:802;animation: fadein 1s ease 0.8s both;}
.header .qfxlogo img{display:block;width:412px;height:53px;}
.header .tit1{position:absolute;top: 0px;left: 900px;z-index:802;overflow:hidden;margin:0 0 0 -570px;}
.header .tit1 img{display:block;width: 392px;height: 700px;}
.header .tit2{position:absolute;top: 30px;right: 820px;z-index:804;margin:0 -555px 0 0;}
.header .tit2 img{display:block;width: 222px;height: 222px;}
.header .tit4{position:absolute;top: 410px;right: 1350px;z-index:804;margin:0 -555px 0 0;position:absolute;top: 410px;right: 1280px;z-index:804;margin:0 -555px 0 0;animation: fadein linear 3s;
  -webkit-animation: fadein linear 3s;
  -moz-animation: fadein linear 3s;
  -o-animation: fadein linear 3s;
  -ms-animation: fadein linear 3s;}
.header .tit4 img{display:block;width: 131px;height: 131px;}
.header .tit3{position:absolute;top: 55px;left: 700px;z-index:805;margin:0 0 0 -345px;overflow:hidden;width:674px;}
.header .tit3 img{display:block;width: 498px;height: 535px;}
.header .tea1{position:absolute;top: 0px;left: 0px;z-index:799;animation: fadein linear 0.5s;
  -webkit-animation: fadein linear 0.5s;
  -moz-animation: fadein linear 0.5s;
  -o-animation: fadein linear 0.5s;
  -ms-animation: fadein linear 0.5s;}
.header .tea1 img{display:block;width: 630px;height: 558px;}
.header .tea2{position:absolute;top: 0px;right: 0px;z-index:799;animation: fadein linear 0.5s;
  -webkit-animation: fadein linear 0.5s;
  -moz-animation: fadein linear 0.5s;
  -o-animation: fadein linear 0.5s;
  -ms-animation: fadein linear 0.5s;}
.header .tea2 img{display:block;width: 625px;height: 515px;}


.nav{position:relative;z-index:999;margin:0 auto;width:100%;height:70px;background-image: linear-gradient(to right, #8b4000, #fa7349 39%, #54251e 100%);}
.nav .w1200{overflow:visible;height:70px;}
.nav ul li{position:relative;float:left;margin: 0 36px 0 20px;height:70px;font-size:20px;line-height:70px;cursor:pointer;}
.nav ul li a{position:relative;z-index:3;display:block;padding: 0 0px 0 0px;color:#fff;text-align:center;line-height:70px;}
.nav ul li a:hover{z-index:3;color:#fff;text-decoration:none;}
.nav ul li:after{position:absolute;top:0;left:0;z-index:0;display:block;display:none;padding:0 5px;width:100%;height:100%;background: linear-gradient(45deg, #dd7e10 15%, #ffcb51 80%);content:"";opacity:1;transform:skewx(160deg);}
.nav ul li:hover:after{display:block;}
.nav ul li:before{position:absolute;top:0;left:-4px;color:#fff;content:"";}
.nav ul li:nth-child(5){margin:0;}


.p1{position:relative;padding:0;background: url(/uploads/image/2022agimg/g_01.png) no-repeat center top;height: 850px;}
.p1 .mod_bd{overflow:hidden;height:450px;}
.p1 .mod_hd{margin: 0px auto 20px;}
.p1_left{overflow:hidden;width:800px;}
.p1_left .focusbox{overflow:hidden;width:800px;height:450px;}
.p1_right{overflow:hidden;margin-top:0;width:400px;background: #fff;opacity: .9;}
.p1_right ul { overflow: hidden; margin: -5px auto 0; }
.p1_right .list ul li {font-size: 18px;color: #333;padding: 15px 10px 0px 15px;height: 60px;background:none;}
.p1_right .list ul li   li {border-top: 1px dashed #ffba62;padding: 15px 10px 0px 15px;border-bottom:none;}
.p1_right .list ul li:hover {background: url(/uploads/image/ip40139/2246.gif_wh860.gif) 0 50% no-repeat;;content:"";opacity:1;transform:skewx(180deg);}
.p1_right .list ul li a {color: #333;padding: 0 10px;height: 30px;line-height: 48px;}
.p1_right .list ul li:hover a { color: #fff!important; }
.p1_right .list ul li * { vertical-align: middle; }
.p1_right .bn_title{margin-bottom:0;}
.p1_right .bn_title:nth-child(2){margin:40px 0 15px;}
.p1_left .focusbox .pic img{width:800px;height:450px;}
.p1 .morebox{padding: 40px 0 20px;}
.vidboxiframe .videoclosebtn{position:absolute;top:0;right: 0px;z-index: 999;display:none;width:17px;height:17px;background:url(/uploads/image/w2img2015/icon_video.png) 0 -80px no-repeat;cursor:pointer;}


.header {min-width: 1200px;}
.p2{background: url(/uploads/image/2022agimg/g_02.png) no-repeat center top;height: 990px;}
.p2 .mod_hd{overflow:hidden;margin: 0px auto 0;position:relative;}
.p2 .mod_bd{overflow:hidden;padding:20px 0 15px;}
.p2 .p2conbox{ height: 385px;}
.p2 .p2conbox .p2_left{width:680px;position: relative;}
.p2 .p2conbox .p2_left img,.p2 .p2conbox .p2_left #vidbox .fm{width:680px;height: 385px; display: block; overflow: hidden;}
.p2 .p2conbox .p2_left .vidboxiframe,.video-iframe{width:680px;height: 385px; border:none;}

.tu1{width:460px;height:260px;overflow:hidden;margin:0 0 20px 0;}
.tu1 img{width:460px;height:260px;display:block;}
.tu1 div{position:relative;display:block;height:40px;top:-40px;color:#fff;background:rgba(0,0,0,0.3);font-size:16px;line-height:40px;text-align:center;}
.tu1 div a{color:#fff !important;}

.left02{width:710px;float:left;}
.right02{width:460px;float:right;}

/*以下css仅为展示需要，实际使用中，请自行定制*/
.xpage-more-btn {
    width: 100px;
    text-align: center;
    border:1px solid #bbb;
    background: #eee;
    line-height: 2em;
    border-radius: 0.5em;
    cursor: pointer;
	clear:both;
	margin:10px auto;
}
.xpage-more-btn:hover {
    background: #ddd;
}
.xpage-more-btn:active {
    background: #ccc;
}

.xpage-content-list{height:500px;overflow-y:scroll;}

.xpage-content-list li{background: repeat-x 0 bottom;padding:10px;width:688px;}
.xpage-content-list .a a{display:block;background: no-repeat 0 14px;padding:0 0 0 15px;font-size:20px;line-height:36px;font-weight:400;}

.xpage-content-list .aa .img{width:120px;height:66px;float:left;overflow:hidden;padding:10px 0 0 0;}
.xpage-content-list .aa img{width:100%;height:100%;border-radius:5px;}
.xpage-content-list .aa .c{width:555px;float:right;}
.xpage-content-list .aa .c h2{font-size:20px;line-height:36px;font-weight:400;}
.xpage-content-list .aa .c p{color:#777777;font-size:16px;line-height:1.5em;/* text-indent:2em; */text-align:justify;}

.xpage-content-list .aaa dl{display:block;clear:both;height:50px;}
.xpage-content-list .aaa dt{display:inline-block;background:#165cd0;padding:0 10px;color:#fff;margin:0 10px 0 0;}
.xpage-content-list .aaa dl a{font-size:20px;line-height:36px;font-weight:400;}
.xpage-content-list .aaa .img a{display:inline-block;width:218px;height:120px;padding:0 5px;overflow:hidden;}
.xpage-content-list .aaa .img img{width:100%;height:100%;border-radius:5px;}

.xpage-content-list::-webkit-scrollbar
{
	width: 0;
	height: 2px;
	background-color: #fff;
	opacity:0
}
.xpage-content-list:hover::-webkit-scrollbar
{
	width: 2px;
	height: 2px;
	background-color: #f5f5f5;
	opacity:1;
}


.xpage-content-list::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 2px;
	background-color: #f5f5f5;
}
 
/*定义滑块 内阴影 圆角*/
.xpage-content-list::-webkit-scrollbar-thumb
{
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}


.p3{overflow:hidden;background:url(/uploads/image/2022agimg/g_03.png) no-repeat center top;height: 900px;}
.p3 .mod_bd{overflow:hidden;height: 520px;position: relative;}
.p3 .w1200{margin:0 auto; width: 1260px;}
.p3 .mod_hd{margin:0 auto 15px;}
.p3 .swiper-button-next,.swiper-button-prev{top:40%;width:50px;height:60px; border: none; outline: none;}
.p3 .swiper-button-next{right:0;}
.p3 .swiper-button-prev{left:0;}
.p3 .mod_bd .swiper-container {width: 1170px;margin:0 auto;height: 460px;/* position: relative; */}
.p3 .mod_bd .swiper-slide { position: relative;}
.p3 .mod_bd .slide_cont { width: 1185px;}
.narrow_box { float: left; width: 230px; height: 460px; position: relative; border-radius: 10px;margin-right: 5px; transition: all 1s; cursor: pointer;}
.narrow_box .title {position: absolute;left: 0;width: 230px;height: 230px;border-radius: 10px;background:  no-repeat;font-size: 18px;color: #fff;line-height: 32px;text-align: center;padding: 40px 35px;z-index: 2;box-sizing: border-box;}
.narrow_box .title a { color: #fff;}
.narrow_box .img { position: absolute; left: 0; width: 230px; height: 230px; top: 230px;border-radius: 10px;}
.narrow_box .img img {width: 100%;height: 100%;border-radius: 10px;top: -2px;}
.narrow_box:nth-child(odd) .title {top: -2px;border-radius: 10px;}
.narrow_box:nth-child(odd) .img { top: 230px;border-radius: 10px;}
.narrow_box:nth-child(even) .title { top: -2px;top: 230px;border-radius: 10px;}
.narrow_box:nth-child(even) .img {top: -2px;}
.narrow_box.on { width: 460px; height: 460px;border-radius: 10px;}
.narrow_box.on .img {position: absolute;left: 0;width: 460px;height: 460px;top: 0\9;border-radius: 10px;top: -2px;}
.narrow_box.on .title {position: absolute;border-radius: 10px;left: 0;top: 360px;width: 100%;height: 100px;background:  repeat-x center -70px;font-size: 18px;color: #fff;line-height: 32px;text-align: center;padding: 50px 10px 0 10px;}
.narrow_box.on:nth-child(odd) .img { top: 0;}
.p3 .swiper-button-next{right:0;background-image:;}
.p3 .swiper-button-prev{left:0;background-image:;}

.p3 .mod_bd .swiper-slide .slide_cont .narrow_box:last-child{margin-right: 0;}
.p3 .morebox{padding: 30px 0;}
.p3 .swiper-pagination{bottom: -20px;width:100%;position: relative;}
.p3 .swiper-pagination-bullet{margin:  0 5px; outline: none;background:#fff;opacity: 1;}
.p3 .swiper-pagination-bullet-active{display:inline-block;width:40px;border-radius:8px;background:#29c699;}


.p4{background:url(/uploads/image/2022agimg/g_04.jpg) no-repeat center top;height: 1080px;}
.p4 .mod_hd{overflow:hidden;margin: 5px auto 5px;position:relative;}
.p4 .mod_bd{overflow:hidden;}
.p4 .focusbox{width:1200px;height:650px;overflow:inherit;margin:0 auto;}
.p4 .focusbox .pic img{width:1200px;height:650px;}
.p4 .focusbox .next,.p4 .focusbox .prev{position:absolute;top:36%;z-index:3;width:45px;height:99px;opacity:.6;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;filter:alpha(opacity=60);-moz-opacity:.6;}
.p4 .focusbox .prev { background-image:url(/uploads/image/wt2qimages/p4slider-arrow.png); background-position: 0 0; left: 0;}
.p4 .focusbox .next { background-image:url(/uploads/image/wt2qimages/p4slider-arrow.png); background-position:-75px 0; right:0 }
.p4 .focusbox .next:hover,.p4 .focusbox .prev:hover{opacity:.9;filter:alpha(opacity=90);-moz-opacity:.9;}
.p4 .focusbox ul.pic li p{
  bottom: 0;
  left:0;
  padding: 8px 0 26px;
  text-align:center;
  line-height:50px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%)!important; /* ff3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%)!important; /* chrome10-25,safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)))!important;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%)!important; /* w3c, ie10 , ff16 , chrome26 , opera12 , safari7  */
  /* ff3.6-15 */
  /* chrome10-25,safari5.1-6 */
  /* w3c, ie10 , ff16 , chrome26 , opera12 , safari7  */
  /* filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#ffffff', endcolorstr='#000000',gradienttype=0 ); ie6-9 */
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%)!important;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%)!important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)))!important;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%)!important;
  overflow: hidden;
  }
.p4 .focusbox .pic li p a{font-size:20px;}
.p4 .focusbox .hd{right: 43%;z-index: 15;bottom: 10px;}
.p4 .focusbox .hd li{width:10px;height:10px;border-radius:50%;margin-left:8px;background: #c7c7c7;}
.p4 .focusbox .hd li{float:none;display:inline-block;margin-right:10px;margin-left:4px;width:18px;height:18px;background:url(/uploads/image/wtzgimages/circle-default.png) no-repeat;background-color:transparent;text-align:center;text-indent:-999em;font-size:0;line-height:15px;cursor:pointer;zoom:1;}
.p4 .focusbox .hd li.on{background:url(/uploads/image/wtzgimages/circle-active.png) no-repeat;}
.p4 .morebox{padding: 40px 0 150px;}



  .p1 .dm{padding:0;background: url(/uploads/image/2022agimg/fg.png) no-repeat center top;width: 1920px;height: 360px;margin-top: -280px;z-index: 0;}
  .p2 .dm{padding:0;background: url(/uploads/image/2022agimg/fg.png) no-repeat center bottom;width: 1920px;height: 360px;margin-top: -175px;z-index: 0;}
  .p3 .dm{padding:0;background: url(/uploads/image/2022agimg/fg.png) no-repeat center top;width: 1920px;height: 360px;margin-top: -288px;z-index: 0;}
.footer{background: url(/uploads/image/w2limages/ly04-bg.jpg) no-repeat center bottom;padding-top: 98px;padding-bottom: 30px;text-align: center;color: #999;line-height: 2;margin-top: 0px;border-top: solid 2px #f57800;}

.totop{display:none;position:fixed;_position:absolute;bottom:64px;left:50%;margin-left:610px;width:70px;height:70px;background:url(/uploads/image/wt2qimages/scroll-btn.png) no-repeat;z-index:999}
.totop:hover{background:url(/uploads/image/wt2qimages/scroll-btn-hover.png)}


/* xhwlogo */
@-ms-keyframes xhwlogo{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}

@-moz-keyframes xhwlogo{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}

@-o-keyframes xhwlogo{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}

@-webkit-keyframes xhwlogo{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}

@keyframes xhwlogo{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}

.header .xhwlogo{
	animation:'xhwlogo' 0.5s ease-in-out 0s normal;
	-ms-animation:xhwlogo 0.5s ease-in-out 0s normal;
	-moz-animation:xhwlogo 0.5s ease-in-out 0s normal;
	-o-animation:'xhwlogo' 0.5s ease-in-out 0s normal;
	-webkit-animation:'xhwlogo' 0.5s ease-in-out 0s normal;
}
/* xhwlogo */



/* tit1 start */
@-ms-keyframes tit1{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}
@-moz-keyframes tit1{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}
@-o-keyframes tit1{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}
@-webkit-keyframes tit1{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}
@keyframes tit1{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}

.header .tit1{
	animation:'tit1' 4.5s ease-in-out 0s normal;
	-ms-animation:tit1 4.5s ease-in-out 0s normal;
	-moz-animation:tit1 4.5s ease-in-out 0s normal;
	-o-animation:'tit1' 4.5s ease-in-out 0s normal;
	-webkit-animation:'tit1' 4.5s ease-in-out 0s normal;
}
/* tit1 end */


/* tit2 start */
@-ms-keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}
@-moz-keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}
@-o-keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}
@-webkit-keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}
@keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}

.header .tit2{
	animation:'tit2' 6s ease-in-out 0s normal;
	-ms-animation:tit2 6s ease-in-out 0s normal;
	-moz-animation:tit2 6s ease-in-out 0s normal;
	-o-animation:'tit2' 6s ease-in-out 0s normal;
	-webkit-animation:'tit2' 6s ease-in-out 0s normal;

}


/* tit2 start */
@-ms-keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}
@-moz-keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}
@-o-keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}
@-webkit-keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}
@keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}

.header .tit2{
	animation:'tit2' 6s ease-in-out 0s normal;
	-ms-animation:tit2 6s ease-in-out 0s normal;
	-moz-animation:tit2 6s ease-in-out 0s normal;
	-o-animation:'tit2' 6s ease-in-out 0s normal;
	-webkit-animation:'tit2' 6s ease-in-out 0s normal;

}
/* tit2 end */
.header .tit2 .per1 {width:100%; height:100%;background-image: url(/uploads/image/wtzsimages/c.png);background-size: 100% 100%;-webkit-animation: cir_p1 6.5s linear 0s infinite;animation: cir_p1 6.5s linear 0s infinite;}
.header .tit4 .per2{width:100%; height:100%;background-image: url(/uploads/image/wtzsimages/c.png);background-size: 100% 100%;-webkit-animation: cir_p1 3.5s linear 0s infinite;animation: cir_p1 3.5s linear 0s infinite;}
@keyframes cir_p1 {  0% {    transform: rotatez(0deg);  }  100% {    transform: rotatez(360deg);  }}
@-webkit-keyframes cir_p1 {  0% {    -webkit-transform: rotatez(0deg);  }  100% {    -webkit-transform: rotatez(360deg);  }}
@keyframes cir_p2 {  0% {    transform: rotatez(0deg);  }  100% {    transform: rotatez(360deg);  }}
@-webkit-keyframes cir_p2 {  0% {    -webkit-transform: rotatez(0deg);  }  100% {    -webkit-transform: rotatez(360deg);  }}



/* tit3 start */
@-ms-keyframes tit3{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}
@-moz-keyframes tit3{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}
@-o-keyframes tit3{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}
@-webkit-keyframes tit3{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}
@keyframes tit3{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}

.header .tit3{
	animation:'tit3' 2s ease-in-out 0s normal;
	-ms-animation:tit3 2s ease-in-out 0s normal;
	-moz-animation:tit3 2s ease-in-out 0s normal;
	-o-animation:'tit3' 2s ease-in-out 0s normal;
	-webkit-animation:'tit3' 2s ease-in-out 0s normal;
}
/* tit3 end */



@-webkit-keyframes zoominright {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoominright {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoominright {
  -webkit-animation-name: zoominright;
  animation-name: zoominright;
}
@keyframes floater {
0% {
transform:translatey(0) scale(1)
}
50% {
transform:translatey(-5px) scale(1.05)
}
100% {
transform:translatey(0) scale(1)
}
}
@keyframes fadein {
from {
opacity:0
}
to {
opacity:1
}
}