@charset "utf-8";

* {

	margin: 0px;

	padding: 0px;

	list-style: none;

}

body {

	font-size: 12px;

	line-height: 24px;

	color: #666666;

	font-family: "Microsoft YaHei", "微软雅黑";

	min-width: 1360px;

}

a {

	color: #666666;

	text-decoration: none;

}

a:hover {

	color: #4e626d;

}

.clear {

	clear: both;

	line-height: 0;

	overflow: hidden;

	zoom: 1;

	font-size: 0;

	content: '.';

}

h1, h2, h3, h4, h5, h6 {

	font-size: 100%;

	font-weight: normal;

}

img {

	border: none;

	vertical-align: middle;

}

input, textarea {

	font-family: "Microsoft YaHei", "微软雅黑";

}

input:focus, textarea:focus {

	outline: none;

}

/*main*/

.wpb {

	width: 1200px;

	margin: 0 auto;

	position: relative;

}

.wpc {

	width: 1150px;

	margin: 0 auto;

	position: relative;

}

.wps {

	width: 1000px;

	margin: 0 auto;

	position: relative;

}

/*header*/

.header {

	background: #fff url(../images/header_topbj.png) left top repeat-x;

	width: 100%;

	line-height: 24px;

}

.header .top {

	color: #ccc;

	height: 30px;

	line-height: 30px;

	font-size: 13px;

}

.header .top .wzl {

	float: left;

	padding-left: 10px;

	font-size: 12px;

}

.header .top .wzl a {

	color: #ccc;

}

.header .top .wzr {

	float: right;

	position: relative;

	z-index: 6;

}

.header .top .wzr a.pc {

	color: #ffb243;

	padding-left: 5px;

}

.header .top .wzr span {

	float: left;

	color: #ffb243;

	background: url(../images/icon_toptel.png) left center no-repeat;

	padding-left: 18px;

}

.header .top .wzr .tbqq {

	float: left;

	background: url(../images/icon_topqq.png) center 5px no-repeat;

	width: 20px;

	height: 30px;

	margin: 0 8px;

}

.header .top .wzr .tbwx {

	float: left;

	background: url(../images/icon_topwx.png) center center no-repeat;

	width: 20px;

	height: 30px;

}

.header .top .wzr .tbwx img {

	position: absolute;

	right: 0px;

	top: 30px;

	display: none;

}

.header .top .wzr .tbwx:hover img {

	display: block;

}

.header .logo {

	float: left;

}

.header .logo img {

	float: left;

}

.header .logo .logowz {

	float: left;

	border-left: 1px dotted #ccc;

	height: 40px;

	padding-left: 14px;

	margin: 34px 0 0 5px;

	color: #000;

	font-size: 12px;

}

.header .logo .logowz span {

	display: block;

	overflow: hidden;

	font-size: 22px;

	color: #e33907;

	font-weight: bold;

	line-height: 22px;

}

.header .nav {

	float: right;

	position: relative;

	z-index: 5;

}

.header .nav>ul {

	float: left;

	position: relative;

	z-index: 1;

	margin-right: 40px;

}

.header .nav>ul>li {

	float: left;

	position: relative;

}

.header .nav>ul>li .li {

	display: block;

	overflow: hidden;

	height: 90px;

	line-height: 110px;

	padding: 0 15px;

	font-size: 14px;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	color: #2A2B2c;

}

.header .nav .curbg {

	background: #0e9ce4 url(../images/header_nav.png) center center no-repeat;

	position: absolute;

	left: 0px;

	top: 0px;

	height: 90px;

}

.header .nav .nav_sub {

	position: absolute;

	top: 90px;

	background: #fff;

	border: 1px solid #ddd;

	-moz-box-shadow: 0px 0px 10px #DDDDDD;

	-webkit-box-shadow: 0px 0px 10px #DDDDDD;

	box-shadow: 0px 0px 10px #DDDDDD;

	display: none;

}

.header .nav .nav_sub1 {

	left: 0px;

	width: 100px;

}

.header .nav .nav_sub2 {

	left: -125px;

	width: 340px;

}

.header .nav .nav_sub3 {

	right: 0px;

	width: 340px;

}

.header .nav .liu {

	overflow: hidden;

}

.header .nav .liu li {

	width: 84px;

	text-align:center;

	padding: 5px 3px;

	border-left: 0px solid #DDD;

}

.header .nav .liu li .b {

	font-size: 14px;

	font-weight: bold;

}

.header .nav .liu li p {

	color: #666;

	font-size: 12px;

	line-height: 20px;

	padding: 5px 0 10px 0;

}

