@charset "gb2312";
html{font-family:"Microsoft YaHei" !important;background:#fff !important;}
body { -webkit-text-size-adjust: none; margin: 0; padding: 0; font-family: "microsoft yahei","微软雅黑", "lvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; background:#fff !important;}
a { color: #333; text-decoration: none }
a:hover, a:focus { color:#c55d5d; text-decoration:none}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "microsoft yahei","微软雅黑", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.5; color: inherit; }
.h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; }
ul{padding: 0; margin: 0; border: 0px;}
img { padding: 0; margin: 0; border: 0px; max-width: 100%; vertical-align: middle;}
*:link, *:visited, *:hover, *:active, *:focus, .item-on-hover, .btn-success, #button { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, menu, section, summary { margin: 0; padding: 0; display: block; }
.clearfix:before, .clearfix:after, .container:before, .container:after, .nav:before, .nav:after, .row:before, .row:after { display: table; content: " "; }
.clearfix:after, .container:after, .nav:after, .row:after { clear: both; }
::-moz-selection { /*����Firefox*/
background:#c55d5d;
color:#fff;
}
ol, ul {
    list-style: none;
}
::selection { background: #c55d5d; color: #fff; }
.container { margin-right: auto; margin-left: auto }
.container {    width: 100%;
    max-width: 1000px;}
	
/*顶部container加宽1400,换成containerTop S*/
 .containerTop:before, .containerTop:after { display: table; content: " "; }
 .containerTop:after { clear: both; }
.containerTop { margin-right: auto; margin-left: auto }
.containerTop {    width: 100%;
    max-width: 1200px;}
.containerTop { min-width: inherit; width: auto; padding-left: 0; padding-right: 0; }
/*顶部container加宽1400,换成containerTop E*/
/*顶部container加宽100%,换成containerW S*/
 .containerW:before, .containerW:after { display: table; content: " "; }
 .containerW:after { clear: both; }
.containerW { margin-right: auto; margin-left: auto }
.containerW {    width: 100%;
    max-width: 100%;}
.containerW { min-width: inherit; width: auto; padding-left: 0; padding-right: 0; }
/*顶部container加宽1400,换成containerW E*/
	
.rx { padding-top: 12px; float: right; color: #fff; font-size:16px;}
.rx p{padding:0;float:left;margin: 0;}
.rx span{float: left;}
		@media screen and (max-width:500px){
.rx{padding-top: 0px !important;}
		}
.row { margin-right: -15px; margin-left: -15px }
.pull-left { float: left!important }
.pull-left2 { float: left!important; padding-left: 10px; }
.pull-right {
    float: right!important;
}
.list-unstyled {padding: 0; margin: 0; list-style: none;}
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.pingpu-bg { background-repeat: no-repeat; background-position: center top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;/*position: relative;*/ background-attachment: fixed; background-color:#000000; }
.pingpu-bg, .rslides, .fuwu-bg, .news, .ny-banner { min-width: 1170px }
.sx-padding { padding: 30px 0; }
.f-title { font-size: 31px; padding: 0; margin: 0 0 25px 0; color: #333333; }
/*.f-title { font-size: 33px; padding: 0; margin: 0 0 25px 0; color: #333333; }*/
.f-title small { font-size: 18px; color: #666666; display: block; margin-top: 10px;font-family: yahei; }
.btn-success { color: #fff;background-color: #999; border-radius: 25px; padding: 10px 80px; margin: 0 15px; white-space: nowrap; text-overflow: ellipsis; }
.btn-success.about-more {}
.btn-success.news-more { padding: 5px 20px; margin-left: 0; }
.btn-success:hover, .btn-success:focus, .btn-success:active { color: #fff; background-color: #b31b1b;  text-decoration: none; }
.btn { margin: 20px 0 0 0; }
.red { color: #c55d5d !important; }
.diwen { color: #FFFFFF; background-color: #c55d5d; padding: 10px 20px; }





.nyTool{padding-bottom:20px; border-bottom:#eeeeee 1px solid;}
.nyTitle_box1{height:auto; padding:0 1rem; position:relative; margin-top:30px;}
.nyTitle_borderLf{ width:6%; height:1px; background:#999999; position:absolute; top:2.2rem;left:36.8%;}
.nyTitle_borderRi{ width:6%; height:1px; background:#999999; position:absolute; top:2.2rem;right:36.8%;}
.nyTitle_box2{ width:100%; height:auto; text-align:center; padding-top:0.2rem;}
.nyTitle_box2 img{ display:block;margin:0 auto; width:8rem;}
.nyTitle_box2 span{ font-size:0.8rem;margin-top:0.3rem; color:#999999; display:block;}




/* ���������˵���LOGO */
.headroom { top: 0; left: 0; right: 0; transition: all .2s ease-in-out; }
.headroom--unpinned { top: -100px; }
.headroom--pinned { top: 0; }
.header { background:rgba(255,255,255,1);  height: 100px; }
/*.header { background-color: #313131;  height: 100px; }
.header-top { z-index: 999999999 !important; }
.header-top {position: fixed; box-shadow: 0 2px 10px -2px #000; left: 0;  top: 0; z-index: 999999999 !important; }
*/
.header-top {box-shadow: 0 2px 10px -2px #000; left: 0;  top: 0; z-index: 999999999 !important; }
/* LOGO */
.header h1 { margin: 0; padding: 0; }
.header .logo { padding-top: 12px; display: table; }
.header h1 small { font-size: 14px; color: #999; display: table; padding-left: 25px; background-image: url(../images/logo-y-xian.png); background-repeat: no-repeat; background-position: left center; margin-left: 25px; line-height: 26px; margin-top: 24px; font-style: italic; }
.header h1 small a { color: #999; }
/* NAV */
.nav { display: table; }
.nav .nav-bar { margin-left:10px; }
.nav-bar > li { display: block; float: left; text-align: center; position: relative; width:118px; margin-top: 20px; margin-right:10px; border-top-right-radius: 6px; border-top-left-radius: 6px; }
.nav-bar > li:hover, .nav-bar > li.active {background-color: #c55d5d; }
/*.nav-bar > li:hover, .nav-bar > li.active { background-color: #c55d5d; }*/
.nav-bar > li > a { padding: 22px 10px 30px; display: block; color: #000; font-size: 18px; line-height: 28px; }
.nav-bar > li > a:hover, .nav-bar > li:hover a, .nav-bar > li.active a { color: #FFFFFF; text-decoration: none; }
.h_gao_a{ padding-bottom:5px; }

.h_gao{  }
/*
.h_gao_a{ padding-bottom:5px; border-bottom:#fff 2px solid; }
.h_gao{ background-color: #c55d5d; }*/
.nav-bar > li small { display: none; color: #FFFFFF; font-size: 12px; }
.nav-bar > li:hover small, .nav-bar > li.active small { display: block; }
.nav-bar > li ul { display: none; background-color: #9e211d; border-bottom-left-radius: 5px; padding: 0 0 5px 0; border-bottom-right-radius: 5px; position: absolute; left: 0px; top: 80px; z-index: 9999999999; }
.nav-bar > li:hover ul { display: block; }
.nav-bar > li ul li a { line-height: 28px; padding: 5px 16px; color: #666666 !important; border-bottom: 1px solid #F5F5F5; display: block; background-color: #FFFFFF !important; min-width: 85px; text-align: center; }
.nav-bar > li ul li a:hover, .nav-bar > li ul li a.hover { background-color:#9e211d !important; color: #FFFFFF !important; text-decoration: none; border-bottom: 1px solid #fff; }
/*.nav-bar > li ul li a:hover, .nav-bar > li ul li a.hover { background-color:#c55d5d !important; color: #FFFFFF !important; text-decoration: none; border-bottom: 1px solid #fff; }*/
/* Banner���� */
.rslides { height: 650px; overflow: hidden; margin: 0 auto; width: 100%; position: relative; list-style: none; }
.rslides li { width: 100% }
.banner { background-repeat: no-repeat; background-position: center top; position: relative; background-attachment: fixed; height: 550px; margin-top: 100px; }
.rslides_nav { height: 56px; width: 36px; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); opacity: 0.5; text-indent: -9999px; overflow: hidden; background-position: left top; background-repeat: no-repeat; top: 325px; }
.rslides_nav.next { background-image: url(../images/banner-left.png); left: 30px; }
.rslides_nav.prev { background-image: url(../images/banner-right.png); right: 30px; }
.rslides_tabs { margin: 12px auto 0; clear: both; text-align: center; width: 50px; }
.rslides_tabs li { display: inline; float: none; _float: left; *float:left;
margin-right: 5px }
.rslides_tabs a { text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: right top; background-image: url(../images/rslides_tabs.png); display: inline-block; _display: block; *display:block;
width: 9px; height: 9px }
.rslides_tabs .rslides_here a { background: rgba(0,0,0, .6); background-repeat: no-repeat; background-position: left top; background-image: url(../images/rslides_tabs.png); }
/* ֪���ͻ� */
.kehu { background:url(../images/kehubj.jpg); }
.kehu .row { margin: 0 2px 15px 2px; border-left: 1px solid #EDEDED; border-right: 1px solid #FFFFFF; border-top: 1px solid #EDEDED; }
.kehu figure { width: 188px; float: left; position: relative; height: 100px; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; background-color: #FFFFFF }
.kehu figure:hover figcaption { display: block; }
.kehu figure figcaption { position: absolute; width: 188px; height: 100px; top: 0px; left: 0px; display: none; background-color: rgba(0,126,255,0.70); color: #FFFFFF; text-align: center; line-height: 100px }
.kehu figure figcaption { font-size: 16px; }
.kehu figure figcaption a { color: #FFFFFF; }
.kehu figure figcaption a:hover { text-decoration: underline; }
/* �������� */
.about { line-height: 30px; color: #ffffff; }
.about-us { color: #ffffff; }
.about .f-title, .about .f-title small, .about-us a:hover ,.kehu .f-title, .kehu .f-title small{ color: #FFFFFF; }
.about .about-lianjie { margin-top: 20px; }
.about a.ry, .about a.td {color: #fff; background-repeat: no-repeat; text-align: center;  margin-left: 20px; margin-right: 20px; display: inline-block; background-position: center top;border: 1px solid #fff;
    padding: 4px 45px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px; }

.about a.ry:hover, .about a.td:hover {border:none;border: 1px solid #c55d5d; background:#c55d5d; text-decoration: none; }
.plst_pt {overflow:hidden;_width:100%;}
	.plst_pt ul {overflow:hidden;*zoom:1;padding:15px 0 35px 0;width:9999em;}
	.plst_pt li {float:left; margin-left:16px;display:inline;text-align:center; width:230px;}
	.plst_pt li img {display:block; margin: 0 auto 20px;}
	/* Roll */
	.wp_roll {position:relative;_width:100%;}
	.roll_lt, .roll_rt {position:absolute;top:15px;left:1px;width:18px;height:89px;line-height:89px;font-size:18px;font-weight:bold;text-align:center;background-color: #ccc}
	.roll_rt {left:auto;right:1px;}
	.roll_cnt {padding:0 20px;}
	.roll_lt:hover, .roll_rt:hover {color:#000;}
	
	.plst_pt  .xiangmu{ /*/*font-family:"hanyigangyiti";*/*/ font-size:12px; color:#999;}
	.plst_pt  .xiangmu h3{ /*font-family:"hanyigangyiti";*/ font-size:20px; color:#333;margin: 0;    margin: 0 auto;
    max-width: 160px;}
	.plst_pt  .xiangmu a h3:hover{ color:#c55d5d;}
	
	.yishuzi{ font-weight:bold;}
	.yishuzi small{ font-weight:normal;}
/* ���ǵķ��� */
.fuwu-bg { background-repeat: no-repeat; background-position: center center;  /*position: relative;*/ background-attachment: fixed; background-color: #F2F2F2; }
.fuwu .f-title, .fuwu .f-title small { color: #FFFFFF; }
.fuwu { position: relative; }
.fuwu figure { background-color: rgba(255,255,255,0.80); padding: 58px 40px 40px 40px; margin-bottom: 20px; width: 260px; float: left; margin-top: 80px; position: relative; }
.fuwu figure.bianju { margin-left: 60px; margin-right: 60px; }
.fuwu figure a.pic1, .fuwu figure a.pic2, .fuwu figure a.pic3 { height: 130px; width: 130px; display: block; background-repeat: no-repeat; background-position: center top; margin: 0 auto; position: absolute; top: -65px; left: 105px; }
.fuwu figure a.pic1 { background-image: url(../images/fuwu.png); background-repeat: no-repeat; }
.fuwu figure a.pic2 { background-image: url(../images/goutong.png); }
.fuwu figure a.pic3 { background-image: url(zt_../images/fuwu.png); }
.fuwu figure figcaption { margin-top: 35px; margin-bottom: 15px; font-weight: bold; }
.fuwu figure figcaption a { color: #c55d5d; font-size: 16px; }
.fuwu figure figcaption a:hover { text-decoration: underline; }
.fuwu figure p { line-height: 30px; color: #000000; }
.fuwu figure figcaption a.btn-success { margin-bottom: 10px; }

.fl-case { height: 42px; margin-top: 35px; margin-bottom: 15px; }
.fl-case a { background-color: #F7F7F7; color: #666666; width: 228px; height: 40px; line-height: 40px; display: inline-block; }
.fl-case a:hover { background-color: #007eff; color: #FFFFFF; text-decoration: none; }
.case figure { width: 360px; float: left; position: relative; height: 256px; margin: 15px; }
.case figure .new { width: 108px; height: 108px; display: block; position: absolute; right: 0px; top: 0px; background-image: url(../images/new.png); background-repeat: no-repeat; background-position: 0px 0px; z-index: 2; }
.case figure:hover figcaption { display: block; }
.case figure figcaption { position: absolute; width: 300px; height: 196px; top: 0px; left: 0px; display: none; background-color: rgba(0,126,255,0.70); padding: 30px; color: #FFFFFF; text-align: left; }
.case figure figcaption h3 { font-size: 18px; font-weight: bold; margin: 10px 0 0 86px; }
.case figure figcaption h3 a, .case figure figcaption p a { color: #FFFFFF; text-decoration: underline; }
.case figure figcaption h3 a:hover, .case figure figcaption p a:hover { text-decoration: none; }
.case figure figcaption p { margin: 0; line-height: 28px; }
.case-more-top { margin-top: 15px !important; }
.case-more { padding: 7px 10px 5px 10px; margin-left: 0; background-color: rgba(255,255,255,0.70); color: #c55d5d !important; text-decoration: none !important; }
.case-more:hover { color: #FFFFFF !important; }
/* ������Ѷ */
.news { background-color: #F2F2F2; }
.news section { width: 340px; float: left; }
.news section.bianju { margin-left: 60px; margin-right: 60px; }
.news section h2 { font-size: 20px; color: #000000; font-weight: bold; padding: 0; margin: 0 0 20px 0; /*font-family:"hanyigangyiti"*/}
.news section h2 i{width: 6px;
    height: 30px;
    margin-right: 6px;
    background-color: #c55d5d;
    display: block;
    float: left;}
.news section h2 small { font-size: 12px; color: #999;font-weight: normal;}
.news section ul li { line-height:35px;float: left;    width: 100%;
    border-bottom: 1px dashed #CCC; }
.news section ul li a { color: #888888; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 280px; display: block; float: left; }
.news section ul li a:hover { color: #c55d5d; }
.news section ul li small { color: #999999; float: right!important; }
.news section p { margin-top: 25px; margin-bottom: 5px; }
/* ��Ȩ/��ϵ/���� */
.footer { position: relative; line-height: 28px; }
.footer.sx-padding { padding-bottom: 0; }
.footer section { width: 340px; float: left; }
.footer section.bianju { margin-left: 60px; margin-right: 60px; }
.footer section h3 { font-size: 16px; font-weight: bold; color: #FFF; padding: 0 0 30px 0; margin: 0; }
.footer section h3 small { font-size: 16px; }
.footer section h4 { font-size: 16px; font-weight: bold; color: #FFF; padding: 14px 0 10px 0; margin: 0; }
.footer, .footer a { color: #babcbd; font-size: 12px; }
.footer a:hover { color: #fff; }
.footer p { padding: 0; margin: 0; }
.footer section address { font-style: normal; margin: 0; padding: 0; }
.zhixun a { width: 40px; height: 40px; background-image: url(../images/sns.png); background-repeat: no-repeat; text-indent: -999px; overflow: hidden; display: block; float: left; background-color: #c55d5d; border-radius: 5px; margin-right: 15px; margin-top: 10px; }
.zhixun a:hover { background-color: #589ED7; }
.zhixun a.qq { background-position: 0px -40px; }
.zhixun a.sq { background-position: 0px -80px; }
#xm, #dh, #nr { font-size: 12px; height: 36px; width: 320px; background-color: #ededee; color: #666; border-width: 0px; margin-bottom: 25px; vertical-align: middle; padding-right: 10px; padding-left: 10px; border-radius: 0px; }
#xm { background-image: url(../images/foot-form-bg.png); background-repeat: no-repeat; background-position: right 0px; }
#dh { background-image: url(../images/foot-form-bg.png); background-repeat: no-repeat; background-position: right -40px; }
#nr { height: 110px; padding-top: 10px; vertical-align: top; background-image: url(../images/foot-form-bg.png); background-repeat: no-repeat; background-position: right -160px; }
#xm:focus, #dh:focus, #nr:focus { background-color: #FFF; color: #333; }
#button { height: 40px; width: 200px; text-align: center; vertical-align: middle; border-width: 0px; background-color: #c55d5d; color: #FFF; font-size: 14px; border-radius: 5px; -webkit-appearance: button; cursor: pointer; }
#button:hover { background-color: #589ED7; }
#savediv { padding: 10px 0; line-height: 24px; }
.key, .mail { height: 36px; width: 318px; background-color: hsla(0,0%,100%,0.00); color: #babcbd; vertical-align: middle; padding-right: 10px; padding-left: 10px; border: 1px solid #b2b4b7; border-radius: 0px; }
.mail-tx { color: #babcbd; font-size: 14px; margin: 15px 0; }
.s-button, .m-button { height: 36px; width: 36px; text-align: center; vertical-align: middle; background-color: hsla(0,0%,100%,0.00); border: 0px solid #babcbd; border-radius: 0px; -webkit-appearance: button; cursor: pointer; position: absolute; right: 3px; }
.s-button { background-image: url(../images/foot-form-bg.png); background-repeat: no-repeat; background-position: right -80px; text-indent: -999px; overflow: hidden; }
.m-button { background-image: url(../images/foot-form-bg.png); background-repeat: no-repeat; background-position: right -120px; text-indent: -999px; overflow: hidden; }
.mail { margin: 0 0 40px 0; }
.yq-link, .yq-link a, .yq-link small { color: #8b8e94; line-height: 28px; font-size: 12px; }
.yq-link { margin-bottom: 40px; }
.yq-link a:hover { color: #fff; }
.yq-link hr { border-color: rgba(103,108,113,0.50); width: 100%; margin-top: 0px; margin-right: 0; margin-bottom: 20px; margin-left: 0; }
.foot {  background:url(../images/footerewm.png) center center no-repeat; }
/*.foot { background-color: #14171a; }*/
.foot p { margin: 0; padding: 0; }
.foot .copy {line-height: 23px;
    width: 100%;
    text-align: center;
    padding: 20px 0;}
.foot, .foot a { text-transform: uppercase; font-size: 12px; color: #babcbd; }
.foot .renzheng img { margin-left: 10px; margin-top: 19px; }
.kefu { background-color: #c55d5d; border: 2px solid #fff; position: fixed; width: 80px; top:45%; right: 20px; text-align: center; display: block; -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); border-radius: 8px; font-size: 12px; z-index: 9999999; }
.kefu ul li a { display: block; color: #FFF; text-decoration: none; border-top: 1px solid #ffb4a6; overflow: hidden; height: auto; width: 100%; padding: 0; height: 30px; width: 80px; z-index: 999999; padding-top: 50px; }
.kefu ul li a:hover { background-color: #589ED7; }
.kefu a.kefu-lx { border-top: 0px solid #ffb4a6; background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: 0 -10px; }
.kefu a.kefu-lx:hover { border-radius: 6px 6px 0px 0px; }
.kefu ul li a.kefu-yy { background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: center -90px; }
.kefu ul li a.kefu-zx { background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: center -170px; }
.kefu ul li a.kefu-wx { background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: center -250px; }
.kefu ul li a.kefu-wx .kefu-weixin { padding: 20px; background-color: #FFFFFF; position: absolute; top: 80px; left: -182px; display: none; -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); }
.kefu ul li a.kefu-wx:hover .kefu-weixin { display: block; }
.kefu ul li a.kefu-top { background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: center -335px; padding-top: 40px; }
.kefu ul li a.kefu-top:hover { border-radius: 0px 0px 6px 6px; }
.kefu ul li a.kefu-yy, .kefu ul li a.kefu-zx, .kefu ul li a.kefu-top, .kefu ul li a.kefu-wx { display: none; }
.kefu:hover ul li a.kefu-yy, .kefu:hover ul li a.kefu-zx, .kefu:hover ul li a.kefu-top, .kefu:hover ul li a.kefu-wx { display: block; }
/* ��ҳ���� */
.info p, .info li { color: #666666; }
.ny-banner { background-repeat: no-repeat; position: relative; background-attachment: fixed; background-position: center top; }
.ny-banner2 { background-image: url(../images/ny-head-bg2.png); }
 .weizhi { color: #666; text-align: left; margin: 0; padding: 6px 0px 20px 0px;font-size: 12px;  }
 .weizhi a { color: #666 }
.crumbs { margin-top: 2%; }
.crumbs ul li { display: inline-block; margin-right:20px; }
.crumbs ul li a { color: #666666; line-height: 30px; padding: 0 10px; display: inline-block; font-size: 18px }
.crumbs ul li a:hover, .crumbs ul li.hover a {border-radius: 0px;  border-bottom:#c55d5d 2px solid; color: #c55d5d; text-decoration: none; }
/*.crumbs ul li a:hover, .crumbs ul li.hover a {border-radius: 5px;    background-color: #c55d5d; color: #fff; text-decoration: none; }*/
.y-m50 { margin-right: 50px }
.y-m60 { margin-right: 58px }
.x-m40 { margin-bottom: 40px !important; }
.x-m30 { margin-bottom: 30px; }
.x-m20 { margin-bottom: 20px; }
.s-m40 { margin-top: 40px; }
zy-m15 { margin-left: 15px; margin-right: 15px; }
.s-m-none { margin-top: 0 !important; }
.nr-h20 { margin-top: 30px; margin-bottom: 20px;    font-size: 25px; }
.nr-h20-s10 { margin-top: 10px; margin-bottom: 20px; }
.nr-h30 { margin-top: 0px; margin-bottom: 30px; }
.info, .neirong { line-height: 30px; color: #333333; }

.yewufanwei a{ color:#c55d5d;}
.info hr, .neirong hr { margin: 30px 0; border: 0; border-top: 1px solid #eee; }
.nyfl-case { height: 42px; margin-top: 0; margin-bottom: 30px; background-color: #F7F7F7; }
.nyfl-case a { line-height: 42px; padding: 0 25px; display: inline-block; color: #666666; text-align: center; }
.nyfl-case a:hover, .nyfl-case a.hover { background-color: #c55d5d; color: #FFFFFF; text-decoration: none; }
.fanye .pagination { margin: 0; display: inline-block; padding-left: 0; margin: 25px 0 0 0; border-radius: 4px; }
.fanye .pagination > li { display: inline }
.fanye .pagination > .active > a, .fanye .pagination > .active > span, .fanye .pagination > .active > a:hover, .fanye .pagination > .active > span:hover, .fanye .pagination > .active > a:focus, .fanye .pagination > .active > span:focus { background-color: #c55d5d; border-color: #c55d5d; color: #FFF; }
.fanye .pagination > li > a:hover, .fanye .pagination > li > span:hover, .fanye .pagination > li > a:focus, .fanye .pagination > li > span:focus { color: #c55d5d; background-color: #E3E3E3; border-color: #ededed; }
.fanye .pagination > li > a, .fanye .pagination > li > span { color: #c55d5d; border-color: #ededed; font-size: 14px; }
.pagination-lg>li>a, .pagination-lg>li>span { padding: 12px 18px; }
.pagination>li>a, .pagination>li>span { color: #428bca; text-decoration: none; background-color: #F7F7F7; }
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.ny-news { border-bottom: 1px solid #EDEDED; padding-bottom: 30px; margin-bottom: 40px; }
.ny-news h1 a { font-size: 20px; color: #000000 }
.ny-news h1 a:hover { color: #c55d5d }
.ny-news .shuoming { color: #666666; }
.ny-news .btn-success { margin-left: 0; }
.ny-news .mulu, .ny-news .guanzhu, .ny-news .time { background-image: url(../images/news-kb.png); background-repeat: no-repeat; background-position: left 3px; margin-right: 10px; height: 22px; padding-left: 23px; display: inline-block; color: #999999 }

.ny-news .guanzhu { background-position: left -19px; }
.ny-news .time { background-position: left -41px; }
.ny-news .news-qq a, .ny-news .news-sq a { text-indent: -9999px; width: 22px; height: 22px; display: inline-block; background-image: url(../images/news-zx.png); background-position: left top; background-repeat: no-repeat; }
.ny-news .news-sq a { background-position: left -22px; margin-left: 5px; }
.team-bg { background-color: #e6e6e6; }
.team figure { width: 262px; float: left; position: relative; height: 330px; margin: 15px; }
.team figure:hover figcaption { display: block; }
.team figure figcaption { position: absolute; width: 202px; height: 210px; top: 0px; left: 0px; display: none; background-color: rgba(247,90,83,0.70); padding: 60px 30px; color: #FFFFFF; }
.team figure h3.team-title { font-size: 14px; font-weight: normal; margin: 0; line-height: 60px; position: absolute; width: 262px; height: 60px; left: 0px; background-color: rgba(255,255,255,0.95); bottom: 0px; color: #999999; }
.team figure h3.team-title a { color: #F75A53; font-size: 18px; font-weight: bold; }
.team figure:hover h3.team-title { display: none; }
.team figure figcaption h3 { font-size: 16px; font-weight: bold; margin: 0 0 12px 0; }
.team figure figcaption h3 a { color: #FFFFFF; text-decoration: underline; }
.team figure figcaption h3 a:hover { text-decoration: none; }
.team figure figcaption p { margin: 0; line-height: 28px; }
.team-more { padding: 7px 10px 5px 10px; background-color: rgba(255,255,255,0.70); color: #c55d5d !important; text-decoration: none !important; }
.team-more:hover { color: #FFFFFF !important; }
.ny-kehu .row { margin: 0 2px 15px 2px; border-left: 1px solid #EDEDED; border-right: 1px solid #FFFFFF; border-top: 1px solid #EDEDED; }
.ny-kehu figure { width: 188px; float: left; position: relative; height: 100px; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; }
.ny-kehu figure:hover figcaption { display: block; }
.ny-kehu figure figcaption { position: absolute; width: 188px; height: 100px; top: 0px; left: 0px; display: none; background-color: rgba(247,90,83,0.70); color: #FFFFFF; text-align: center; line-height: 100px }
.ny-kehu figure figcaption { font-size: 16px; }
.ny-kehu figure figcaption a { color: #FFFFFF; }
.ny-kehu figure figcaption a:hover { text-decoration: underline; }
.tags .tags-lie { width: 20% }
.map { color: #999999 }
.map h3 a { color: #000000 }
.zzry figure, .tdfc figure { padding: 0 15px; float: left; }
.tdfc figure { padding-bottom: 20px; }
.zzry figure img, .tdfc figure img { width: 360px; }
.zzry figure figcaption, .tdfc figure figcaption { margin-bottom: 15px; }
.fzlc h3 { background-color: #c55d5d; color: #FFFFFF; padding: 5px 10px; }
.main { width: 790px; margin-right: 50px; }
.main img { max-width: 790px; }
.info .biaoti { font-size: 20px; margin-bottom: 10px; margin-top: 0; }
.info .shuoming { color: #999; margin: 0 0 30px 0; padding-bottom: 20px; border-bottom: 1px solid #EDEDED; font-size: 12px; }
.aside { width: 300px; }
.aside .ny-h4 { font-size: 16px; margin: 15px 0; padding-bottom: 15px; border-bottom: 1px solid #EDEDED; }
.aside ul li small { color: #999999; }
.aside .xx-qq a, .aside .xx-sq a { text-indent: -9999px; width: 22px; height: 22px; display: inline-block; background-image: url(../images/news-zx.png); background-position: left top; background-repeat: no-repeat; }
.aside .xx-sq a { background-position: left -22px; margin-left: 5px; }
.aside figure { margin-top: 10px; text-align: center }
.aside figure.text-left { text-align: left }
.aside .team-gz, .aside .team-yy { height: 40px; margin-right: 20px; border-radius: 4px; padding: 0px 10px 0px 38px; display: block; line-height: 40px; background-image: url(../images/team-yy.png); background-position: left top; background-color: #c55d5d; color: #FFFFFF; background-repeat: no-repeat; }
.aside .team-gz a, .aside .team-yy a { color: #FFFFFF }
.aside .team-gz:hover, .aside .team-yy:hover { background-color: #589ED7; }
.aside .team-yy { background-position: left bottom; }
.ny-team-tj { font-size: 16px; margin: 15px 0; }
.team figcaption p { color: #FFFFFF !important; }
.pages { padding: 30px 0 30px; text-align: center }
.pages li { display: inline }
.pages li.thisclass, .pages a:hover { padding: 5px 10px; border: 1px solid #c55d5d; background: #c55d5d; color: #fff; text-decoration: none; border-radius: 3px }
.pages a { padding: 5px 10px; border: 1px solid #ddd; background: #fff; color: #A4A4A4; line-height: 18px; border-radius: 3px; }
.sMenu { display: none; }
.text-center .sp{display:none;}
.text-center .pc{display:block;}
 @media all and (min-width: 0) and (max-width: 735px) {
body { font-size: 12px; }
.kefu,  .rslides_nav,  .kehu figure figcaption,  .kehu figure:hover figcaption,  .fuwu figure a.pic1,  .fuwu figure a.pic2,  .fuwu figure a.pic3,  .case figure figcaption,  .case figure:hover figcaption,  #savediv,  .zhixun { display: none; }
img { height: auto !important; }
.container { min-width: inherit; width: auto; padding-left: 0; padding-right: 0; }
.nav-bar > li { border-top-left-radius: 0; border-top-right-radius: 0; display: block; margin-top: 0; float: none; }
.nav-bar a { padding: 0; }
.nav-bar a:hover { padding: 0; background: none !important; }
.nav-bar > li ul { background-color: #000; border-bottom-left-radius: 0; border-bottom-right-radius: 0; left: auto; padding: 0 0 5px; position: inherit; top: auto; display: block; font-size: 14px; }
.nav-bar > li ul li a,  .nav-bar > li ul li a:hover { display: block; line-height: 26px; min-width: inherit; padding: 0; color: #FFF !important; background: none !important; border-bottom: none; text-align: center !important; }
.nav-bar > li { border-bottom: 1px dashed #FFF; }
.nav-bar > li > a,  .nav-bar > li > a:hover { line-height: 26px; padding: 0; color: #FFF !important; text-align: center !important;   background-color: #9e211d;  }
 *::-moz-selection {
 background: none !important;
 color: #fff;
}
.header { padding: 5px 8px; position: relative; height: auto !important; }
.header h1 { float: left; }
.header .logo { padding-bottom: 0; }
.header h1 img { display: block; vertical-align: baseline; width: 100px !important; height: auto !important; }
.header .nav { position: absolute; left: 0; top: 70px; width: 100%; display: none; float: none !important; background-color: #000; color: #FFF;  }
.sMenu { padding: 10px 0 0 0; float: right; display: block; }
.sMenu img { width: 40px !important; height: auto !important; }
.pull-left { float: none !important; }
.rslides { height: auto; }
.pingpu-bg, .rslides, .fuwu-bg, .news, .ny-banner { min-width: inherit !important; }
.banner { height: auto !important; margin-top: 0; }
.sx-padding { padding: 10px 0; }
.f-title small { font-size: 18px; margin-top: 0; }
.f-title { font-size: 31px; margin: 0 5px 5px; font-weight:bold; }
/*.f-title { font-size: 33px; margin: 0 5px 5px; }*/
.kehu figure { float: left; height: auto; position: relative; width: 25%; box-sizing: border-box; }
.kehu .row { margin-bottom: 0; }
.row { margin-left: 5px; margin-right: 5px; }
.fuwu figure { background-color: rgba(255, 255, 255, 0.8); float: none; margin-bottom: 5px; margin-top: 5px; padding: 10px 5px 5px; width: auto; }
.fuwu figure figcaption { margin-bottom: 5px; margin-top: 0; }
.fuwu figure p { margin: 5px 0; line-height: 1.5; }
.fuwu figure.bianju { margin-left: 0; margin-right: 0; }
.fl-case { height: auto; margin-bottom: 0; margin-top: 0; }
.fl-case a { padding: 0 10px; height: auto; line-height: 2.5; width: auto; }
.case figure { float: none; height: 115px; margin: 3px 0; width: 50%; float: left; }
.case figure:nth-child(2n) { float: right !important; }
.foot { padding: 5px; }
.footer { line-height: 1.6; }
.foot .renzheng img { margin-left: 0; margin-top: 5px; width: 32px !important; height: 32px !important; }
.foot .copy { text-align: center; height: auto; line-height: 1.5; }
.s-m40 { margin-top: 30px; }
.about { line-height: 1.6; }
.about-us { padding: 0 5px; }
.about .about-lianjie { margin-top: 10px; }
.about a.ry, .about a.td { margin-left: 20px; margin-right: 20px;  margin-top: 12px; }
.news section { margin: 0 10px; float: none; width: auto; }
.news section h2 { font-size: 18px; margin: 0 0 5px; }
.news section ul li { line-height: 2.6; }
.news section h2 i {
    width: 6px;
    height: 26px;
    margin-right: 6px;
    background-color: #c55d5d;
    display: block;
    float: left;
}
.weizhi {
    
    width: 100%;
}

.news section p { margin-bottom: 15px; margin-top: 15px; }
.news section.bianju { margin-left: 10px; margin-right: 10px; }
.footer section { padding: 0 10px; float: none; width: auto; }
.footer section h3 { font-size: 14px; padding: 0 0 10px; }
#xm, #dh, #nr { font-size: 11px; height: 35px; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; width: 100%; box-sizing: border-box; }
#nr { background-position: right -160px; height: 50px; padding-top: 5px; }
.footer section.bianju { margin-top: 5px; margin-left: 0; margin-right: 0; }
.footer section h4 { font-size: 14px; padding: 10px 0 10px; }
.key, .mail { padding-left: 5px; padding-right: 5px; vertical-align: middle; width: 100%; box-sizing: border-box; }
.news section ul li a { width: 80%; }
.yq-link hr { margin: 0 0 5px; }
.yq-link, .yq-link a, .yq-link small { line-height: 1.6; }
.yq-link { margin-bottom: 10px; }
.pull-right { float: none !important; }
.mail { margin: 0 0 10px; }
.foot .renzheng { text-align: center; }
footer { overflow: hidden; zoom: 1; }
.ny-banner { margin-top: 0;  }
.pull-left2 {
    float: left!important;
     padding-left:0px;
}
.nav .nav-bar {
    width: 100%;
}
.crumbs { height: auto; }
.crumbs ul li a { font-size: 12px; line-height: 3; padding: 0 10px; }
.info { padding: 8px; }
.info, .neirong { line-height: 1.6 !important; font-size: 12px !important; }
.info p, .neirong p { margin:10px 0 20px; line-height: 1.6 !important; }
.neirong span { line-height: 1.6 !important; font-size: 12px !important; }
.nr-h20 { margin-bottom: 5px; }
.info hr, .neirong hr { margin: 10px 0 !important; }
.neirong h2,  .neirong h3 { margin: 0 !important; }
.y-m60 { margin-right: 0; }
.y-m50 { margin-right: 0; }
.text-right { text-align: center; }
.neirong table { width: 100% !important; height: auto !important; }
.neirong table td:first-child { padding-right: 1%; width: 41%; }
.neirong table td { width: 59%; }
.neirong h4 { margin: 5px 0 !important; }
.pages { padding: 18px 0 5px; }
.s-button, .m-button { right: 10px; }
.ny-news { margin-bottom: 5px; padding: 0 5px 5px; }
.ny-news h1 a { font-size: 16px; }
.ny-news .btn-success { margin: 5px 0; display: block; text-align: center; }
.ny-news .mulu, .ny-news .guanzhu, .ny-news .time { background-position: left top; line-height: 22px; height: 22px; margin-right: 5px; padding-left: 15px; }
.ny-news .news-qq a, .ny-news .news-sq a { line-height: 22px; }
.info .shuoming { margin: 0 0 5px; padding-bottom: 5px; }
.main { margin-right: 0 !important; width: auto !important; }
.info .biaoti { font-size: 16px !important; margin-bottom: 5px !important; }
.aside ul li small { float: right !important; }
.btn-success { margin: 2px 5px; padding: 10px 10px 8px; display: block; text-align: center; }
.aside .ny-h4 { font-size: 14px; margin: 10px 0; padding-bottom: 5px; }
.text-center .pc{display:none;}
.text-center .sp{display:block;}
.rx{ }
}

@font-face {

	font-weight: normal;
	font-style: normal;
}

.csslider1 {
	display: inline-block;
	position: relative;

	
	width: 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);
}
.csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext {
	position: absolute;
	top: 50%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 5;
}
.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
	position: absolute;

	text-decoration: none;
	cursor: pointer;
	opacity: 0;
	z-index: -1;
}
.csslider1 > .cs_arrowprev {
	left: 0;
}
.csslider1 > .cs_arrownext {
	right: 0;
}

.csslider1 > .cs_arrowprev > label.num2,
.csslider1 > .cs_arrownext > label.num1 {
	opacity: 1;
	z-index: 5;
}
.csslider1 > .slide:checked ~ .cs_arrowprev > label,
.csslider1 > .slide:checked ~ .cs_arrownext > label {
	opacity: 0;
	z-index: -1;
}



.csslider1 > #cs_slide1_0:checked ~ .cs_arrowprev > label.num2,
.csslider1 > #cs_slide1_0:checked ~ .cs_arrownext > label.num1, 
.csslider1 > #cs_slide1_1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_slide1_1:checked ~ .cs_arrownext > label.num2, 
.csslider1 > #cs_slide1_2:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_slide1_2:checked ~ .cs_arrownext > label.num0 {
	opacity: 1;
	z-index: 5;
}

/* calculate autoplay */
@-webkit-keyframes arrow {
	0%, 33.32333333333334% { opacity: 1; z-index: 5; }
	33.333333333333336%, 100%	{ opacity: 0; z-index: -1; }
}
@-moz-keyframes arrow {
	0%, 33.32333333333334% { opacity: 1; z-index: 5; }
	33.333333333333336%, 100%	{ opacity: 0; z-index: -1; }
}
@-ms-keyframes arrow {
	0%, 33.32333333333334% { opacity: 1; z-index: 5; }
	33.333333333333336%, 100%	{ opacity: 0; z-index: -1; }
}
@-o-keyframes arrow {
	0%, 33.32333333333334% { opacity: 1; z-index: 5; }
	33.333333333333336%, 100%	{ opacity: 0; z-index: -1; }
}
@keyframes arrow {
	0%, 33.32333333333334% { opacity: 1; z-index: 5; }
	33.333333333333336%, 100%	{ opacity: 0; z-index: -1; }
}


.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num2,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num1,
.csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label.num2,
.csslider1 > #cs_pause1:checked ~ .cs_arrownext > label.num1 {
	-webkit-animation: arrow 12000ms infinite -2000ms;
	-moz-animation: arrow 12000ms infinite -2000ms;
	-ms-animation: arrow 12000ms infinite -2000ms;
	-o-animation: arrow 12000ms infinite -2000ms;
	animation: arrow 12000ms infinite -2000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num2,
.csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_pause1:checked ~ .cs_arrownext > label.num2 {
	-webkit-animation: arrow 12000ms infinite 2000ms;
	-moz-animation: arrow 12000ms infinite 2000ms;
	-ms-animation: arrow 12000ms infinite 2000ms;
	-o-animation: arrow 12000ms infinite 2000ms;
	animation: arrow 12000ms infinite 2000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num0,
.csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_pause1:checked ~ .cs_arrownext > label.num0 {
	-webkit-animation: arrow 12000ms infinite 6000ms;
	-moz-animation: arrow 12000ms infinite 6000ms;
	-ms-animation: arrow 12000ms infinite 6000ms;
	-o-animation: arrow 12000ms infinite 6000ms;
	animation: arrow 12000ms infinite 6000ms;
	
}


.csslider1.cs_pauseHover:hover > .cs_arrowprev > label,
.csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label,
.csslider1.cs_pauseHover:hover > .cs_arrownext > label,
.csslider1 > #cs_pause1:checked ~ .cs_arrownext > 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_arrowprev > label,
.csslider1 > .slide:checked ~ .cs_arrownext > label {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}


/* /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_description {
	z-index: 3;
}
.csslider1 > .cs_description a,
.csslider1 > .cs_description a:visited,
.csslider1 > .cs_description a:active {
	color: inherit;
}
.csslider1 > .cs_description a:hover {
	text-decoration: none;
}
.csslider1 > .cs_description > label {
	position: absolute;
	word-wrap: break-word;
	white-space: normal;
	text-align: left;
	max-width: 50%;
	left: 0;
}
.csslider1 > .cs_description > label > span {
	vertical-align: top;
}
.csslider1 > .cs_description > label span {
	display: inline-block;
}
.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_arrowprev {
  	-webkit-transition: .5s opacity .15s ease, .5s -webkit-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-moz-transition: .5s opacity .15s ease, .5s -moz-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-ms-transition: .5s opacity .15s ease, .5s -ms-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-o-transition: .5s opacity .15s ease, .5s -o-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	transition: .5s opacity .15s ease, .5s transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	
}
.csslider1 > .cs_arrownext {
  	-webkit-transition: .5s opacity .3s ease, .5s -webkit-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-moz-transition: .5s opacity .3s ease, .5s -moz-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-ms-transition: .5s opacity .3s ease, .5s -ms-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-o-transition: .5s opacity .3s ease, .5s -o-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	transition: .5s opacity .3s ease, .5s transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);
	
}
.csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext,
.csslider1 > .cs_play_pause {
	opacity: 0;
}
.csslider1:hover > .cs_arrowprev,
.csslider1:hover > .cs_arrownext,
.csslider1:hover > .cs_play_pause {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	
}.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
	overflow: hidden;
	margin-top: -35px;
	width: 40px;
	height: 70px;

	/* Fallback for web browsers that doesn't support RGBa */
	background: #000;
	background-color: rgba(0,0,0,0.6);

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.csslider1 > .cs_arrowprev {
	left: 70px;
}
.csslider1 > .cs_arrownext {
	right: 70px;
}
.csslider1 > .cs_arrowprev > label {
	right: 0;
}
.csslider1 > .cs_arrownext > label {
	left: 0;
}
.csslider1 > .cs_arrowprev > label:after {
	content: '<';
}
.csslider1 > .cs_arrownext > label:after {
	content: '>';
}
.csslider1 > .cs_arrowprev > label:after,
.csslider1 > .cs_arrownext > label:after {
	display: block;
	font: 40px "demurecontrols";
	text-align: center;
	line-height: 66px;
	color: #fff;
}




.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
	-webkit-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	-moz-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	-ms-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	-o-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	
}
.csslider1 > .cs_arrowprev:hover > label {
	background-color: #9e211d;
	width: 70px;
}
.csslider1 > .cs_arrownext:hover > label {
	background-color: #9e211d;
	width: 70px;
}.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 > .cs_thumb {
	border: 3px solid #9e211d;
	margin-top: -11px;
	-webkit-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -moz-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-ms-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -ms-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -o-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	
	-webkit-transform-origin: 0% 100% 0px;
	-moz-transform-origin: 0% 100% 0px;
	-ms-transform-origin: 0% 100% 0px;
	-o-transform-origin: 0% 100% 0px;
	transform-origin: 0% 100% 0px;
	
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
	
}
.csslider1 > .cs_bullets > label > .cs_thumb:before {
	content: '';
	position: absolute;
	width: 0; 
	height: 0; 
	left: 50%;
	margin-left: -1px;
	bottom: -8px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	
	border-top: 7px solid #9e211d;
}
.csslider1 > .cs_bullets > label:hover > .cs_thumb {
	visibility: visible;
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	
}


.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: #9e211d;
}
.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: #9e211d;
}

.csslider1 > .cs_bullets > label:hover {
	background-color: #9e211d;
}

/* calculate autoplay */
@-webkit-keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #9e211d; }
	33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@-moz-keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #9e211d; }
	33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@-ms-keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #9e211d; }
	33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@-o-keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #9e211d; }
	33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #9e211d; }
	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: #9e211d;

	-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; }
}



.csslider1 > #cs_play1:checked ~ .cs_description > .num0  > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0  > .cs_title {
	-webkit-animation: cs_title 12000ms infinite -1400ms ease;
	-moz-animation: cs_title 12000ms infinite -1400ms ease;
	-ms-animation: cs_title 12000ms infinite -1400ms ease;
	-o-animation: cs_title 12000ms infinite -1400ms ease;
	animation: cs_title 12000ms infinite -1400ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1  > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1  > .cs_title {
	-webkit-animation: cs_title 12000ms infinite 2600ms ease;
	-moz-animation: cs_title 12000ms infinite 2600ms ease;
	-ms-animation: cs_title 12000ms infinite 2600ms ease;
	-o-animation: cs_title 12000ms infinite 2600ms ease;
	animation: cs_title 12000ms infinite 2600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2  > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2  > .cs_title {
	-webkit-animation: cs_title 12000ms infinite 6600ms ease;
	-moz-animation: cs_title 12000ms infinite 6600ms ease;
	-ms-animation: cs_title 12000ms infinite 6600ms ease;
	-o-animation: cs_title 12000ms infinite 6600ms ease;
	animation: cs_title 12000ms infinite 6600ms ease;
}


.csslider1 > #cs_play1:checked ~ .cs_description > .num0  > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0  > .cs_descr {
	-webkit-animation: cs_descr 12000ms infinite -1400ms ease;
	-moz-animation: cs_descr 12000ms infinite -1400ms ease;
	-ms-animation: cs_descr 12000ms infinite -1400ms ease;
	-o-animation: cs_descr 12000ms infinite -1400ms ease;
	animation: cs_descr 12000ms infinite -1400ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1  > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1  > .cs_descr {
	-webkit-animation: cs_descr 12000ms infinite 2600ms ease;
	-moz-animation: cs_descr 12000ms infinite 2600ms ease;
	-ms-animation: cs_descr 12000ms infinite 2600ms ease;
	-o-animation: cs_descr 12000ms infinite 2600ms ease;
	animation: cs_descr 12000ms infinite 2600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2  > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2  > .cs_descr {
	-webkit-animation: cs_descr 12000ms infinite 6600ms ease;
	-moz-animation: cs_descr 12000ms infinite 6600ms ease;
	-ms-animation: cs_descr 12000ms infinite 6600ms ease;
	-o-animation: cs_descr 12000ms infinite 6600ms ease;
	animation: cs_descr 12000ms infinite 6600ms ease;
}



@-webkit-keyframes cs_title_text {
	3.0625%, 30.260833333333334%	{ opacity: 1; -webkit-transform: translateX(-1%); }
	4.375%, 28.948333333333334%	{ opacity: 1; -webkit-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -webkit-transform: translateX(100%); }
}
@-moz-keyframes cs_title_text {
	3.0625%, 30.260833333333334%	{ opacity: 1; -moz-transform: translateX(-1%); }
	4.375%, 28.948333333333334%	{ opacity: 1; -moz-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -moz-transform: translateX(100%); }
}
@-ms-keyframes cs_title_text {
	3.0625%, 30.260833333333334%	{ opacity: 1; -ms-transform: translateX(-1%); }
	4.375%, 28.948333333333334%	{ opacity: 1; -ms-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -ms-transform: translateX(100%); }
}
@-o-keyframes cs_title_text {
	3.0625%, 30.260833333333334%	{ opacity: 1; -o-transform: translateX(-1%); }
	4.375%, 28.948333333333334%	{ opacity: 1; -o-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -o-transform: translateX(100%); }
}
@keyframes cs_title_text {
	3.0625%, 30.260833333333334%	{ opacity: 1; transform: translateX(-1%); }
	4.375%, 28.948333333333334%	{ opacity: 1; transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; transform: translateX(100%); }
}


@-webkit-keyframes cs_descr_text {
	6.125%, 25.885833333333334%	{ opacity: 1; -webkit-transform: translateX(1%); }
	8.75%, 24.573333333333334%	{ opacity: 1; -webkit-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -webkit-transform: translateX(-100%); }
}
@-moz-keyframes cs_descr_text {
	6.125%, 25.885833333333334%	{ opacity: 1; -moz-transform: translateX(1%); }
	8.75%, 24.573333333333334%	{ opacity: 1; -moz-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -moz-transform: translateX(-100%); }
}
@-ms-keyframes cs_descr_text {
	6.125%, 25.885833333333334%	{ opacity: 1; -ms-transform: translateX(1%); }
	8.75%, 24.573333333333334%	{ opacity: 1; -ms-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -ms-transform: translateX(-100%); }
}
@-o-keyframes cs_descr_text {
	6.125%, 25.885833333333334%	{ opacity: 1; -o-transform: translateX(1%); }
	8.75%, 24.573333333333334%	{ opacity: 1; -o-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -o-transform: translateX(-100%); }
}
@keyframes cs_descr_text {
	6.125%, 25.885833333333334%	{ opacity: 1; transform: translateX(1%); }
	8.75%, 24.573333333333334%	{ opacity: 1; transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; transform: translateX(-100%); }
}



.csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0 .cs_title > .cs_wrapper {
	-webkit-animation: cs_title_text 12000ms infinite -1190ms ease;
	-moz-animation: cs_title_text 12000ms infinite -1190ms ease;
	-ms-animation: cs_title_text 12000ms infinite -1190ms ease;
	-o-animation: cs_title_text 12000ms infinite -1190ms ease;
	animation: cs_title_text 12000ms infinite -1190ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1 .cs_title > .cs_wrapper {
	-webkit-animation: cs_title_text 12000ms infinite 2810ms ease;
	-moz-animation: cs_title_text 12000ms infinite 2810ms ease;
	-ms-animation: cs_title_text 12000ms infinite 2810ms ease;
	-o-animation: cs_title_text 12000ms infinite 2810ms ease;
	animation: cs_title_text 12000ms infinite 2810ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2 .cs_title > .cs_wrapper {
	-webkit-animation: cs_title_text 12000ms infinite 6810ms ease;
	-moz-animation: cs_title_text 12000ms infinite 6810ms ease;
	-ms-animation: cs_title_text 12000ms infinite 6810ms ease;
	-o-animation: cs_title_text 12000ms infinite 6810ms ease;
	animation: cs_title_text 12000ms infinite 6810ms ease;
}


.csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0 .cs_descr > .cs_wrapper {
	-webkit-animation: cs_descr_text 12000ms infinite -1190ms ease;
	-moz-animation: cs_descr_text 12000ms infinite -1190ms ease;
	-ms-animation: cs_descr_text 12000ms infinite -1190ms ease;
	-o-animation: cs_descr_text 12000ms infinite -1190ms ease;
	animation: cs_descr_text 12000ms infinite -1190ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1 .cs_descr > .cs_wrapper {
	-webkit-animation: cs_descr_text 12000ms infinite 2810ms ease;
	-moz-animation: cs_descr_text 12000ms infinite 2810ms ease;
	-ms-animation: cs_descr_text 12000ms infinite 2810ms ease;
	-o-animation: cs_descr_text 12000ms infinite 2810ms ease;
	animation: cs_descr_text 12000ms infinite 2810ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2 .cs_descr > .cs_wrapper {
	-webkit-animation: cs_descr_text 12000ms infinite 6810ms ease;
	-moz-animation: cs_descr_text 12000ms infinite 6810ms ease;
	-ms-animation: cs_descr_text 12000ms infinite 6810ms ease;
	-o-animation: cs_descr_text 12000ms infinite 6810ms ease;
	animation: cs_descr_text 12000ms infinite 6810ms ease;
}




.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title,
.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr,
.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,
.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper {
  	-webkit-transition: none;
  	-moz-transition: none;
  	-ms-transition: none;
  	-o-transition: none;
  	transition: none;
  	
}

.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_title,
.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_descr,
.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_title > .cs_wrapper,
.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper {
	-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_description > label {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}



/* /calculate autoplay *//* hide description & bullets on mobile devices */
@media
only 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;
	}
}

/* 案例container加宽1200,换成containerPw S*/
 .containerPw:before, .containerPw:after { display: table; content: " "; }
 .containerPw:after { clear: both; }
.containerPw { margin-right: auto; margin-left: auto }
.containerPw {    width: 100%;
    max-width: 1200px;}
.containerPw { min-width: inherit; width: auto; padding-left: 0; padding-right: 0; }

ul.eq-case .containerPw {
	margin:0 auto;
	width:100%;
	max-width:1200px;
}
#work ul.eq-case .containerPw {
	margin:40px auto
}
/* 案例container加宽1200,换成containerPw E*/

ul.eq-case .container {
	margin:0 auto;
	width:100%;
	max-width:1000px;
}
.container2{max-width:1000px;}
#work ul.eq-case .container {
	margin:40px auto
}
ul.eq-case li {
	position:relative;
	z-index:10;
	float:left;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:.8%;
	width:23%;
	background:#222222;
/*	background:-moz-linear-gradient(-45deg, rgba(143, 37, 187, 1) 0, rgba(18, 80, 173, 1) 100%);
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(143, 37, 187, 1)), color-stop(100%, rgba(18, 80, 173, 1)));
	background:-webkit-linear-gradient(-45deg, rgba(143, 37, 187, 1) 0, rgba(18, 80, 173, 1) 100%);
	background:-o-linear-gradient(-45deg, rgba(143, 37, 187, 1) 0, rgba(18, 80, 173, 1) 100%);
	background:-ms-linear-gradient(-45deg, rgba(143, 37, 187, 1) 0, rgba(18, 80, 173, 1) 100%);
	background:linear-gradient(135deg, rgba(143, 37, 187, 1) 0, rgba(18, 80, 173, 1) 100%);*/
	text-align:center
}
ul.eq-case  .kehu_logo{margin: .5%;
    width: 19%;
	background:#fff;}

ul.eq-case .kehu_logo .case-des h3 {
	padding-top: 15%;
	color:#222;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
transition:all .3s ease-in;
	-webkit-transform:translate3d(0, -30%, 0);
	transform:translate3d(0, -30%, 0)
}
	
	
	
ul.eq-case li a {
	display:block
}
ul.eq-case li .case-des {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	opacity:0;
	-webkit-transform:translate3d(0, 10%, 0);
	transform:translate3d(0, 10%, 0);
	filter:alpha(opacity=0)
}
ul.eq-case li .case-des h3 {
	padding-top:18%;
	color:#fff;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
transition:all .3s ease-in;
	-webkit-transform:translate3d(0, -30%, 0);
	transform:translate3d(0, -30%, 0)
}
ul.eq-case li .case-des p {
	display:inline-block;
	padding:5px 50px;
	border-top:1px solid #f8f8f8;
	color:#f8f8f8;
*display:inline;
*zoom:1
}
ul.eq-case li:hover .case-des {
	opacity:1;
-webkit-transition:-webkit-transform .3s ease-in, opacity .3s ease-in;
-moz-transition:-moz-transform .3s ease-in, opacity .3s ease-in;
transition:transform .3s ease-in, opacity .3s ease-in;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	filter:alpha(opacity=100)
}
ul.eq-case li:hover h3 {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
ul.eq-case li img {
-webkit-transition:all .3s ease-in;
transition:all .3s ease-in;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	-ms-transform:scale(1)
}
ul.eq-case li:hover img {
	opacity:.3;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	filter:alpha(opacity=30)
}




.row2-svar .col-4-1 {width: 23.5%; margin-right:2%;    float: left;
    min-height: 1px;
	    height: 350px;
    clear: right;}
 .row2-svar .col-4-1:nth-of-type(4n+4){
    margin-right: 0;
}

.portfolio-list { min-height:20px; }
.portfolio-list li { margin-bottom:25px; }
	.portfolio-img { margin-bottom:10px; overflow:hidden; }
	.portfolio-img a { position:relative; }
	.portfolio-img a, .portfolio-img img { 
		width:100%; display:block; overflow:hidden;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
	}
	.portfolio-img .opacity-overlay {
		width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; cursor:pointer; background-color:#000; opacity:0; filter:alpha(opacity=0); _height:expression( (this.parentElement.clientHeight) +'px'); 
		-webkit-transform:scale(0);
		-moz-transform:scale(0);
		-o-transform:scale(0);
		-ms-transform:scale(0);
		transform:scale(0);
		-webkit-transition:all 0.25s ease-in-out;
		-moz-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		-ms-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
	}
	.portfolio-img .icon-zoom { display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:11; background:url(../images/icon-zoom.png) no-repeat center; }
	.portfolio-img .icon-video { display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:11; background:url(../images/icon-video.png) no-repeat center; }
	.portfolio-img a:hover .opacity-overlay { 
		filter:alpha(opacity=70); opacity:0.7;
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1);
		-webkit-transition:all 0.25s ease-in-out;
		-moz-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		-ms-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
	}
	.portfolio-img a:hover img { 
		transform: scale(1.2, 1.2) rotate(10deg);
		-webkit-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
	}
	.portfolio-item:hover img, .product-item:hover img, .scrollable-item:hover img { 
		transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
	}
	.portfolio-title { margin-bottom:10px; line-height:normal; } 
	.portfolio-title h2 { font-size:14px; line-height:1.5; font-weight:normal; }
	.portfolio-title a { }
	.portfolio-title a:hover { text-decoration:none; }
	.portfolio-meta { font-size:12px; margin-bottom:10px; color:#808080; }
	.portfolio-meta em { margin:0 8px; }
	.portfolio-meta strong { font-weight:normal; }
	.portfolio-meta a { color:#808080; }
	.portfolio-meta a:hover { color:#cf2a2a; text-decoration:none; }
	.portfolio-summary { color:#808080; font-size:13px; margin-bottom:-10px; }
	.portfolio-summary p { line-height:1.5; }
	.portfolio-detail { padding-right:10px; color:#f30; font-size:13px; background:url(../images/arrow-r.gif) no-repeat right center; }
.portfolio-list .col-4-1 .portfolio-title h2 { }
.portfolio-list .col-4-1 .portfolio-summary { font-size:12px; }
.portfolio-list .col-5-1 .portfolio-title h2 {  }
.portfolio-list .col-5-1 .portfolio-summary { font-size:12px; }
.portfolio-list-shown .portfolio-img .opacity-overlay { filter:alpha(opacity=40); opacity:0.4; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
.portfolio-list-shown .portfolio-img a:hover .opacity-overlay { filter:alpha(opacity=80); opacity:0.8; }
.portfolio-list-shown .portfolio-title { text-align:center; }

.portfolio-gallery .portfolio-title{ text-align: center; }


	.portfolio-item { padding-bottom:20px; background-color:#fff; border:1px solid #ccc; padding: 5px; }
	.portfolio-item .portfolio-title h2 { }
	.portfolio-item .portfolio-title a { color:#333 ; }
	.portfolio-item .portfolio-title a:hover { color:#2DAEDF ; }
	.portfolio-item .portfolio-title { padding:5px 10px; }
	.portfolio-item .portfolio-summary  { margin:0 10px; }

/*.portfolio-list .col-2-1 .portfolio-item { min-height:390px; height:auto !important; _height:390px; }
.portfolio-list .col-3-1 .portfolio-item { min-height:360px; height:auto !important; _height:360px; }
.portfolio-list .col-4-1 .portfolio-item { min-height:300px; height:auto !important; _height:300px; }
.portfolio-list .col-5-1 .portfolio-item { min-height:260px; height:auto !important; _height:260px; }*/


.post-list-item { background-color:#fff; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.post-img { overflow:hidden; position:relative; }
.post-img img { 
	width:100%; display:block; 
	-webkit-transform:scale(1);	-moz-transform:scale(1); -o-transform:scale(1);	-ms-transform:scale(1);	transform:scale(1);
	-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;
}
.post-img span { 
	display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-color:#000; opacity:0; filter:alpha(opacity=0); 
	-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;
}
.post-img i { 
	display:block; width:57px; height:57px; position:absolute; top:50%; left:50%; margin-left:-28px; margin-top:-28px; background:url(../images/icon-link.png) no-repeat center; opacity:0; filter:alpha(opacity=0);
	-webkit-transition:-webkit-transform 0.5s ease-out;	-moz-transition:-moz-transform 0.5s ease-out; transition:transform 0.5s ease-out; 
} 
.post-text-box { position:relative; }
.post-text { padding:20px; }
.post-text h2 { line-height:normal; font-size:16px; margin-bottom:10px; }
.post-text-summary { font-size:13px; color:#808080; overflow:hidden; }
.post-text-summary .qhd-content p { line-height:1.6; }
.post-arrow { position:absolute; z-index:10; display:block; overflow:hidden; background-image:url(../images/post-arrow.gif); background-repeat:no-repeat; }
.post-list-item:hover { position:relative; z-index:5; box-shadow:0 0 10px rgba(0,0,0,0.45); 
	/*-webkit-transform:scale(1.01, 1.01); -moz-transform:scale(1.01, 1.01); -o-transform:scale(1.01, 1.01); -ms-transform:scale(1.01, 1.01); transform:scale(1.01, 1.01);*/
}
.post-list-item:hover .post-img img {
	-webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);
	-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;
}
.post-list-item:hover .post-img span { opacity:0.6; filter:alpha(opacity=60); }
.post-list-item:hover .post-img i { opacity:1; filter:alpha(opacity=100); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); }

.post-text-center { text-align:center; }
.post-text-detail { padding-top:10px; line-height:normal; }
.post-text-detail a { display:inline-block; *display:inline; *zoom:1; color:#999; font-size:12px; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.post-text-detail a:hover {  color:#fab702 !important; }
.light-box .post-text-detail a { color:#999 !important; }

.post-list-2col .post-img, .post-list-2col .post-text-box { float:left; width:50%; }
.post-list-2col .post-text { padding:30px; }
.post-list-2col .post-text h2 { margin-bottom:15px; }
.post-list-2col .post-list-item .post-arrow { width:10px; height:19px; top:50%; left:-10px; margin-top:-10px; background-position:0 -42px; }
.post-list-2col .post-list-item-spec .post-img { float:right; }
.post-list-2col .post-list-item-spec .post-arrow { top:50%; left:auto; right:-10px; margin-top:-10px; background-position:0 -11px; }

.post-list-3col .post-list-item { float:left; width:33.33333%; }
.post-list-3col .post-list-item .post-text { padding:30px; }
.post-list-3col .post-list-item .post-arrow { width:19px; height:10px; top:-10px; left:50%; margin-left:-10px; background-position:0 0; }
.post-list-3col .post-list-item-spec .post-img { top:280px; }
.post-list-3col .post-list-item-spec .post-text-box { top:-280px; }
.post-list-3col .post-list-item-spec .post-arrow { top:auto; bottom:-10px; background-position:0 -31px; }

.post-list-4col .post-list-item { width:50%; float:left; }
.post-list-4col .post-img, .post-list-4col .post-text-box { width:50%; float:left; }
.post-list-4col .post-list-item .post-arrow { width:10px; height:19px; top:50%; left:-10px; margin-top:-10px; background-position:0 -42px; }
.post-list-4col .post-list-item-spec .post-img { float:right; }
.post-list-4col .post-list-item-spec .post-arrow { top:50%; left:auto; right:-10px; margin-top:-10px; background-position:0 -11px; }
.post-list-4col .post-text h2 { font-size:15px; }


.portfolio-grid { }
.portfolio-grid-item { float:left; }
.portfolio-grid-item a { display:block; position:relative; }
.portfolio-grid-img { overflow:hidden; }
.portfolio-grid-img img { 
	display:block; width:100%;
	-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);
	-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; 
}
.portfolio-grid-text { 
	position:absolute; top:38%; left:0; z-index:11; width:100%; opacity:0; filter:alpha(opacity=0); 
	-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;
}
.portfolio-grid-text h3 {
	font-size:15px; text-align:center; padding:0 15px; margin-top:-15px; 
	-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; 
}
.portfolio-grid-item .overlay { 
	display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; background-color:#000; opacity:0; filter:alpha(opacity=0); _height:expression( (this.parentElement.clientHeight) +'px'); 
	-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; 
}
.portfolio-grid-item a:hover img { 
	-webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);		
	-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;
}
.portfolio-grid-item a:hover .portfolio-grid-text { opacity:1; filter:alpha(opacity=100); }
.portfolio-grid-item a:hover .portfolio-grid-text h3 { margin-top:0px; }
.portfolio-grid-item a:hover .overlay { opacity:0.8; filter:alpha(opacity=80); }


.portfolio-grid-4col .portfolio-grid-item { width:25%; }
.portfolio-grid-3col .portfolio-grid-item { width:33.333%; }

.full-page-content { width:100%; margin-left:auto; margin-right:auto; padding:50px 0 85px; }
	.full-page-content-wrapper { min-height:150px; height:auto !important; _height:150px; }	


	.full-screen { width:100%; overflow:hidden; }
	
.column .col-4-3 {
    width: 74.25%;
    margin-right: 3%;
	float: left;
    min-height: 1px;
    height: auto !important;
}
@media (max-width: 735px)
{
	ul.eq-case li{
		
		margin:.5%;
	width:49%;
	}
	
	ul.eq-case li .case-des h3{
	padding-top: 0;}
ul.eq-case li .case-des p {
    padding: 5px 0;}
	ul.eq-case  .kehu_logo{margin: .5%;
    width: 24%;}
	
	.row2-svar .col-4-1 {
    width: 48%;
    margin-right: 2%;
    float: left;
    min-height: 1px;
    clear: right;
}
	 .row2-svar .col-4-1:nth-of-type(2n+2){
    margin-right: 0;
}
	}

.ktCheangJoin{ display:none;}

.kaitell_link{display:none;}