@charset "utf-8";



/*检查浏览器*/

#ie9-tips{display:none;overflow:hidden;height:43px;color:#f48c12;font-size:12px;poation:relative;width:100%;}

#ie9-tips #tipsPanel{position:absolute;top:100px;width:100%;border:1px solid #f9f2a7;border-right:0;border-left:0;background-color:#fefded;line-height:36px}

#ie9-tips #tipsPanel #tipsDesc{ float:left;margin-left:10px;font-weight:bold; text-align:center;}

#ie9-tips #tipsPanel #tipsDesc a{ color:#666;}

#ie9-tips #tipsPanel #stopSuggestA{ float:right;display:blcok;margin-right:10px;text-decoration:none}



/*为了保证您的合法权益，请不到复制盗用，谢谢*/



.icon_01 {

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

#obo_slider { position: relative; margin: 0 auto; width: 1004px; }

.oneByOne1 { margin: 0; width: 100%; height: 400px; background: #fff; position: relative; overflow: hidden; }

#obo_slider .oneByOne_item { position: absolute; width: 960px; height: 420px; overflow: hidden; }

#obo_slider .oneByOne_item span { font: 13px 'PT Sans', Arial, Tahoma, Verdana, Sans-Serif; color: #393939; }

#obo_slider .oneByOne_item a { text-decoration: none; color: #B22222; }

#obo_slider .oneByOne_item span.slide2Txt1 { position: relative; float: left; margin: 95px 0 0 479px; color: #fffefe; font: bold 48px "微软雅黑";}

#obo_slider .oneByOne_item span.slide2Txt1 em{ color:#f6f427; font-size:59px;}

#obo_slider .oneByOne_item span.slide2Txt2 { position: relative; clear: left; float: left; margin: 20px 0 0 479px; color: #ffffff; font:bold 61px "微软雅黑";width:500px;}

#obo_slider .oneByOne_item span.slide2Txt3 { position: relative; clear: left; float: left; margin: 20px 0 0 479px; color: #feffff;  font:bold 20px "微软雅黑"; width:500px;}

#obo_slider .oneByOne_item span.slide2Txt3 em{ color:#f6f427;}



#obo_slider .oneByOne_item span.slide1Txt1 { position: relative; float: left; display:block; width:100px; height:140px; margin: 58px 0 0 80px; color: #535352; font:12px "微软雅黑"; background:url(../images/icon_card.png) center 25px no-repeat;}

#obo_slider .oneByOne_item span.slide1Txt1 p{ margin-top:80px; text-align:center;}

#obo_slider .oneByOne_item span.slide1Txt1 h4{ color:#bbdbed; font-size:13px; text-align:center;}



#obo_slider .oneByOne_item span.slide1Txt2 { position: relative; float: left; display:block; width:150px; height:140px; margin: 204px 0 0 -70px; color: #535352; font:12px "微软雅黑"; background:url(../images/icon_cart.png) center 25px no-repeat;}

#obo_slider .oneByOne_item span.slide1Txt2 p{ margin-top:80px; text-align:center;}

#obo_slider .oneByOne_item span.slide1Txt2 h4{ color:#bbdbed; font-size:13px; text-align:center;}



#obo_slider .oneByOne_item span.slide1Txt3 { position: relative; float: left; display:block; width:100px; height:140px; margin:-250px 0 0 750px; color: #535352; font:12px "微软雅黑"; background:url(../images/icon_img.png) center 25px no-repeat;}

#obo_slider .oneByOne_item span.slide1Txt3 p{ margin-top:80px; text-align:center;}

#obo_slider .oneByOne_item span.slide1Txt3 h4{ color:#bbdbed; font-size:13px; text-align:center;}



#obo_slider .oneByOne_item span.slide1Txt4 { position: relative; float: left; display:block; width:150px; height:140px; margin: -100px 0 0 787px; color: #535352; font:12px "微软雅黑"; background:url(../images/icon_travel.png) center 25px no-repeat;}

#obo_slider .oneByOne_item span.slide1Txt4 p{ margin-top:80px; text-align:center;}

#obo_slider .oneByOne_item span.slide1Txt4 h4{ color:#bbdbed; font-size:13px; text-align:center;}



#obo_slider img.wp1_1 { position: absolute; top: 50px; left: 318px; }

#obo_slider img.wp1_2 { position: absolute; top: 0px; left: 90px; }

#obo_slider img.wp1_3 { position: absolute; top: 0px; left: 24px; }

#obo_slider img.wp1_left { left: 0; right: auto; }



#obo_slider .oneByOne_item span.txt1 { clear: left; position: relative; float: left; margin: 32px 0 0 482px; font-size: 32px; font-family: 'Microsoft Yahei', 'Simsun'; color:#e2e6e9; font-weight:bold; }

#obo_slider .oneByOne_item span.txt2 { clear: left; position: relative; float: left; width:370px; margin: 10px 0 0 482px; color:#e2e6e9; font:bold 32px "微软雅黑";}

#obo_slider .oneByOne_item span.txt2 em{ color:#f6f427; font-size:42px; background:#005899; padding:0 5px 3px;}

#obo_slider .oneByOne_item span.txt3 { clear: left; position: relative;width:370px;  float: left; margin: 15px 0 0 482px; color:#ffffff; font:bold 15px "微软雅黑"; }

#obo_slider .oneByOne_item span.txt3 em{ color:#f6f427; font-size:20px;}

#obo_slider .oneByOne_item span.txt4 { clear: left; position: relative; float: left; margin: 30px 0 0 592px;}



.btn_l { background: url(../images/sprite.png) no-repeat scroll 0 -123px rgba(0, 0, 0, 0); border: medium none; color: #3FA3C9; cursor: pointer; font: italic bold 16px 'Microsoft Yahei', 'Simsun'; height: 56px; padding: 0; width: 151px; }

.btn_l:hover { background-position: -157px -123px; }

#obo_slider img.wp1 { position: absolute; top: 240px; left: 380px; }

#obo_slider img.wp2 { position: absolute; top: 200px; left: 470px; }

#obo_slider img.wp3 { position: absolute; top: 100px; left: 600px; }

#obo_slider .oneByOne_item span.txt_right { padding-left: 550px; }

#obo_slider .oneByOne_item span.txt4.txt_right { padding-left: 735px; }

#obo_slider .oneByOne_item span.blue { background: #3fa3c9; color: #fff; padding: 6px 17px; margin-bottom: 5px; }

#obo_slider .oneByOne_item span.txt_right2 { margin-left: 405px; }

.homeone .oneByOne1 { background: #0099cc; }

.homeone #obo_slider .oneByOne_item span.txt1, .homeone #obo_slider .oneByOne_item span.txt2, .homeone #obo_slider .oneByOne_item span.txt3 { color: #fff; }



.homeone #obo_slider .oneByOne_item span.blue { background: #fff; color: #3fa3c9; }

.homeone #obo_slider .oneByOne_item .slide1_bot { margin-top: 25px; }

.homeone #obo_slider .oneByOne_item .slide2_bot { margin-top: 14px; }

.homeone #obo_slider .oneByOne_item .slide3_bot { margin-top: 5px; }

.homeone .arrowButton .prevArrow, .homeone .arrowButton .nextArrow { top: 180px; }

#obo_slider .oneByOne_item span.wp1 { clear: left; position: relative; float: left; margin: 120px 12px 0 60px; background: #20B2AA; padding: 8px; color: #FFFFFF; font-size: 40px; }

#obo_slider .oneByOne_item span.wp1 a { color: #FFFFFF; }

#obo_slider .oneByOne_item span.wp2 { clear: left; position: relative; float: left; margin: 12px 12px 0 60px; color: #FFFFFF; background: #5F9EA0; padding: 8px; font-size: 16px; }

#obo_slider .oneByOne_item img.bigImage { position: absolute; top: 0; left: 0; }

#obo_slider .oneByOne_item span.slide5Txt1 { position: relative; float: left; margin: 150px 12px 0 600px; color: #9ACD32; font-size: 24px; background: #FFFFFF; padding: 8px; }

#obo_slider .oneByOne_item span.slide5Txt2 { position: relative; clear: left; float: left; margin: 12px 12px 0 600px; color: #666666; font-size: 12px; background: #FFFFFF; padding: 8px; }

.buttonArea { float: left; left: 38%; position: relative; top: 285px; }

.buttonCon { float: left; position: relative; }

.buttonCon .theButton { display: none; color: #B22222; width: 10px; height: 11px; background: url(../images/circlebutton.png) -5px -3px no-repeat; text-indent: -9999px; border: 0; float: left; margin-right: 5px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; behavior: url(../other/PIE.htc); }

.buttonArea a.active { background-position: -5px -25px; background-color: #5eafcd; }

.arrowButton { cursor: pointer; }

.arrowButton .prevArrow { background: url(../images/prev.png) no-repeat; width: 60px; height: 60px; position: absolute; top: 127px; left: 50px; }

.arrowButton .nextArrow { background: url(../images/next.png) no-repeat; width: 60px; height: 60px; position: absolute; top: 127px; right: 50px; }

.arrowButton .prevArrow:hover, .arrowButton .nextArrow:hover { opacity: .9; }

.animate0 { -webkit-animation-duration: .6s; -webkit-animation-delay: 0s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: 0s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: 0s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: 0s; animation-timing-function: ease; animation-fill-mode: both; }

.animate1 { -webkit-animation-duration: .6s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; }

.animate2 { -webkit-animation-duration: .6s; -webkit-animation-delay: .4s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: .4s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: .4s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: .4s; animation-timing-function: ease; animation-fill-mode: both; }

.animate3 { -webkit-animation-duration: .6s; -webkit-animation-delay: .6s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: .6s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: .6s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: .6s; animation-timing-function: ease; animation-fill-mode: both; }

.animate4 { -webkit-animation-duration: .6s; -webkit-animation-delay: .8s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: .8s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: .8s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: .8s; animation-timing-function: ease; animation-fill-mode: both; }

.animate5 { -webkit-animation-duration: .6s; -webkit-animation-delay: 1s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: 1s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: 1s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: 1s; animation-timing-function: ease; animation-fill-mode: both; }

.animated { -webkit-animation: 1s ease; -moz-animation: 1s ease; -ms-animation: 1s ease; animation: 1s ease; }

.animated.hinge { -webkit-animation: 2s ease; -moz-animation: 2s ease; -ms-animation: 2s ease; animation: 2s ease; }

 @-webkit-keyframes flash {  0%, 50%, 100% {

opacity: 1;

}

 25%, 75% {

opacity: 0;

}

}

 @-moz-keyframes flash {  0%, 50%, 100% {

opacity: 1;

}

 25%, 75% {

opacity: 0;

}

}

 @-ms-keyframes flash {  0%, 50%, 100% {

opacity: 1;

}

 25%, 75% {

opacity: 0;

}

}

 @keyframes flash {  0%, 50%, 100% {

opacity: 1;

}

 25%, 75% {

opacity: 0;

}

}

.flash { -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; animation-name: flash; }

@-webkit-keyframes shake {  0%, 100% {

-webkit-transform: translateX(0);

}

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

-webkit-transform: translateX(-10px);

}

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

-webkit-transform: translateX(10px);

}

}

 @-moz-keyframes shake {  0%, 100% {

-moz-transform: translateX(0);

}

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

-moz-transform: translateX(-10px);

}

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

-moz-transform: translateX(10px);

}

}

 @-ms-keyframes shake {  0%, 100% {

-ms-transform: translateX(0);

}

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

-ms-transform: translateX(-10px);

}

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

-ms-transform: translateX(10px);

}

}

 @keyframes shake {  0%, 100% {

transform: translateX(0);

}

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

transform: translateX(-10px);

}

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