.header .nav .liu li .tb {

	display: block;

	overflow: hidden;

	text-indent: -9999px;

	height: 118px;

	background-position: center center;

	background-repeat: no-repeat;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.header .nav .liu li.tb1 .b {

	color: #555;

}

.header .nav .liu li.tb1 .tb {

	background-image: url(../images/header_navtb1.png);

	background-color: #00a1ff;

}

.header .nav .liu li.tb2 .tb {

	background-image: url(../images/header_navtb2.png);

	background-color: #57C3C1;

}

.header .nav .liu li.tb2 .b {

	color: #FF812E;

}

.header .nav .liu li.tb3 .tb {

	background-image: url(../images/header_navtb3.png);

	background-color: #DD574C;

}

.header .nav .liu li.tb4 .tb {

	background-image: url(../images/header_navtb4.png);

	background-color: #FF812E;

}

.header .nav .liu li.tb5 .tb {

	background-image: url(../images/header_navtb5.png);

	background-color: #94BF2C;

}

.header .nav .liu li.tb5 .b {

	color: #FF812E;

}

.header .nav .liu li.tb6 .tb {

	background-image: url(../images/header_navtb6.png);

	background-color: #fb7e71;

}

.header .nav .liu li.tb7 .tb {

	background-image: url(../images/header_navtb7.png);

	background-color: #596FE0;

}

.header .nav .liu li.tb8 .b {

	color: #F30;

}

.header .nav .liu li.tb8 .tb {

	background-image: url(../images/header_navtb8.png);

	background-color: #09ACDB;

}

.header .nav .liu li:first-child {

	border-left: 1px solid #fff;

}

.header .nav .liu li .b:hover {

	text-decoration: underline;

}

.header .nav .liu li .tb:hover {

	filter: alpha(opacity=60);

	-moz-opacity: 0.6;

	-khtml-opacity: 0.6;

	opacity: 0.6;

}

.header .nav .erx {

	overflow: hidden;

}

.header .nav .erx li {

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	border-bottom: 1px solid #eaeced;

	width: 140px;

	line-height: 38px;

	margin: 0 15px;

	float: left;

	background: url(../images/icon_li1.png) left center no-repeat;

	text-indent: 14px;

	font-size: 14px;

}

.header .nav .erx li a:hover {

	color: #0e9ce4;

}

.header .topan {

	position: absolute;

	right: -55px;

	top: 32px;

}

.header .topan .searchbut {

	width: 35px;

	height: 35px;

	display: block;

	float: left;

	background: url(../images/header_anso.png) center center no-repeat;

	cursor: pointer;

	margin-right: 20px;

}

.header .topan .messbut {

	width: 35px;

	height: 35px;

	display: block;

	float: left;

	background: url(../images/header_anmess.png) center center no-repeat;

	cursor: pointer;

}

.header .search {

	background: url(../images/search_bj.png) no-repeat;

	width: 247px;

	height: 65px;

	position: absolute;

	right: -65px;

	top: 70px;

	display: none;

}

.header .search input[type='text'] {

	margin: 25px 0 0 10px;

	border: 0;

	height: 30px;

	width: 200px;

	float: left;

}

.header .search input[type='submit'] {

	margin: 25px 10px 0 0;

	width: 26px;

	height: 30px;

	text-indent: -9999px;

	cursor: pointer;

	background: url(../images/search_tb.png) center center no-repeat;

	border: 0;

	float: right;

}

.top_mess {

	position: fixed;

	left: 0px;

	right: 0px;

	top: 0px;

	width: 100%;

	z-index: 8;

	background: #fff;

	display: none;

	-moz-box-shadow: 0px 0px 10px #DDDDDD;

	-webkit-box-shadow: 0px 0px 10px #DDDDDD;

	box-shadow: 0px 0px 10px #DDDDDD;

}

.top_mess .top_mess_wp {

	width: 970px;

	margin: 0 auto;

	padding: 30px 0 0 0;

	height: 600px;

	position: relative;

}

.top_mess .top_mess_close {

	width: 39px;

	height: 39px;

	display: block;

	position: absolute;

	right: -70px;

	top: 20px;

	background: url(../images/icon_close1.png) no-repeat;

}

.top_mess .top_mess_left {

	width: 450px;

	float: left;

	overflow: hidden;

}

.top_mess .top_mess_left .s1 {

	font-size: 40px;

	line-height: 42px;

	color: #e60012;

}

.top_mess .top_mess_left .s2 {

	font-size: 45px;

	line-height: 48px;

	border-bottom: 1px solid #cccccc;

	padding: 25px 0 35px 0;

	margin-bottom: 20px;

	color: #212121;

}

.top_mess .top_mess_left .s3 {

	color: #333;

	font-size: 16px;

}

.top_mess .top_mess_left .s3 em {

	float: left;

	color: #fff;

	width: 40px;

	height: 40px;

	text-align: center;

	line-height: 20px;

	padding: 4px;

	margin-right: 10px;

	font-style: normal;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

.top_mess .top_mess_left .s3 span {

	color: #e77919;

}

.top_mess .top_mess_left .s3 dt {

	height: 48px;

	line-height: 24px;

	overflow: hidden;

	margin-bottom: 20px;

}

.top_mess .top_mess_left .s3 dt em {

	background: #00affc;

}

.top_mess .top_mess_left .s3 dd {

	height: 48px;

	line-height: 48px;

	overflow: hidden;

	margin-bottom: 20px;

}

.top_mess .top_mess_left .s3 dd em {

	background: #e77919;

}

.top_mess .top_mess_left .s4 {

	background: url(../images/icon_24tel.png) left center no-repeat;

	padding-left: 58px;

	height: 60px;

	font-size: 16px;

	font-weight: bold;

	color: #333;

	line-height: 28px;

}

.top_mess .top_mess_left .s4 span {

	display: block;

	font-size: 26px;

	color: #00affc;

}

.top_mess .top_mess_right {

	width: 425px;

	float: right;

	overflow: hidden;

	font-size: 13px;

	color: #212121;

}

.top_mess .top_mess_right .top_mess_bt {

	font-size: 24px;

	line-height: 30px;

	padding-bottom: 10px;

}

.top_mess .top_mess_right .top_mess_sbt {

	font-size: 16px;

	font-weight: bold;

	padding: 2px 0px;

	color: #1a1a1a;

}

.top_mess .top_mess_right label {

	float: left;

}

.top_mess .top_mess_right span {

	float: left;

	padding-left: 10px;

}

.top_mess .top_mess_right em {

	padding: 0 12px 0 5px;

	font-style: normal;

}

.top_mess .top_mess_right img {

	float: left;

	margin: 1px 0 0 10px;

	cursor: pointer;

}

.top_mess .top_mess_right input[type='text'] {

	width: 403px;

	outline: none;

	font-size: 15px;

	color: #999999;

	background: #f6f6f6;

	border: 1px solid #d9d9d9;

	padding: 0 10px;

	height: 36px;

}

.top_mess .top_mess_right input[type='checkbox'] {

	float: left;

	margin-top: 8px;

}

.top_mess .top_mess_right input[type='radio'] {

	float: left;

	margin-top: 5px;

}

.top_mess .top_mess_right input[type='submit'] {

	border: 2px solid #e81727;

	background: none;

	outline: none;

	font-size: 20px;

	font-weight: bold;

	width: 45%;

	margin-right: 15px;

	float: left;

	color: #e81727;

	height: 50px;

	margin-top: 10px;

	cursor: pointer;

}

.top_mess .top_mess_right a.submit {

	background: #e81727;

	outline: none;

	font-size: 20px;

	text-align: center;

	font-weight: bold;

	width: 45%;

	margin-right: 15px;

	float: left;

	color: #fff;

	height: 50px;

	line-height: 50px;

	margin-top: 10px;

	cursor: pointer;

}

.top_mess .top_mess_right input[type='text'].yzm {

	width: 185px;

}

.top_mess .top_mess_right input[type='text'].name {

	width: 185px;

}

.top_mess .top_mess_right input[type='text'].tel {

	width: 185px;

	float: right;

}

.top_mess .top_mess_right ul {

	overflow: hidden;

}

.top_mess .top_mess_right ul li {

	padding: 0 0 8px 0;

	overflow: hidden;

}

.top_mess .top_mess_right dl {

	overflow: hidden;

	line-height: 30px;

}

.top_mess .top_mess_right dl dt {

	width: 230px;

	float: left;

}

.top_mess .top_mess_right dl dd {

	width: 180px;

	float: left;

}

/*footer*/

.footer {

	overflow: hidden;

	width: 100%;

	color: #ccc;

	font-size: 13px;

	line-height: 26px;

}

.footer a {

	color: #ccc;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.footer a:hover {

	color: #e87518;

}

.footer .foot_topbj {

	height: 39px;

	overflow: hidden;

	background: url(../images/footer_backtop.png) center center no-repeat;

}

.footer .foot_topbj .foot_top {

	display: block;

	width: 90px;

	height: 39px;

	margin: 0 auto;

	overflow: hidden;

}

.footer .foot_main {

	padding: 28px 0 20px 0;

	position: relative;

	background: #333;

	font-size: 14px;

}

.footer .foot_main .foot_lx {

	width: 505px;

	height: 310px;

	float: left;

	margin-left: 15px;

}

.footer .foot_main .foot_lx dl {

	padding: 15px 0 0 0;

}

.footer .foot_main .foot_lx dt {

	overflow: hidden;

	height: 31px;

	line-height: 31px;

	float: left;

	width: 100%;

	margin: 10px 0;

}

.footer .foot_main .foot_lx dd {

	overflow: hidden;

	height: 31px;

	line-height: 31px;

	float: left;

	width: 250px;

	margin: 10px 0;

}

.footer .foot_main .foot_lx label {

	display: block;

	float: left;

	width: 56px;

	margin-left: 40px;

}

.footer .foot_main .foot_lx span {

	float: left;

}

.footer .foot_main .foot_lx em {

	float: left;

	font-style: normal;

	padding-right: 5px;

}

.footer .foot_main .foot_lx a {

	float: left;

}

.footer .foot_main .foot_lx .tel {

	font-family: Arial, Helvetica, sans-serif;

}

.footer .foot_main .foot_lx .tel i {

	font-size: 20px;

	font-style: normal;

}

.footer .foot_main .foot_lx .tel b {

	color: #ccc;

	font-size: 22px;

	font-weight: normal;

}

.footer .foot_main .foot_lx .tb1 {

	background: url(../images/footer_icon.png) left 0 no-repeat;

}

.footer .foot_main .foot_lx .tb2 {

	background: url(../images/footer_icon.png) left -31px no-repeat;

	color: #ccc;

}

.footer .foot_main .foot_lx .tb2 a {

	color: #34a5e3;

}

.footer .foot_main .foot_lx .tb3 {

	background: url(../images/footer_icon.png) left -62px no-repeat;

	width: 230px;

}

.footer .foot_main .foot_lx .tb4 {

	background: url(../images/footer_icon.png) left -93px no-repeat;

}

.footer .foot_main .foot_lx .tb5 {

	background: url(../images/footer_icon.png) left -124px no-repeat;

	width: 250px;

}

.footer .foot_main .foot_lx .tb6 {

	background: url(../images/footer_icon.png) left -155px no-repeat;

}

.footer .foot_main .foot_lx .tb7 {

	background: url(../images/footer_icon.png) left -186px no-repeat;

}

.footer .foot_main .foot_about {

	width: 290px;

	height: 310px;

	padding: 0 30px;

	float: left;

	border-left: 1px solid #4d4d4d;

	border-right: 1px solid #4d4d4d;

}

.footer .foot_main .foot_about .nr {

	/*height: 144px;*/

	overflow: hidden;

	margin: 20px 0 5px 0;

}

.footer .foot_main .foot_about .nr a {

	color: #ccc;

}

.footer .foot_main .foot_about a {

	color: #34a5e3;

	line-height: 30px;

}

.footer .foot_main .foot_ewm {

	float: right;

	width: 313px;

	height: 310px;

	margin-right: 15px;

	position: relative;

}

.footer .foot_main .foot_ewm dl {

	float: right;

	padding: 85px 0 0 0;

}

.footer .foot_main .foot_ewm dt {

	line-height: 60px;

	text-align: center;

	font-size: 18px;

	color: #fff;

}

.footer .foot_main .foot_ewm dd {

	float: left;

	width: 122px;

	margin: 0 10px;

	text-align: center;

	line-height: 30px;

}

.footer .foot_main .foot_ewm .foot_ewm_pic {

	position: absolute;

	left: 20px;

	top: -65px;

}

.footer .foot_main .foot_bt {

	font-size: 16px;

	padding-bottom: 5px;

	line-height: 30px;

}

.footer .foot_copy {

	background: #292929;

	overflow: hidden;

	padding: 14px 0;

}

.footer .foot_copy .sm {

	float: left;

}

.footer .foot_copy .href {

	float: right;

}

/*fdright_nav*/

.fdright_nav {

	position: fixed;

	right: 0px;

	top: 40%;

	margin-top: -138px;

	z-index: 9;

}

.fdright_nav li {

	width: 45px;

	height: 45px;

	line-height: 45px;

	position: relative;

	margin-bottom: 1px;

	color: #fff;

	font-size: 14px;

	color: #fff;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.fdright_nav li a {

	display: block;

	overflow: hidden;

	position: absolute;

	left: 0px;

	top: 0px;

	width: 140px;

	background-color: #0390DE;

	color: #fff;

	padding-left: 45px;

	background-position: left top;

	background-repeat: no-repeat;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.fdright_nav li img {

	display: none;

	position: absolute;

	right: 45px;

	top: -50px;

	width: 150px;

	height: 150px;

}

.fdright_nav li .fdright_nav_qq {

	background-image: url(../images/kefu_qq.png);

}

.fdright_nav li .fdright_nav_tel {

	background-image: url(../images/kefu_tel.png);

}

.fdright_nav li .fdright_nav_xq {

	background-image: url(../images/kefu_xq.png);

}

.fdright_nav li.fdright_nav_wx {

	background: #0390DE url(../images/kefu_wx.png) no-repeat;

}

.fdright_nav li.fdright_nav_wx:hover {

	background: #262626 url(../images/kefu_wx.png) no-repeat;

}

.fdright_nav li.fdright_nav_wx:hover img {

	display: block;

}

.fdright_nav li.fdright_nav_top {

	background: #4e4e4e url(../images/kefu_top.png) no-repeat;

	cursor: pointer;

}

.fdright_nav li a:hover {

	background-color: #262626;

	left: -105px;

}

/*page*/

.NewPage {

	text-align: center;

	overflow: hidden;

	font-size: 13px;

	padding: 20px 0 0 0;

}

.NewPage .pageBody {

	display: inline-block;

}

.NewPage a {

	display: block;

	margin: 0px 3px;

	width: 28px;

	height: 28px;

	float: left;

	line-height: 28px;

	background: url(../images/icon_page.gif) no-repeat center top;

}

.NewPage span {

	margin: 0px 3px;

	background: url(../images/icon_page.gif) no-repeat center bottom;

	width: 28px;

	height: 28px;

	line-height: 28px;

	float: left;

	color: #FFFFFF;

}

.NewPage .thisclass a {

	background: url(../images/icon_page.gif) no-repeat center bottom;

	color: #FFFFFF;

}

.NewPage .pageinfo {

	margin: 0px 3px;

	background: #F60;

	padding: 0 15px;

	height: 28px;

	line-height: 28px;

	width: 120px;

	color: #FFFFFF;

}

.NewPage a:link {

	background: url(../images/icon_page.gif) no-repeat center top;

}

.NewPage a:visited {

	background: url(../images/icon_page.gif) no-repeat center top;

}

.NewPage a:hover {

	background: url(../images/icon_page.gif) no-repeat center bottom;

	color: #FFFFFF;

}

.NewPage a:active {

	background: url(../images/icon_page.gif) no-repeat center top;

}

.news_ban {

	width: 100%;

	height: 300px;

	background-position: center top;

	background-repeat: no-repeat;

}

/*banner*/

.index_ban {

	height: 1010px;

	overflow: hidden;

	width: 100%;

	background: url(../images/banner_botbj.png) left bottom repeat-x;

	position: relative;

}

.index_ban .p a {

	display: block;

	overflow: hidden;

	height: 1010px;

	width: 100%;

}

.index_ban .x {

	position: absolute;

	left: 0px;

	bottom: 20px;

	width: 100%;

	text-align: center;

}

.index_ban .x ul {

	display: inline-block;

}

.index_ban .x ul li {

	width: 12px;

	height: 12px;

	float: left;

	background: #ccc;

	margin: 0 10px;

	cursor: pointer;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	border-radius: 50%;

}

.index_ban .x ul li.on {

	background: #ff823d;

}

.index_ban .prev, .index_ban .next {

	position: absolute;

	display: block;

	top: 50%;

	background: url(../images/icon_lr2.png) no-repeat;

	margin-top: -50px;

	width: 52px;

	height: 100px;

	filter: alpha(opacity=0);

	-moz-opacity: 0;

	-khtml-opacity: 0;

	opacity: 0;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.index_ban .prev {

	background-position: left top;

	left: 50px;

}

.index_ban .next {

	background-position: right top;

	right: 50px

}

.index_ban:hover .prev, .index_ban:hover .next {

	filter: alpha(opacity=50);

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

}

.index_ban .prev:hover, .index_ban .next:hover {

	filter: alpha(opacity=100);

	-moz-opacity: 1;

	-khtml-opacity: 1;

	opacity: 1;

}

/*foot_link*/

.foot_link {

	overflow: hidden;

	margin-bottom: 15px;

}

.foot_link .foot_link_xun {

	position: relative;

	overflow: hidden;

	font-size: 14px;

	line-height: 30px;

	padding-bottom: 5px;

}

.foot_link .foot_link_xun .foot_link_down {

	position: absolute;

	right: 0px;

	top: 7px;

	width: 16px;

	height: 16px;

	display: block;

	background: url(../images/icon_lr3.png) right bottom no-repeat;

}

.foot_link .foot_link_xun .foot_link_down.on {

	background: url(../images/icon_lr3.png) left bottom no-repeat;

}

.foot_link .foot_link_xun dt {

	float: left;

}

.foot_link .foot_link_xun dd {

	float: left;

	width: 1045px;

	height: 30px;

	overflow: hidden;

}

.foot_link .foot_link_xun dd a {

	color: #959595;

	display: inline-block;

	padding: 0 5px;

	white-space: nowrap;

}

.foot_link .foot_link_xun dd a:hover {

	color: #FF6600;

}

.foot_link .foot_link_tb {

	overflow: hidden;

	padding: 10px 0;

	font-size: 13px;

}

.foot_link .foot_link_tb li {

	overflow: hidden;

	float: left;

	width: 95px;

	margin: 0 4px;

	position: relative;

	padding-left: 40px;

	height: 40px;

	line-height: 20px;

}

.foot_link .foot_link_tb .tb1 {

	background: url(../images/icon_linktb1.png) left center no-repeat;

}

.foot_link .foot_link_tb .tb2 {

	background: url(../images/icon_linktb2.png) left center no-repeat;

}

.foot_link .foot_link_tb .tb3 {

	background: url(../images/icon_linktb3.png) left center no-repeat;

	width: 105px;

}

.foot_link .foot_link_tb .tb4 {

	background: url(../images/icon_linktb4.png) left center no-repeat;

}

.foot_link .foot_link_tb .tb5 {

	background: url(../images/icon_linktb5.png) left center no-repeat;

	width: 105px;

}

.foot_link .foot_link_tb .tb6 {

	background: url(../images/icon_linktb6.png) left center no-repeat;

}

.foot_link .foot_link_tb .tb7 {

	background: url(../images/icon_linktb7.png) left center no-repeat;

}

.foot_link .foot_link_tb .tb8 {

	background: url(../images/icon_linktb8.png) left center no-repeat;

	width: 81px;

}

/*diysbt*/

.diysbt {

	overflow: hidden;

	text-align: center;

}

.diysbt .b1 {

	font-weight: bold;

	overflow: hidden;

	font-size: 38px;

	color: #333;

	line-height: 40px;

}

.diysbt .b2 {

	overflow: hidden;

	font-size: 22px;

	color: #666;

	line-height: 26px;

	margin: 15px 0 0 0;

}

.diysbt .b3 {

	overflow: hidden;

	font-size: 14px;

	color: #666;

	line-height: 26px;

	margin: 15px 0 0 0;

}

.diysbt .line {

	width: 69px;

	height: 1px;

	overflow: hidden;

	margin: 18px auto 0 auto;

	background: url(../images/icon_line1.png) no-repeat;

}

/*index_hengp*/

.index_hengp1 {

	width: 100%;

	height: 143px;

	overflow: hidden;

	background: url(../images/hengbj1.png) center center no-repeat;

}

.index_hengp2 {

	width: 100%;

	height: 230px;

	overflow: hidden;

	background: url(../images/hengbj2.png) center center no-repeat;

}

/*indexbox1*/

.indexbox1 {

	width: 100%;

	overflow: hidden;

	padding: 50px 0;

}

.indexbox1 .indexbox1_gun {

	margin: 35px 0 0 0;

	padding: 0 3px;

	position: relative;

}

.indexbox1 .indexbox1_gun li {

	background: #f4f4f4;

	overflow: hidden;

	width: 320px;

	float: left;

	margin: 0 30px;

}

.indexbox1 .indexbox1_gun li .pic {

	display: block;

	overflow: hidden;

	position: relative;

}

.indexbox1 .indexbox1_gun li .pic img {

	width: 100%;

	height: 300px;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.indexbox1 .indexbox1_gun li .pic i {

	width: 100%;

	height: 300px;

	background: url(../images/icon_yuanj.png) center center no-repeat rgba(0,0,0,0.5);

	position: absolute;

	top: -100%;

	left: 0px;

	z-index: 1;

	display: block;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.indexbox1 .indexbox1_gun li .nr {

	overflow: hidden;

	height: 100px;

}

.indexbox1 .indexbox1_gun li .nr .bt {

	overflow: hidden;

	height: 24px;

	display: block;

	padding: 0 0 0 0px;

	color: #fd6c01;

	text-align:center;

	font-size: 16px;

	font-weight: bold;

	margin: 20px 0 10px 0;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.indexbox1 .indexbox1_gun li .nr p {

	display: block;

	height: 20px;

	line-height: 20px;

	overflow: hidden;

	padding: 0 0 0 18px;

}

.indexbox1 .indexbox1_gun li .nr .yc {

	overflow: hidden;

	text-align: center;

	padding: 8px 18px;

	filter: alpha(opacity=0);

	-moz-opacity: 0;

	-khtml-opacity: 0;

	opacity: 0;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.indexbox1 .indexbox1_gun li .nr .yc a {

	display: block;

	overflow: hidden;

	-moz-border-radius: 20px;

	-webkit-border-radius: 20px;

	border-radius: 20px;

	width: 105px;

	line-height: 28px;

	background: #fff;

	-moz-box-shadow: 0px 0px 5px #fff;

	-webkit-box-shadow: 0px 0px 5px #fff;

	box-shadow: 0px 0px 5px #fff;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.indexbox1 .indexbox1_gun li .nr .yc .zx {

	float: left;

}

.indexbox1 .indexbox1_gun li .nr .yc .xx {

	float: right;

}

.indexbox1 .indexbox1_gun li .nr .yc a:hover {

	background: #fd6c01;

	color: #fff;

}

.indexbox1 .indexbox1_gun li:hover .nr .yc {

	filter: alpha(opacity=100);

	-moz-opacity: 1;

	-khtml-opacity: 1;

	opacity: 1;

}

.indexbox1 .indexbox1_gun li:hover .nr .bt {

	margin: 8px 0 0 0;

}

.indexbox1 .indexbox1_gun li:hover .pic i {

	top: 0px;

}

.indexbox1 .indexbox1_gun .prev, .indexbox1 .indexbox1_gun .next {

	display: block;

	width: 23px;

	height: 37px;

	background: url(../images/icon_lr4.png) no-repeat;

	position: absolute;

	top: 50%;

	margin-top: -18px;

}

.indexbox1 .indexbox1_gun .prev {

	background-position: left bottom;

	left: -30px;

}

.indexbox1 .indexbox1_gun .prev:hover {

	background-position: left top;

}

.indexbox1 .indexbox1_gun .next {

	background-position: right bottom;

	right: -30px;

}

.indexbox1 .indexbox1_gun .next:hover {

	background-position: right top;

}

/*indexbox2*/

/*indexbox6*/

.indexbox6 {

	width: 100%;

	overflow: hidden;

	padding: 50px 0;

}

.indexbox6 dl {

	overflow: hidden;

}

.indexbox6 dl dt {

	width: 340px;

	float: left;

	margin: 21px 0 0 0;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.indexbox6 dl dt .b {

	color: #333;

	font-size: 16px;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	margin: 15px 10px 0 15px;

	font-weight: bold;

}

.indexbox6 dl dt p {

	line-height: 18px;

	height: 54px;

	overflow: hidden;

	display: block;

	margin: 10px 10px 10px 15px;

}

.indexbox6 dl dt span {

	margin: 0 0 15px 15px;

	display: block;

	background: url(../images/icon_time.png) left center no-repeat;

	padding-left: 22px;

}

.indexbox6 dl dd {

	width: 355px;

	height: 60px;

	padding: 15px 10px 15px 15px;

	float: left;

	margin: 21px 0 0 21px;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.indexbox6 dl dd .time {

	background: #969393;

	color: #fff;

	width: 60px;

	height: 60px;

	overflow: hidden;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	float: left;

	margin-right: 15px;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.indexbox6 dl dd .time span {

	display: block;

	font-size: 22px;

	margin: 10px 0 0 0;

}

.indexbox6 dl dd a {

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	font-size: 14px;

	font-weight: bold;

	color: #333;

}

.indexbox6 dl dd p {

	line-height: 18px;

	height: 36px;

	display: block;

	overflow: hidden;

}

.indexbox6 dl dt.more {

	width: 100%;

	float: left;

}

.indexbox6 dl dt.more a {

	width: 155px;

	line-height: 38px;

	border: 1px solid #000;

	text-align: center;

	margin: 10px auto 0 auto;

	display: block;

	color: #333;

	font-size: 14px;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.indexbox6 dl dt.more a:hover {

	background: #555555;

	color: #fff;

}

.indexbox6 dl dt:hover {

	background: #0390DE;

	color: #fff;

}

.indexbox6 dl dt:hover .b {

	color: #fff;

}

.indexbox6 dl dt:hover span {

	background: url(../images/icon_timeb.png) left center no-repeat;

}

.indexbox6 dl dd:hover {

	background: #0390DE;

	color: #fff;

}

.indexbox6 dl dd:hover .time {

	background: #fff;

	color: #0390DE;

}

.indexbox6 dl dd:hover a {

	color: #fff;

}

.indexbox6 dl dt.more:hover {

	background: none;

}

.indexbox6 .indexbox6_bt {

	text-align: center;

	overflow: hidden;

	padding: 30px 0 8px 0;

}

.indexbox6 .indexbox6_bt ul {

	display: inline-block;

}

.indexbox6 .indexbox6_bt ul li {

	float: left;

	line-height: 36px;

	margin: 0 6px;

	width: 106px;

	background: #969393;

	font-size: 14px;

	color: #fff;

	-moz-border-radius: 20px;

	-webkit-border-radius: 20px;

	border-radius: 20px;

	cursor: pointer;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.indexbox6 .indexbox6_bt ul li.on, .indexbox6 .indexbox6_bt ul li:hover {

	background: #0390DE;

	letter-spacing: 2px;

}

/*indexbox7*/

.indexbox7 {

	width: 100%;

	height: 415px;

	overflow: hidden;

	background: url(../images/bj1.jpg) center top no-repeat;

	font-size: 14px;

	color: #e2e2e2;

	line-height: 28px;

}

.indexbox7 .indexbox7_bt {

	line-height: 38px;

	text-align: center;

	font-size: 28px;

	font-weight: bold;

	color: #fff;

	margin-top: 80px;

}

.indexbox7 .indexbox7_nr {

	width: 840px;

	margin: 40px auto;

	overflow: hidden;

}

.indexbox7 .indexbox7_an {

	text-align: center;

	overflow: hidden;

}

.indexbox7 .indexbox7_an a {

	width: 150px;

	background: #e5000c;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	font-size: 16px;

	color: #fff;

	height: 46px;

	line-height: 46px;

	display: inline-block;

	margin: 0 8px;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.indexbox7 .indexbox7_an a.lan {

	background: #0689f9;

}

.indexbox7 .indexbox7_an a:hover {

	background: #0877d5;

}

/*indexbox8*/

.indexbox8 {

	width: 100%;

	overflow: hidden;

	height: auto;

	padding: 50px 0 15px;

}

.indexbox8 .wpc {

	position: relative;

}

.indexbox8 .wpc .prev, .indexbox8 .wpc .next {

	display: block;

	width: 33px;

	height: 33px;

	background: url(../images/icon_lr1.png) no-repeat;

	position: absolute;

	top: 50px;

	right: 0px;

	z-index: 1;

}

.indexbox8 .wpc .prev {

	background-position: left top;

	right: 36px;

}

.indexbox8 .wpc .prevStop {

	background-position: left bottom;

}

.indexbox8 .wpc .next {

	background-position: right top;

}

.indexbox8 .wpc .nextStop {

	background-position: right bottom;

}

.indexbox8 .indexbox8_pic {

	overflow: hidden;

	border: 2px solid #4d4d4d;

	margin: 35px 0 40px 0;

}

.indexbox8 .indexbox8_pic li {

	width: 162px;

	height: 80px;

	float: left;

	border-right: 2px solid #4d4d4d;

	border-bottom: 2px solid #4d4d4d;

	cursor: pointer;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.indexbox8 .indexbox8_pic .p1 {

	background: url(../images/p1.jpg);

}

.indexbox8 .indexbox8_pic .p2 {

	background: url(../images/p2.jpg);

}

.indexbox8 .indexbox8_pic .p3 {

	background: url(../images/p3.jpg);

}

.indexbox8 .indexbox8_pic .p4 {

	background: url(../images/p4.jpg);

}

.indexbox8 .indexbox8_pic .p5 {

	background: url(../images/p5.jpg);

}

.indexbox8 .indexbox8_pic .p6 {

	background: url(../images/p6.jpg);

}

.indexbox8 .indexbox8_pic .p7 {

	background: url(../images/p7.jpg);

	border-right: none;

}

.indexbox8 .indexbox8_pic .p8 {

	background: url(../images/p8.jpg);

	border-bottom: none;

}

.indexbox8 .indexbox8_pic .p9 {

	background: url(../images/p9.jpg);

	border-bottom: none;

}

.indexbox8 .indexbox8_pic .p10 {

	background: url(../images/p10.jpg);

	border-bottom: none;

}

.indexbox8 .indexbox8_pic .p11 {

	background: url(../images/p11.jpg);

	border-bottom: none;

}

.indexbox8 .indexbox8_pic .p12 {

	background: url(../images/p12.jpg);

	border-bottom: none;

}

.indexbox8 .indexbox8_pic .p13 {

	background: url(../images/p13.jpg);

	border-bottom: none;

}

.indexbox8 .indexbox8_pic .p14 {

	background: url(../images/p14.jpg);

	border-right: none;

	border-bottom: none;

}

.indexbox8 .indexbox8_pic li:hover {

	background-position: 0 80px;

}

.indexbox8 .indexbox8_xun {

	overflow: hidden;

	position: relative;

	padding: 0 90px;

}

.indexbox8 .indexbox8_xun .indexbox8_xun_bt {

	overflow: hidden;

	background: url(../images/icon_bt1.png) center center no-repeat;

	text-align: center;

	height: 35px;

	line-height: 34px;

	color: #fff;

	font-size: 20px;

	margin: 40px 0 30px 0;

}

.indexbox8 .indexbox8_xun li {

	line-height: 26px;

	overflow: hidden;

	text-align: center;

}

.indexbox8 .indexbox8_xun li a {

	padding: 0 12px;

	display: inline-block;

	font-size: 14px;

}

.indexbox8 .indexbox8_xun li a:hover {

	color: #FF6600;

}

.indexbox8 .indexbox8_xun .sprev, .indexbox8 .indexbox8_xun .snext {

	display: block;

	width: 23px;

	height: 37px;

	background: url(../images/icon_lr4.png) no-repeat;

	position: absolute;

	top: 140px;

	z-index: 1;

}

.indexbox8 .indexbox8_xun .sprev {

	background-position: left bottom;

	left: 30px;

}

.indexbox8 .indexbox8_xun .sprev:hover {

	background-position: left top;

}

.indexbox8 .indexbox8_xun .snext {

	background-position: right bottom;

	right: 30px;

}

.indexbox8 .indexbox8_xun .snext:hover {

	background-position: right top;

}

.indexbox8 .indexbox8_xun .sprever, .indexbox8 .indexbox8_xun .snexter {

	top: 135px;

}

/*index_ourcase*/

.index_ourcase {

	width: 100%;

	height: 682px;

	background: url(../images/ourcase_bj.jpg) center top no-repeat;

}

.index_ourcase .index_ourcase_left {

	float: left;

	padding: 55px 0 0 20px;

	width: 400px;

}

.index_ourcase .index_ourcase_right {

	float: right;

	position: relative;

	width: 720px;

}

.index_ourcase .index_ourcase_right .fd {

	display: block;

	width: 255px;

	height: 255px;

	overflow: hidden;

	text-align: center;

	font-size: 18px;

	color: #6d7373;

	line-height: 310px;

	position: absolute;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.index_ourcase .index_ourcase_right .fd1 {

	background: url(../images/ourcase_tb1.png) no-repeat;

	left: -50px;

	top: 255px;

}

.index_ourcase .index_ourcase_right .fd2 {

	background: url(../images/ourcase_tb2.png) no-repeat;

	right: -30px;

	top: 30px;

}

.index_ourcase .index_ourcase_right .fd3 {

	background: url(../images/ourcase_tb3.png) no-repeat;

	right: -30px;

	top: 358px;

}

.index_ourcase .index_ourcase_right .fd:hover {

	transform: rotate(360deg);

	-webkit-transform: rotate(360deg);

	-moz-transform: rotate(360deg);

	-o-transform: rotate(360deg);

	-ms-transform: rotate(360deg);

}

.index_ourcase .index_ourcase_cs {

	border-bottom: 5px solid #ffffff;

	border-top: 5px solid #ffffff;

	margin: 40px 0 15px 0;

	width: 315px;

	color: #fff;

	font-size: 15px;

	padding: 12px 0;

}

.index_ourcase .index_ourcase_cs span {

	font-size: 24px;

	line-height: 50px;

}

.index_ourcase .index_ourcase_cs b {

	line-height: 70px;

	color: #ffea00;

	font-size: 35px;

	font-weight: normal;

}

.index_ourcase .index_ourcase_big {

	line-height: 55px;

	color: #ffea00;

	font-size: 32px;

}

.index_ourcase .index_ourcase_ban {

	background: url(../images/ourcase_sj.png) no-repeat;

	width: 566px;

	height: 490px;

	float: right;

	margin: 104px 64px 0 0;

	padding: 20px 24px 0 24px;

}

.index_ourcase .index_ourcase_ban .x {

	overflow: hidden;

	text-align: center;

	padding: 8px 0 0 0;

}

.index_ourcase .index_ourcase_ban .x ul {

	display: inline-block;

}

.index_ourcase .index_ourcase_ban .x li {

	overflow: hidden;

	margin: 0 4px;

	width: 8px;

	height: 8px;

	background: #fff;

	float: left;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	cursor: pointer;

}

.index_ourcase .index_ourcase_ban .x li.on {

	background: #0fc9bf;

}

/*index_wuxun*/

.index_wuxun {

	width: 100%;

	overflow: hidden;

	background: #0390DE;

}

.index_wuxun ul {

	padding: 12px 27px;

	overflow: hidden;

}

.index_wuxun li {

	margin: 18px;

	float: left;

	color: #fff;

	font-size: 14px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	border: 5px solid #fff;

	width: 173px;

	height: 76px;

	padding: 80px 0 0 0;

	line-height: 22px;

	text-align: center;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.index_wuxun li.tb1 {

	background: url(../images/inwu1.png) center center no-repeat;

}

.index_wuxun li.tb2 {

	background: url(../images/inwu2.png) center center no-repeat;

}

/*.index_wuxun li.tb3 {

	background: #fbd505 url(../images/inwu3.png) center center no-repeat;

	color: #841300;

	font-weight: bold;

	border: 5px solid #fbd505;

}*/

.index_wuxun li.tb3 {

	background: url(../images/inwu3.png) center center no-repeat;

}

.index_wuxun li.tb4 {

	background: url(../images/inwu4.png) center center no-repeat;

}

.index_wuxun li.tb5 {

	background: url(../images/inwu5.png) center center no-repeat;

}

.index_wuxun li:hover {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

}

/*index_case*/

.index_case {

	overflow: hidden;

	width: 100%;

	background: url(../images/case_bj.png) left top repeat-x;

	padding: 40px 0 30px 0;

}

.index_case .index_case_bt {

	text-align: center;

	color: #333;

	overflow: hidden;

	position: relative;

}

.index_case .index_case_bt span {

	display: inline-block;

	padding: 0 10px;

	line-height: 40px;

	border: 0px solid #666;

	font-size: 30px;

	background: #fff;

	position: relative;

	z-index: 1;

}

.index_case .index_case_bt i {

	position: absolute;

	height: 2px;

	background: #fff;

	width: 780px;

	left: 50%;

	top: 50%;

	margin-left: -390px;

	margin-top: -1px;

}

.index_case .index_case_xun {

	background: #fff;

	overflow: hidden;

	border: 3px solid #deefee;

	padding: 0 0 8px 0;

	margin: 35px 0 0 0;

}

.index_case .index_case_xun ul {

	overflow: hidden;

}

.index_case .index_case_xun ul li {

	float: left;

	margin: 10px 0 0 7px;

	overflow: hidden;

	width: 372px;

	position: relative;

}

.index_case .index_case_xun ul li .pic_text {

	position: absolute;

	width: 100%;

	text-align: center;

	top: -100%;

	color: #fb811d;

	font-size: 20px;

	z-index: 1;

	transition: all 0.6s;

	-moz-transition: all 0.6s;

	-webkit-transition: all 0.6s;

	-o-transition: all 0.6s;

}

.index_case .index_case_xun ul li .pic_more {

	position: absolute;

	top: 100%;

	left: 50%;

	margin-left: -34px;

	z-index: 1;

	width: 68px;

	height: 64px;

	background: url(../images/icon_jia.png) no-repeat;

	transition: all 0.6s;

	-moz-transition: all 0.6s;

	-webkit-transition: all 0.6s;

	-o-transition: all 0.6s;

}

.index_case .index_case_xun ul li .pic_more:hover {

	background: url(../images/icon_jiah.png) no-repeat;

	transform: rotate(360deg);

	-webkit-transform: rotate(360deg);

	-moz-transform: rotate(360deg);

	-o-transform: rotate(360deg);

	-ms-transform: rotate(360deg);

}

.index_case .index_case_xun ul li .pic_bg {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	background: #0390DE;

	filter: alpha(opacity=0);

	-moz-opacity: 0;

	-khtml-opacity: 0;

	opacity: 0;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.index_case .index_case_xun ul li:hover .pic_text {

	top: 30%;

}

.index_case .index_case_xun ul li:hover .pic_more {

	top: 46%;

}

.index_case .index_case_xun ul li:hover .pic_bg {

	filter: alpha(opacity=80);

	-moz-opacity: 0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;

}

.index_case .index_case_xun .line {

	background: url(../images/icon_bl.png) left center repeat-x;

	overflow: hidden;

	height: 50px;

	margin: 0 10px;

}

.index_case .index_case_an {

	text-align: center;

	overflow: hidden;

	padding: 30px 0 0 0;

}

.index_case .index_case_an a {

	width: 230px;

	line-height: 44px;

	overflow: hidden;

	display: inline-block;

	background: #0689F9;

	margin: 0 8px;

	-moz-border-radius: 25px;

	-webkit-border-radius: 25px;

	border-radius: 25px;

	color: #fff;

	font-size: 20px;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.index_case .index_case_an a.on, .index_case .index_case_an a:hover {

	background: #fd6553;

}

/*index_ser*/

.index_ser {

	overflow: hidden;

	padding: 30px 0;

}

.index_ser .index_ser_left {

	width: 702px;

	float: left;

}

.index_ser .index_ser_left ul {

	padding: 20px 0 0 0;

	overflow: hidden;

}

.index_ser .index_ser_left ul li {

	float: left;

	width: 112px;

	height: 106px;

	margin: 5px 5px 0 0;

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	border-radius: 7px;

	overflow: hidden;

	transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

}

.index_ser .index_ser_left ul li.sm {

	width: 555px;

	padding-left: 25px;

}

.index_ser .index_ser_left ul li.sm .one {

	color: #000;

	font-size: 30px;

	font-weight: bold;

	line-height: 40px;

}

.index_ser .index_ser_left ul li.sm span {

	color: #f64936;

}

.index_ser .index_ser_left ul li.sm p {

	font-size: 14px;

	color: #888;

	padding: 10px 0 0 0;

}

.index_ser .index_ser_left ul li.sm p {

	font-size: 14px;

	color: #888;

	padding: 10px 0 0 0;

}

.index_ser .index_ser_left ul li.an {

	background: #f6503a;

	text-align: center;

}

.index_ser .index_ser_left ul li.an span {

	color: #fff;

	display: block;

	overflow: hidden;

	height: 106px;

	font-size: 14px;

}

.index_ser .index_ser_left ul li.an em {

	font-style: normal;

	padding: 22px 0 10px 0;

	display: block;

	font-size: 24px;

}

.index_ser .index_ser_left ul li.an:hover {

	background: #333;

}

.index_ser .index_ser_left ul li.nr {

	width: 229px;

	font-size: 22px;

	line-height: 34px;

}

.index_ser .index_ser_left ul li.nr p {

	padding: 20px 0 0 20px;

}

.index_ser .index_ser_left ul li.nr span {

	color: #f64936;

}

.index_ser .index_ser_left ul li.tb {

	text-align: center;

}

.index_ser .index_ser_left ul li.tb a {

	margin: 36px 0 0 13px;

	display: block;

	float: left;

}

.index_ser .index_ser_right {

	padding: 0 15px;

	border: 1px solid #d6d6d6;

	width: 360px;

	height: 436px;

	float: right;

}

.index_ser .index_ser_right .bt {

	line-height: 44px;

	border-bottom: 1px solid #eaeaea;

	font-size: 16px;

	overflow: hidden;

	margin-bottom: 15px;

}

.index_ser .index_ser_right .bt span {

	color: #f65039;

	font-size: 14px;

	padding-left: 10px;

}

.index_ser .index_ser_right .nr {

	background: url(../images/icon_left.gif) left top no-repeat;

	padding-left: 40px;

	height: 320px;

	overflow: hidden;

	font-size: 13px;

}

.index_ser .index_ser_right .nr li {

	padding-bottom: 15px;

	margin-bottom: 15px;

	border-bottom: 1px dotted #ddd;

}

.index_ser .index_ser_right .tb {

	background: url(../images/icon_right.gif) right center no-repeat;

	line-height: 25px;

	color: #f65039;

	font-size: 14px;

	margin: 15px 0 0 0;

}

.index_ser .index_ser_pic {

	background: url(../images/women.png) no-repeat;

	overflow: hidden;

	height: 203px;

	margin: 25px 0 0 0;

}

.index_ser .index_ser_pic .nr {

	padding: 30px 0 0 25px;

	overflow: hidden;

	color: #fff;

	line-height: 20px;

	font-size: 14px;

}

.index_ser .index_ser_pic .nr span {

	color: #ffcc00;

}

.index_ser .index_ser_pic .nr p {

	padding: 2px 0 0;

	font-size: 20px;

	line-height: 25px;

}

.index_ser .index_ser_pic .nr p.wangzhang {

	padding: 15px 0 0;

	font-size: 18px;

}

.index_ser .index_ser_pic .nr .big {

	font-size: 40px;

	float: left;

	margin-right: 25px;

}

.index_ser .index_ser_pic .nr .big span {

	font-size: 60px;

	display: block;

	overflow: hidden;

	line-height: 56px;

	padding-bottom: 18px;

}

.qqlink {

	cursor: pointer;

}



/*animate.css*/

@charset "utf-8";

.animated {

	-webkit-animation地-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both

}

.animated.infinite {

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite

}

.animated.hinge {

	-webkit-animation-duration: 2s;

	animation-duration: 2s

}

@-webkit-keyframes bounce {

0%, 100%, 20%, 53%, 80% {

-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);

transition-timing-function:cubic-bezier(0.215, .61, .355, 1);

-webkit-transform:translate3d(0, 0, 0);

transform:translate3d(0, 0, 0)

}

40%, 43% {

-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);

transition-timing-function:cubic-bezier(0.755, .050, .855, .060);

-webkit-transform:translate3d(0, -30px, 0);

transform:translate3d(0, -30px, 0)

}

70% {

-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);

transition-timing-function:cubic-bezier(0.755, .050, .855, .060);

-webkit-transform:translate3d(0, -15px, 0);

transform:translate3d(0, -15px, 0)

}

90% {

-webkit-transform:translate3d(0, -4px, 0);

transform:translate3d(0, -4px, 0)

}

}

@keyframes bounce {

0%, 100%, 20%, 53%, 80% {

-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);

transition-timing-function:cubic-bezier(0.215, .61, .355, 1);

-webkit-transform:translate3d(0, 0, 0);

-ms-transform:translate3d(0, 0, 0);

transform:translate3d(0, 0, 0)

}

40%, 43% {

-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);

transition-timing-function:cubic-bezier(0.755, .050, .855, .060);

-webkit-transform:translate3d(0, -30px, 0);

-ms-transform:translate3d(0, -30px, 0);

transform:translate3d(0, -30px, 0)

}

70% {

-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);

transition-timing-function:cubic-bezier(0.755, .050, .855, .060);

-webkit-transform:translate3d(0, -15px, 0);

-ms-transform:translate3d(0, -15px, 0);

transform:translate3d(0, -15px, 0)

}

90% {

-webkit-transform:translate3d(0, -4px, 0);

-ms-transform:translate3d(0, -4px, 0);

transform:translate3d(0, -4px, 0)

}

}

.bounce {

	-webkit-animation-name: bounce;

	animation-name: bounce;

	-webkit-transform-origin: center bottom;

	-ms-transform-origin: center bottom;

	transform-origin: center bottom

}

@-webkit-keyframes flash {

0%, 100%, 50% {

opacity:1

}

25%, 75% {

opacity:0

}

}

@keyframes flash {

0%, 100%, 50% {

opacity:1

}

25%, 75% {

opacity:0

}

}

.flash {

	-webkit-animation-name: flash;

	animation-name: flash

}

@-webkit-keyframes pulse {

0% {

-webkit-transform:scale3d(1, 1, 1);

transform:scale3d(1, 1, 1)

}

50% {

-webkit-transform:scale3d(1.05, 1.05, 1.05);

transform:scale3d(1.05, 1.05, 1.05)

}

100% {

-webkit-transform:scale3d(1, 1, 1);

transform:scale3d(1, 1, 1)

}

}

@keyframes pulse {

0% {

-webkit-transform:scale3d(1, 1, 1);

-ms-transform:scale3d(1, 1, 1);

transform:scale3d(1, 1, 1)

}

50% {

-webkit-transform:scale3d(1.05, 1.05, 1.05);

-ms-transform:scale3d(1.05, 1.05, 1.05);

transform:scale3d(1.05, 1.05, 1.05)

}

100% {

-webkit-transform:scale3d(1, 1, 1);

-ms-transform:scale3d(1, 1, 1);

transform:scale3d(1, 1, 1)

}

}

.pulse {

	-webkit-animation-name: pulse;

	animation-name: pulse

}

@-webkit-keyframes rubberBand {

0% {

-webkit-transform:scale3d(1, 1, 1);

transform:scale3d(1, 1, 1)

}

30% {

-webkit-transform:scale3d(1.25, .75, 1);

transform:scale3d(1.25, .75, 1)

}

40% {

-webkit-transform:scale3d(0.75, 1.25, 1);

transform:scale3d(0.75, 1.25, 1)

}

50% {

-webkit-transform:scale3d(1.15, .85, 1);

transform:scale3d(1.15, .85, 1)

}

65% {

-webkit-transform:scale3d(.95, 1.05, 1);

transform:scale3d(.95, 1.05, 1)

}

75% {

-webkit-transform:scale3d(1.05, .95, 1);

transform:scale3d(1.05, .95, 1)

}

100% {

-webkit-transform:scale3d(1, 1, 1);

transform:scale3d(1, 1, 1)

}

}

@keyframes rubberBand {

0% {

-webkit-transform:scale3d(1, 1, 1);

-ms-transform:scale3d(1, 1, 1);

transform:scale3d(1, 1, 1)

}

30% {

-webkit-transform:scale3d(1.25, .75, 1);

-ms-transform:scale3d(1.25, .75, 1);

transform:scale3d(1.25, .75, 1)

}

40% {

-webkit-transform:scale3d(0.75, 1.25, 1);

-ms-transform:scale3d(0.75, 1.25, 1);

transform:scale3d(0.75, 1.25, 1)

}

50% {

-webkit-transform:scale3d(1.15, .85, 1);

-ms-transform:scale3d(1.15, .85, 1);

transform:scale3d(1.15, .85, 1)

}

65% {

-webkit-transform:scale3d(.95, 1.05, 1);

-ms-transform:scale3d(.95, 1.05, 1);

transform:scale3d(.95, 1.05, 1)

}

75% {

-webkit-transform:scale3d(1.05, .95, 1);

-ms-transform:scale3d(1.05, .95, 1);

transform:scale3d(1.05, .95, 1)

}

100% {

-webkit-transform:scale3d(1, 1, 1);

-ms-transform:scale3d(1, 1, 1);

transform:scale3d(1, 1, 1)

}

}

.rubberBand {

	-webkit-animation-name: rubberBand;

	animation-name: rubberBand

}

@-webkit-keyframes shake {

0%, 100% {

-webkit-transform:translate3d(0, 0, 0);

transform:translate3d(0, 0, 0)

}

10%, 30%, 50%, 70%, 90% {

-webkit-transform:translate3d(-10px, 0, 0);

transform:translate3d(-10px, 0, 0)

}

20%, 40%, 60%, 80% {

-webkit-transform:translate3d(10px, 0, 0);

transform:translate3d(10px, 0, 0)

}

}

@keyframes shake {

0%, 100% {

-webkit-transform:translate3d(0, 0, 0);

-ms-transform:translate3d(0, 0, 0);

transform:translate3d(0, 0, 0)

}

10%, 30%, 50%, 70%, 90% {

-webkit-transform:translate3d(-10px, 0, 0);

-ms-transform:translate3d(-10px, 0, 0);

transform:translate3d(-10px, 0, 0)

}

20%, 40%, 60%, 80% {

-webkit-transform:translate3d(10px, 0, 0);

-ms-transform:translate3d(10px, 0, 0);

transform:translate3d(10px, 0, 0)

}

}

.shake {

	-webkit-animation-name: shake;

	animation-name: shake

}

@-webkit-keyframes swing {

20% {

-webkit-transform:rotate3d(0, 0, 1, 15deg);

transform:rotate3d(0, 0, 1, 15deg)

}

40% {

-webkit-transform:rotate3d(0, 0, 1, -10deg);

transform:rotate3d(0, 0, 1, -10deg)

}

60% {

-webkit-transform:rotate3d(0, 0, 1, 5deg);

transform:rotate3d(0, 0, 1, 5deg)

}

80% {

-webkit-transform:rotate3d(0, 0, 1, -5deg);

transform:rotate3d(0, 0, 1, -5deg)

}

100% {

-webkit-transform:rotate3d(0, 0, 1, 0deg);

transform:rotate3d(0, 0, 1, 0deg)

}

}

@keyframes swing {

20% {

-webkit-transform:rotate3d(0, 0, 1, 15deg);

-ms-transform:rotate3d(0, 0, 1, 15deg);

transform:rotate3d(0, 0, 1, 15deg)

}

40% {

-webkit-transform:rotate3d(0, 0, 1, -10deg);

-ms-transform:rotate3d(0, 0, 1, -10deg);

transform:rotate3d(0, 0, 1, -10deg)

}

60% {

-webkit-transform:rotate3d(0, 0, 1, 5deg);

-ms-transform:rotate3d(0, 0, 1, 5deg);

transform:rotate3d(0, 0, 1, 5deg)

}

80% {

-webkit-transform:rotate3d(0, 0, 1, -5deg);

-ms-transform:rotate3d(0, 0, 1, -5deg);

transform:rotate3d(0, 0, 1, -5deg)

}

100% {

-webkit-transform:rotate3d(0, 0, 1, 0deg);

-ms-transform:rotate3d(0, 0, 1, 0deg);

transform:rotate3d(0, 0, 1, 0deg)

}

}

.swing {

	-webkit-transform-origin: top center;

	-ms-transform-origin: top center;

	transform-origin: top center;

	-webkit-animation-name: swing;

	animation-name: swing

}

@-webkit-keyframes tada {

0% {

-webkit-transform:scale3d(1, 1, 1);

transform:scale3d(1, 1, 1)

}

10%, 20% {

-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)

}

30%, 50%, 70%, 90% {

-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)

}

40%, 60%, 80% {

-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)

}

100% {

-webkit-transform:scale3d(1, 1, 1);

transform:scale3d(1, 1, 1)

}

}

@keyframes tada {

0% {

-webkit-transform:scale3d(1, 1, 1);

-ms-transform:scale3d(1, 1, 1);

transform:scale3d(1, 1, 1)

}

10%, 20% {

-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

-ms-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)

}

30%, 50%, 70%, 90% {

-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

-ms-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)

}

40%, 60%, 80% {

-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

-ms-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)

}

100% {

-webkit-transform:scale3d(1, 1, 1);

-ms-transform:scale3d(1, 1, 1);

transform:scale3d(1, 1, 1)

}

}

.tada {

	-webkit-animation-name: tada;

	animation-name: tada

}

@-webkit-keyframes wobble {

0% {

-webkit-transform:none;

transform:none

}

15% {

-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)

}

30% {

-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)

}

45% {

-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)

}

60% {

-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)

}

75% {

-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)

}

100% {

-webkit-transform:none;

transform:none

}

}

@keyframes wobble {

0% {

-webkit-transform:none;

-ms-transform:none;

transform:none

}

15% {

-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

-ms-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)

}

30% {

-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

-ms-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)

}

45% {

-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

-ms-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)

}

