@charset "utf-8";
/* CSS Document */

body{color:#8c8c8c; background-color: #fff;}
a{color:#333;}
a:hover{ color: #3745a0; text-decoration:underline;}
.container{min-width:1100px; margin: auto; clear: both;overflow:hidden;}
.w1100{margin:0 auto;padding:0;width:1100px; overflow:hidden;}
.mtop15 { margin: 15px auto 0;}
.mtop25{margin:25px auto 0;}
.mtop50{margin:50px auto 0;}
.mtop20{margin:20px auto 0;}
.mtop60{margin:60px auto 0;}
.layout:after,.hd:after,.bd:after{content:"";display:table;clear:both;}
.layout,.hd,.bd{*zoom:1;}

.morebox{height:35px; clear:both; padding:45px 0;}
.moreboxcon{ display:block; margin:0 auto;height:35px; width:115px;border-radius:18px;-moz-border-radius:18px; -webkit-border-radius:18px; background:#3745a0; padding:0 20px;}
.morebox a{font-size:14px; color: #fff;line-height:35px;}
.morebox a:hover{text-decoration:none;color:#ffde00;}
.mod_hd{background: url(contitle.png) no-repeat center 0;width:100%;height:100px;overflow: hidden;position: relative;margin:50px auto 0;text-align: center;}
.mod_hd h2{font-size:0;text-indent: -9999px;height:100px;}
.mod_bd p{ color:#8c8c8c;}
.mod_bd p a{ color:#3745a0;}
.bn_title{margin-bottom: 25px;}
.bn_title h2 {margin-bottom: 10px;font-size: 26px;}
.bn_title p{font-size: 14px; color: #8c8c8c;line-height: 25px; font-weight: normal;}
.bn_title p a{color: #3745a0;}
.list ul li {border-bottom:1px dotted #ccc;padding: 16px 0 15px 0px; font-size:16px;background: url(sprits.png) no-repeat 0 21px;}

.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: #8c8c8c;line-height: 25px;font-weight: normal; text-indent:2em;}

.extra_mod p a,.mod_pic_txt p a{color:#3745a0;}
.mod_pic_txt{padding:1px 0 30px;}
.mod_pic_txt h3{margin:-2px 0 15px;font-size:25px;font-weight: normal;}
.mod_pic_txt p{text-align: justify; word-wrap: break-word;line-height: 27px; color:#8c8c8c; text-indent:2em;}


.focusBox { position: relative; width:600px; height:375px; overflow: hidden; }
.focusBox .pic img { width:600px; height:375px; display: block;overflow:hidden;}	
.focusBox .pic li{position:relative; display:block; float:left;}	
.focusBox .pic li p{ position:absolute; bottom:0px; line-height:20px; padding:10px 0;left: 0px;background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;filter: alpha(opacity=70);background: #000000; width:100%; text-indent:10px; color:#fff;}
.focusBox .pic li p a{ color:#fff; position:relative; font-size:16px;}
.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(slider_arrow.png); background-position:-105px 0; left:0 }
.focusBox .next { background-image:url(slider_arrow.png); background-position:-50px 0; right:0 }
.focusBox .prev:hover,.focusBox .next:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1 }

.play_icon{height:50px;width:50px;display:block;position:absolute;left:10px;background-image:url(sm-play-icon.png);background-repeat:no-repeat;background-size:100%;z-index:1}
.play_icon:hover{cursor:pointer;background-image:url(sm-play-icon-hover.png);background-repeat:no-repeat}

.sub_nav{background:url(../images/subtitle.png) no-repeat left 10px;position: relative;}
.sn_main h3{font-size:0;text-indent: -9999px}
.sub_nav .more{position:absolute;width:30px;height:28px;top:3px;right:0;text-align:right}
.sub_nav .more a{color: #3745a0;}



.w1200 {
    margin: 0 auto;
    padding: 0;
    width: 1200px;
    overflow: hidden;
}
.p7 .mod_bd {
    overflow: hidden;
    margin: 40px 0 65px;
}



.header{position:relative;margin:0 auto;width:100%;background:url(bannerBg.jpg) no-repeat center top;min-width:1100px;}
.header .w1100{position:relative;overflow:initial;height:720px;}
.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;}
.header .xhwlogo img{display:block;width:100px;height:100px;}
.header .ynkdlogo{position:absolute;top:180px;left:280px;margin:0 0 0 -180px;}
.header .ynkdlogo img{display:block;width:921px;height:144px;}
.header .tit1{position:absolute;top:370px;left:750px;margin:0 0 0 -510px;}
.header .tit1 img{display:block;width:659px;height:102px;}
.header .tit2{position:absolute;top:470px;left:830px;margin:0 0 0 -275px;}
.header .tit2 img{display:block;width:317px;height:82px;}


.nav{position:relative;z-index:999;margin:0 auto;width:100%;height:72px;background:url(navBg.png) repeat-x top center;}
.nav .w1100{overflow:visible;height:72px;}
.nav ul li{position:relative;float:left;margin:0 15px 0 15px;height:72px;font-size:20px;line-height:72px;cursor:pointer;}
.nav ul li a{position:relative;z-index:3;display:block;padding:0 14px 0 22px;color:#fff;text-align:center;line-height:72px;}
.nav ul li a:hover{z-index:3;color:#f5d50e;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-color:#1e2b85;content:"";opacity:.5;transform:skewX(160deg);}
.nav ul li:hover:after{display:block;display:none\9;}
.nav ul li:before{position:absolute;top:0;left:-4px;color:#fff;content:"";}
.nav ul li:nth-child(8){margin:0;}


.p1{background:url(wrapBg01.jpg) no-repeat center top;}
.p1 .mod_hd{margin:50px auto 0;background-position:50% 0;}
.p1 .mod_bd{overflow:hidden; padding:40px 0 65px;}
.p1 .video .videoBox{position:relative;overflow:hidden;margin:0 auto;padding:10px;width:960px;height:540px;background:#96aacb;cursor:pointer;}
#iframe1{width:100%;height:540px;}

.p2{background:url(wrapBg02.jpg) no-repeat center bottom;}
.p2 .mod_hd{margin:65px auto 0;background-position:50% -450px;}
.p2 .mod_bd{overflow:hidden;margin-top:50px;height:380px;}
.p2_left{overflow:hidden;width:600px;}
.p2_right{overflow:hidden;margin-top:0;width:470px;}
.p2_right .list ul li{padding:14px 0 7px 26px;}

.p3{background:url(wrapBg03.jpg) no-repeat center top;}
.p3 .mod_hd{margin:65px auto 0;background-position:50% -600px;}
.p3 .mod_bd{overflow:hidden;margin-top:50px;}
.p3 .tx_imgcont{ padding: 0;}
.p3 .tx_imgcont .tx_big{width: 420px; height: 337px; margin-right:20px; }
.p3 .tx_imgcont .tx_big a, .p3 .tx_imgcont .tx_big img { position: relative; display: block; width: 100%; height: 100%; }
.p3 .tx_imgcont .tx_big span { height: 14%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100 */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* 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.2))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* 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; left: 0; bottom: 0; z-index: 10; display: block; width: 100%; padding: 20px 20px 20px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); overflow: hidden; }
.p3 .tx_imgcont .tx_big span > span { position: absolute; bottom: -14px; display: block; width: 100%; height: auto; background: none; font-size: 18px; line-height: 26px; color: #fff; }

.p3 .tx_imgcont .tx_list{margin-left:12px;}
.p3 .tx_imgcont .tx_list img{float:left;display:block;margin-right:12px;width:160px;height:100px;}
.p3 .tx_imgcont .tx_big+.p3 .tx_imgcont .tx_list{margin-left:0;}
.p3 .tx_imgcont .tx_list_unit{position:relative;padding-top:18px;height:100px;}
.p3 .tx_imgcont .tx_list_unit:first-child{padding-top:0;}
.p3 .tx_imgcont .tx_list_unit a{font-size:16px;line-height:26px;}
.p3 .tx_imgcont .tx_list_unit_wrap{position:relative;float:left;overflow:hidden;width:146px;height:100%;}

.p3 .tx_listnews{padding:40px 0;}
.p3 .tx_listnews .list.fl,.p3 .tx_listnews .list.fr{width:530px;}
.p3 .tx_listnews .list ul li{padding:20px 0 8px 25px;background-position:0 28px;}
.p3 .morebox{padding:10px 0 80px 0;}


.p4{background:url(wrapBg04.jpg) no-repeat center top;}
.p4 .mod_hd{margin:50px auto 0;background-position:50% -150px;}
.p4 .mod_bd{overflow:hidden;margin:40px 0 65px;}
.p4 .p4_con1{ padding:0 0 30px 0;}
.p4 .p4_con1 .sub_nav{ margin:0 0 30px;background-position:left 0;}
.p4 .p4_con1_right{width:580px;}
.p4 .p4_con1 .list{margin-top:7px;}
.p4 .p4_con1 .list ul li{padding:19px 0 8px 28px;background-position:0 24px;}
.p4 .p4_con1_left{overflow:hidden;width:480px;}
.p4 .p4_con1 .extra_mod img{display:block;overflow:hidden;width:480px;height:270px;}
.p4 .p4_con1 .extra_mod h3{margin:18px 0 15px;}
.p4 .p4_con1 .mod_pic_txt{padding:0 0 10px; border-bottom:none;}


.p4 .p4_con2{margin: 24px auto 0; height:285px; overflow:hidden;}
.p4 .p4_con2 .p4_con2_left{width:480px;}
.p4 .p4_con2 .p4_con2_left .sub_nav{ margin:0 0 20px;background-position:left -65px;}
.p4 .p4_con2 .p4_con2_left .list ul li{position:relative; background:none;padding:0  0  0 20px;    margin-bottom: 10px;line-height:2;border-bottom:none;}
.p4 .p4_con2 .p4_con2_left .list ul li:before{position:absolute;top:13px;left:0;width:6px;height:6px;border-radius:50%;background-color:#ccc;content:"";}
.p4 .p4_con2 .p4_con2_right{width:580px;}
.p4 .p4_con2 .p4_con2_right .sub_nav{ margin:0 0 20px;background-position:left -130px;}
.p4 .p4_con2 .p4_con2_right ul li{ float:left;width:170px;height:106px; position:relative;margin: 0 35px 25px 0;}
.p4 .p4_con2 .p4_con2_right ul li img{width:170px;height:106px;}
.p4 .p4_con2 .p4_con2_right  ul li p{position:absolute;bottom:0;right:0;padding:5px 8px;background:rgba(1,112,220,.8) none repeat scroll 0 0!important;color:#fff;line-height:20px;}
.p4 .p4_con2 .p4_con2_right  ul li p a{color:#fff;}
.p4 .p4_con2 .p4_con2_right  ul li p a:hover{ color:#e9ca8d;}
.p4 .p4_con2 .p4_con2_right  ul li:nth-child(3){margin:0 0 25px 0;}
.p4 .p4_con2 .p4_con2_right  ul li:nth-child(4){margin:0 35px 0 0;}
.p4 .p4_con2 .p4_con2_right  ul li:nth-child(5){margin:0 35px 0 0;}
.p4 .p4_con2 .p4_con2_right  ul li:nth-child(6){margin:0;}


.p5{background:url(wrapBg05.jpg) no-repeat center bottom;}
.p5 .mod_hd{margin:60px auto 0;background-position:50% -300px;}
.p5 .mod_bd{overflow:hidden;margin:30px 0 65px;}
.p5 .p5_con1 .sub_nav{ margin:0 0 30px;background-position:left -195px;}
.p5 .p5_con1{ padding:0;}
.p5 .p5_con1_right{width:580px;}
.p5 .p5_con1 .list{margin-top:7px;}
.p5 .p5_con1 .list ul li{padding:16px 0 8px 28px;background-position:0 24px;}
.p5 .p5_con1_left{overflow:hidden;width:480px;}
.p5 .p5_con1 .extra_mod{position:relative;}
.p5 .p5_con1 .extra_mod img{display:block;overflow:hidden;width:480px;height:200px;}
.p5 .p5_con1 .mod_pic_txt{padding:0 0 10px;border-bottom:none;}
.p5 .p5_con1 .extra_mod h3{color:#fff;line-height:20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100 */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* 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.2))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* 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; left: 0; bottom: -5px; z-index: 10; display: block; width: 100%; padding: 10px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); overflow: hidden; }
.p5 .p5_con1 .extra_mod h3 a{ color:#FFF; font-size:16px; font-weight:100; line-height:1.5;}

.p5 .p5_con2 .sub_nav{ margin:0 0 30px;background-position:left -260px;}
.p5 .p5_con2 .p5_con2_left{overflow:hidden;width:500px;}
.p5 .p5_con2 .p5_con2_right{width:600px;}
.p5 .p5_con2 .p5_con2_right ul li{width:275px; height:230px;margin: 0 0 5px 25px; float: left;}
.p5 .p5_con2 .p5_con2_right ul li img{ width:275px; height:170px;}
.p5 .p5_con2 .p5_con2_right ul li p{ padding: 8px 0 20px;font-size:14px;line-height: 1.4;}
.p5 .p5_con2 .p5_con2_right ul li p a{color:#4c4c4c;}
.p5 .p5_con2 .p5_con2_left .list ul li {padding: 12px 0 11px 28px;background-position: 0 20px;}
.p5 .p5_con2 .mod_pic_txt {padding: 1px 0 28px; border-bottom:none;}

.p5 .p5_ad{ margin:40px 0 50px;}
.p5 .p5_ad .p5_ad1,.p5 .p5_ad .p5_ad2{ width:540px; height:80px; overflow:hidden;}



.p6{ background:url(wrapBg06.jpg) no-repeat center top;}
.p6 .mod_hd{background-position:50% -750px; margin: 50px auto 0;}
.p6 .mod_bd{ height:520px; overflow: hidden; padding:40px 0 10px;}
.p6 .p6_left,.p6 .p6_right{ width:525px;}
.p6  .mod_pic_txt{ height:250px;}
.p6  .mod_pic_txt img { float: left;display:block;  margin-right: 20px; width: 250px; height: 156px;}
.p6 .list { margin-top: 15px;}
.p6 .list ul li{padding: 20px 0 8px 25px;background-position: 0 28px;}
.p6 .morebox{padding:40px 0 70px 0;}


.p7{background:url(wrapBg07.jpg) no-repeat center bottom;}
.p7 .mod_hd{margin:40px auto 0;background-position:50% -900px;}
.p7 .mod_bd{ height:660px; overflow: hidden; padding:50px 0 20px;}
.p7 .p7_left{ width:545px;position: relative;}
.p7 .p7_left img{ display:block;width:545px;height:340px;}
.p7 .p7_left i{font-size:16px; line-height:22px; color: #959494;padding:8px 5px 0 5px; height:22px; display:block;}
.p7 .p7_left.extra_mod h3,.p7 .p7_left.extra_mod p{padding:0 5px;}
.p7 .p7_left .extra_mod h3 {margin: 15px 0 10px;}
.p7 .p7_right{width: 540px;overflow: hidden;}
.p7 .p7_right ul{width: 105%;}
.p7 .p7_right ul li{float:left;display:inline; margin: 0 10px 10px 0;width:265px;height:220px; overflow:hidden;position: relative;}
.p7 .p7_right ul li img{ width:265px; height:165px;}
.p7 .p7_right ul li p{font-size:14px; line-height:20px; height:40px; padding:8px 5px 0 5px;}
.p7 .p7_right ul li p a{ color: #333;}
.p7 .p7_left .play_icon{ top: 260px;}
.p7 .p7_right .play_icon{ top: 115px;background-size:70%;}
.p7 .morebox{padding:20px 0 90px 0;}

.footer{ background:url(footBg.png) no-repeat center top;padding:85px 0 85px;width:100%;height:70px;color:#d5d0d0;text-align:center;font-size:16px;line-height:36px;}

.toTop{display:none;position:fixed;_position:absolute;bottom:64px;left:50%;margin-left:560px;width:61px;height:61px;background:url(scroll-btn.png) no-repeat;z-index:999}
.toTop:hover{background:url(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.4s ease-in-out 0s normal;
	-ms-animation:xhwlogo 0.4s ease-in-out 0s normal;
	-moz-animation:xhwlogo 0.4s ease-in-out 0s normal;
	-o-animation:'xhwlogo' 0.4s ease-in-out 0s normal;
	-webkit-animation:'xhwlogo' 0.4s ease-in-out 0s normal;
}
/* xhwlogo */

/* ynkdlogo */
@-ms-keyframes ynkdlogo{
	from{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	33.33%{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	to{ }
}

@-moz-keyframes ynkdlogo{
	from{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	33.33%{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	to{ }
}

@-o-keyframes ynkdlogo{
	from{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	33.33%{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	to{ }
}

@-webkit-keyframes ynkdlogo{
	from{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	33.33%{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	to{ }
}

@keyframes ynkdlogo{
	from{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	33.33%{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	to{ }
}

.header .ynkdlogo{
	animation:'ynkdlogo' 0.9s ease-in-out 0s normal;
	-ms-animation:ynkdlogo 0.9s ease-in-out 0s normal;
	-moz-animation:ynkdlogo 0.9s ease-in-out 0s normal;
	-o-animation:'ynkdlogo' 0.9s ease-in-out 0s normal;
	-webkit-animation:'ynkdlogo' 0.9s ease-in-out 0s normal;
}
/* ynkdlogo */


/* tit1 */
@-ms-keyframes tit1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

@-moz-keyframes tit1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

@-o-keyframes tit1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

@-webkit-keyframes tit1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

@keyframes tit1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

.header .tit1{
	animation:'tit1' 1s ease-in-out 0s normal;
	-ms-animation:tit1 1s ease-in-out 0s normal;
	-moz-animation:tit1 1s ease-in-out 0s normal;
	-o-animation:'tit1' 1s ease-in-out 0s normal;
	-webkit-animation:'tit1' 1s ease-in-out 0s normal;
}
/* tit1 */

/* tit2 */
@-ms-keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; width:0px; }
	72%{ filter:alpha(opacity=0); opacity:0; width:0px; }
	to{ }
}

@-moz-keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; width:0px; }
	72%{ filter:alpha(opacity=0); opacity:0; width:0px; }
	to{ }
}

@-o-keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; width:0px; }
	72%{ filter:alpha(opacity=0); opacity:0; width:0px; }
	to{ }
}

@-webkit-keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; width:0px; }
	72%{ filter:alpha(opacity=0); opacity:0; width:0px; }
	to{ }
}

@keyframes tit2{
	from{ filter:alpha(opacity=0); opacity:0; width:0px; }
	72%{ filter:alpha(opacity=0); opacity:0; width:0px; }
	to{ }
}

.header .tit2{
	animation:'tit2' 2s ease-in-out 0s normal;
	-ms-animation:tit2 2s ease-in-out 0s normal;
	-moz-animation:tit2 2s ease-in-out 0s normal;
	-o-animation:'tit2' 2s ease-in-out 0s normal;
	-webkit-animation:'tit2' 2s ease-in-out 0s normal;
}
/* tit2 */

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}