transform: translateX(10px);

}

}

.shake { -webkit-animation-name: shake; -moz-animation-name: shake; -ms-animation-name: shake; animation-name: shake; }

@-webkit-keyframes bounce {  0%, 20%, 50%, 80%, 100% {

-webkit-transform: translateY(0);

}

 40% {

-webkit-transform: translateY(-30px);

}

 60% {

-webkit-transform: translateY(-15px);

}

}

 @-moz-keyframes bounce {  0%, 20%, 50%, 80%, 100% {

-moz-transform: translateY(0);

}

 40% {

-moz-transform: translateY(-30px);

}

 60% {

-moz-transform: translateY(-15px);

}

}

 @-ms-keyframes bounce {  0%, 20%, 50%, 80%, 100% {

-ms-transform: translateY(0);

}

 40% {

-ms-transform: translateY(-30px);

}

 60% {

-ms-transform: translateY(-15px);

}

}

 @keyframes bounce {  0%, 20%, 50%, 80%, 100% {

transform: translateY(0);

}

 40% {

transform: translateY(-30px);

}

 60% {

transform: translateY(-15px);

}

}

.bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -ms-animation-name: bounce; animation-name: bounce; }

@-webkit-keyframes tada {  0% {

-webkit-transform: scale(1);

}

 10%, 20% {

-webkit-transform: scale(0.9) rotate(-3deg);

}

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

-webkit-transform: scale(1.1) rotate(3deg);

}

 40%, 60%, 80% {

-webkit-transform: scale(1.1) rotate(-3deg);

}

 100% {

-webkit-transform: scale(1) rotate(0);

}

}

 @-moz-keyframes tada {  0% {

-moz-transform: scale(1);

}

 10%, 20% {

-moz-transform: scale(0.9) rotate(-3deg);

}

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

-moz-transform: scale(1.1) rotate(3deg);

}

 40%, 60%, 80% {

-moz-transform: scale(1.1) rotate(-3deg);

}

 100% {

-moz-transform: scale(1) rotate(0);

}

}

 @-ms-keyframes tada {  0% {

-ms-transform: scale(1);

}

 10%, 20% {

-ms-transform: scale(0.9) rotate(-3deg);

}

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

-ms-transform: scale(1.1) rotate(3deg);

}

 40%, 60%, 80% {

-ms-transform: scale(1.1) rotate(-3deg);

}

 100% {

-ms-transform: scale(1) rotate(0);

}

}

 @keyframes tada {  0% {

transform: scale(1);

}

 10%, 20% {

transform: scale(0.9) rotate(-3deg);

}

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

transform: scale(1.1) rotate(3deg);

}

 40%, 60%, 80% {

transform: scale(1.1) rotate(-3deg);

}

 100% {

transform: scale(1) rotate(0);

}

}

.tada { -webkit-animation-name: tada; -moz-animation-name: tada; -ms-animation-name: tada; animation-name: tada; }

@-webkit-keyframes swing {  20%, 40%, 60%, 80%, 100% {

-webkit-transform-origin: top center;

}

 20% {

-webkit-transform: rotate(15deg);

}

 40% {

-webkit-transform: rotate(-10deg);

}

 60% {

-webkit-transform: rotate(5deg);

}

 80% {

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

}

 100% {

-webkit-transform: rotate(0deg);

}

}

 @-moz-keyframes swing {  20%, 40%, 60%, 80%, 100% {

-moz-transform-origin: top center;

}

 20% {

-moz-transform: rotate(15deg);

}

 40% {

-moz-transform: rotate(-10deg);

}

 60% {

-moz-transform: rotate(5deg);

}

 80% {

-moz-transform: rotate(-5deg);

}

 100% {

-moz-transform: rotate(0deg);

}

}

 @-ms-keyframes swing {  20%, 40%, 60%, 80%, 100% {

-ms-transform-origin: top center;

}

 20% {

-ms-transform: rotate(15deg);

}

 40% {

-ms-transform: rotate(-10deg);

}

 60% {

-ms-transform: rotate(5deg);

}

 80% {

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

}

 100% {

-webkit-transform: rotate(0deg);

}

}

 @keyframes swing {  20%, 40%, 60%, 80%, 100% {

transform-origin: top center;

}

 20% {

transform: rotate(15deg);

}

 40% {

transform: rotate(-10deg);

}

 60% {

transform: rotate(5deg);

}

 80% {

transform: rotate(-5deg);

}

 100% {

transform: rotate(0deg);

}

}