60% {

-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

-ms-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)

}

75% {

-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

-ms-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)

}

100% {

-webkit-transform:none;

-ms-transform:none;

transform:none

}

}

.wobble {

	-webkit-animation-name: wobble;

	animation-name: wobble

}

@-webkit-keyframes bounceIn {

0%, 100%, 20%, 40%, 60%, 80% {

-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);

transition-timing-function:cubic-bezier(0.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:scale3d(.3, .3, .3);

transform:scale3d(.3, .3, .3)

}

20% {

-webkit-transform:scale3d(1.1, 1.1, 1.1);

transform:scale3d(1.1, 1.1, 1.1)

}

40% {

-webkit-transform:scale3d(.9, .9, .9);

transform:scale3d(.9, .9, .9)

}

60% {

opacity:1;

-webkit-transform:scale3d(1.03, 1.03, 1.03);

transform:scale3d(1.03, 1.03, 1.03)

}

80% {

-webkit-transform:scale3d(.97, .97, .97);

transform:scale3d(.97, .97, .97)

}

100% {

opacity:1;

-webkit-transform:scale3d(1, 1, 1);

transform:scale3d(1, 1, 1)

}

}

@keyframes bounceIn {

0%, 100%, 20%, 40%, 60%, 80% {

-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);

transition-timing-function:cubic-bezier(0.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:scale3d(.3, .3, .3);

-ms-transform:scale3d(.3, .3, .3);

transform:scale3d(.3, .3, .3)

}

20% {

-webkit-transform:scale3d(1.1, 1.1, 1.1);

-ms-transform:scale3d(1.1, 1.1, 1.1);

transform:scale3d(1.1, 1.1, 1.1)

}

40% {

-webkit-transform:scale3d(.9, .9, .9);

-ms-transform:scale3d(.9, .9, .9);

transform:scale3d(.9, .9, .9)

}

60% {

opacity:1;

-webkit-transform:scale3d(1.03, 1.03, 1.03);

-ms-transform:scale3d(1.03, 1.03, 1.03);

transform:scale3d(1.03, 1.03, 1.03)

}

80% {

-webkit-transform:scale3d(.97, .97, .97);

-ms-transform:scale3d(.97, .97, .97);

transform:scale3d(.97, .97, .97)

}

100% {

opacity:1;

-webkit-transform:scale3d(1, 1, 1);

-ms-transform:scale3d(1, 1, 1);

transform:scale3d(1, 1, 1)

}

}

