@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;max-width:800px;margin:0 auto;list-style:none;text-decoration:none;font-family:Microsoft YaHei,SimSun,宋体;color:#000;font-size:10px;}
body{margin:0 auto;}
i,em{font-style:normal;}
input,button,select{border:none;outline:none;}
img,button{border:0;}
.bslm::-webkit-input-placeholder{color:#fff;} 
.bslm:-moz-placeholder{color:#fff;}
.bslm::-moz-placeholder{color:#fff;} 
.bslm:-ms-input-placeholder{color:#fff;}
.nav p:after,.nav .all:after,.all_nav:after,.list:after,.db:after,.tab:after,.bj_box p:after,.s_tit:after,.judge p:after,.top p:after{clear:both;content:'';display:block;}
.nav,.list,.gr,.bj_con{margin:0 auto;}
/*top/nav*/
.top{position:relative;z-index:1;}
.top p{text-align:center;background:#1a62a2;height:50px;line-height:50px;font-size:1.4rem;color:#fff;}
/* .top a{position:absolute;right:15px;top:13px;} */
.top a{display:inline-block;float:left;height:50px;}
.top a.na{width:70%;color:#fff;font-size:1.4rem;overflow:hidden;}
.top a img{width:20px;height:24px;}
.houjia.top .syy{color:#fff;font-size:13px;min-width:40px;}
.top a.tc{color:#fff;font-size:13px;}
.top a.hdl{position:relative;}
.top a.hdl img{position:absolute;top:12px;}
.nav .al,.nav .all_con{box-shadow:1px 1px 5px 5px #e8e8e8;background:#fafafa;}
.nav .al a{display:block;width:29%;text-align:center;float:left;font-size:1.8rem;color:#666;height:50px;line-height:50px;}
.nav .al .xz{color:#1a62a2;border-bottom:2px solid #1a62a2;}
.nav .al .xx{width:13%;position:relative;}
.nav .al .xx em{width:10px;height:10px;border-right:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;transform:rotate(45deg);position:absolute;right:15px;top:18px;}
.nav .al .xx img,.nav .all_con .xs img{height:100%;position:absolute;left:0;}
.nav .all_con_con{box-shadow:1px 1px 5px 5px #e8e8e8;background:#fafafa;}
.nav .all_con a{display:block;float:left;font-size:1.8rem;color:#666;height:50px;line-height:50px;border-bottom:2px solid #1a62a2;}
.nav .all_con .qbfl{width:87%;}
.nav .all_con .qbfl img{vertical-align:sub;width:20px;height:20px;margin:0 10px 0 15px;}
.nav .all{display:none;}
.nav .all_con .xs{width:13%;position:relative;}
.nav .all_con .xs em{width:10px;height:10px;border-left:1px solid #c5c5c5;border-top:1px solid #c5c5c5;transform:rotate(45deg);position:absolute;right:15px;top:25px;}
.nav .all_nav{margin-top:5px;border-bottom:1px solid #dadada;background:#fafafa;}
.nav .all_nav a{position:relative;display:block;float:left;width:33.3333%;background:#fafafa;height:50px;line-height:50px;font-size:1.7rem;color:#666;}
.nav .all_nav a span{display:inline-block;position:absolute;left:38px;height:50px;line-height:50px;font-size:1.6rem;color:#666;}
.nav .all_nav a img{display:inline-block;position:absolute;left:10px;top:15px;width:20px;height:20px;}
.nav .all_nav a span.hqb{font-size:1.7rem;color:#666;width:100%;}
/*tqjudge*/
.tbox{background:rgba(0,0,0,.3);position:absolute;z-index:2;top:0;}
.judge{width:90%;position:absolute;left:5%;background:#fff;border-radius:5px;height:245px;}
.judge p{color:#fe5c06;text-align:center;font-size:1.7rem;line-height:80px;border-bottom:2px solid #eee;}
.judge .tit{color:#333;}
.judge p:last-child{border-bottom:none;}
.judge p a{display:inline-block;float:left;width:50%;font-size:1.7rem;color:#fe5c06;}
.judge p a.tq{color:#909090;border-left:2px solid #eee;}
/*list*/
.list{margin-bottom:80px;}
.list a{display:block;float:left;width:25%;text-align:center;margin-bottom:5px;}
.list a span{font-size:1.2rem;display:block;color:#999;}
.list a img{width:50px;height:50px;margin:20px 0 5px;}
/*geren*/
.gr_top{background:url(../img/bj2.png)no-repeat center;background-size:100% 100%;text-align:center;font-size:3rem;color:#fff;padding:40px 0 130px;height:50px;}
.gr_top2{position:absolute;top:85px;text-align:center;color:#fff;font-size:1.8rem;width:100%;}
.tab{margin-top:-33px;}
.tab2{margin-top:-30px;}
.tab a:first-child{text-align:right;}
.tab a:first-child span{margin-right:15px;}
.tab a{display:inline-block;width:50%;}
.tab a span{position:relative;display:inline-block;color:#fff;margin-left:15px;font-size:1.8rem;}
.tab a span.xz:after{content:'';display:block;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;position:absolute;left:50%;transform:translate(-50%);bottom:-9px;}
.gr_con{background:#fff;margin-top:13px;}
.gr_con p{width:80%;margin:0 10%;position:relative;height:50px;line-height:50px;}
.gr_con p input,.sj_xz select{border:1px solid #a6a6a6;border-radius:5px;font-size:1.3rem;height:44px;line-height:44px;text-indent:3%;width:100%;}
.sj_xz select{background:#fff;color:#B1A9A9;-webkit-appearance:none;-moz-appearance:none;position:relative;}
.sj_xz select:after{content:'';display:block;width:5px;height:5px;border-bottom:1px solid #B1a9a9;border-right:1px solid #B1a9a9;transform:rotate(45deg);position:absolute;right:5px;}
.gr_con p .yz{width:50%;position:absolute;}
.gr_con p .fs{width:43%;display:inline-block;line-height:44px;line-height:44px;margin:0;color:#007bd9;font-size:1.3rem;background:#e9e9e9;text-align:center;position:absolute;right:0;border-radius:5px;}
.g.g2 p.g2yz,.g.g1 p:nth-child(2){margin-top:4px;margin-bottom:-4px;}
.gr_con p em{color:#0087d9;}
.gr_con .ag{height:18px;line-height:18px;}
.gr_con .reg{background:#0087d9;text-align:center;border-radius:5px;}
.gr_con .reg .ljzc{border-radius:5px;background:#0087d9;color:#fff;font-size:1.8rem;width:100%;height:100%;display:block;}
.gr_con .ljdl{text-align:right;height:30px;line-height:30px;}
.gr_con .ljdl a{color:#666;font-size:1.2rem;}
.g{display:none;}
.g1{display:block;}
.g1 .ag input.ty{width:10px;height:10px;vertical-align:sub;margin-right:3px;}
/*shangjia*/
.g3{display:none;margin-bottom:50px;}
.g3 p{margin-bottom:0;width:94%;margin:0 3%;word-wrap:break-word;}
.g3 .tit{font-size:1.6rem;color:#333;}
.g3 .con{margin-bottom:10px;}
.g3 .con label{width:94%;margin:0 3%;display:block;font-size:1.6rem;color:#666;line-height:35px;}
.g3 .con label input{opacity:0;}
.g3 .con label img{width:21px;height:21px;vertical-align:sub;margin-right:-5px;}
.g3 .con p{height:auto;line-height:33px;}
.g3 .con p span{color:#666;border:1px solid #eee;font-size:1.2rem;padding:0 10px;border-radius:15px;display:inline-block;margin:5px 5px 5px 0;line-height:20px;}
.g3 .con p span.xz{color:#008cdc;border:1px solid #008cdc;}
.gr_con p.sha{margin-top:15px;}
.g3 p.reg{position:fixed;bottom:5px;}
/*dl*/
.dl{background:url(../img/dlbj.png)no-repeat;background-size:100% 100%;max-height:1280px;margin:auto;}
.dl_top{-webkit-height:50px;height:50px;padding:35px 0 100px;-webkit-font-size:3rem;font-size:3rem;color:#fff;text-align:center;}
.dl p{width:84%;margin:0 8%;background:rgba(255,255,255,.3);-webkit-height:50px;height:50px;-webkit-line-height:50px;line-height:50px;border-radius:5px;margin-bottom:15px;}
.dl p span{width:17%;display:inline-block;font-size:1.5rem;color:#fff;margin-left:3%;}
.dl p input{text-indent:8px;width:78%;color:#fff;background:none;-webkit-font-size:1.5rem;font-size:1.5rem;margin-left:2%;}
.dl .dl_tj{background:rgba(255,255,255,.8);}
.dl .dl_tj button{-webkit-height:100%;-webkit-font-size:2rem;background:none;color:#0179d9;font-size:2rem;width:100%;height:100%;}
.dl .wj{background:none;height:30px;line-height:30px;}
.dl .wj a{color:#fff;font-size:1.5rem;padding-left:5px;-webkit-font-size:1.5rem;-webkit-padding-left:5px;}
.dl .wj a:last-child{float:right;padding-right:5px;}
/*baojia*/
.bj_con{margin-bottom:62px;}
.bj_con .bj_tit{font-size:1.5rem;color:#1a62a2;text-align:center;box-shadow:0 0 5px 5px #e8e8e8;height:50px;line-height:50px;margin-bottom:10px;}
.bj_con .bj_box{padding:0 5px;}
.bj_con .bj_box .box_tit,.box_xx{line-height:30px;background:#2393df;color:#fff;text-align:center;font-size:1.4rem;}
.bj_con .bj_box .box_xx span,.bj_con .bj_box .box_con span{color:#fff;font-size:1.4rem;border-top:1px solid #fff;border-right:1px solid #fff;display:inline-block;width:33.3%;float:left;box-sizing:border-box;}
.bj_con .bj_box .box_xx span:nth-child(3n),.bj_con .bj_box .box_con span:nth-child(3n){border-right:none;}
.bj_con .bj_box .box_con{background:#daedfc;}
.bj_con .bj_box .box_con span{color:#333;text-align:center;height:35px;line-height:35px;font-size:1.2rem;}
.bj_con .bj_box .zs{height:30px;line-height:30px;background:#ffc97c;padding-left:15px;border-top:1px solid #fff;border-bottom:5px solid #e6e6e6;}
.bj_con .bj_box .zs,.bj_con .bj_box .zs em{color:#870000;}
/*db*/
.db{background:#f7f7fa;position:fixed;bottom:0;width:100%;border-top:1px solid #e1e1e3;}
.db a{display:block;float:left;width:25%;text-align:center;}
.db a img{width:25px;height:25px;margin:5px 0 0;}
.db a span{display:block;margin-bottom:5px;color:#7f8389;font-size:1.2rem;}
.db a .xz{color:#1a62a2;}
/*gr_con*/
.gr_con .sj_xz{width:80%;margin:0 10%;}
.gr_con .sj_xz label{display:inline-block;position:relative;height:50px;width:90px;}
.gr_con .sj_xz input{font-size:1.3rem;position:absolute;left:0;width:15px;height:20px;top:16px;}
.gr_con .sj_xz label span{font-size:1.3rem;color:#333;position:absolute;left:21px;}
/*resetpwd*/
header.bar2{background:none;}
header.bar2 a{color:#fff;}
header.bar2 a span{margin-left:7px;color:#fff;font-size:1.6rem;vertical-align:sub;}
header.bar2:after{height:0}
.zhwz{height:30px;text-align:center;margin-top:-30px;color:#fff;font-size:1.9rem;}
li.two{margin-top:-15px;}
.rtd{width:80%;margin:0 10%;}
.rtd .item-input{margin:10px 0;}
.rtd ul li .item-inner .rssj{text-indent:8px;font-size:1.6rem;border:1px solid #a6a6a6;height:44px;line-height:44px;border-radius:5px;}
.rtd .item-input2{width:57%;}
.rtd ul li .item-inner .rssj2{width:95%;}
.rtd ul li .item-inner .code{border-radius:5px;display:inline-block;width:43%;font-size:1.6rem;height:44px;line-height:44px;color:#007bd9;background:#e9e9e9;text-align:center;}
.content-block2{width:75%;margin:0 13%;background:#0087d9;border-radius:5px;}
.content-block2 a.button.button-fill.button-big{width:100%;height:100%;display:block;height:50px;line-height:50px;background:none;font-size:1.8rem;}
a.exit{color:#fff;font-size:1.4rem;}
/*table*/
.bg{background:#daedfc;width:100%;text-align:center;}
.bg .bg_th{background:#2393df;line-height:30px;border-top:1px solid #fff;}
.bg .bg_th td{color:#fff;border-right:1px solid #fff;font-size:1.4rem;}
.bg td{line-height:30px;color:#333;border-top:1px solid #fff;border-right:1px solid #fff;}
.bg tr td:last-child{border-right:none;}
/*shop_index*/
/*slides
#full-screen-slider{width:100%;position:relative;max-width:800px;margin:0 auto;}
#slides li {background-size:100% 100%;display:block; width:100%;height:100%;list-style:none; padding:0; margin:0; position:absolute;}
#pagination { display:block; list-style:none; position:absolute;left:50%;transform:translate(-50%);bottom:20px;z-index:10;padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#1a62a2;}*/
/*shop_con*/
.shop_con{margin:0 auto 200px;}
.shop_con p{border-bottom:1px solid #e9e9e9;padding:10px;}
.shop_con p:last-child{border-bottom:none;}
.shop_con p:after{content:'';display:block;clear:both;}
.shop_con p span{display:inline-block;float:left;font-size:1.5rem;}
.shop_con p span a{font-size:1.5rem;}
.shop_con p span:first-child{width:30%;color:#666;}
.shop_con p span:last-child{width:70%;color:#333;}
.shop_con div.s_tit div{float:left;text-indent:10px;font-size:1.5rem;}
.shop_con div.s_tit div p{text-indent:0;font-size:1.5rem;}
.shop_con div.s_tit div:first-child{width:30%;color:#666;padding-top:10px;}
.shop_con div.s_tit div:last-child{width:70%;color:#333;padding-right:10px;}
.shop_con p span.s_jyfw{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
 .csslider1,.db_bj{left:50%;transform:translate(-50%);}
/*db_bj*/
.db_bj{margin:0 auto;position:fixed;bottom:5px;width:100%;}
.db_bj a.reg{height:50px;display:block;margin:10px 0;line-height:50px;font-size:2rem;background:#1a62a2;color:#fff;border-radius:5px;text-align:center;}
.db_bj{margin:0 auto;padding-bottom:5rem;max-width:800px;position:fixed;bottom:5px;width:100%;text-align:center;display:none;}
.db_bj a.reg{width:30%;height:4rem;line-height:4rem;margin:15px .5%;display:inline-block;font-size:1.4rem;background:#1a62a2;color:#fff;border-radius:5px;}

/*new_slider*/
.csslider1 { display: inline-block; position: relative; max-width: 800px;width: 100%;}.csslider1 ul{height:100%;}.csslider1 > .cs_anchor { display: none; }.csslider1 > ul { position: relative; z-index: 1; font-size: 0; line-height: 0; margin: 0 auto; padding: 0; overflow: hidden; white-space: nowrap; }.csslider1 > ul > li.img img { width: 100%; }.csslider1 > ul > li.img { font-size: 0pt; -khtml-user-select: none; -moz-user-select: none; user-select: none; }.csslider1 > ul > li { position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; font-size: 15px; font-size: initial; line-height: normal; white-space: normal; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }.csslider1 .cs_lnk { position: absolute; top: -9999px; left: -9999px; font-size: 0pt; opacity: 0; filter: alpha(opacity=0); }/* /calculate autoplay */.csslider1 > .cs_bullets { position: absolute; left: 0; width: 100%; z-index: 6; font-size: 0; line-height: 8pt; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }.csslider1 > .cs_bullets > div { margin-left: -50%; width: 100%; }.csslider1 > .cs_bullets > label { position: relative; display: inline-block; cursor: pointer; }.csslider1 > .cs_bullets > label > .cs_thumb { visibility: hidden; position: absolute; opacity: 0; z-index: 1; line-height: 0; left: -39.5px; top: -48px; }.csslider1 > #cs_slide1_0:checked ~ ul > li.num0, .csslider1 > #cs_slide1_1:checked ~ ul > li.num1, .csslider1 > #cs_slide1_2:checked ~ ul > li.num2 { opacity: 1; z-index: 2; }.csslider1 > ul > li { position: absolute; left: 0; top: 0; display: inline-block; opacity: 0; z-index: 1; -webkit-transition: opacity 2000ms ease; -moz-transition: opacity 2000ms ease; -ms-transition: opacity 2000ms ease; -o-transition: opacity 2000ms ease; transition: opacity 2000ms ease; }.csslider1 > ul > li.num0 { opacity: 1; z-index: 2; }.csslider1 > .slide:checked ~ ul > li.num0 { opacity: 0; z-index: 1; }/* calculate autoplay */@-webkit-keyframes fade {0%, 50%, 100% {opacity: 0;z-index: 2;}16.666666666666668%, 33.333333333333336% {opacity: 1;z-index: 2;}}@-moz-keyframes fade {0%, 50%, 100% {opacity: 0;z-index: 2;}16.666666666666668%, 33.333333333333336% {opacity: 1;z-index: 2;}}@-ms-keyframes fade {0%, 50%, 100% {opacity: 0;z-index: 2;}16.666666666666668%, 33.333333333333336% {opacity: 1;z-index: 2;}}@-o-keyframes fade {0%, 50%, 100% {opacity: 0;z-index: 2;}16.666666666666668%, 33.333333333333336% {opacity: 1;z-index: 2;}}@keyframes fade {0%, 50%, 100% {opacity: 0;z-index: 2;}16.666666666666668%, 33.333333333333336% {opacity: 1;z-index: 2;}}.csslider1 > #cs_play1:checked ~ ul > li.num0, .csslider1 > #cs_pause1:checked ~ ul > li.num0 { -webkit-animation: fade 12000ms infinite -2000ms; -moz-animation: fade 12000ms infinite -2000ms; -ms-animation: fade 12000ms infinite -2000ms; -o-animation: fade 12000ms infinite -2000ms; animation: fade 12000ms infinite -2000ms; }.csslider1 > #cs_play1:checked ~ ul > li.num1, .csslider1 > #cs_pause1:checked ~ ul > li.num1 { -webkit-animation: fade 12000ms infinite 2000ms; -moz-animation: fade 12000ms infinite 2000ms; -ms-animation: fade 12000ms infinite 2000ms; -o-animation: fade 12000ms infinite 2000ms; animation: fade 12000ms infinite 2000ms; }.csslider1 > #cs_play1:checked ~ ul > li.num2, .csslider1 > #cs_pause1:checked ~ ul > li.num2 { -webkit-animation: fade 12000ms infinite 6000ms; -moz-animation: fade 12000ms infinite 6000ms; -ms-animation: fade 12000ms infinite 6000ms; -o-animation: fade 12000ms infinite 6000ms; animation: fade 12000ms infinite 6000ms; }.csslider1 > #cs_play1:checked ~ ul > li, .csslider1 > #cs_pause1:checked ~ ul > li { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }.csslider1.cs_pauseHover:hover > ul > li, .csslider1 > #cs_pause1:checked ~ ul > li { -webkit-animation-play-state: paused !important; -moz-animation-play-state: paused !important; -ms-animation-play-state: paused !important; -o-animation-play-state: paused !important; animation-play-state: paused !important; }/* stop */.csslider1 > .slide:checked ~ ul > li { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; }/* /calculate autoplay */.csslider1 { -webkit-perspective: 500px; -moz-perspective: 500px; -ms-perspective: 500px; -o-perspective: 500px; perspective: 500px; }.csslider1 > .cs_play_pause { -webkit-transition: .5s opacity 0s ease; -moz-transition: .5s opacity 0s ease; -ms-transition: .5s opacity 0s ease; -o-transition: .5s opacity 0s ease; transition: .5s opacity 0s ease; }.csslider1 > .cs_bullets { bottom: 5px; margin-bottom: 5px; }.csslider1 > .cs_bullets > label { -webkit-perspective: 500px; -moz-perspective: 500px; -ms-perspective: 500px; -o-perspective: 500px; perspective: 500px; }.csslider1 > .cs_bullets > label { margin: 0 6px; padding: 9px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;/* Fallback for web browsers that doesn't support RGBa */ background: #000; background-color: rgba(0,0,0,0.6); }.csslider1 > .cs_bullets > label.num0 { background-color: #1FA5AD; }.csslider1 > .slide:checked ~ .cs_bullets > label {/* Fallback for web browsers that doesn't support RGBa */ background: #000; background-color: rgba(0,0,0,0.6); }.csslider1 > #cs_slide1_0:checked ~ .cs_bullets > label.num0, .csslider1 > #cs_slide1_1:checked ~ .cs_bullets > label.num1, .csslider1 > #cs_slide1_2:checked ~ .cs_bullets > label.num2 { background-color: #1FA5AD; }.csslider1 > .cs_bullets > label:hover { background-color: #1FA5AD; }/* calculate autoplay */@-webkit-keyframes bullet {0%, 33.32333333333334% {background-color: #1FA5AD;}33.333333333333336%, 100% {background: #000;background-color: rgba(0,0,0,0.6);}}@-moz-keyframes bullet {0%, 33.32333333333334% {background-color: #1FA5AD;}33.333333333333336%, 100% {background: #000;background-color: rgba(0,0,0,0.6);}}@-ms-keyframes bullet {0%, 33.32333333333334% {background-color: #1FA5AD;}33.333333333333336%, 100% {background: #000;background-color: rgba(0,0,0,0.6);}}@-o-keyframes bullet {0%, 33.32333333333334% {background-color: #1FA5AD;}33.333333333333336%, 100% {background: #000;background-color: rgba(0,0,0,0.6);}}@keyframes bullet {0%, 33.32333333333334% {background-color: #1FA5AD;}33.333333333333336%, 100% {background: #000;background-color: rgba(0,0,0,0.6);}}.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num0, .csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num0 { -webkit-animation: bullet 12000ms infinite -2000ms; -moz-animation: bullet 12000ms infinite -2000ms; -ms-animation: bullet 12000ms infinite -2000ms; -o-animation: bullet 12000ms infinite -2000ms; animation: bullet 12000ms infinite -2000ms; }.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num1, .csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num1 { -webkit-animation: bullet 12000ms infinite 2000ms; -moz-animation: bullet 12000ms infinite 2000ms; -ms-animation: bullet 12000ms infinite 2000ms; -o-animation: bullet 12000ms infinite 2000ms; animation: bullet 12000ms infinite 2000ms; }.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num2, .csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num2 { -webkit-animation: bullet 12000ms infinite 6000ms; -moz-animation: bullet 12000ms infinite 6000ms; -ms-animation: bullet 12000ms infinite 6000ms; -o-animation: bullet 12000ms infinite 6000ms; animation: bullet 12000ms infinite 6000ms; }.csslider1 > #cs_play1:checked ~ .cs_bullets > label, .csslider1 > #cs_pause1:checked ~ .cs_bullets > label { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }.csslider1.cs_pauseHover:hover > .cs_bullets > label, .csslider1 > #cs_pause1:checked ~ .cs_bullets > label { -webkit-animation-play-state: paused !important; -moz-animation-play-state: paused !important; -ms-animation-play-state: paused !important; -o-animation-play-state: paused !important; animation-play-state: paused !important; }/* stop */.csslider1 > .slide:checked ~ .cs_bullets > label { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; }/* /calculate autoplay */.csslider1 > .cs_description > label { font: 20px 'Roboto', sans-serif; line-height: normal; bottom: 35px; left: 20px; top: auto; opacity: 1; z-index: 1; -webkit-perspective: 500px; -moz-perspective: 500px; -ms-perspective: 500px; -o-perspective: 500px; perspective: 500px; }.csslider1 > .cs_description > label > span { margin: 1px 10px; padding: 10px; color: #fff; overflow: hidden; -webkit-transform-origin: 0% 0% 0px; -moz-transform-origin: 0% 0% 0px; -ms-transform-origin: 0% 0% 0px; -o-transform-origin: 0% 0% 0px; transform-origin: 0% 0% 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0, .csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1, .csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 { z-index: 2; }.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_descr, .csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_descr, .csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_descr { opacity: 1; visibility: visible; -webkit-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -ms-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); }.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_title, .csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_title, .csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_title { opacity: 1; visibility: visible; -webkit-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease; -moz-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease; -ms-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease; -o-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease; transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); }.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 .cs_wrapper, .csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 .cs_wrapper, .csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 .cs_wrapper { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }.csslider1 > .cs_description > label > .cs_title { margin: 0px 10px; opacity: 0; visibility: hidden; z-index: 2;/* Fallback for web browsers that doesn't support RGBa */ background: #000; background-color: rgba(0,0,0,0.6); -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease; -moz-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease; -ms-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease; -o-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease; transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease; }.csslider1 > .cs_description > label > .cs_descr { font-size: 0.8em; margin: 1px 10px; opacity: 0; visibility: hidden; z-index: 1; background-color: #1FA5AD; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -ms-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550); }.csslider1 > .cs_description > label > .cs_title > .cs_wrapper { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -ms-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550); }.csslider1 > .cs_description > label > .cs_descr > .cs_wrapper { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -ms-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550); }/* calculate autoplay */@-webkit-keyframes cs_descrWrapper {3.0625%, 37.708333333333336% {z-index: 2;}37.718333333333334%, 100% {z-index: 0;}}@-moz-keyframes cs_descrWrapper {3.0625%, 37.708333333333336% {z-index: 2;}37.718333333333334%, 100% {z-index: 0;}}@-ms-keyframes cs_descrWrapper {3.0625%, 37.708333333333336% {z-index: 2;}37.718333333333334%, 100% {z-index: 0;}}@-o-keyframes cs_descrWrapper {3.0625%, 37.708333333333336% {z-index: 2;}37.718333333333334%, 100% {z-index: 0;}}@keyframes cs_descrWrapper {3.0625%, 37.708333333333336% {z-index: 2;}37.718333333333334%, 100% {z-index: 0;}}.csslider1 > #cs_play1:checked ~ .cs_description > .num0 { -webkit-animation: cs_descrWrapper 12000ms infinite -1400ms ease; -moz-animation: cs_descrWrapper 12000ms infinite -1400ms ease; -ms-animation: cs_descrWrapper 12000ms infinite -1400ms ease; -o-animation: cs_descrWrapper 12000ms infinite -1400ms ease; animation: cs_descrWrapper 12000ms infinite -1400ms ease; }.csslider1 > #cs_play1:checked ~ .cs_description > .num1 { -webkit-animation: cs_descrWrapper 12000ms infinite 2600ms ease; -moz-animation: cs_descrWrapper 12000ms infinite 2600ms ease; -ms-animation: cs_descrWrapper 12000ms infinite 2600ms ease; -o-animation: cs_descrWrapper 12000ms infinite 2600ms ease; animation: cs_descrWrapper 12000ms infinite 2600ms ease; }.csslider1 > #cs_play1:checked ~ .cs_description > .num2 { -webkit-animation: cs_descrWrapper 12000ms infinite 6600ms ease; -moz-animation: cs_descrWrapper 12000ms infinite 6600ms ease; -ms-animation: cs_descrWrapper 12000ms infinite 6600ms ease; -o-animation: cs_descrWrapper 12000ms infinite 6600ms ease; animation: cs_descrWrapper 12000ms infinite 6600ms ease; }@-webkit-keyframes cs_title {3.0625%, 30.260833333333334% {opacity: 1;-webkit-transform: rotateX(-9deg);z-index: 2;visibility: visible;}4.375%, 28.948333333333334% {opacity: 1;-webkit-transform: rotateX(0deg);z-index: 2;visibility: visible;}33.333333333333336% {opacity: 0;-webkit-transform: rotateX(90deg);z-index: 2;visibility: hidden;}33.343333333333334%, 100% {z-index: 0;}}@-moz-keyframes cs_title {3.0625%, 30.260833333333334% {opacity: 1;-moz-transform: rotateX(-9deg);z-index: 2;visibility: visible;}4.375%, 28.948333333333334% {opacity: 1;-moz-transform: rotateX(0deg);z-index: 2;visibility: visible;}33.333333333333336% {opacity: 0;-moz-transform: rotateX(90deg);z-index: 2;visibility: hidden;}33.343333333333334%, 100% {z-index: 0;}}@-ms-keyframes cs_title {3.0625%, 30.260833333333334% {opacity: 1;-ms-transform: rotateX(-9deg);z-index: 2;visibility: visible;}4.375%, 28.948333333333334% {opacity: 1;-ms-transform: rotateX(0deg);z-index: 2;visibility: visible;}33.333333333333336% {opacity: 0;-ms-transform: rotateX(90deg);z-index: 2;visibility: hidden;}33.343333333333334%, 100% {z-index: 0;}}@-o-keyframes cs_title {3.0625%, 30.260833333333334% {opacity: 1;-o-transform: rotateX(-9deg);z-index: 2;visibility: visible;}4.375%, 28.948333333333334% {opacity: 1;-o-transform: rotateX(0deg);z-index: 2;visibility: visible;}33.333333333333336% {opacity: 0;-o-transform: rotateX(90deg);z-index: 2;visibility: hidden;}33.343333333333334%, 100% {z-index: 0;}}@keyframes cs_title {3.0625%, 30.260833333333334% {opacity: 1;transform: rotateX(-9deg);z-index: 2;visibility: visible;}4.375%, 28.948333333333334% {opacity: 1;transform: rotateX(0deg);z-index: 2;visibility: visible;}33.333333333333336% {opacity: 0;transform: rotateX(90deg);z-index: 2;visibility: hidden;}33.343333333333334%, 100% {z-index: 0;}}@-webkit-keyframes cs_descr {6.125%, 25.885833333333334% {opacity: 1;-webkit-transform: rotateX(9deg);z-index: 1;visibility: visible;}8.75%, 24.573333333333334% {opacity: 1;-webkit-transform: rotateX(0deg);z-index: 1;visibility: visible;}33.333333333333336% {opacity: 0;-webkit-transform: rotateX(-90deg);z-index: 1;visibility: hidden;}33.343333333333334%, 100% {z-index: 0;}}@-moz-keyframes cs_descr {6.125%, 25.885833333333334% {opacity: 1;-moz-transform: rotateX(9deg);z-index: 1;visibility: visible;}8.75%, 24.573333333333334% {opacity: 1;-moz-transform: rotateX(0deg);z-index: 1;visibility: visible;}33.333333333333336% {opacity: 0;-moz-transform: rotateX(-90deg);z-index: 1;visibility: hidden;}33.343333333333334%, 100% {z-index: 0;}}@-ms-keyframes cs_descr {6.125%, 25.885833333333334% {opacity: 1;-ms-transform: rotateX(9deg);z-index: 1;visibility: visible;}8.75%, 24.573333333333334% {opacity: 1;-ms-transform: rotateX(0deg);z-index: 1;visibility: visible;}33.333333333333336% {opacity: 0;-ms-transform: rotateX(-90deg);z-index: 1;visibility: hidden;}33.343333333333334%, 100% {z-index: 0;}}@-o-keyframes cs_descr {6.125%, 25.885833333333334% {opacity: 1;-o-transform: rotateX(9deg);z-index: 1;visibility: visible;}8.75%, 24.573333333333334% {opacity: 1;-o-transform: rotateX(0deg);z-index: 1;visibility: visible;}33.333333333333336% {opacity: 0;-o-transform: rotateX(-90deg);z-index: 1;visibility: hidden;}33.343333333333334%, 100% {z-index: 0;}}@keyframes cs_descr {6.125%, 25.885833333333334% {opacity: 1;transform: rotateX(9deg);z-index: 1;visibility: visible;}8.75%, 24.573333333333334% {opacity: 1;transform: rotateX(0deg);z-index: 1;visibility: visible;}33.333333333333336% {opacity: 0;transform: rotateX(-90deg);z-index: 1;visibility: hidden;}33.343333333333334%, 100% {z-index: 0;}}/* /calculate autoplay *//* hide description & bullets on mobile devices */@mediaonly screen and (max-width: 480px), only screen and (-webkit-max-device-pixel-ratio: 2) and (max-width: 480px), only screen and ( max--moz-device-pixel-ratio: 2) and (max-width: 480px), only screen and ( -o-max-device-pixel-ratio: 2/1) and (max-width: 480px), only screen and ( max-device-pixel-ratio: 2) and (max-width: 480px), only screen and ( max-resolution: 192dpi) and (max-width: 480px), only screen and ( max-resolution: 2dppx) and (max-width: 480px) {.csslider1 > .cs_description, .csslider1 > .cs_bullets {display: none;}}