.swing { -webkit-animation-name: swing; -moz-animation-name: swing; -ms-animation-name: swing; animation-name: swing; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes wobble {  0% {

-webkit-transform: translateX(0%);

}

 15% {

-webkit-transform: translateX(-25%) rotate(-5deg);

}

 30% {

-webkit-transform: translateX(20%) rotate(3deg);

}

 45% {

-webkit-transform: translateX(-15%) rotate(-3deg);

}

 60% {

-webkit-transform: translateX(10%) rotate(2deg);

}

 75% {

-webkit-transform: translateX(-5%) rotate(-1deg);

}

 100% {

-webkit-transform: translateX(0%);

}

}

 @-moz-keyframes wobble {  0% {

-moz-transform: translateX(0%);

}

 15% {

-moz-transform: translateX(-25%) rotate(-5deg);

}

 30% {

-moz-transform: translateX(20%) rotate(3deg);

}

 45% {

-moz-transform: translateX(-15%) rotate(-3deg);

}

 60% {

-moz-transform: translateX(10%) rotate(2deg);

}

 75% {

-moz-transform: translateX(-5%) rotate(-1deg);

}

 100% {

-moz-transform: translateX(0%);

}

}

 @-ms-keyframes wobble {  0% {

-ms-transform: translateX(0%);

}

 15% {

-ms-transform: translateX(-25%) rotate(-5deg);

}

 30% {

-ms-transform: translateX(20%) rotate(3deg);

}

 45% {

-ms-transform: translateX(-15%) rotate(-3deg);

}

 60% {

-ms-transform: translateX(10%) rotate(2deg);

}

 75% {

-ms-transform: translateX(-5%) rotate(-1deg);

}

 100% {

-ms-transform: translateX(0%);

}

}

 @keyframes wobble {  0% {

transform: translateX(0%);

}

 15% {

transform: translateX(-25%) rotate(-5deg);

}

 30% {

transform: translateX(20%) rotate(3deg);

}

 45% {

transform: translateX(-15%) rotate(-3deg);

}

 60% {

transform: translateX(10%) rotate(2deg);

}

 75% {

transform: translateX(-5%) rotate(-1deg);

}

 100% {

transform: translateX(0%);

}

}

.wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -ms-animation-name: wobble; animation-name: wobble; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes pulse {  0% {

-webkit-transform: scale(1);

}

 50% {

-webkit-transform: scale(1.1);

}

 100% {

-webkit-transform: scale(1);

}

}

@-moz-keyframes pulse {  0% {

-moz-transform: scale(1);

}

 50% {

-moz-transform: scale(1.1);

}

 100% {

-moz-transform: scale(1);

}

}

@-ms-keyframes pulse {  0% {

-ms-transform: scale(1);

}

 50% {

-ms-transform: scale(1.1);

}

 100% {

-ms-transform: scale(1);

}

}

@keyframes pulse {  0% {

transform: scale(1);

}

 50% {

transform: scale(1.1);

}

 100% {

transform: scale(1);

}

}

.pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -ms-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes fadeIn {  0% {

opacity: 0;

}

 100% {

opacity: 1;

}

}

 @-moz-keyframes fadeIn {  0% {

opacity: 0;

}

 100% {

opacity: 1;

}

}

 @-ms-keyframes fadeIn {  0% {

opacity: 0;

}

 100% {

opacity: 1;

}

}

 @keyframes fadeIn {  0% {

opacity: 0;

}

 100% {

opacity: 1;

}

}

.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInUp {  0% {

 opacity: 0;

 -webkit-transform: translateY(20px);

}

 100% {

 opacity: 1;

 -webkit-transform: translateY(0);

}

}

 @-moz-keyframes fadeInUp {  0% {

 opacity: 0;

 -moz-transform: translateY(20px);

}

 100% {

 opacity: 1;

 -moz-transform: translateY(0);

}

}

 @-ms-keyframes fadeInUp {  0% {

 opacity: 0;

 -ms-transform: translateY(20px);

}

 100% {

 opacity: 1;

 -ms-transform: translateY(0);

}

}

 @keyframes fadeInUp {  0% {

 opacity: 0;

 transform: translateY(20px);

}

 100% {

 opacity: 1;

 transform: translateY(0);

}

}

.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {  0% {

 opacity: 0;

 -webkit-transform: translateY(-20px);

}

 100% {

 opacity: 1;

 -webkit-transform: translateY(0);

}

}

 @-moz-keyframes fadeInDown {  0% {

 opacity: 0;

 -moz-transform: translateY(-20px);

}

 100% {

 opacity: 1;

 -moz-transform: translateY(0);

}

}

 @-ms-keyframes fadeInDown {  0% {

 opacity: 0;

 -ms-transform: translateY(-20px);

}

 100% {

 opacity: 1;

 -ms-transform: translateY(0);

}

}

 @keyframes fadeInDown {  0% {

 opacity: 0;

 transform: translateY(-20px);

}

 100% {

 opacity: 1;

 transform: translateY(0);

}

}

.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -ms-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {  0% {

 opacity: 0;

 -webkit-transform: translateX(-20px);

}

 100% {

 opacity: 1;

 -webkit-transform: translateX(0);

}

}

 @-moz-keyframes fadeInLeft {  0% {

 opacity: 0;

 -moz-transform: translateX(-20px);

}

 100% {

 opacity: 1;

 -moz-transform: translateX(0);

}

}

 @-ms-keyframes fadeInLeft {  0% {

 opacity: 0;

 -ms-transform: translateX(-20px);

}

 100% {

 opacity: 1;

 -ms-transform: translateX(0);

}

}

 @keyframes fadeInLeft {  0% {

 opacity: 0;

 transform: translateX(-20px);

}

 100% {

 opacity: 1;

 transform: translateX(0);

}

}

.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {  0% {

 opacity: 0;

 -webkit-transform: translateX(20px);

}

 100% {

 opacity: 1;

 -webkit-transform: translateX(0);

}

}

 @-moz-keyframes fadeInRight {  0% {

 opacity: 0;

 -moz-transform: translateX(20px);

}

 100% {

 opacity: 1;

 -moz-transform: translateX(0);

}

}

 @-ms-keyframes fadeInRight {  0% {

 opacity: 0;

 -ms-transform: translateX(20px);

}

 100% {

 opacity: 1;

 -ms-transform: translateX(0);

}

}

 @keyframes fadeInRight {  0% {

 opacity: 0;

 transform: translateX(20px);

}

 100% {

 opacity: 1;

 transform: translateX(0);

}

}

.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInUpBig {  0% {

 opacity: 0;

 -webkit-transform: translateY(2000px);

}

 100% {

 opacity: 1;

 -webkit-transform: translateY(0);

}

}

 @-moz-keyframes fadeInUpBig {  0% {

 opacity: 0;

 -moz-transform: translateY(2000px);

}

 100% {

 opacity: 1;

 -moz-transform: translateY(0);

}

}

 @-ms-keyframes fadeInUpBig {  0% {

 opacity: 0;

 -ms-transform: translateY(2000px);

}

 100% {

 opacity: 1;

 -ms-transform: translateY(0);

}

}

 @keyframes fadeInUpBig {  0% {

 opacity: 0;

 transform: translateY(2000px);

}

 100% {

 opacity: 1;

 transform: translateY(0);

}

}

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -ms-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInDownBig {  0% {

 opacity: 0;

 -webkit-transform: translateY(-2000px);

}

 100% {

 opacity: 1;

 -webkit-transform: translateY(0);

}

}

 @-moz-keyframes fadeInDownBig {  0% {

 opacity: 0;

 -moz-transform: translateY(-2000px);

}

 100% {

 opacity: 1;

 -moz-transform: translateY(0);

}

}

 @-ms-keyframes fadeInDownBig {  0% {

 opacity: 0;

 -ms-transform: translateY(-2000px);

}

 100% {

 opacity: 1;

 -ms-transform: translateY(0);

}

}

 @keyframes fadeInDownBig {  0% {

 opacity: 0;

 transform: translateY(-2000px);

}

 100% {

 opacity: 1;

 transform: translateY(0);

}

}

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -ms-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeftBig {  0% {

 opacity: 0;

 -webkit-transform: translateX(-2000px);

}

 100% {

 opacity: 1;

 -webkit-transform: translateX(0);

}

}

@-moz-keyframes fadeInLeftBig {  0% {

 opacity: 0;

 -moz-transform: translateX(-2000px);

}

 100% {

 opacity: 1;

 -moz-transform: translateX(0);

}

}

@-ms-keyframes fadeInLeftBig {  0% {

 opacity: 0;

 -ms-transform: translateX(-2000px);

}

 100% {

 opacity: 1;

 -ms-transform: translateX(0);

}

}

@keyframes fadeInLeftBig {  0% {

 opacity: 0;

 transform: translateX(-2000px);

}

 100% {

 opacity: 1;

 transform: translateX(0);

}

}

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -ms-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRightBig {  0% {

 opacity: 0;

 -webkit-transform: translateX(2000px);

}

 100% {

 opacity: 1;

 -webkit-transform: translateX(0);

}

}

 @-moz-keyframes fadeInRightBig {  0% {

 opacity: 0;

 -moz-transform: translateX(2000px);

}

 100% {

 opacity: 1;

 -moz-transform: translateX(0);

}

}

 @-ms-keyframes fadeInRightBig {  0% {

 opacity: 0;

 -ms-transform: translateX(2000px);

}

 100% {

 opacity: 1;

 -ms-transform: translateX(0);

}

}

 @keyframes fadeInRightBig {  0% {

 opacity: 0;

 transform: translateX(2000px);

}

 100% {

 opacity: 1;

 transform: translateX(0);

}

}

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -ms-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeOut {  0% {

opacity: 1;

}

 100% {

opacity: 0;

}

}

 @-moz-keyframes fadeOut {  0% {

opacity: 1;

}

 100% {

opacity: 0;

}

}

 @-ms-keyframes fadeOut {  0% {

opacity: 1;

}

 100% {

opacity: 0;

}

}

 @keyframes fadeOut {  0% {

opacity: 1;

}

 100% {

opacity: 0;

}

}

.fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -ms-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutUp {  0% {

 opacity: 1;

 -webkit-transform: translateY(0);

}

 100% {

 opacity: 0;

 -webkit-transform: translateY(-20px);

}

}

@-moz-keyframes fadeOutUp {  0% {

 opacity: 1;

 -moz-transform: translateY(0);

}

 100% {

 opacity: 0;

 -moz-transform: translateY(-20px);

}

}

@-ms-keyframes fadeOutUp {  0% {

 opacity: 1;

 -ms-transform: translateY(0);

}

 100% {

 opacity: 0;

 -ms-transform: translateY(-20px);

}

}

@keyframes fadeOutUp {  0% {

 opacity: 1;

 transform: translateY(0);

}

 100% {

 opacity: 0;

 transform: translateY(-20px);

}

}

.fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -ms-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutDown {  0% {

 opacity: 1;

 -webkit-transform: translateY(0);

}

 100% {

 opacity: 0;

 -webkit-transform: translateY(20px);

}

}

 @-moz-keyframes fadeOutDown {  0% {

 opacity: 1;

 -moz-transform: translateY(0);

}

 100% {

 opacity: 0;

 -moz-transform: translateY(20px);

}

}

 @-ms-keyframes fadeOutDown {  0% {

 opacity: 1;

 -ms-transform: translateY(0);

}

 100% {

 opacity: 0;

 -ms-transform: translateY(20px);

}

}

 @keyframes fadeOutDown {  0% {

 opacity: 1;

 transform: translateY(0);

}

 100% {

 opacity: 0;

 transform: translateY(20px);

}

}

.fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -ms-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutLeft {  0% {

 opacity: 1;

 -webkit-transform: translateX(0);

}

 100% {

 opacity: 0;

 -webkit-transform: translateX(-20px);

}

}

 @-moz-keyframes fadeOutLeft {  0% {

 opacity: 1;

 -moz-transform: translateX(0);

}

 100% {

 opacity: 0;

 -moz-transform: translateX(-20px);

}

}

 @-ms-keyframes fadeOutLeft {  0% {

 opacity: 1;

 -ms-transform: translateX(0);

}

 100% {

 opacity: 0;

 -ms-transform: translateX(-20px);

}

}

@keyframes fadeOutLeft {  0% {

 opacity: 1;

 transform: translateX(0);

}

 100% {

 opacity: 0;

 transform: translateX(-20px);

}

}

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -ms-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutRight {  0% {

 opacity: 1;

 -webkit-transform: translateX(0);

}

 100% {

 opacity: 0;

 -webkit-transform: translateX(20px);

}

}

 @-moz-keyframes fadeOutRight {  0% {

 opacity: 1;

 -moz-transform: translateX(0);

}

 100% {

 opacity: 0;

 -moz-transform: translateX(20px);

}

}

 @-ms-keyframes fadeOutRight {  0% {

 opacity: 1;

 -ms-transform: translateX(0);

}

 100% {

 opacity: 0;

 -ms-transform: translateX(20px);

}

}

 @keyframes fadeOutRight {  0% {

 opacity: 1;

 transform: translateX(0);

}

 100% {

 opacity: 0;

 transform: translateX(20px);

}

}

.fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -ms-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutUpBig {  0% {

 opacity: 1;

 -webkit-transform: translateY(0);

}

 100% {

 opacity: 0;

 -webkit-transform: translateY(-2000px);

}

}

 @-moz-keyframes fadeOutUpBig {  0% {

 opacity: 1;

 -moz-transform: translateY(0);

}

 100% {

 opacity: 0;

 -moz-transform: translateY(-2000px);

}

}

 @-ms-keyframes fadeOutUpBig {  0% {

 opacity: 1;

 -ms-transform: translateY(0);

}

 100% {

 opacity: 0;

 -ms-transform: translateY(-2000px);

}

}

 @keyframes fadeOutUpBig {  0% {

 opacity: 1;

 transform: translateY(0);

}

 100% {

 opacity: 0;

 transform: translateY(-2000px);

}

}

.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -ms-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes fadeOutDownBig {  0% {

 opacity: 1;

 -webkit-transform: translateY(0);

}

 100% {

 opacity: 0;

 -webkit-transform: translateY(2000px);

}

}

 @-moz-keyframes fadeOutDownBig {  0% {

 opacity: 1;

 -moz-transform: translateY(0);

}

 100% {

 opacity: 0;

 -moz-transform: translateY(2000px);

}

}

 @-ms-keyframes fadeOutDownBig {  0% {

 opacity: 1;

 -ms-transform: translateY(0);

}

 100% {

 opacity: 0;

 -ms-transform: translateY(2000px);

}

}

 @keyframes fadeOutDownBig {  0% {

 opacity: 1;

 transform: translateY(0);

}

 100% {

 opacity: 0;

 transform: translateY(2000px);

}

}

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -ms-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeftBig {  0% {

 opacity: 1;

 -webkit-transform: translateX(0);

}

 100% {

 opacity: 0;

 -webkit-transform: translateX(-2000px);

}

}

 @-moz-keyframes fadeOutLeftBig {  0% {

 opacity: 1;

 -moz-transform: translateX(0);

}

 100% {

 opacity: 0;

 -moz-transform: translateX(-2000px);

}

}

 @-ms-keyframes fadeOutLeftBig {  0% {

 opacity: 1;

 -ms-transform: translateX(0);

}

 100% {

 opacity: 0;

 -ms-transform: translateX(-2000px);

}

}

 @keyframes fadeOutLeftBig {  0% {

 opacity: 1;

 transform: translateX(0);

}

 100% {

 opacity: 0;

 transform: translateX(-2000px);

}

}

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -ms-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRightBig {  0% {

 opacity: 1;

 -webkit-transform: translateX(0);

}

 100% {

 opacity: 0;

 -webkit-transform: translateX(2000px);

}

}

@-moz-keyframes fadeOutRightBig {  0% {

 opacity: 1;

 -moz-transform: translateX(0);

}

 100% {

 opacity: 0;

 -moz-transform: translateX(2000px);

}

}

@-ms-keyframes fadeOutRightBig {  0% {

 opacity: 1;

 -ms-transform: translateX(0);

}

 100% {

 opacity: 0;

 -ms-transform: translateX(2000px);

}

}

@keyframes fadeOutRightBig {  0% {

 opacity: 1;

 transform: translateX(0);

}

 100% {

 opacity: 0;

 transform: translateX(2000px);

}

}

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -ms-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes bounceIn {  0% {

 opacity: 0;

 -webkit-transform: scale(.3);

}

 50% {

 opacity: 1;

 -webkit-transform: scale(1.05);

}

 70% {

 -webkit-transform: scale(.9);

}

 100% {

 -webkit-transform: scale(1);

}

}

 @-moz-keyframes bounceIn {  0% {

 opacity: 0;

 -moz-transform: scale(.3);

}

 50% {

 opacity: 1;

 -moz-transform: scale(1.05);

}

 70% {

 -moz-transform: scale(.9);

}

 100% {

 -moz-transform: scale(1);

}

}

 @-ms-keyframes bounceIn {  0% {

 opacity: 0;

 -ms-transform: scale(.3);

}

 50% {

 opacity: 1;

 -ms-transform: scale(1.05);

}

 70% {

 -ms-transform: scale(.9);

}

 100% {

 -ms-transform: scale(1);

}

}

 @keyframes bounceIn {  0% {

 opacity: 0;

 transform: scale(.3);

}

 50% {

 opacity: 1;

 transform: scale(1.05);

}

 70% {

 transform: scale(.9);

}

 100% {

 transform: scale(1);

}

}

.bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -ms-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInUp {  0% {

 opacity: 0;

 -webkit-transform: translateY(2000px);

}

 60% {

 opacity: 1;

 -webkit-transform: translateY(-30px);

}

 80% {

 -webkit-transform: translateY(10px);

}

 100% {

 -webkit-transform: translateY(0);

}

}

@-moz-keyframes bounceInUp {  0% {

 opacity: 0;

 -moz-transform: translateY(2000px);

}

 60% {

 opacity: 1;

 -moz-transform: translateY(-30px);

}

 80% {

 -moz-transform: translateY(10px);

}

 100% {

 -moz-transform: translateY(0);

}

}

@-ms-keyframes bounceInUp {  0% {

 opacity: 0;

 -ms-transform: translateY(2000px);

}

 60% {

 opacity: 1;

 -ms-transform: translateY(-30px);

}

 80% {

 -ms-transform: translateY(10px);

}

 100% {

 -ms-transform: translateY(0);

}

}

@keyframes bounceInUp {  0% {

 opacity: 0;

 transform: translateY(2000px);

}

 60% {

 opacity: 1;

 transform: translateY(-30px);

}

 80% {

 transform: translateY(10px);

}

 100% {

 transform: translateY(0);

}

}

.bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -ms-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceInDown {  0% {

 opacity: 0;

 -webkit-transform: translateY(-2000px);

}

 60% {

 opacity: 1;

 -webkit-transform: translateY(30px);

}

 80% {

 -webkit-transform: translateY(-10px);

}

 100% {

 -webkit-transform: translateY(0);

}

}

 @-moz-keyframes bounceInDown {  0% {

 opacity: 0;

 -moz-transform: translateY(-2000px);

}

 60% {

 opacity: 1;

 -moz-transform: translateY(30px);

}

 80% {

 -moz-transform: translateY(-10px);

}

 100% {

 -moz-transform: translateY(0);

}

}

 @-ms-keyframes bounceInDown {  0% {

 opacity: 0;

 -ms-transform: translateY(-2000px);

}

 60% {

 opacity: 1;

 -ms-transform: translateY(30px);

}

 80% {

 -ms-transform: translateY(-10px);

}

 100% {

 -ms-transform: translateY(0);

}

}

 @keyframes bounceInDown {  0% {

 opacity: 0;

 transform: translateY(-2000px);

}

 60% {

 opacity: 1;

 transform: translateY(30px);

}

 80% {

 transform: translateY(-10px);

}

 100% {

 transform: translateY(0);

}

}

.bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -ms-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {  0% {

 opacity: 0;

 -webkit-transform: translateX(-2000px);

}

 60% {

 opacity: 1;

 -webkit-transform: translateX(30px);

}

 80% {

 -webkit-transform: translateX(-10px);

}

 100% {

 -webkit-transform: translateX(0);

}

}

 @-moz-keyframes bounceInLeft {  0% {

 opacity: 0;

 -moz-transform: translateX(-2000px);

}

 60% {

 opacity: 1;

 -moz-transform: translateX(30px);

}

 80% {

 -moz-transform: translateX(-10px);

}

 100% {

 -moz-transform: translateX(0);

}

}

 @-ms-keyframes bounceInLeft {  0% {

 opacity: 0;

 -ms-transform: translateX(-2000px);

}

 60% {

 opacity: 1;

 -ms-transform: translateX(30px);

}

 80% {

 -ms-transform: translateX(-10px);

}

 100% {

 -ms-transform: translateX(0);

}

}

 @keyframes bounceInLeft {  0% {

 opacity: 0;

 transform: translateX(-2000px);

}

 60% {

 opacity: 1;

 transform: translateX(30px);

}

 80% {

 transform: translateX(-10px);

}

 100% {

 transform: translateX(0);

}

}

.bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -ms-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {  0% {

 opacity: 0;

 -webkit-transform: translateX(2000px);

}

 60% {

 opacity: 1;

 -webkit-transform: translateX(-30px);

}

 80% {

 -webkit-transform: translateX(10px);

}

 100% {

 -webkit-transform: translateX(0);

}

}

 @-moz-keyframes bounceInRight {  0% {

 opacity: 0;

 -moz-transform: translateX(2000px);

}

 60% {

 opacity: 1;

 -moz-transform: translateX(-30px);

}

 80% {

 -moz-transform: translateX(10px);

}

 100% {

 -moz-transform: translateX(0);

}

}

 @-ms-keyframes bounceInRight {  0% {

 opacity: 0;

 -ms-transform: translateX(2000px);

}

 60% {

 opacity: 1;

 -ms-transform: translateX(-30px);

}

 80% {

 -ms-transform: translateX(10px);

}

 100% {

 -ms-transform: translateX(0);

}

}

 @keyframes bounceInRight {  0% {

 opacity: 0;

 transform: translateX(2000px);

}

 60% {

 opacity: 1;

 transform: translateX(-30px);

}

 80% {

 transform: translateX(10px);

}

 100% {

 transform: translateX(0);

}

}

.bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -ms-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceOut {  0% {

 -webkit-transform: scale(1);

}

 25% {

 -webkit-transform: scale(.95);

}

 50% {

 opacity: 1;

 -webkit-transform: scale(1.1);

}

 100% {

 opacity: 0;

 -webkit-transform: scale(.3);

}

}

 @-moz-keyframes bounceOut {  0% {

 -moz-transform: scale(1);

}

 25% {

 -moz-transform: scale(.95);

}

 50% {

 opacity: 1;

 -moz-transform: scale(1.1);

}

 100% {

 opacity: 0;

 -moz-transform: scale(.3);

}

}

 @-ms-keyframes bounceOut {  0% {

 -ms-transform: scale(1);

}

 25% {

 -ms-transform: scale(.95);

}

 50% {

 opacity: 1;

 -ms-transform: scale(1.1);

}

 100% {

 opacity: 0;

 -ms-transform: scale(.3);

}

}

 @keyframes bounceOut {  0% {

 transform: scale(1);

}

 25% {

 transform: scale(.95);

}

 50% {

 opacity: 1;

 transform: scale(1.1);

}

 100% {

 opacity: 0;

 transform: scale(.3);

}

}

.bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -ms-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutUp {  0% {

 -webkit-transform: translateY(0);

}

 20% {

 opacity: 1;

 -webkit-transform: translateY(20px);

}

 100% {

 opacity: 0;

 -webkit-transform: translateY(-2000px);

}

}

 @-moz-keyframes bounceOutUp {  0% {

 -moz-transform: translateY(0);

}

 20% {

 opacity: 1;

 -moz-transform: translateY(20px);

}

 100% {

 opacity: 0;

 -moz-transform: translateY(-2000px);

}

}

 @-ms-keyframes bounceOutUp {  0% {

 -ms-transform: translateY(0);

}

 20% {

 opacity: 1;

 -ms-transform: translateY(20px);

}

 100% {

 opacity: 0;

 -ms-transform: translateY(-2000px);

}

}

 @keyframes bounceOutUp {  0% {

 transform: translateY(0);

}

 20% {

 opacity: 1;

 transform: translateY(20px);

}

 100% {

 opacity: 0;

 transform: translateY(-2000px);

}

}

.bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -ms-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes bounceOutDown {  0% {

 -webkit-transform: translateY(0);

}

 20% {

 opacity: 1;

 -webkit-transform: translateY(-20px);

}

 100% {

 opacity: 0;

 -webkit-transform: translateY(2000px);

}

}

 @-moz-keyframes bounceOutDown {  0% {

 -moz-transform: translateY(0);

}

 20% {

 opacity: 1;

 -moz-transform: translateY(-20px);

}

 100% {

 opacity: 0;

 -moz-transform: translateY(2000px);

}

}

 @-ms-keyframes bounceOutDown {  0% {

 -ms-transform: translateY(0);

}

 20% {

 opacity: 1;

 -ms-transform: translateY(-20px);

}

 100% {

 opacity: 0;

 -ms-transform: translateY(2000px);

}

}

 @keyframes bounceOutDown {  0% {

 transform: translateY(0);

}

 20% {

 opacity: 1;

 transform: translateY(-20px);

}

 100% {

 opacity: 0;

 transform: translateY(2000px);

}

}

.bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -ms-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {  0% {

 -webkit-transform: translateX(0);

}

 20% {

 opacity: 1;

 -webkit-transform: translateX(20px);

}

 100% {

 opacity: 0;

 -webkit-transform: translateX(-2000px);

}

}

 @-moz-keyframes bounceOutLeft {  0% {

 -moz-transform: translateX(0);

}

 20% {

 opacity: 1;

 -moz-transform: translateX(20px);

}

 100% {

 opacity: 0;

 -moz-transform: translateX(-2000px);

}

}

 @-ms-keyframes bounceOutLeft {  0% {

 -ms-transform: translateX(0);

}

 20% {

 opacity: 1;

 -ms-transform: translateX(20px);

}

 100% {

 opacity: 0;

 -ms-transform: translateX(-2000px);

}

}

 @keyframes bounceOutLeft {  0% {

 transform: translateX(0);

}

 20% {

 opacity: 1;

 transform: translateX(20px);

}

 100% {

 opacity: 0;

 transform: translateX(-2000px);

}

}

.bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -ms-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {  0% {

 -webkit-transform: translateX(0);

}

 20% {

 opacity: 1;

 -webkit-transform: translateX(-20px);

}

 100% {

 opacity: 0;

 -webkit-transform: translateX(2000px);

}

}

 @-moz-keyframes bounceOutRight {  0% {

 -moz-transform: translateX(0);

}

 20% {

 opacity: 1;

 -moz-transform: translateX(-20px);

}

 100% {

 opacity: 0;

 -moz-transform: translateX(2000px);

}

}

 @-ms-keyframes bounceOutRight {  0% {

 -ms-transform: translateX(0);

}

 20% {

 opacity: 1;

 -ms-transform: translateX(-20px);

}

 100% {

 opacity: 0;

 -ms-transform: translateX(2000px);

}

}

 @keyframes bounceOutRight {  0% {

 transform: translateX(0);

}

 20% {

 opacity: 1;

 transform: translateX(-20px);

}

 100% {

 opacity: 0;

 transform: translateX(2000px);

}

}

.bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -ms-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes rotateIn {  0% {

 -webkit-transform-origin: center center;

 -webkit-transform: rotate(-200deg);

 opacity: 0;

}

 100% {

 -webkit-transform-origin: center center;

 -webkit-transform: rotate(0);

 opacity: 1;

}

}

@-moz-keyframes rotateIn {  0% {

 -moz-transform-origin: center center;

 -moz-transform: rotate(-200deg);

 opacity: 0;

}

 100% {

 -moz-transform-origin: center center;

 -moz-transform: rotate(0);

 opacity: 1;

}

}

@-ms-keyframes rotateIn {  0% {

 -ms-transform-origin: center center;

 -ms-transform: rotate(-200deg);

 opacity: 0;

}

 100% {

 -ms-transform-origin: center center;

 -ms-transform: rotate(0);

 opacity: 1;

}

}

@keyframes rotateIn {  0% {

 transform-origin: center center;

 transform: rotate(-200deg);

 opacity: 0;

}

 100% {

 transform-origin: center center;

 transform: rotate(0);

 opacity: 1;

}

}

.rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -ms-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInUpLeft {  0% {

 -webkit-transform-origin: left bottom;

 -webkit-transform: rotate(90deg);

 opacity: 0;

}

 100% {

 -webkit-transform-origin: left bottom;

 -webkit-transform: rotate(0);

 opacity: 1;

}

}

 @-moz-keyframes rotateInUpLeft {  0% {

 -moz-transform-origin: left bottom;

 -moz-transform: rotate(90deg);

 opacity: 0;

}

 100% {

 -moz-transform-origin: left bottom;

 -moz-transform: rotate(0);

 opacity: 1;

}

}

 @-ms-keyframes rotateInUpLeft {  0% {

 -ms-transform-origin: left bottom;

 -ms-transform: rotate(90deg);

 opacity: 0;

}

 100% {

 -ms-transform-origin: left bottom;

 -ms-transform: rotate(0);

 opacity: 1;

}

}

 @keyframes rotateInUpLeft {  0% {

 transform-origin: left bottom;

 transform: rotate(90deg);

 opacity: 0;

}

 100% {

 transform-origin: left bottom;

 transform: rotate(0);

 opacity: 1;

}

}

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -ms-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInDownLeft {  0% {

 -webkit-transform-origin: left bottom;

 -webkit-transform: rotate(-90deg);

 opacity: 0;

}

 100% {

 -webkit-transform-origin: left bottom;

 -webkit-transform: rotate(0);

 opacity: 1;

}

}

 @-moz-keyframes rotateInDownLeft {  0% {

 -moz-transform-origin: left bottom;

 -moz-transform: rotate(-90deg);

 opacity: 0;

}

 100% {

 -moz-transform-origin: left bottom;

 -moz-transform: rotate(0);

 opacity: 1;

}

}

 @-ms-keyframes rotateInDownLeft {  0% {

 -ms-transform-origin: left bottom;

 -ms-transform: rotate(-90deg);

 opacity: 0;

}

 100% {

 -ms-transform-origin: left bottom;

 -ms-transform: rotate(0);

 opacity: 1;

}

}

 @keyframes rotateInDownLeft {  0% {

 transform-origin: left bottom;

 transform: rotate(-90deg);

 opacity: 0;

}

 100% {

 transform-origin: left bottom;

 transform: rotate(0);

 opacity: 1;

}

}

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -ms-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInUpRight {  0% {

 -webkit-transform-origin: right bottom;

 -webkit-transform: rotate(-90deg);

 opacity: 0;

}

 100% {

 -webkit-transform-origin: right bottom;

 -webkit-transform: rotate(0);

 opacity: 1;

}

}

 @-moz-keyframes rotateInUpRight {  0% {

 -moz-transform-origin: right bottom;

 -moz-transform: rotate(-90deg);

 opacity: 0;

}

 100% {

 -moz-transform-origin: right bottom;

 -moz-transform: rotate(0);

 opacity: 1;

}

}

 @-ms-keyframes rotateInUpRight {  0% {

 -ms-transform-origin: right bottom;

 -ms-transform: rotate(-90deg);

 opacity: 0;

}

 100% {

 -ms-transform-origin: right bottom;

 -ms-transform: rotate(0);

 opacity: 1;

}

}

 @keyframes rotateInUpRight {  0% {

 transform-origin: right bottom;

 transform: rotate(-90deg);

 opacity: 0;

}

 100% {

 transform-origin: right bottom;

 transform: rotate(0);

 opacity: 1;

}

}

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -ms-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateInDownRight {  0% {

 -webkit-transform-origin: right bottom;

 -webkit-transform: rotate(90deg);

 opacity: 0;

}

 100% {

 -webkit-transform-origin: right bottom;

 -webkit-transform: rotate(0);

 opacity: 1;

}

}

 @-moz-keyframes rotateInDownRight {  0% {

 -moz-transform-origin: right bottom;

 -moz-transform: rotate(90deg);

 opacity: 0;

}

 100% {

 -moz-transform-origin: right bottom;

 -moz-transform: rotate(0);

 opacity: 1;

}

}

 @-ms-keyframes rotateInDownRight {  0% {

 -ms-transform-origin: right bottom;

 -ms-transform: rotate(90deg);

 opacity: 0;

}

 100% {

 -ms-transform-origin: right bottom;

 -ms-transform: rotate(0);

 opacity: 1;

}

}

 @keyframes rotateInDownRight {  0% {

 transform-origin: right bottom;

 transform: rotate(90deg);

 opacity: 0;

}

 100% {

 transform-origin: right bottom;

 transform: rotate(0);

 opacity: 1;

}

}

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -ms-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateOut {  0% {

 -webkit-transform-origin: center center;

 -webkit-transform: rotate(0);

 opacity: 1;

}

 100% {

 -webkit-transform-origin: center center;

 -webkit-transform: rotate(200deg);

 opacity: 0;

}

}

 @-moz-keyframes rotateOut {  0% {

 -moz-transform-origin: center center;

 -moz-transform: rotate(0);

 opacity: 1;

}

 100% {

 -moz-transform-origin: center center;

 -moz-transform: rotate(200deg);

 opacity: 0;

}

}

 @-ms-keyframes rotateOut {  0% {

 -ms-transform-origin: center center;

 -ms-transform: rotate(0);

 opacity: 1;

}

 100% {

 -ms-transform-origin: center center;

 -ms-transform: rotate(200deg);

 opacity: 0;

}

}

 @keyframes rotateOut {  0% {

 transform-origin: center center;

 transform: rotate(0);

 opacity: 1;

}

 100% {

 transform-origin: center center;

 transform: rotate(200deg);

 opacity: 0;

}

}

.rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -ms-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutUpLeft {  0% {

 -webkit-transform-origin: left bottom;

 -webkit-transform: rotate(0);

 opacity: 1;

}

 100% {

 -webkit-transform-origin: left bottom;

 -webkit-transform: rotate(-90deg);

 opacity: 0;

}

}

 @-moz-keyframes rotateOutUpLeft {  0% {

 -moz-transform-origin: left bottom;

 -moz-transform: rotate(0);

 opacity: 1;

}

 100% {

 -moz-transform-origin: left bottom;

 -moz-transform: rotate(-90deg);

 opacity: 0;

}

}

 @-ms-keyframes rotateOutUpLeft {  0% {

 -ms-transform-origin: left bottom;

 -ms-transform: rotate(0);

 opacity: 1;

}

 100% {

 -ms-transform-origin: left bottom;

 -ms-transform: rotate(-90deg);

 opacity: 0;

}

}

 @keyframes rotateOutUpLeft {  0% {

 transform-origin: left bottom;

 transform: rotate(0);

 opacity: 1;

}

 100% {

 -transform-origin: left bottom;

 -transform: rotate(-90deg);

 opacity: 0;

}

}

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -ms-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutDownLeft {  0% {

 -webkit-transform-origin: left bottom;

 -webkit-transform: rotate(0);

 opacity: 1;

}

 100% {

 -webkit-transform-origin: left bottom;

 -webkit-transform: rotate(90deg);

 opacity: 0;

}

}

 @-moz-keyframes rotateOutDownLeft {  0% {

 -moz-transform-origin: left bottom;

 -moz-transform: rotate(0);

 opacity: 1;

}

 100% {

 -moz-transform-origin: left bottom;

 -moz-transform: rotate(90deg);

 opacity: 0;

}

}

 @-ms-keyframes rotateOutDownLeft {  0% {

 -ms-transform-origin: left bottom;

 -ms-transform: rotate(0);

 opacity: 1;

}

 100% {

 -ms-transform-origin: left bottom;

 -ms-transform: rotate(90deg);

 opacity: 0;

}

}

 @keyframes rotateOutDownLeft {  0% {

 transform-origin: left bottom;

 transform: rotate(0);

 opacity: 1;

}

 100% {

 transform-origin: left bottom;

 transform: rotate(90deg);

 opacity: 0;

}

}

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -ms-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutUpRight {  0% {

 -webkit-transform-origin: right bottom;

 -webkit-transform: rotate(0);

 opacity: 1;

}

 100% {

 -webkit-transform-origin: right bottom;

 -webkit-transform: rotate(90deg);

 opacity: 0;

}

}

 @-moz-keyframes rotateOutUpRight {  0% {

 -moz-transform-origin: right bottom;

 -moz-transform: rotate(0);

 opacity: 1;

}

 100% {

 -moz-transform-origin: right bottom;

 -moz-transform: rotate(90deg);

 opacity: 0;

}

}

 @-ms-keyframes rotateOutUpRight {  0% {

 -ms-transform-origin: right bottom;

 -ms-transform: rotate(0);

 opacity: 1;

}

 100% {

 -ms-transform-origin: right bottom;

 -ms-transform: rotate(90deg);

 opacity: 0;

}

}

 @keyframes rotateOutUpRight {  0% {

 transform-origin: right bottom;

 transform: rotate(0);

 opacity: 1;

}

 100% {

 transform-origin: right bottom;

 transform: rotate(90deg);

 opacity: 0;

}

}

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -ms-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes rotateOutDownRight {  0% {

 -webkit-transform-origin: right bottom;

 -webkit-transform: rotate(0);

 opacity: 1;

}

 100% {

 -webkit-transform-origin: right bottom;

 -webkit-transform: rotate(-90deg);

 opacity: 0;

}

}

 @-moz-keyframes rotateOutDownRight {  0% {

 -moz-transform-origin: right bottom;

 -moz-transform: rotate(0);

 opacity: 1;

}

 100% {

 -moz-transform-origin: right bottom;

 -moz-transform: rotate(-90deg);

 opacity: 0;

}

}

 @-ms-keyframes rotateOutDownRight {  0% {

 -ms-transform-origin: right bottom;

 -ms-transform: rotate(0);

 opacity: 1;

}

 100% {

 -ms-transform-origin: right bottom;

 -ms-transform: rotate(-90deg);

 opacity: 0;

}

}

 @keyframes rotateOutDownRight {  0% {

 transform-origin: right bottom;

 transform: rotate(0);

 opacity: 1;

}

 100% {

 transform-origin: right bottom;

 transform: rotate(-90deg);

 opacity: 0;

}

}

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -ms-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes hinge {  0% {

-webkit-transform: rotate(0);

-webkit-transform-origin: top left;

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

}

 20%, 60% {

-webkit-transform: rotate(80deg);

-webkit-transform-origin: top left;

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

}

 40% {

-webkit-transform: rotate(60deg);

-webkit-transform-origin: top left;

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

}

 80% {

-webkit-transform: rotate(60deg) translateY(0);

opacity: 1;

-webkit-transform-origin: top left;

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

}

 100% {

-webkit-transform: translateY(700px);

opacity: 0;

}

}

 @-moz-keyframes hinge {  0% {

-moz-transform: rotate(0);

-moz-transform-origin: top left;

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

}

 20%, 60% {

-moz-transform: rotate(80deg);

-moz-transform-origin: top left;

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

}

 40% {

-moz-transform: rotate(60deg);

-moz-transform-origin: top left;

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

}

 80% {

-moz-transform: rotate(60deg) translateY(0);

opacity: 1;

-moz-transform-origin: top left;

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

}

 100% {

-moz-transform: translateY(700px);

opacity: 0;

}

}

 @-ms-keyframes hinge {  0% {

-ms-transform: rotate(0);

-ms-transform-origin: top left;

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

}

 20%, 60% {

-ms-transform: rotate(80deg);

-ms-transform-origin: top left;

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

}

 40% {

-ms-transform: rotate(60deg);

-ms-transform-origin: top left;

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

}

 80% {

-ms-transform: rotate(60deg) translateY(0);

opacity: 1;

-ms-transform-origin: top left;

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

}

 100% {

-ms-transform: translateY(700px);

opacity: 0;

}

}

 @keyframes hinge {  0% {

transform: rotate(0);

transform-origin: top left;

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

}

 20%, 60% {

transform: rotate(80deg);

transform-origin: top left;

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

}

 40% {

transform: rotate(60deg);

transform-origin: top left;

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

}

 80% {

transform: rotate(60deg) translateY(0);

opacity: 1;

transform-origin: top left;

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

}

 100% {

transform: translateY(700px);

opacity: 0;

}

}

.hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -ms-animation-name: hinge; animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes rollIn {  0% {

opacity: 0;

-webkit-transform: translateX(-100%) rotate(-120deg);

}

 100% {

opacity: 1;

-webkit-transform: translateX(0px) rotate(0deg);

}

}

 @-moz-keyframes rollIn {  0% {

opacity: 0;

-moz-transform: translateX(-100%) rotate(-120deg);

}

 100% {

opacity: 1;

-moz-transform: translateX(0px) rotate(0deg);

}

}

 @-ms-keyframes rollIn {  0% {

opacity: 0;

-ms-transform: translateX(-100%) rotate(-120deg);

}

 100% {

opacity: 1;

-ms-transform: translateX(0px) rotate(0deg);

}

}

 @keyframes rollIn {  0% {

opacity: 0;

transform: translateX(-100%) rotate(-120deg);

}

 100% {



opacity: 1;

transform: translateX(0px) rotate(0deg);

}

}

.rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -ms-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes rollOut {  0% {

 opacity: 1;

 -webkit-transform: translateX(0px) rotate(0deg);

}

 100% {

 opacity: 0;

 -webkit-transform: translateX(100%) rotate(120deg);

}

}

 @-moz-keyframes rollOut {  0% {

 opacity: 1;

 -moz-transform: translateX(0px) rotate(0deg);

}

 100% {

 opacity: 0;

 -moz-transform: translateX(100%) rotate(120deg);

}

}

 @-ms-keyframes rollOut {  0% {

 opacity: 1;

 -ms-transform: translateX(0px) rotate(0deg);

}

 100% {

 opacity: 0;

 -ms-transform: translateX(100%) rotate(120deg);

}

}

 @keyframes rollOut {  0% {

 opacity: 1;

 transform: translateX(0px) rotate(0deg);

}

 100% {

 opacity: 0;

 transform: translateX(100%) rotate(120deg);

}

}

.rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -ms-animation-name: rollOut; animation-name: rollOut; }