.bounceIn {

	-webkit-animation-name: bounceIn;

	animation-name: bounceIn;

	-webkit-animation-duration: .75s;

	animation-duration: .75s

}

@-webkit-keyframes bounceInDown {

0%, 100%, 60%, 75%, 90% {

-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);

transition-timing-function:cubic-bezier(0.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(0, -3000px, 0);

transform:translate3d(0, -3000px, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(0, 25px, 0);

transform:translate3d(0, 25px, 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:none;

transform:none

}

}

@keyframes bounceInDown {

0%, 100%, 60%, 75%, 90% {

-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);

transition-timing-function:cubic-bezier(0.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(0, -3000px, 0);

-ms-transform:translate3d(0, -3000px, 0);

transform:translate3d(0, -3000px, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(0, 25px, 0);

-ms-transform:translate3d(0, 25px, 0);

transform:translate3d(0, 25px, 0)

}

75% {

-webkit-transform:translate3d(0, -10px, 0);

-ms-transform:translate3d(0, -10px, 0);

transform:translate3d(0, -10px, 0)

}

90% {

-webkit-transform:translate3d(0, 5px, 0);

-ms-transform:translate3d(0, 5px, 0);

transform:translate3d(0, 5px, 0)

}

100% {

-webkit-transform:none;

-ms-transform:none;

transform:none

}

}

.bounceInDown {

	-webkit-animation-name: bounceInDown;

	animation-name: bounceInDown

}

@-webkit-keyframes bounceInLeft {

0%, 100%, 60%, 75%, 90% {

-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);

transition-timing-function:cubic-bezier(0.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(-3000px, 0, 0);

transform:translate3d(-3000px, 0, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(25px, 0, 0);

transform:translate3d(25px, 0, 0)

}

75% {

-webkit-transform:translate3d(-10px, 0, 0);

transform:translate3d(-10px, 0, 0)

}

90% {

-webkit-transform:translate3d(5px, 0, 0);

transform:translate3d(5px, 0, 0)

}

100% {

-webkit-transform:none;

transform:none

}

}

@keyframes bounceInLeft {

0%, 100%, 60%, 75%, 90% {

-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);

transition-timing-function:cubic-bezier(0.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(-3000px, 0, 0);

-ms-transform:translate3d(-3000px, 0, 0);

transform:translate3d(-3000px, 0, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(25px, 0, 0);

-ms-transform:translate3d(25px, 0, 0);

transform:translate3d(25px, 0, 0)

}

75% {

-webkit-transform:translate3d(-10px, 0, 0);

-ms-transform:translate3d(-10px, 0, 0);

transform:translate3d(-10px, 0, 0)

}

90% {

-webkit-transform:translate3d(5px, 0, 0);

-ms-transform:translate3d(5px, 0, 0);

transform:translate3d(5px, 0, 0)

}

100% {

-webkit-transform:none;

-ms-transform:none;

transform:none

}

}

.bounceInLeft {

	-webkit-animation-name: bounceInLeft;

	animation-name: bounceInLeft

}

@-webkit-keyframes bounceInRight {

0%, 100%, 60%, 75%, 90% {

-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);

transition-timing-function:cubic-bezier(0.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(3000px, 0, 0);

transform:translate3d(3000px, 0, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(-25px, 0, 0);

transform:translate3d(-25px, 0, 0)

}

75% {

-webkit-transform:translate3d(10px, 0, 0);

transform:translate3d(10px, 0, 0)

}

90% {

-webkit-transform:translate3d(-5px, 0, 0);

transform:translate3d(-5px, 0, 0)

}

100% {

-webkit-transform:none;

transform:none

}

}

@keyframes bounceInRight {

0%, 100%, 60%, 75%, 90% {

-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);

transition-timing-function:cubic-bezier(0.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(3000px, 0, 0);

-ms-transform:translate3d(3000px, 0, 0);

transform:translate3d(3000px, 0, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(-25px, 0, 0);

-ms-transform:translate3d(-25px, 0, 0);

transform:translate3d(-25px, 0, 0)

}

75% {

-webkit-transform:translate3d(10px, 0, 0);

-ms-transform:translate3d(10px, 0, 0);

transform:translate3d(10px, 0, 0)

}

90% {

-webkit-transform:translate3d(-5px, 0, 0);

-ms-transform:translate3d(-5px, 0, 0);

transform:translate3d(-5px, 0, 0)

}

100% {

-webkit-transform:none;

-ms-transform:none;

transform:none

}

}

.bounceInRight {

	-webkit-animation-name: bounceInRight;

	animation-name: bounceInRight

}

@-webkit-keyframes bounceInUp {

0%, 100%, 60%, 75%, 90% {

-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);

transition-timing-function:cubic-bezier(0.215, .61, .355, 1)

}

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)

}

}

@keyframes bounceInUp {

0%, 100%, 60%, 75%, 90% {

-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);

transition-timing-function:cubic-bezier(0.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(0, 3000px, 0);

-ms-transform:translate3d(0, 3000px, 0);

transform:translate3d(0, 3000px, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(0, -20px, 0);

-ms-transform:translate3d(0, -20px, 0);

transform:translate3d(0, -20px, 0)

}

75% {

-webkit-transform:translate3d(0, 10px, 0);

-ms-transform:translate3d(0, 10px, 0);

transform:translate3d(0, 10px, 0)

}

90% {

-webkit-transform:translate3d(0, -5px, 0);

-ms-transform:translate3d(0, -5px, 0);

transform:translate3d(0, -5px, 0)

}

100% {

-webkit-transform:translate3d(0, 0, 0);

-ms-transform:translate3d(0, 0, 0);

transform:translate3d(0, 0, 0)

}

}

.bounceInUp {

	-webkit-animation-name: bounceInUp;

	animation-name: bounceInUp

}

@-webkit-keyframes bounceOut {

20% {

-webkit-transform:scale3d(.9, .9, .9);

transform:scale3d(.9, .9, .9)

}

50%, 55% {

opacity:1;

-webkit-transform:scale3d(1.1, 1.1, 1.1);

transform:scale3d(1.1, 1.1, 1.1)

}

100% {

opacity:0;

-webkit-transform:scale3d(.3, .3, .3);

transform:scale3d(.3, .3, .3)

}

}

@keyframes bounceOut {

20% {

-webkit-transform:scale3d(.9, .9, .9);

-ms-transform:scale3d(.9, .9, .9);

transform:scale3d(.9, .9, .9)

}

50%, 55% {

opacity:1;

-webkit-transform:scale3d(1.1, 1.1, 1.1);

-ms-transform:scale3d(1.1, 1.1, 1.1);

transform:scale3d(1.1, 1.1, 1.1)

}

100% {

opacity:0;

-webkit-transform:scale3d(.3, .3, .3);

-ms-transform:scale3d(.3, .3, .3);

transform:scale3d(.3, .3, .3)

}

}

.bounceOut {

	-webkit-animation-name: bounceOut;

	animation-name: bounceOut;

	-webkit-animation-duration: .75s;

	animation-duration: .75s

}

@-webkit-keyframes bounceOutDown {

20% {

-webkit-transform:translate3d(0, 10px, 0);

transform:translate3d(0, 10px, 0)

}

40%, 45% {

opacity:1;

-webkit-transform:translate3d(0, -20px, 0);

transform:translate3d(0, -20px, 0)

}

100% {

opacity:0;

-webkit-transform:translate3d(0, 2000px, 0);

transform:translate3d(0, 2000px, 0)

}

}

@keyframes bounceOutDown {

20% {

-webkit-transform:translate3d(0, 10px, 0);

-ms-transform:translate3d(0, 10px, 0);

transform:translate3d(0, 10px, 0)

}

40%, 45% {

opacity:1;

-webkit-transform:translate3d(0, -20px, 0);

-ms-transform:translate3d(0, -20px, 0);

transform:translate3d(0, -20px, 0)

}

100% {

opacity:0;

-webkit-transform:translate3d(0, 2000px, 0);

-ms-transform:translate3d(0, 2000px, 0);

transform:translate3d(0, 2000px, 0)

}

}

.bounceOutDown {

	-webkit-animation-name: bounceOutDown;

	animation-name: bounceOutDown

}

@-webkit-keyframes bounceOutLeft {

20% {

opacity:1;

-webkit-transform:translate3d(20px, 0, 0);

transform:translate3d(20px, 0, 0)

}

100% {

opacity:0;

-webkit-transform:translate3d(-2000px, 0, 0);

transform:translate3d(-2000px, 0, 0)

}

}

@keyframes bounceOutLeft {

20% {

opacity:1;

-webkit-transform:translate3d(20px, 0, 0);

-ms-transform:translate3d(20px, 0, 0);

transform:translate3d(20px, 0, 0)

}

100% {

opacity:0;

-webkit-transform:translate3d(-2000px, 0, 0);

-ms-transform:translate3d(-2000px, 0, 0);

transform:translate3d(-2000px, 0, 0)

}

}

.bounceOutLeft {

	-webkit-animation-name: bounceOutLeft;

	animation-name: bounceOutLeft

}

@-webkit-keyframes bounceOutRight {

20% {

opacity:1;

-webkit-transform:translate3d(-20px, 0, 0);

transform:translate3d(-20px, 0, 0)

}

100% {

opacity:0;

-webkit-transform:translate3d(2000px, 0, 0);

transform:translate3d(2000px, 0, 0)

}

}

@keyframes bounceOutRight {

20% {

opacity:1;

-webkit-transform:translate3d(-20px, 0, 0);

-ms-transform:translate3d(-20px, 0, 0);

transform:translate3d(-20px, 0, 0)

}

100% {

opacity:0;

-webkit-transform:translate3d(2000px, 0, 0);

-ms-transform:translate3d(2000px, 0, 0);

transform:translate3d(2000px, 0, 0)

}

}

.bounceOutRight {

	-webkit-animation-name: bounceOutRight;

	animation-name: bounceOutRight

}

@-webkit-keyframes bounceOutUp {

20% {

-webkit-transform:translate3d(0, -10px, 0);

transform:translate3d(0, -10px, 0)

}

40%, 45% {

opacity:1;

-webkit-transform:translate3d(0, 20px, 0);

transform:translate3d(0, 20px, 0)

}

100% {

opacity:0;

-webkit-transform:translate3d(0, -2000px, 0);

transform:translate3d(0, -2000px, 0)

}

}

@keyframes bounceOutUp {

20% {

-webkit-transform:translate3d(0, -10px, 0);

-ms-transform:translate3d(0, -10px, 0);

transform:translate3d(0, -10px, 0)

}

40%, 45% {

opacity:1;

-webkit-transform:translate3d(0, 20px, 0);

-ms-transform:translate3d(0, 20px, 0);

transform:translate3d(0, 20px, 0)

}

100% {

opacity:0;

-webkit-transform:translate3d(0, -2000px, 0);

-ms-transform:translate3d(0, -2000px, 0);

transform:translate3d(0, -2000px, 0)

}

}

.bounceOutUp {

	-webkit-animation-name: bounceOutUp;

	animation-name: bounceOutUp

}

@-webkit-keyframes fadeIn {

0% {

opacity:0

}

100% {

opacity:1

}

}

@keyframes fadeIn {

0% {

opacity:0

}

100% {

opacity:1

}

}

.fadeIn {

	-webkit-animation-name: fadeIn;

	animation-name: fadeIn

}

@-webkit-keyframes fadeInDown {

0% {

opacity:0;

-webkit-transform:translate3d(0, -100%, 0);

transform:translate3d(0, -100%, 0)

}

100% {

opacity:1;

-webkit-transform:none;

transform:none

}

}

@keyframes fadeInDown {

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:none;

-ms-transform:none;

transform:none

}

}

.fadeInDown {

	-webkit-animation-name: fadeInDown;

	animation-name: fadeInDown

}

@-webkit-keyframes fadeInDownBig {

0% {

opacity:0;

-webkit-transform:translate3d(0, -2000px, 0);

transform:translate3d(0, -2000px, 0)

}

100% {

opacity:1;

-webkit-transform:none;

transform:none

}

}

@keyframes fadeInDownBig {

0% {

opacity:0;

-webkit-transform:translate3d(0, -2000px, 0);

-ms-transform:translate3d(0, -2000px, 0);

transform:translate3d(0, -2000px, 0)

}

100% {

opacity:1;

-webkit-transform:none;

-ms-transform:none;

transform:none

}

}

.fadeInDownBig {

	-webkit-animation-name: fadeInDownBig;

	animation-name: fadeInDownBig

}

@-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);

-ms-transform:translate3d(-100%, 0, 0);

transform:translate3d(-100%, 0, 0)

}

100% {

opacity:1;

-webkit-transform:none;

-ms-transform:none;

transform:none

}

}

.fadeInLeft {

	-webkit-animation-name: fadeInLeft;

	animation-name: fadeInLeft

}

@-webkit-keyframes fadeInLeftBig {

0% {

opacity:0;

-webkit-transform:translate3d(-2000px, 0, 0);

transform:translate3d(-2000px, 0, 0)

}

100% {

opacity:1;

-webkit-transform:none;

transform:none

}

}

@keyframes fadeInLeftBig {

0% {

opacity:0;

-webkit-transform:translate3d(-2000px, 0, 0);

-ms-transform:translate3d(-2000px, 0, 0);

transform:translate3d(-2000px, 0, 0)

}

100% {

opacity:1;

-webkit-transform:none;

-ms-transform:none;

transform:none

}

}

.fadeInLeftBig {

	-webkit-animation-name: fadeInLeftBig;

	animation-name: fadeInLeftBig

}

@-webkit-keyframes fadeInRight {

0% {

opacity:0;

-webkit-transform:translate3d(100%, 0, 0);

transform:translate3d(100%, 0, 0)

}

100% {

opacity:1;

-webkit-transform:none;

transform:none

}

}

@keyframes fadeInRight {

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:none;

-ms-transform:none;

transform:none

}

}

