﻿@charset "utf-8";
body{ margin:0 auto; font-size:12px; font-family:"Microsoft yahei",Arial, Helvetica, sans-serif; line-height:normal;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ padding:0; margin:0;}
h4,h5,h6,b{font-weight:normal;}
ul { list-style:none;}
li{float: left;}
*{ margin:0px; padding:0px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
img { border:0px;}
a { color:#333; text-decoration:none;}
h3{font-weight: normal;color: #6a6a6a;}
a:hover {color:#1cb9f5;}
a:focus{outline:none;}
.clear{ clear:both;}
.fl{float: left;}
.fr{float: right;}
.aligncenter {clear: both;display: block;margin: 0 auto 1.75em;}
.alignleft {float: left;margin: 0.375em 1.75em 1.75em 0;}
.alignright {float: right;margin: 0.375em 0 1.75em 1.75em;}
blockquote.alignleft {margin: 0.3157894737em 1.4736842105em 1.473684211em 0;}
blockquote.alignright {margin: 0.3157894737em 0 1.473684211em 1.4736842105em;}
blockquote.aligncenter {margin-bottom: 1.473684211em;}
.tx-float{float: left;width: 100%;}
.tx-center{margin: 0 auto;max-width: 1200px;clear:both;position: relative;}
i,em{font-style: normal;}
.tx-margin{position: relative;max-width: 1200px;margin: 0 auto;}
/*自定义字体*/
@font-face {
	font-family: 'BDZYJT';
	src:url('genericons/BDZYJT-GB10.ttf') format('truetype');
}
@font-face {
	font-family: 'MNJYH';
	src:url('genericons/MNJYH.ttf') format('truetype');
}
@font-face {
	font-family: 'HEITI';
	src:url('genericons/HEITI.otf') format('truetype');
}
@font-face {
	font-family: 'SSZHJT';
	src:url('genericons/SSZHJT.ttf') format('truetype');
}

.tx-zht-top{padding: 20px 0;color: #666;font-family: "Microsoft yahei";}
.tx-zht-top a{color: #666;}
.tx-zht-top a:hover{text-decoration: underline;color: #0faae7;}

/*404*/
.ui-errors{margin:100px auto 100px -600px;position:relative;left:50%;float:left;width: 1100px;text-align: center;}
.ui-errors h4{font-size:24px;font-weight: normal;color: #77b3bf;line-height:50px;}
.ui-errors h1{font-size: 160px;color: #aaa;line-height:180px;}

.tx-content-more{display: inline-block;width: 220px;text-align: center;font-size: 1.24em;color: #fff;background: #00a8e7;line-height: 3.3em;border-radius: 4px;margin-top: 3em;box-shadow: 1px 1px 5px #a8a9aa;-o-box-shadow: 1px 1px 5px #a8a9aa;-webkit-box-shadow: 1px 1px 5px #a8a9aa;-moz-box-shadow: 1px 1px 5px #a8a9aa;} 
.tx-content-more:hover{position: relative; top:1px;left: 1px;color: #fff;}
.tx-titles-title{text-align: center;font-size: 3.1em;padding-bottom:0.5em;background: url(../images/title-bg.png) no-repeat center bottom    }

/*菜单*/
.tx-menu{position: absolute;top:0;left: 0;z-index: 999; width: 100%;padding: 10px 0 30px;font-size: 1.1em;color: #fff;}

.tx-menu-phone{text-align: right;padding-right: 20px;}
.tx-menu-phone form{float:right; width:25px;height: 25px;background: url("../images/menu-ss.png") no-repeat right center;position: relative;}
.tx-search{display: none; position: absolute;top: 0;right:0;width: 200px;}
.tx-menu-phone form #s{ background: none;width:0;height:23px;border:1px solid #fff;line-height: 23px;padding: 0 5px;color:#888;}
#search-submit{ float: right;padding-left: 7px;}
.tx-menu-phone i{float: right; height: 25px;border-right:1px solid #fff;margin:0 15px;}
.tx-menu-phone em{float: right; background: url("../images/menu-nav.png") no-repeat left center;line-height: 25px;padding-left: 27px;}

.tx-menu-logo{float: left;}

span.menus1{display: none;}
.tx-menu-nav{float: right;margin-top: 15px;position: relative;z-index: 999}
.tx-menu-nav .menu{transition: 0.05s;-moz-transition: 0.05s;-webkit-transition: 0.05s;-o-transition: 0.05s;}
.tx-menu-nav .menu a{color:#fff;}
.tx-menu-nav .menu > li{position: relative;}
.tx-menu-nav .menu > li > a{float:left;padding:7px;margin: 0 10px;border-bottom: 1px solid transparent;}
.tx-menu-nav .menu > li > a:hover{color: #e2e2e2;border-bottom: 1px solid #e2e2e2;}
.tx-menu-nav .menu > li.current-menu-item > a,.tx-menu-nav .menu > li.current-menu-parent > a{color: #e2e2e2;border-bottom: 2px solid #e2e2e2;}
.tx-menu-nav .menu > li:hover .sub-menu{display: block;}
.tx-menu-nav .sub-menu{display: none; position: absolute;top:100%;width: 100%;min-width: 74px;font-size: 0.9em; background: rgba(0,0,0,0.6);filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;}
.tx-menu-nav .sub-menu > li{width: 100%;}
.tx-menu-nav .sub-menu > li > a{float: left;width:100%;text-align: center; line-height: 40px;}
.tx-menu-nav .sub-menu > li > a:hover,.tx-menu-nav .sub-menu > li.current-menu-item > a{color: #1cb9f5}

/*banner*/
.tx-banner{height:150px;background: url(../images/banner2-bg.jpg) no-repeat;}

.banner_box {
	position: absolute;
	left: 20%;
	top: 30%;
	z-index: 10000;
	text-indent: -9999px;
}
.banner_box1{
	position: absolute;left: -500px;top: 35%;
}
.banner_box h3 {
	font-size: 20px;
	line-height: 30px;
	color: #FFFFFF;
	text-align: left;
	padding-bottom: 5px;
}
.banner_box p {
	font-size: 12px;
	padding-bottom: 10px;
	color: #FFFFFF;
	text-align: left;
}
.tx-banners .item img{width: 100%;height: auto;}
.tx-banners .carousel-indicators{bottom:20px;}
.tx-banners .carousel-indicators li{float: none;}
.tx-banners .carousel-indicators li.active{background:#fff;}

/*锚点导航*/
.tx-index-menu{padding: 80px 0;}
.tx-index-phone{text-align: center;font-size: 24px;}
.tx-index-phone em{color: #f00;margin-left:1.5em;}
.tx-index-phone em:nth-child(1){margin-left: 0;}

.tx-index-nav{padding: 80px 0 30px;}
.tx-index-nav li a{float: left;width: 100%;text-align: center;}
.tx-index-nav-img{display: inline-block;position: relative;margin-bottom:1em;}
.tx-index-nav li a .tx-index-nav-bg{position:absolute;left: 0;left: 0; width: 100%;height: 100%;border:1px solid #e2e2e2;}
.tx-index-nav li a img{width: 100%;max-width:108px;}
.tx-index-nav li a em{display: block; font-size: 2em;margin:1em 0;color: #6a6a6a; ;}
.tx-index-nav li a i{ display:inline-block;width:60px;height: 2px;background:#6a6a6a;clear: both;}
.tx-index-nav li a:hover em{color: #44bfed;}
.tx-index-nav li a:hover i{background: #44bfed;}
.tx-index-nav li a:hover .tx-index-nav-bg{border:1px solid #44bfed; transform:rotate(135deg);}

/*公司简介*/
.tx-about{background: #fafafa;padding: 110px 0;}
.tx-about-left{text-align: center; }
.tx-about-left img{width: 100%;max-width: 526px;}

.tx-about-right{margin-top: 50px;}
.tx-about-right h3{font-size:3.1em;font-weight: normal;border-left: 6px solid #00a8e7;padding-left: 0.6em;margin-bottom:1em;line-height: 1em;}
.tx-about-right p{font-size:1.21em;font-family: "Microsoft yahei";line-height: 2em;color: #999;}
.tx-about-right a{display: inline-block;width: 220px;text-align: center;font-size: 1.24em;color: #fff;background: #00a8e7;line-height: 3.3em;border-radius: 4px;margin-top: 3em;box-shadow: 1px 1px 5px #a8a9aa;-o-box-shadow: 1px 1px 5px #a8a9aa;-webkit-box-shadow: 1px 1px 5px #a8a9aa;-moz-box-shadow: 1px 1px 5px #a8a9aa;} 
.tx-about-right a:hover{position: relative; top:1px;left: 1px;}

/*成功案例*/
.tx-case{margin-top: 100px;}

.tx-case-main{margin:50px 0;}
.tx-case-main li{width: 20%;}
.tx-case-main li a{float: left;width: 100%;position: relative;overflow: hidden;}
.tx-case-main li a > img{width:100%;height: auto;}

.tx-case-main-title{position: absolute;left: 0;top:0;padding:0 8%;width: 100%;height: 100%;background: rgba(0,0,0,0.6);opacity: 0; text-align: center;}
.tx-case-main-title img{position: relative;}
.tx-case-main-title i{display: inline-block; width: 10%;border-top: 1px solid #bbb;}
.tx-case-main-title em{float: left;width: 100%;font-size: 1.21em;color: #eee;font-family: "Microsoft yahei";}
.tx-case-main li a:hover .tx-case-imgs{transform:scale(1.07);}
.tx-case-main li a:hover .tx-case-main-title{opacity: 1;filter:alpha(opacity=100);-moz-opacity:1;}
.tx-case-main li a:hover .tx-case-main-title img {transform: translate(0, -15px);-moz-transform: translate(0, -15px);-webkit-transform: translate(0, -15px);-o-transform: translate(0, -15px);}
.tx-case-main li a:hover .tx-case-main-title em {transform: translate(0, 15px);-o-transform: translate(0, 15px);-webkit-transform: translate(0, 15px);-moz-transform: translate(0, 15px);}
.tx-case-main li a:hover .tx-case-main-title i{transform:scaleX(10);}

/*服务范围*/
.tx-serve{background: #202020 url("../images/serve-bg.jpg") no-repeat right center;background-size: 47% ; padding: 100px 0;}
.tx-serve-main li{width: 100%;padding-right: 120px;}
.tx-serve-main h3{display: block;text-align: right; font-size:3.1em;font-weight: normal;color:#fff;border-right: 6px solid #00a8e7;padding-right: 0.6em;margin-bottom:1em;line-height: 1em;}
#tx-serve-content{overflow: hidden;height: 360px;}
.tx-serve-main-ul{float: left;width: 100%;height: 100%;overflow:hidden; position: relative;right: 0;}
.tx-serve-main-ul::-webkit-scrollbar{width:14px;}
.tx-serve-main-ul::-0-scrollbar{width:14px;}
.tx-serve-main-ul::-webkit-scrollbar-track{background-color:#bee1eb;}
.tx-serve-main-ul::-webkit-scrollbar-thumb{background-color:#00aff0;}
.tx-serve-main-ul::-webkit-scrollbar-thumb:hover {background-color:#9c3}
.tx-serve-main-ul::-webkit-scrollbar-thumb:active {background-color:#00aff0}
.tx-serve-main-content{text-align: right;margin-bottom:1em; }
.tx-serve-main-content h4{font-size: 1.4em;color: #00a8e7;font-weight: normal;line-height: 2em;}
.tx-serve-main-content span{font-size: 1em;color: #999;font-family: "Microsoft yahei";line-height: 2.1em;}
.tx-serve-main-content span em{color: #fff;margin-right: 1em;}
.tx-serve-main-content a{font-size: 1em;color:#e74c3c;font-family: "Microsoft yahei";}
.tx-serve-main-content a:hover{text-decoration: underline;}
.fangan1{background:url("../images/serve-bg1.png") no-repeat right center;}
.fangan1:hover{background:url("../images/serve-bg101.png") no-repeat right center;text-decoration:underline; }
.fangan2{background:url("../images/serve-bg2.png") no-repeat right center;}
.fangan2:hover{background:url("../images/serve-bg201.png") no-repeat right center;text-decoration:underline; }
.fangan3{background:url("../images/serve-bg3.png") no-repeat right center;}
.fangan3:hover{background:url("../images/serve-bg301.png") no-repeat right center;text-decoration:underline; }
.fangan4{background:url("../images/serve-bg4.png") no-repeat right center;}
.fangan4:hover{background:url("../images/serve-bg401.png") no-repeat right center;text-decoration:underline; }
.fangan5{background:url("../images/serve-bg1.png") no-repeat right center;}
.fangan5:hover{background:url("../images/serve-bg101.png") no-repeat right center;text-decoration:underline; }
.fangan5:hover span{ text-decoration:underline;}

/*六大优势*/
.tx-advantage-main{padding:50px 0;}

.tx-advantage-main li{background: #00a8e7;width: 50%;color: #fff;cursor:pointer;overflow: hidden;}
.tx-advantage-main li:hover{background:#2082a7;transition-duration: 0.7s;}

.tx-advantage-main-left{width: 50%;float: left;overflow: hidden;position: relative;}
.tx-advantage-main-left i{position: absolute;z-index: 10; width: 0px;height: 0px; right: 0;border-top:30px solid transparent;border-bottom:30px solid transparent; border-right:30px solid #00a8e7; }
.tx-advantage-main-left img{width: 100%;height: auto;}
.tx-advantage-main li:nth-child(4) .tx-advantage-main-left i,.tx-advantage-main li:nth-child(3) .tx-advantage-main-left i{border-right:0;border-left:30px solid #00a8e7;left: 0;}
.tx-advantage-main li:hover .tx-advantage-main-left i{border-right:30px solid #2082a7;}
.tx-advantage-main li:nth-child(4):hover .tx-advantage-main-left i,.tx-advantage-main li:nth-child(3):hover .tx-advantage-main-left i{border-left:30px solid #2082a7;border-right:0;}

.tx-advantage-main-right{float:left;width: 50%;padding:0 3em; }
.tx-advantage-main-right em{display: block; font-size: 2.3em;line-height: 1.5em;padding-bottom: 1em;}
.tx-advantage-main-right i{float: left;width: 100%;opacity: 0;border-top: 1px solid #fff;}
.tx-advantage-main-right p{display: block; font-size: 1.2em;line-height: 2;font-family:'Microsoft yahei';}

.tx-advantage-main li:hover .tx-advantage-main-right em{transform: translate(0, -15px);-moz-transform: translate(0, -15px);-webkit-transform: translate(0, -15px);-o-transform: translate(0, -15px);}
.tx-advantage-main li:hover .tx-advantage-main-right i{opacity: 1;filter:alpha(opacity=100);-moz-opacity:1;transform: translate(0, -15px);-moz-transform: translate(0, -15px);-webkit-transform: translate(0, -15px);-o-transform: translate(0, -15px);}

/*合作流程*/
.tx-flow{margin: 50px 0;padding: 50px 0;background: url("../images/flow-bg.jpg") center center;}
.tx-flow-title{background:url("../images/title-bg1.png") no-repeat center bottom; color: #fff;}
.tx-flow-main{margin: 100px 0 50px;color: #fff;text-align: center;}
.tx-flow-img1{width: 100%;max-width: 90px;}
.tx-flow-main li p{font-size: 1.8em;margin-top: 1em;}
.tx-flow-main li em{font-family: "Microsoft yahei";font-size: 1.2em;}

.tx-flow-main li:nth-child(2n-1){width: 11%;cursor: pointer;}
.tx-flow-main li:nth-child(2n){width: 3.833%;}
.tx-flow-main li:nth-child(2n-1) span{width: 100%;display: block;transition:none;}

.tx-flow-main li:nth-child(2n-1):hover span{transform:rotateY(360deg);transition: 1s;-moz-transition:1s;-webkit-transition: 1s;-o-transition: 1s;}
.tx-flow-main li:nth-child(2n):hover img{transform: translate(0, -15px);-o-transform: translate(0, -15px);-webkit-transform: translate(0, -15px);-moz-transform: translate(0, -15px);} 

/*合作伙伴*/
.tx-friend{margin: 50px 0;}
.tx-friend-main{margin: 50px 0;}
.tx-friend-main li{width: 20%; overflow: hidden; text-align: center; border-bottom: 1px dotted #e9e9e9;border-right:1px dotted #e9e9e9;}
.tx-friend-main li img{width: 100%;max-width: 230px;position: relative;top: 0;}
.tx-friend-main li:nth-child(5n){border-right: none;}

/*底部*/
.tx-footer-top{background: url("../images/footer-bg.jpg") center center;padding: 40px 0;background-size: 100% 100%;}
.tx-footer-top h3{font-size: 1.7em;color: #fff;margin-bottom: 0.5em;}
.tx-footer-top select{width:30%;margin-right:2%;height: 30px;line-height:30px;text-align: center;font-family: "Microsoft yahei";}
.tx-footer-top input[type="text"],.tx-footer-top input[type="email"]{color: #fff;font-family: "Microsoft yahei";text-indent: 8px; width: 80%;height: 30px;line-height: 30px;background:none;border: 1px solid #fff;margin-top: 15px;}
.tx-footer-top textarea{padding-left: 7px; width: 92%;color: #fff; background:none;border: 1px solid #fff;margin-top: 15px;line-height: 30px;height:120px; }
.tx-footer-top input[type="submit"]{line-height: 30px;border: 1px solid #00a8e7;background:#00a8e7;width:160px;height:30px;color: #FFF;margin-top: 15px;font-family: "Microsoft yahei";}
.tx-footer-top input[type="submit"]:hover{background:#fff;color: #00a8e7;}

.tx-footer-top-right-mains{float: left;width: 50%;}
.tx-footer-top-right h3 a{color: #fff;margin-left: 20px;}
.tx-footer-top-right h3 a:hover{margin-left: 25px;}
.tx-footer-news{border-bottom: 1px solid #fff;padding-bottom: 1em;margin-bottom: 2em;}
.tx-footer-news li{float: left;width: 100%;}
.tx-footer-news li:nth-child(2n){margin-left: 1%;}
.tx-footer-news li a{display: block; color: #fff;font-size: 1em;line-height: 2.5em;height:2.5em;overflow: hidden; font-family: "Microsoft yahei";}
.tx-footer-news li a:hover{text-decoration: underline;}
.tx-footer-news span img{width: 100%;height: auto;}
.tx-footer-news span{float:left;width: 22%;margin-right: 50px;}
.tx-footer-news  em{display:block;color: #fff;line-height: 30px;font-family: "Microsoft yahei"; text-align: center;}


.tx-footer-contact{margin-top: 30px;}
.tx-footer-contact h4{font-size: 1.4em;color: #00a8e7;margin-bottom: 0.6em;}
.tx-footer-contact p{font-size: 1.1em;color: #fff;font-family: "Microsoft yahei";line-height: 2em;}

.tx-footer-bottom{background: #202020;font-family: "Microsoft yahei";text-align: center;color: #fff;font-size: 1.2em;line-height: 2em;}
.tx-footer-bottom span{color: #fff;}
.tx-footer-bottom a{color: #fff;}
.tx-footer-bottom a:hover{text-decoration: underline;}
.tx-footer-friend{float: left;width: 100%;font-size: 12px;line-height: 25px;height: auto;overflow:hidden;}
.tx-footer-friend li{margin: 0 3px;}
.tx-footer-news-leftem{display:block;color: #fff;line-height: 30px;font-family: "Microsoft yahei"; }

/*carousel

.carousel .item .item-img img{width:100%;height:auto;}
.item-img1-1{width:20.31%;height:6.01%;position:absolute;top:35.84%;left:51.78%;}
.item-img1-2{width:34.74%;height:6.01%;position:absolute;top:41.85%;left:51.98%;}
.item-img1-3{width:40.83%;height:6.01%;position:absolute;top:49.60%;left:51.78%;}
.item-img2-1{width:23.70%;height:6.36%;position:absolute;top:32.37%;left: 22.5%;}
.item-img2-2{width:23.70%;height:6.36%;position:absolute;top:40.92%;left: 22.5%;}
.item-img2-3{width:23.70%;height:6.36%;position:absolute;top:49.28%;left: 22.5%;}
.item-img2-4{width:23.70%;height:6.36%;position:absolute;top:57.92%;left: 22.5%;}
.item-img2-5{width:23.70%;height:6.36%;position:absolute;top:66.36%;left: 22.5%;}
.item-img2-6{width:35.5%;height:49.83%;position:absolute;left:45%;top: 31.33%;}
.item-img3-1{width:36%;height:24%;position:absolute;left:30%;top: 23.47%;}
.item-img3-2{width:12%;height:36%;position:absolute;left:20%;top: 42.77%;}
.item-img3-3{width:12%;height:46%;position:absolute;left:60%;top: 53.41%;}
.item-img4-1{width:24%;height:10%;position:absolute;left:50%;top: 30.64%;}
.item-img4-2{width:24%;height:10%;position:absolute;left:50%;top: 42.20%;}
.carousel .carousel-control{top: 47.37%;width: 2.34%;height: 5.25%;}
.carousel .carousel-control.left{background: url(images/b_08.png) no-repeat;background-size: cover;}
.carousel .carousel-control.right{right: 0;background: url(images/b_09.png) no-repeat;background-size: cover;}*/

/*弹框*/
.tx-pop-box{position: fixed;left:0;bottom: 0;width: 100%;z-index: 999999999999;min-height: 163px;overflow: hidden;}
.tx-pop-box-bg{position: absolute;left: 0;top:0;width: 100%;height: 100%;background:#000;filter:alpha(opacity=60);-moz-opacity:.6;opacity: .6;}
.tx-pop-box-content{background:url('../images/tx-pop-bg.png') left center no-repeat;padding: 10px 0;position: relative;}
.tx-pop-centent-left{float: left;width: 50%;}
.tx-pop-centent-left h3{font-family: "BDZYJT";font-size: 35px;text-align: right;padding: 10px 0 10px;text-shadow:#fff 2px 0 1px,#fff 0 2px 1px,#fff -2px 0 1px,#fff 0 -2px 1px;color: #e10404;}
.tx-pop-centent-left h4{font-family:"SSZHJT";font-size:28px;text-align:center;color:#fff;text-shadow:#222 2px 2px 3px;}
.tx-pop-centent-right{float: right;width: 50%;text-align: right;}
.tx-pop-centent-right img:nth-child(1){max-width: 180px;height: auto;}
.tx-pop-centent-right img:nth-child(2){max-width: 105px;height: auto;}
.tx-pop-centent-bottom{float: left;width: 100%;text-align: right;margin-top: 5px;}
.tx-pop-centent-bottom span{display: inline-block;}
.tx-pop-centent-bottom input{width: 150px;height: 33px;background:#fff;border: none;display: inline-block;border-radius: 1px;text-indent:7px;margin: 0 3px;}
.tx-pop-centent-bottom input[type="submit"],.tx-pop-centent-bottom a{width: 80px;background:#00aeff;color: #fff;text-align: center;text-indent:0;}
.tx-pop-centent-bottom a{display: inline-block;height: 33px;line-height: 33px;border-radius: 1px;margin: 0 3px;}
div.wpcf7-response-output{color: #f00;position: absolute;width: 100%;z-index: 999;bottom:0;left: 0;background:rgba(0,0,0,0.6);}

.tx-pop-box-close{width:20px;height: 20px;background: url("../images/single-x.png") center center no-repeat; position: absolute;left: 10px;top: 10px; cursor: pointer;}
.tx-pop-box-close:hover{transform:rotate(180deg);}


.tx-iphone-right{display: none;}

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-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);
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
    }
}

@-ms-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
    }
}
@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
    }
}




@-webkit-keyframes fadeInLeft1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
           -webkit-transform: translate3d(90%, 0, 0);
        -ms-transform: translate3d(90%, 0, 0);
        transform: translate3d(90%, 0, 0);
    }
}
@-ms-keyframes fadeInLeft1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(90%, 0, 0);
        -ms-transform: translate3d(90%, 0, 0);
        transform: translate3d(90%, 0, 0);
    }
}

@keyframes fadeInLeft1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(90%, 0, 0);
        -ms-transform: translate3d(90%, 0, 0);
        transform: translate3d(90%, 0, 0);
    }
}


@-webkit-keyframes fadeInLeft2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInLeft2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-ms-keyframes fadeInLeft2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(300%, 0, 0);
        transform: translate3d(300%, 0, 0);
    }

    100% {
        opacity: 1;
       -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@-ms-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(300%, 0, 0);
        -ms-transform: translate3d(300%, 0, 0);
        transform: translate3d(300%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(120%, 0, 0);
        -ms-transform: translate3d(120%, 0, 0);
        transform: translate3d(120%, 0, 0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(300%, 0, 0);
        -ms-transform: translate3d(300%, 0, 0);
        transform: translate3d(300%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(120%, 0, 0);
        -ms-transform: translate3d(120%, 0, 0);
        transform: translate3d(120%, 0, 0);
    }
}






@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    100% {
        opacity: 1;
       -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-ms-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        -ms-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        -ms-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}



@-webkit-keyframes fadeInDown1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    100% {
        opacity: 1;
       -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-ms-keyframes fadeInDown1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    100% {
        opacity: 1;
       -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInDown1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        -ms-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}



@-webkit-keyframes fadeInDown2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    100% {
        opacity: 1;
       -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-ms-keyframes fadeInDown2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    100% {
        opacity: 1;
       -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        -ms-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 300%, 0);
        transform: translate3d(0, 300%, 0);
    }

    100% {
        opacity: 1;
       -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-ms-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 300%, 0);
        transform: translate3d(0, 300%, 0);
    }

    100% {
        opacity: 1;
       -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 300%, 0);
        -ms-transform: translate3d(0, 300%, 0);
        transform: translate3d(0, 300%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}




@-webkit-keyframes fadeInUp1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    100% {
        opacity: 1;
       -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-ms-keyframes fadeInUp1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        -ms-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInUp1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        -ms-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp3 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes fadeInUp3 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-ms-keyframes fadeInUp3 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-moz-keyframes fadeInUp3 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}




@-webkit-keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    100% {
        opacity: 1;
       -webkit-transform: translate3d(0, , 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-ms-keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    100% {
        opacity: 1;
       -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        -ms-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes fadeIn{
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn{
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


@keyframes fadeIn{
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -ms-animation-name: fadeIn;
    animation-name: fadeIn;
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -ms-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
}
.fadeInLeft1 {
    -webkit-animation-name: fadeInLeft1;
    animation-name: fadeInLeft1;
     -ms-animation-name: fadeInLeft1;
}
.fadeInLeft2 {
    -webkit-animation-name: fadeInLeft2;
    animation-name: fadeInLeft2;
     -ms-animation-name: fadeInLeft2;
}
.fadeInRight{
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
     -ms-animation-name: fadeInRight;
}
.fadeInRight1{
    -webkit-animation-name: fadeInRight1;
    animation-name: fadeInRight1;
     -ms-animation-name: fadeInRight1;
}
.fadeInUp{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
     -ms-animation-name: fadeInUp;
}
.fadeInUp1{
    -webkit-animation-name: fadeInUp1;
    animation-name: fadeInUp1;
     -ms-animation-name: fadeInUp1;
}
.fadeInUp2{
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2;
     -ms-animation-name: fadeInUp2;
}
.fadeInUp3{
    -webkit-animation-name: fadeInUp3;
    animation-name: fadeInUp3;
     -ms-animation-name: fadeInUp3;
}
.fadeInDown{
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
     -ms-animation-name: fadeInDown;
}
.fadeInDown1{
    -webkit-animation-name: fadeInDown1;
    animation-name: fadeInDown1;
     -ms-animation-name: fadeInDown1;
}
.fadeInDown2{
    -webkit-animation-name: fadeInDown2;
    animation-name: fadeInDown2;
     -ms-animation-name: fadeInDown2;
}
.bounceInDown{
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
     -ms-animation-name: bounceInDown;
}
.zoomInRight{
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
     -ms-animation-name: zoomInRight;
}
.rollIn{
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
     -ms-animation-name: rollIn;
}
.animated{
	animation-duration:1s;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
}
.animated1{
	animation-duration:2s;
	-webkit-animation-duration:2s;
	-ms-animation-duration:2s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
}