/*消息模块*/

.message{ width:870px; height:22px; overflow:hidden; margin:22px auto 33px;line-height:22px;}

.message .wrap_msg{width:708px; height:22px; overflow:hidden; float:left; margin-left:35px;background:url(../images/icon_msg.jpg) left center no-repeat; padding-left:32px;}

.message .msgList{ position:relative;width:708px;height:22px; overflow:hidden; z-index:10;}

.message ul{ position:relative; height:22px;}

.message li{ float:left; display:inline; width:708px; height:22px; }

.message li a{ color:#646463; font-size:16px; font-family:"微软雅黑";}

.message li i{ color:#646463; font:14px Arial, Helvetica, sans-serif; margin-left:10px;}

.message .op{ float:right;}

.message .op a{ color:#c8c8c6; font-size:18px; margin:0 0 0 30px;_margin:0 0 0 15px;}

.message .op a:hover{ text-decoration:none;}

/*功能模块*/
.funcList1{ position:relative;  width:980px;  margin:0 auto;}

.funcList1 ul.list{ overflow:hidden;margin-top: 15px;

margin-bottom: 15px;}
.funcList1{ position:relative;  width:980px;  margin:0 auto;}

.funcList1 ul.list{ overflow:hidden;margin-top: 15px;

margin-bottom: 15px;}

.funcList1 .list li{ float:left; display:inline; width:198px; height:100px; text-align:center;  margin:20px; overflow:hidden;line-height:80px;height:80px;text-align:center;border:1px solid #ebebeb; border-bottom:1px solid #ebebeb;border-right:1px solid #ebebeb; border-radius:5px;  }

.funcList1 .list li h2{ background:#545555;color:#ffffff; font: "微软雅黑";cursor:pointer;}

.funcList1 .list li:hover{border-right:3px solid #ebebeb; border-radius:5px; }



.funcList{ position:relative;  width:980px;  margin:0 auto;}

.funcList ul.list{ overflow:hidden;margin-top: 15px;

margin-bottom: 15px;}

.funcList .list li{ float:left; display:inline; width:158px; height:150px; text-align:center; padding:12px 0 0; margin:0 18px; overflow:hidden;}

.funcList .list li h3{ color:#000000; font:16px/20px "微软雅黑";margin:10px 0 0;}

.funcList .list li p{ color:#535352;font:14px/20px "微软雅黑"; margin:10px 0 0;}

.funcList .list li:hover{width:154px; height:147px; border:1px solid #ebebeb; border-bottom:3px solid #ebebeb;border-right:3px solid #ebebeb; border-radius:5px; padding-top:11px; cursor:pointer;}

.btn_more{ clear:both; width:247px; height:44px; margin:30px auto;}

.btn_more a{ display:block; width:172px; height:44px; padding:0 0 0 75px; background:url(../images/btn_more.jpg) no-repeat; color:#ffffff; font:17px/44px "微软雅黑"; }

.btn_more a:hover{ text-decoration:none;}



.tc_detail{ position:absolute; top:0; left:-110px; width:1200px; height:652px; background:url(../images/bg_tc_detail.jpg) no-repeat; display:none; }

.tc_detail .op{ position:absolute; width:322px; top:0; left:0; z-index:30;}

.tc_detail .op .fl{ float:left; width:79px; height:44px; background:#633c23; padding:0 14px;}

.tc_detail .op .fl a{ color:#fff; line-height:44px; font-size:18px;}

.tc_detail .op .fl a.slider_prev{ margin-right:50px;}

.tc_detail .op a.close{ float:right; display:block; width:18px; height:18px; background-position: -27px -670px; margin:12px 12px 0 0;}

.tc_detail .cover{ position:absolute; top:35px; left:327px;  width:457px; height:473px;background:url(../images/bg_cover.png) no-repeat; z-index:20;}

.tc_detail .wrap_slider{ width:1200px; height:652px; overflow:hidden;}

.tc_detail .detailList { position:relative; height:652px; }

#magazine{width:1200px; height:652px;}

#magazine .turn-page{

 	background:url(../images/bg_tc_detail.jpg) no-repeat;

	background-size:100% 100%;

}

/*.tc_detail .detailList li{ position:absolute; width:1440px; height:652px; z-index:1;}*/

.tc_detail .detailList .page{ width:1200px; height:652px;}

.tc_detail .detailList .fl{ float:left; width:322px; height:560px; padding:92px 0 0 0;}

.tc_detail .detailList .title{ text-align:center; color:#ffffff; font-size:30px; line-height:82px;}

.tc_detail .detailList .title img{ margin-right:20px;}

.tc_detail .detailList .title span{ background:url(../images/round.png) left center no-repeat; padding-left:22px;}

.tc_detail .detailList h3{ width:270px; color:#ffffff; font:18px "微软雅黑";  margin:40px auto 30px;}

.tc_detail .detailList p{ width:300px; margin:0 auto; color:#ffffff; font:14px/24px "微软雅黑"; margin-bottom:30px;}

.tc_detail .detailList .fr{ float:left; width:813px; height:622px; padding:30px 0 0 65px;}

.clearfix8{ width:960px; margin:auto; margin-top:15px;}

.clearfix8 b a{ color:#fff; margin-right:22px;}