.fadeInRight {

	-webkit-animation-name: fadeInRight;

	animation-name: fadeInRight

}

@-webkit-keyframes fadeInRightBig {

0% {

opacity:0;

-webkit-transform:translate3d(2000px, 0, 0);

transform:translate3d(2000px, 0, 0)

}

100% {

opacity:1;

-webkit-transform:none;

transform:none

}

}

@keyframes fadeInRightBig {

0% {

opacity:0;

-webkit-transform:translate3d(2000px, 0, 0);

-ms-transform:translate3d(2000px, 0, 0);

transform:translate3d(2000px, 0, 0)

}

100% {

opacity:1;

-webkit-transform:none;

-ms-transform:none;

transform:none

}

}

.fadeInRightBig {

	-webkit-animation-name: fadeInRightBig;

	animation-name: fadeInRightBig

}

@-webkit-keyframes fadeInUp {

0% {

opacity:0;

-webkit-transform:translate3d(0, 100%, 0);

transform:translate3d(0, 100%, 0)

}

100% {

opacity:1;

-webkit-transform:none;

transform:none

}

}

@keyframes fadeInUp {

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:none;

-ms-transform:none;

transform:none

}

}

.fadeInUp {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp

}

@-webkit-keyframes fadeInUpBig {

0% {

opacity:0;

-webkit-transform:translate3d(0, 2000px, 0);

transform:translate3d(0, 2000px, 0)

}

100% {

opacity:1;

-webkit-transform:none;

transform:none

}

}

@keyframes fadeInUpBig {

0% {

opacity:0;

-webkit-transform:translate3d(0, 2000px, 0);

-ms-transform:translate3d(0, 2000px, 0);

transform:translate3d(0, 2000px, 0)

}

100% {

opacity:1;

-webkit-transform:none;

-ms-transform:none;

transform:none

}

}

.fadeInUpBig {

	-webkit-animation-name: fadeInUpBig;

	animation-name: fadeInUpBig

}

@-webkit-keyframes fadeOut {

0% {

opacity:1

}

100% {

opacity:0

}

}

@keyframes fadeOut {

0% {

opacity:1

}

100% {

opacity:0

}

}

.fadeOut {

	-webkit-animation-name: fadeOut;

	animation-name: fadeOut

}

@-webkit-keyframes fadeOutDown {

0% {

opacity:1

}

100% {

opacity:0;

-webkit-transform:translate3d(0, 100%, 0);

transform:translate3d(0, 100%, 0)

}

}

@keyframes fadeOutDown {

0% {

opacity:1

}

100% {

opacity:0;

-webkit-transform:translate3d(0, 100%, 0);

-ms-transform:translate3d(0, 100%, 0);

transform:translate3d(0, 100%, 0)

}

}

.fadeOutDown {

	-webkit-animation-name: fadeOutDown;

	animation-name: fadeOutDown

}

@-webkit-keyframes fadeOutDownBig {

0% {

opacity:1

}

100% {

opacity:0;

-webkit-transform:translate3d(0, 2000px, 0);

transform:translate3d(0, 2000px, 0)

}

}

@keyframes fadeOutDownBig {

0% {

opacity:1

}

100% {

opacity:0;

-webkit-transform:translate3d(0, 2000px, 0);

-ms-transform:translate3d(0, 2000px, 0);

transform:translate3d(0, 2000px, 0)

}

}

.fadeOutDownBig {

	-webkit-animation-name: fadeOutDownBig;

	animation-name: fadeOutDownBig

}

@-webkit-keyframes fadeOutLeft {

0% {

opacity:1

}

100% {

opacity:0;

-webkit-transform:translate3d(-100%, 0, 0);

transform:translate3d(-100%, 0, 0)

}

}

@keyframes fadeOutLeft {

0% {

opacity:1

}

100% {

opacity:0;

-webkit-transform:translate3d(-100%, 0, 0);

-ms-transform:translate3d(-100%, 0, 0);

transform:translate3d(-100%, 0, 0)

}

}

.fadeOutLeft {

	-webkit-animation-name: fadeOutLeft;

	animation-name: fadeOutLeft

}

@-webkit-keyframes fadeOutLeftBig {

0% {

opacity:1

}

100% {

opacity:0;

-webkit-transform:translate3d(-2000px, 0, 0);

transform:translate3d(-2000px, 0, 0)

}

}

@keyframes fadeOutLeftBig {

0% {

opacity:1

}

100% {

opacity:0;

-webkit-transform:translate3d(-2000px, 0, 0);

-ms-transform:translate3d(-2000px, 0, 0);

transform:translate3d(-2000px, 0, 0)

}

}

.fadeOutLeftBig {

	-webkit-animation-name: fadeOutLeftBig;

	animation-name: fadeOutLeftBig

}

@-webkit-keyframes fadeOutRight {

0% {

opacity:1

}

100% {

opacity:0;

-webkit-transform:translate3d(100%, 0, 0);

transform:translate3d(100%, 0, 0)

}

}

@keyframes fadeOutRight {

0% {

opacity:1

}

100% {

opacity:0;

-webkit-transform:translate3d(100%, 0, 0);

-ms-transform:translate3d(100%, 0, 0);

transform:translate3d(100%, 0, 0)

}

}

.fadeOutRight {

	-webkit-animation-name: fadeOutRight;

	animation-name: fadeOutRight

}

@-webkit-keyframes fadeOutRightBig {

0% {

opacity:1

}

100% {

opacity:0;

-webkit-transform:translate3d(2000px, 0, 0);

transform:translate3d(2000px, 0, 0)

}

}

@keyframes fadeOutRightBig {

0% {

opacity:1

}

100% {

opacity:0;

-webkit-transform:translate3d(2000px, 0, 0);

-ms-transform:translate3d(2000px, 0, 0);

transform:translate3d(2000px, 0, 0)

}

}

.fadeOutRightBig {

	-webkit-animation-name: fadeOutRightBig;

	animation-name: fadeOutRightBig

}

@-webkit-keyframes fadeOutUp {

0% {

opacity:1

}

100% {

opacity:0;

-webkit-transform:translate3d(0, -100%, 0);

transform:translate3d(0, -100%, 0)

}

}

@keyframes fadeOutUp {

0% {

opacity:1

}

100% {

opacity:0;

-webkit-transform:translate3d(0, -100%, 0);

-ms-transform:translate3d(0, -100%, 0);

transform:translate3d(0, -100%, 0)

}

}

.fadeOutUp {

	-webkit-animation-name: fadeOutUp;

	animation-name: fadeOutUp

}

@-webkit-keyframes fadeOutUpBig {

0% {

opacity:1

}

100% {

opacity:0;

-webkit-transform:translate3d(0, -2000px, 0);

transform:translate3d(0, -2000px, 0)

}

}

@keyframes fadeOutUpBig {

0% {

opacity:1

}

100% {

opacity:0;

-webkit-transform:translate3d(0, -2000px, 0);

-ms-transform:translate3d(0, -2000px, 0);

transform:translate3d(0, -2000px, 0)

}

}

.fadeOutUpBig {

	-webkit-animation-name: fadeOutUpBig;

	animation-name: fadeOutUpBig

}

@-webkit-keyframes flip {

0% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);

transform:perspective(400px) rotate3d(0, 1, 0, -360deg);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

40% {

-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

50% {

-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

-webkit-animation-timing-function:ease-in;

animation-timing-function:ease-in

}

80% {

-webkit-transform:perspective(400px) scale3d(.95, .95, .95);

transform:perspective(400px) scale3d(.95, .95, .95);

-webkit-animation-timing-function:ease-in;

animation-timing-function:ease-in

}

100% {

-webkit-transform:perspective(400px);

transform:perspective(400px);

-webkit-animation-timing-function:ease-in;

animation-timing-function:ease-in

}

}

@keyframes flip {

0% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);

transform:perspective(400px) rotate3d(0, 1, 0, -360deg);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

40% {

-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

-ms-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

-webkit-animation-timing-function:ease-out;

animation-timing-function:ease-out

}

50% {

-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

-ms-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

-webkit-animation-timing-function:ease-in;

animation-timing-function:ease-in

}

80% {

-webkit-transform:perspective(400px) scale3d(.95, .95, .95);

-ms-transform:perspective(400px) scale3d(.95, .95, .95);

transform:perspective(400px) scale3d(.95, .95, .95);

-webkit-animation-timing-function:ease-in;

animation-timing-function:ease-in

}

100% {

-webkit-transform:perspective(400px);

-ms-transform:perspective(400px);

transform:perspective(400px);

-webkit-animation-timing-function:ease-in;

animation-timing-function:ease-in

}

}

.animated.flip {

	-webkit-backface-visibility: visible;

	-ms-backface-visibility: visible;

	backface-visibility: visible;

	-webkit-animation-name: flip;

	animation-name: flip

}

@-webkit-keyframes flipInX {

0% {

-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);

transform:perspective(400px) rotate3d(1, 0, 0, 90deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in;

opacity:0

}

40% {

-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);

transform:perspective(400px) rotate3d(1, 0, 0, -20deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in

}

60% {

-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);

transform:perspective(400px) rotate3d(1, 0, 0, 10deg);

opacity:1

}

80% {

-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);

transform:perspective(400px) rotate3d(1, 0, 0, -5deg)

}

100% {

-webkit-transform:perspective(400px);

transform:perspective(400px)

}

}

@keyframes flipInX {

0% {

-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);

-ms-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);

transform:perspective(400px) rotate3d(1, 0, 0, 90deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in;

opacity:0

}

40% {

-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);

-ms-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);

transform:perspective(400px) rotate3d(1, 0, 0, -20deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in

}

60% {

-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);

-ms-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);

transform:perspective(400px) rotate3d(1, 0, 0, 10deg);

opacity:1

}

80% {

-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);

-ms-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);

transform:perspective(400px) rotate3d(1, 0, 0, -5deg)

}

100% {

-webkit-transform:perspective(400px);

-ms-transform:perspective(400px);

transform:perspective(400px)

}

}

.flipInX {

	-webkit-backface-visibility: visible!important;

	-ms-backface-visibility: visible!important;

	backface-visibility: visible!important;

	-webkit-animation-name: flipInX;

	animation-name: flipInX

}

@-webkit-keyframes flipInY {

0% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in;

opacity:0

}

40% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in

}

60% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

opacity:1

}

80% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);

transform:perspective(400px) rotate3d(0, 1, 0, -5deg)

}

100% {

-webkit-transform:perspective(400px);

transform:perspective(400px)

}

}

@keyframes flipInY {

0% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in;

opacity:0

}

40% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in

}

60% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

opacity:1

}

80% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);

transform:perspective(400px) rotate3d(0, 1, 0, -5deg)

}

100% {

-webkit-transform:perspective(400px);

-ms-transform:perspective(400px);

transform:perspective(400px)

}

}

.flipInY {

	-webkit-backface-visibility: visible!important;

	-ms-backface-visibility: visible!important;

	backface-visibility: visible!important;

	-webkit-animation-name: flipInY;

	animation-name: flipInY

}

@-webkit-keyframes flipOutX {

0% {

-webkit-transform:perspective(400px);

transform:perspective(400px)

}

30% {

-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);

transform:perspective(400px) rotate3d(1, 0, 0, -20deg);

opacity:1

}

100% {

-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);

transform:perspective(400px) rotate3d(1, 0, 0, 90deg);

opacity:0

}

}

@keyframes flipOutX {

0% {

-webkit-transform:perspective(400px);

-ms-transform:perspective(400px);

transform:perspective(400px)

}

30% {

-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);

-ms-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);

transform:perspective(400px) rotate3d(1, 0, 0, -20deg);

opacity:1

}

100% {

-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);

-ms-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);

transform:perspective(400px) rotate3d(1, 0, 0, 90deg);

opacity:0

}

}

.flipOutX {

	-webkit-animation-name: flipOutX;

	animation-name: flipOutX;

	-webkit-animation-duration: .75s;

	animation-duration: .75s;

	-webkit-backface-visibility: visible!important;

	-ms-backface-visibility: visible!important;

	backface-visibility: visible!important

}

@-webkit-keyframes flipOutY {

0% {

-webkit-transform:perspective(400px);

transform:perspective(400px)

}

30% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);

transform:perspective(400px) rotate3d(0, 1, 0, -15deg);

opacity:1

}

100% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

opacity:0

}

}

@keyframes flipOutY {

0% {

-webkit-transform:perspective(400px);

-ms-transform:perspective(400px);

transform:perspective(400px)

}

30% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);

transform:perspective(400px) rotate3d(0, 1, 0, -15deg);

opacity:1

}

100% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

opacity:0

}

}

.flipOutY {

	-webkit-backface-visibility: visible!important;

	-ms-backface-visibility: visible!important;

	backface-visibility: visible!important;

	-webkit-animation-name: flipOutY;

	animation-name: flipOutY;

	-webkit-animation-duration: .75s;

	animation-duration: .75s

}

@-webkit-keyframes lightSpeedIn {

0% {

-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);

transform:translate3d(100%, 0, 0) skewX(-30deg);

opacity:0

}

60% {

-webkit-transform:skewX(20deg);

transform:skewX(20deg);

opacity:1

}

80% {

-webkit-transform:skewX(-5deg);

transform:skewX(-5deg);

opacity:1

}

100% {

-webkit-transform:none;

transform:none;

opacity:1

}

}

@keyframes lightSpeedIn {

0% {

-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);

-ms-transform:translate3d(100%, 0, 0) skewX(-30deg);

transform:translate3d(100%, 0, 0) skewX(-30deg);

opacity:0

}

60% {

-webkit-transform:skewX(20deg);

-ms-transform:skewX(20deg);

transform:skewX(20deg);

opacity:1

}

80% {

-webkit-transform:skewX(-5deg);

-ms-transform:skewX(-5deg);

transform:skewX(-5deg);

opacity:1

}

100% {

-webkit-transform:none;

-ms-transform:none;

transform:none;

opacity:1

}

}

.lightSpeedIn {

	-webkit-animation-name: lightSpeedIn;

	animation-name: lightSpeedIn;

	-webkit-animation-timing-function: ease-out;

	animation-timing-function: ease-out

}

@-webkit-keyframes lightSpeedOut {

0% {

opacity:1

}

100% {

-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);

transform:translate3d(100%, 0, 0) skewX(30deg);

opacity:0

}

}

@keyframes lightSpeedOut {

0% {

opacity:1

}

100% {

-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);

-ms-transform:translate3d(100%, 0, 0) skewX(30deg);

transform:translate3d(100%, 0, 0) skewX(30deg);

opacity:0

}

}

.lightSpeedOut {

	-webkit-animation-name: lightSpeedOut;

	animation-name: lightSpeedOut;

	-webkit-animation-timing-function: ease-in;

	animation-timing-function: ease-in

}

@-webkit-keyframes rotateIn {

0% {

-webkit-transform-origin:center;

transform-origin:center;

-webkit-transform:rotate3d(0, 0, 1, -200deg);

transform:rotate3d(0, 0, 1, -200deg);

opacity:0

}

100% {

-webkit-transform-origin:center;

transform-origin:center;

-webkit-transform:none;

transform:none;

opacity:1

}

}

@keyframes rotateIn {

0% {

-webkit-transform-origin:center;

-ms-transform-origin:center;

transform-origin:center;

-webkit-transform:rotate3d(0, 0, 1, -200deg);

-ms-transform:rotate3d(0, 0, 1, -200deg);

transform:rotate3d(0, 0, 1, -200deg);

opacity:0

}

100% {

-webkit-transform-origin:center;

-ms-transform-origin:center;

transform-origin:center;

-webkit-transform:none;

-ms-transform:none;

transform:none;

opacity:1

}

}

.rotateIn {

	-webkit-animation-name: rotateIn;

	animation-name: rotateIn

}

@-webkit-keyframes rotateInDownLeft {

0% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate3d(0, 0, 1, -45deg);

transform:rotate3d(0, 0, 1, -45deg);

opacity:0

}

100% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:none;

transform:none;

opacity:1

}

}

@keyframes rotateInDownLeft {

0% {

-webkit-transform-origin:left bottom;

-ms-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate3d(0, 0, 1, -45deg);

-ms-transform:rotate3d(0, 0, 1, -45deg);

transform:rotate3d(0, 0, 1, -45deg);

opacity:0

}

100% {

-webkit-transform-origin:left bottom;

-ms-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:none;

-ms-transform:none;

transform:none;

opacity:1

}

}

.rotateInDownLeft {

	-webkit-animation-name: rotateInDownLeft;

	animation-name: rotateInDownLeft

}

@-webkit-keyframes rotateInDownRight {

0% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate3d(0, 0, 1, 45deg);

transform:rotate3d(0, 0, 1, 45deg);

opacity:0

}

100% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:none;

transform:none;

opacity:1

}

}

@keyframes rotateInDownRight {

0% {

-webkit-transform-origin:right bottom;

-ms-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate3d(0, 0, 1, 45deg);

-ms-transform:rotate3d(0, 0, 1, 45deg);

transform:rotate3d(0, 0, 1, 45deg);

opacity:0

}

100% {

-webkit-transform-origin:right bottom;

-ms-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:none;

-ms-transform:none;

transform:none;

opacity:1

}

}

.rotateInDownRight {

	-webkit-animation-name: rotateInDownRight;

	animation-name: rotateInDownRight

}

@-webkit-keyframes rotateInUpLeft {

0% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate3d(0, 0, 1, 45deg);

transform:rotate3d(0, 0, 1, 45deg);

opacity:0

}

100% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:none;

transform:none;

opacity:1

}

}

@keyframes rotateInUpLeft {

0% {

-webkit-transform-origin:left bottom;

-ms-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate3d(0, 0, 1, 45deg);

-ms-transform:rotate3d(0, 0, 1, 45deg);

transform:rotate3d(0, 0, 1, 45deg);

opacity:0

}

100% {

-webkit-transform-origin:left bottom;

-ms-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:none;

-ms-transform:none;

transform:none;

opacity:1

}

}

.rotateInUpLeft {

	-webkit-animation-name: rotateInUpLeft;

	animation-name: rotateInUpLeft

}

@-webkit-keyframes rotateInUpRight {

0% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate3d(0, 0, 1, -90deg);

transform:rotate3d(0, 0, 1, -90deg);

opacity:0

}

100% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:none;

transform:none;

opacity:1

}

}

@keyframes rotateInUpRight {

0% {

-webkit-transform-origin:right bottom;

-ms-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate3d(0, 0, 1, -90deg);

-ms-transform:rotate3d(0, 0, 1, -90deg);

transform:rotate3d(0, 0, 1, -90deg);

opacity:0

}

100% {

-webkit-transform-origin:right bottom;

-ms-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:none;

-ms-transform:none;

transform:none;

opacity:1

}

}

.rotateInUpRight {

	-webkit-animation-name: rotateInUpRight;

	animation-name: rotateInUpRight

}

@-webkit-keyframes rotateOut {

0% {

-webkit-transform-origin:center;

transform-origin:center;

opacity:1

}

100% {

-webkit-transform-origin:center;

transform-origin:center;

-webkit-transform:rotate3d(0, 0, 1, 200deg);

transform:rotate3d(0, 0, 1, 200deg);

opacity:0

}

}

@keyframes rotateOut {

0% {

-webkit-transform-origin:center;

-ms-transform-origin:center;

transform-origin:center;

opacity:1

}

100% {

-webkit-transform-origin:center;

-ms-transform-origin:center;

transform-origin:center;

-webkit-transform:rotate3d(0, 0, 1, 200deg);

-ms-transform:rotate3d(0, 0, 1, 200deg);

transform:rotate3d(0, 0, 1, 200deg);

opacity:0

}

}

.rotateOut {

	-webkit-animation-name: rotateOut;

	animation-name: rotateOut

}

@-webkit-keyframes rotateOutDownLeft {

0% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

opacity:1

}

100% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate(0, 0, 1, 45deg);

transform:rotate(0, 0, 1, 45deg);

opacity:0

}

}

@keyframes rotateOutDownLeft {

0% {

-webkit-transform-origin:left bottom;

-ms-transform-origin:left bottom;

transform-origin:left bottom;

opacity:1

}

100% {

-webkit-transform-origin:left bottom;

-ms-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate(0, 0, 1, 45deg);

-ms-transform:rotate(0, 0, 1, 45deg);

transform:rotate(0, 0, 1, 45deg);

opacity:0

}

}

.rotateOutDownLeft {

	-webkit-animation-name: rotateOutDownLeft;

	animation-name: rotateOutDownLeft

}

@-webkit-keyframes rotateOutDownRight {

0% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

opacity:1

}

100% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate3d(0, 0, 1, -45deg);

transform:rotate3d(0, 0, 1, -45deg);

opacity:0

}

}

@keyframes rotateOutDownRight {

0% {

-webkit-transform-origin:right bottom;

-ms-transform-origin:right bottom;

transform-origin:right bottom;

opacity:1

}

100% {

-webkit-transform-origin:right bottom;

-ms-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate3d(0, 0, 1, -45deg);

-ms-transform:rotate3d(0, 0, 1, -45deg);

transform:rotate3d(0, 0, 1, -45deg);

opacity:0

}

}

.rotateOutDownRight {

	-webkit-animation-name: rotateOutDownRight;

	animation-name: rotateOutDownRight

}

@-webkit-keyframes rotateOutUpLeft {

0% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

opacity:1

}

100% {

-webkit-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate3d(0, 0, 1, -45deg);

transform:rotate3d(0, 0, 1, -45deg);

opacity:0

}

}

@keyframes rotateOutUpLeft {

0% {

-webkit-transform-origin:left bottom;

-ms-transform-origin:left bottom;

transform-origin:left bottom;

opacity:1

}

100% {

-webkit-transform-origin:left bottom;

-ms-transform-origin:left bottom;

transform-origin:left bottom;

-webkit-transform:rotate3d(0, 0, 1, -45deg);

-ms-transform:rotate3d(0, 0, 1, -45deg);

transform:rotate3d(0, 0, 1, -45deg);

opacity:0

}

}

.rotateOutUpLeft {

	-webkit-animation-name: rotateOutUpLeft;

	animation-name: rotateOutUpLeft

}

@-webkit-keyframes rotateOutUpRight {

0% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

opacity:1

}

100% {

-webkit-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate3d(0, 0, 1, 90deg);

transform:rotate3d(0, 0, 1, 90deg);

opacity:0

}

}

@keyframes rotateOutUpRight {

0% {

-webkit-transform-origin:right bottom;

-ms-transform-origin:right bottom;

transform-origin:right bottom;

opacity:1

}

100% {

-webkit-transform-origin:right bottom;

-ms-transform-origin:right bottom;

transform-origin:right bottom;

-webkit-transform:rotate3d(0, 0, 1, 90deg);

-ms-transform:rotate3d(0, 0, 1, 90deg);

transform:rotate3d(0, 0, 1, 90deg);

opacity:0

}

}

.rotateOutUpRight {

	-webkit-animation-name: rotateOutUpRight;

	animation-name: rotateOutUpRight

}

@-webkit-keyframes hinge {

0% {

-webkit-transform-origin:top left;

transform-origin:top left;

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out

}

20%, 60% {

-webkit-transform:rotate3d(0, 0, 1, 80deg);

transform:rotate3d(0, 0, 1, 80deg);

-webkit-transform-origin:top left;

transform-origin:top left;

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out

}

40%, 80% {

-webkit-transform:rotate3d(0, 0, 1, 60deg);

transform:rotate3d(0, 0, 1, 60deg);

-webkit-transform-origin:top left;

transform-origin:top left;

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out;

opacity:1

}

100% {

-webkit-transform:translate3d(0, 700px, 0);

transform:translate3d(0, 700px, 0);

opacity:0

}

}

@keyframes hinge {

0% {

-webkit-transform-origin:top left;

-ms-transform-origin:top left;

transform-origin:top left;

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out

}

20%, 60% {

-webkit-transform:rotate3d(0, 0, 1, 80deg);

-ms-transform:rotate3d(0, 0, 1, 80deg);

transform:rotate3d(0, 0, 1, 80deg);

-webkit-transform-origin:top left;

-ms-transform-origin:top left;

transform-origin:top left;

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out

}

40%, 80% {

-webkit-transform:rotate3d(0, 0, 1, 60deg);

-ms-transform:rotate3d(0, 0, 1, 60deg);

transform:rotate3d(0, 0, 1, 60deg);

-webkit-transform-origin:top left;

-ms-transform-origin:top left;

transform-origin:top left;

-webkit-animation-timing-function:ease-in-out;

animation-timing-function:ease-in-out;

opacity:1

}

100% {

-webkit-transform:translate3d(0, 700px, 0);

-ms-transform:translate3d(0, 700px, 0);

transform:translate3d(0, 700px, 0);

opacity:0

}

}

.hinge {

	-webkit-animation-name: hinge;

	animation-name: hinge

}

@-webkit-keyframes rollIn {

0% {

opacity:0;

-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)

}

100% {

opacity:1;

-webkit-transform:none;

transform:none

}

}

@keyframes rollIn {

0% {

opacity:0;

-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

-ms-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)

}

100% {

opacity:1;

-webkit-transform:none;

-ms-transform:none;

transform:none

}

}

.rollIn {

	-webkit-animation-name: rollIn;

	animation-name: rollIn

}

@-webkit-keyframes rollOut {

0% {

opacity:1

}

100% {

opacity:0;

-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)

}

}

@keyframes rollOut {

0% {

opacity:1

}

100% {

opacity:0;

-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

-ms-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)

}

}

.rollOut {

	-webkit-animation-name: rollOut;

	animation-name: rollOut

}

@-webkit-keyframes zoomIn {

0% {

opacity:0;

-webkit-transform:scale3d(.3, .3, .3);

transform:scale3d(.3, .3, .3)

}

50% {

opacity:1

}

}

@keyframes zoomIn {

0% {

opacity:0;

-webkit-transform:scale3d(.3, .3, .3);

-ms-transform:scale3d(.3, .3, .3);

transform:scale3d(.3, .3, .3)

}

50% {

opacity:1

}

}

.zoomIn {

	-webkit-animation-name: zoomIn;

	animation-name: zoomIn

}

@-webkit-keyframes zoomInDown {

0% {

opacity:0;

-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);

animation-timing-function:cubic-bezier(0.55, .055, .675, .19)

}

60% {

opacity:1;

-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);

transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);

-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);

animation-timing-function:cubic-bezier(0.175, .885, .32, 1)

}

}

@keyframes zoomInDown {

0% {

opacity:0;

-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

-ms-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);

animation-timing-function:cubic-bezier(0.55, .055, .675, .19)

}

60% {

opacity:1;

-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);

-ms-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);

transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);

-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);

animation-timing-function:cubic-bezier(0.175, .885, .32, 1)

}

}

.zoomInDown {

	-webkit-animation-name: zoomInDown;

	animation-name: zoomInDown

}

@-webkit-keyframes zoomInLeft {

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.55, .055, .675, .19);

animation-timing-function:cubic-bezier(0.55, .055, .675, .19)

}

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, .885, .32, 1);

animation-timing-function:cubic-bezier(0.175, .885, .32, 1)

}

}

@keyframes zoomInLeft {

0% {

opacity:0;

-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

-ms-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.55, .055, .675, .19);

animation-timing-function:cubic-bezier(0.55, .055, .675, .19)

}

60% {

opacity:1;

-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);

-ms-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, .885, .32, 1);

animation-timing-function:cubic-bezier(0.175, .885, .32, 1)

}

}

.zoomInLeft {

	-webkit-animation-name: zoomInLeft;

	animation-name: zoomInLeft

}

@-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.55, .055, .675, .19);

animation-timing-function:cubic-bezier(0.55, .055, .675, .19)

}

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, .885, .32, 1);

animation-timing-function:cubic-bezier(0.175, .885, .32, 1)

}

}

@keyframes zoomInRight {

0% {

opacity:0;

-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

-ms-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.55, .055, .675, .19);

animation-timing-function:cubic-bezier(0.55, .055, .675, .19)

}

60% {

opacity:1;

-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

-ms-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, .885, .32, 1);

animation-timing-function:cubic-bezier(0.175, .885, .32, 1)

}

}

.zoomInRight {

	-webkit-animation-name: zoomInRight;

	animation-name: zoomInRight

}

@-webkit-keyframes zoomInUp {

0% {

opacity:0;

-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);

animation-timing-function:cubic-bezier(0.55, .055, .675, .19)

}

60% {

opacity:1;

-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);

transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);

-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);

animation-timing-function:cubic-bezier(0.175, .885, .32, 1)

}

}

@keyframes zoomInUp {

0% {

opacity:0;

-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

-ms-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);

animation-timing-function:cubic-bezier(0.55, .055, .675, .19)

}

60% {

opacity:1;

-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);

-ms-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);

transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);

-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);

animation-timing-function:cubic-bezier(0.175, .885, .32, 1)

}

}

.zoomInUp {

	-webkit-animation-name: zoomInUp;

	animation-name: zoomInUp

}

@-webkit-keyframes zoomOut {

0% {

opacity:1

}

50% {

opacity:0;

-webkit-transform:scale3d(.3, .3, .3);

transform:scale3d(.3, .3, .3)

}

100% {

opacity:0

}

}

@keyframes zoomOut {

0% {

opacity:1

}

50% {

opacity:0;

-webkit-transform:scale3d(.3, .3, .3);

-ms-transform:scale3d(.3, .3, .3);

transform:scale3d(.3, .3, .3)

}

100% {

opacity:0

}

}

.zoomOut {

	-webkit-animation-name: zoomOut;

	animation-name: zoomOut

}

@-webkit-keyframes zoomOutDown {

40% {

opacity:1;

-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);

transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);

-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);

animation-timing-function:cubic-bezier(0.55, .055, .675, .19)

}

100% {

opacity:0;

-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

-webkit-transform-origin:center bottom;

transform-origin:center bottom;

-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);

animation-timing-function:cubic-bezier(0.175, .885, .32, 1)

}

}

@keyframes zoomOutDown {

40% {

opacity:1;

-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);

-ms-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);

transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);

-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);

animation-timing-function:cubic-bezier(0.55, .055, .675, .19)

}

100% {

opacity:0;

-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

-ms-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

-webkit-transform-origin:center bottom;

-ms-transform-origin:center bottom;

transform-origin:center bottom;

-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);

animation-timing-function:cubic-bezier(0.175, .885, .32, 1)

}

}

.zoomOutDown {

	-webkit-animation-name: zoomOutDown;

	animation-name: zoomOutDown

}

@-webkit-keyframes zoomOutLeft {

40% {

opacity:1;

-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);

transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)

}

100% {

opacity:0;

-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);

transform:scale(.1) translate3d(-2000px, 0, 0);

-webkit-transform-origin:left center;

transform-origin:left center

}

}

@keyframes zoomOutLeft {

40% {

opacity:1;

-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);

-ms-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);

transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)

}

100% {

opacity:0;

-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);

-ms-transform:scale(.1) translate3d(-2000px, 0, 0);

transform:scale(.1) translate3d(-2000px, 0, 0);

-webkit-transform-origin:left center;

-ms-transform-origin:left center;

transform-origin:left center

}

}

.zoomOutLeft {

	-webkit-animation-name: zoomOutLeft;

	animation-name: zoomOutLeft

}

@-webkit-keyframes zoomOutRight {

40% {

opacity:1;

-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)

}

100% {

opacity:0;

-webkit-transform:scale(.1) translate3d(2000px, 0, 0);

transform:scale(.1) translate3d(2000px, 0, 0);

-webkit-transform-origin:right center;

transform-origin:right center

}

}

@keyframes zoomOutRight {

40% {

opacity:1;

-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

-ms-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)

}

100% {

opacity:0;

-webkit-transform:scale(.1) translate3d(2000px, 0, 0);

-ms-transform:scale(.1) translate3d(2000px, 0, 0);

transform:scale(.1) translate3d(2000px, 0, 0);

-webkit-transform-origin:right center;

-ms-transform-origin:right center;

transform-origin:right center

}

}

.zoomOutRight {

	-webkit-animation-name: zoomOutRight;

	animation-name: zoomOutRight

}

@-webkit-keyframes zoomOutUp {

40% {

opacity:1;

-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);

transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);

-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);

animation-timing-function:cubic-bezier(0.55, .055, .675, .19)

}

100% {

opacity:0;

-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

-webkit-transform-origin:center bottom;

transform-origin:center bottom;

-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);

animation-timing-function:cubic-bezier(0.175, .885, .32, 1)

}

}

@keyframes zoomOutUp {

40% {

opacity:1;

-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);

-ms-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);

transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);

-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);

animation-timing-function:cubic-bezier(0.55, .055, .675, .19)

}

100% {

opacity:0;

-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

-ms-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

-webkit-transform-origin:center bottom;

-ms-transform-origin:center bottom;

transform-origin:center bottom;

-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);

animation-timing-function:cubic-bezier(0.175, .885, .32, 1)

}

}

.zoomOutUp {

	-webkit-animation-name: zoomOutUp;

	animation-name: zoomOutUp

}

.x_ct {

	font-size: 18px;

	line-height: 35px;

}

.wuyou_news {

	overflow: hidden;

	padding-bottom: 10px;

}

.wuyou_news li {

	float: left;

	height: 125px;

	overflow: hidden;

	margin-bottom: 20px;

}

.wuyou_news li .img {

	margin: 0 15px;

	width: 221px;

	height: 125px;

	float: left;

	overflow: hidden;

}

.wuyou_news li img {

	transition: all 0.8s;

	transform: scale(1)

}

.wuyou_news li:hover img {

	transform: scale(1.2)

}

.wuyou_news li .newsinfo {

	float: left;

	width: 320px;

	margin: 0 13px;

	padding-top: 10px;

}

.wuyou_news li .newsinfo .title a {

	font-size: 16px;

	color: #383838;

	font-weight: bold;

}

.wuyou_news li .newsinfo .title a:hover {

	color: #02918d;

}

.wuyou_news li .newsinfo .info {

	color: #9d9d9d;

	font-size: 12px;

	line-height: 25px;

	margin-top: 5px;

}

.choose li img:hover {

	transition: all 0.8s;

	transform: rotate(360deg);

}



.index_tdzs_wrap{ width:1200px; height:auto; margin:30px auto 0 auto; overflow:hidden;}

.index_tdzs_wrap_bt{ height:40px; line-height:40px; text-align:center; font-size:30px; color:#333333; margin-bottom:30px;}

.index_tdzs_wrap_nr ul li{ float:left; width:180px; height:auto; margin-right:20px;}

.index_tdzs_wrap_nr ul li:nth-of-type(6){float:left; width:180px; height:auto; margin-right:0;}

.index_tdzs_wrap_nr_img a img{ width:180px; height:255px;}

.index_tdzs_wrap_nr_bt{ height:30px; line-height:30px; font-size:14px; text-align:center;}

.marginright0{ margin-right:0;}





.cont_wrap {

	margin: 0 0 0px 0;

	min-height: 300px;

}

.contPro_wrap {

	padding: 0;

	margin-top: 10px;

	overflow: hidden;

	margin-bottom: 0;

}

.contPro_wrap li {

	float: left;

	display: inline;

	width: 24%;

	margin: 0 1% 30px 0%;

	background: #fff;

	position: relative;

	background: #f2f2f2;

	padding-bottom: 48px;

	overflow: hidden;

	-moz-transition: all 0.2s linear;

	-ms-transition: all 0.2s linear;

	-o-transition: all 0.2s linear;

	-webkit-transition: all 0.2s linear;

	transition: all 0.2s linear;

	height: 317px;

}

.contPro_wrap li a {

	display: block;

	height: 317px;

}

.contPro_wrap .pic {

	width: 100%;

	overflow: hidden;

	position: relative;

	height: 317px;

}

.contPro_wrap .pic:before {

	content: "";

	margin-top: 75%;

	display: block;

}

.contPro_wrap .picImg {

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	height: 317px;

}

.contPro_wrap .picImg img {

	display: block;

	width: 100%;

	min-height: 100%;

}

.contPro_wrap .picBtn {

	position: absolute;

	left: 0;

	top: -100%;

	background: url(../images/btn1-4.png) no-repeat center center rgba(0,0,0,0.5);

	width: 100%;

	height: 100%;

	right: 0;

	bottom: 0;

}

.contPro_wrap .info {

	padding: 10px 15px;

	font-family: Arial, '微软雅黑';

	overflow: hidden;

	z-index: 10;

	position: absolute;

	left: 0;

	bottom: 0;

	right: 0;

}

.contPro_wrap .bg {

	background: #2874d4;

	height: 50px;

	position: absolute;

	width: 100%;

	left: 0;

	bottom: -50px;

	z-index: 5;

}

.contPro_wrap .title {

	font-size: 12px;

	color: #666;

	line-height: 22px;

	height: 22px;

	overflow: hidden;

	width: 245px;

}

.contPro_wrap .name {

	font-size: 16px;

	color: #000;

	line-height: 28px;

	height: 28px;

	overflow: hidden;

	width: 245px;

}

.contPro_wrap .tip {

	font-size: 12px;

	color: #666;

	line-height: 24px;

	height: 24px;

	overflow: hidden;

	width: 245px;

}

.contPro_wrap li:hover .picBtn {

	top: 0;

	-moz-transition: all .2s linear;

	-ms-transition: all .2s linear;

	-o-transition: all .2s linear;

	-webkit-transition: all .2s linear;

	transition: all .2s linear;

}

.contPro_wrap li:hover .bg {

	bottom: 0;

	-moz-transition: all .2s linear;

	-ms-transition: all .2s linear;

	-o-transition: all .2s linear;

	-webkit-transition: all .2s linear;

	transition: all .2s linear;

}

.contPro_wrap li:hover .title, .contPro_wrap li:hover .name, .contPro_wrap li:hover .tip {

	color: #fff;

	-moz-transition: all .1s .1s linear;

	-ms-transition: all .1s .1s linear;

	-o-transition: all .1s .1s linear;

	-webkit-transition: all .1s .1s linear;

	transition: all .1s .1s linear;

}

.contPro_wrap li b {

	font-weight: normal;

}

.cont_pages {

	text-align: center;

}

.cont_pages .pagination>.active>a {

	background: #2874d4;

}

.cont_banner {

	height: 450px;

	width: 100%;

	background-position: center center;

	background-repeat: no-repeat;

}

.contPro_pic {

	margin: 0 auto;

	width: 1200px;

	max-width: 90%;

}

.contPro_pic img {

	display: block;

	width: 100%;

	margin: 0 auto;

}

.contPro_info {

	padding: 30px 0;

	font-family: '微软雅黑';

	width: 1200px;

	margin: 0 auto;

}

.contPro_info .title {

	font-size: 18px;

	line-height: 30px;

	color: #000;

	position: relative;

	padding-left: 30px;

	margin: 10px 0;

}

.contPro_info .title:before {

	content: "\e616";

	font-size: 22px;

	font-family: "iconfont" !important;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: 0.2px;

	-moz-osx-font-smoothing: grayscale;

	color: #2874d4;

	margin-right: 5px;

	margin-top: -5px;

	position: absolute;

	left: 0;

	top: 10px;

	line-height: 24px;

}

.contPro_info .name {

	font-size: 16px;

	color: #000;

	margin-bottom: 10px;

	line-height: 30px;

}

.contPro_info .text {

	line-height: 1.6em;

	color: #333;

	margin: 10px 0;

}

.contPro_info .tip {

	line-height: 1.6em;

	color: #333;

	margin: 20px 0;

}

.contPro_info .tip span {

	font-weight: bold;

	margin-right: 25px;

}

.contPro_info .tip span:before {

	content: "\e618";

	font-size: 18px;

	font-family: "iconfont" !important;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: 0.2px;

	-moz-osx-font-smoothing: grayscale;

	color: #2874d4;

	font-weight: normal;

	margin-right: 5px;

}

.contPro_info .tip a {

	padding: 0 10px;

	background: #2874d4;

	color: #fff;

	margin-right: 10px;

	line-height: 24px;

	display: inline-block;

*display: inline;

*zoom:1;

	height: 24px;

}

.contPro_info .tip a:active {

	background: #0d5bbe;

}



.aboutwho {

	width: 1003px;

	margin: 0 auto;

}

.ab11 {

	height: 230px;

	padding-left: 402px;

	background: url(../images/aboutwho.jpg) 25px no-repeat;

	margin-bottom: 10px;

	margin-top: 50px;

}

.ab11 h1 {

	font-size: 30px;

	color: #0390DE;

	font-family: "΢���ź�";

	font-weight: bold;

	margin: 10px 0;

}

.ab11 p {

	font-size: 14px;

	font-family: "΢���ź�";

	color: #696969;

	line-height: 24px;

}

.ab11 p strong {

	color: #2789ab

}

.ab11 p b {

	color: #ed8742;

}