/*!
Theme Name: antai
Theme URI: http://www.szantai.group/
Author: wangmin
Author URI: http://www.9web.com.cn
Description: This is a new theme.
Version: 1.0.0
*/
.special-hover,.btn,.btn-prev,.btn-next,.btn-expand,.btn-reduce,.tools a,#footer .menu-footer a,#front .menu-main .item a,#back .menu-main .back a,.menu-subpage .back a,#back .menu-main .item a,.menu-subpage .item a{position:relative;}
.special-hover span,.btn span,.btn-prev span,.btn-next span,.btn-expand span,.btn-reduce span,.tools a span,#footer .menu-footer a span,#front .menu-main .item a span,#back .menu-main .back a span,.menu-subpage .back a span,#back .menu-main .item a span,.menu-subpage .item a span{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);color:#000;-webkit-transition:-webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:-moz-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:-o-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:-ms-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);transition:transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);display:block}
.special-hover:after,.btn:after,.btn-prev:after,.btn-next:after,.btn-expand:after,.btn-reduce:after,.tools a:after,#footer .menu-footer a:after,#front .menu-main .item a:after,#back .menu-main .back a:after,.menu-subpage .back a:after,#back .menu-main .item a:after,.menu-subpage .item a:after{content:attr(data-text);color:#fff;position:absolute;left:0;right:0;padding-top:4px;top:0;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:-moz-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:-o-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:-ms-transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);transition:transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);text-align:center;background:#000}
.special-hover:hover span,.btn:hover span,.btn-prev:hover span,.btn-next:hover span,.btn-expand:hover span,.btn-reduce:hover span,.tools a:hover span,#footer .menu-footer a:hover span,#front .menu-main .item a:hover span,#back .menu-main .back a:hover span,.menu-subpage .back a:hover span,#back .menu-main .item a:hover span,.menu-subpage .item a:hover span,.special-hover.status-active span,.btn.status-active span,.btn-prev.status-active span,.btn-next.status-active span,.btn-expand.status-active span,.btn-reduce.status-active span,.tools a.status-active span,#footer .menu-footer a.status-active span,#front .menu-main .item a.status-active span,#back .menu-main .back a.status-active span,.menu-subpage .back a.status-active span,#back .menu-main .item a.status-active span,.menu-subpage .item a.status-active span,#footer .menu-footer a.active span,#front .menu-main .item.active-parent a span{-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;-ms-transition-duration:1s;transition-duration:1s;-webkit-transform:translate3d(0,-14px,0);-moz-transform:translate3d(0,-14px,0);-o-transform:translate3d(0,-14px,0);-ms-transform:translate3d(0,-14px,0);transform:translate3d(0,-14px,0)}
.special-hover:hover:after,.btn:hover:after,.btn-prev:hover:after,.btn-next:hover:after,.btn-expand:hover:after,.btn-reduce:hover:after,.tools a:hover:after,#footer .menu-footer a:hover:after,#front .menu-main .item a:hover:after,#back .menu-main .back a:hover:after,.menu-subpage .back a:hover:after,#back .menu-main .item a:hover:after,.menu-subpage .item a:hover:after,.special-hover.status-active:after,.btn.status-active:after,.btn-prev.status-active:after,.btn-next.status-active:after,.btn-expand.status-active:after,.btn-reduce.status-active:after,.tools a.status-active:after,#footer .menu-footer a.status-active:after,#front .menu-main .item a.status-active:after,#back .menu-main .back a.status-active:after,.menu-subpage .back a.status-active:after,#back .menu-main .item a.status-active:after,.menu-subpage .item a.status-active:after,#footer .menu-footer a.active:after,#front .menu-main .item.active-parent a:after{-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;-ms-transition-duration:1s;transition-duration:1s;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.no-csstransforms3d .special-hover span,.no-csstransforms3d .btn span,.no-csstransforms3d .btn-prev span,.no-csstransforms3d .btn-next span,.no-csstransforms3d .btn-expand span,.no-csstransforms3d .btn-reduce span,.no-csstransforms3d .tools a span,.no-csstransforms3d #footer .menu-footer a span,.no-csstransforms3d #front .menu-main .item a span,.no-csstransforms3d #back .menu-main .back a span,.no-csstransforms3d .menu-subpage .back a span,.no-csstransforms3d #back .menu-main .item a span,.no-csstransforms3d .menu-subpage .item a span{top:0;-webkit-transition:top 0.85s cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:top 0.85s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:top 0.85s cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:top 0.85s cubic-bezier(0.19, 1, 0.22, 1);transition:top 0.85s cubic-bezier(0.19, 1, 0.22, 1)}
.no-csstransforms3d .special-hover:after,.no-csstransforms3d .btn:after,.no-csstransforms3d .btn-prev:after,.no-csstransforms3d .btn-next:after,.no-csstransforms3d .btn-expand:after,.no-csstransforms3d .btn-reduce:after,.no-csstransforms3d .tools a:after,.no-csstransforms3d #footer .menu-footer a:after,.no-csstransforms3d #front .menu-main .item a:after,.no-csstransforms3d #back .menu-main .back a:after,.no-csstransforms3d .menu-subpage .back a:after,.no-csstransforms3d #back .menu-main .item a:after,.no-csstransforms3d .menu-subpage .item a:after{top:100%;-webkit-transition:top 0.85s cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:top 0.85s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:top 0.85s cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:top 0.85s cubic-bezier(0.19, 1, 0.22, 1);transition:top 0.85s cubic-bezier(0.19, 1, 0.22, 1);bottom:0}
.no-csstransforms3d .special-hover:hover span,.no-csstransforms3d .btn:hover span,.no-csstransforms3d .btn-prev:hover span,.no-csstransforms3d .btn-next:hover span,.no-csstransforms3d .btn-expand:hover span,.no-csstransforms3d .btn-reduce:hover span,.no-csstransforms3d .tools a:hover span,.no-csstransforms3d #footer .menu-footer a:hover span,.no-csstransforms3d #front .menu-main .item a:hover span,.no-csstransforms3d #back .menu-main .back a:hover span,.no-csstransforms3d .menu-subpage .back a:hover span,.no-csstransforms3d #back .menu-main .item a:hover span,.no-csstransforms3d .menu-subpage .item a:hover span{top:-14px}
.no-csstransforms3d .special-hover:hover:after,.no-csstransforms3d .btn:hover:after,.no-csstransforms3d .btn-prev:hover:after,.no-csstransforms3d .btn-next:hover:after,.no-csstransforms3d .btn-expand:hover:after,.no-csstransforms3d .btn-reduce:hover:after,.no-csstransforms3d .tools a:hover:after,.no-csstransforms3d #footer .menu-footer a:hover:after,.no-csstransforms3d #front .menu-main .item a:hover:after,.no-csstransforms3d #back .menu-main .back a:hover:after,.no-csstransforms3d .menu-subpage .back a:hover:after,.no-csstransforms3d #back .menu-main .item a:hover:after,.no-csstransforms3d .menu-subpage .item a:hover:after{top:0}
.full-size,.loader,.popup-holder,.popup-overlay,.inp-avatar .sk-fake-file-wrap-text,#mother,#front,#back,.main-overlay,.section-detail,.crossroad-article,.crossroad-article .content-wrap,.crossroad-article .img,.crossroad-article .img > a,.crossroad-category,.crossroad-category .img,.crossroad-services .img,.crossroad-sortiment,.crossroad-brands,.crossroad-brands .item span,.crossroad-references,.crossroad-references .overlay,.crossroad-references .img,.crossroad-references .title,.box-intro,.box-intro .slides,.box-message,.box-message-portrait,.box-gallery,.box-gallery .gallery,.box-gallery .gallery .scroll .bg,.box-gallery .content-wrap,.box-gallery .content-detail-wrap,.box-magazin,.box-twocols,.box-twocols .col-left,.box-twocols .col-right,.box-youtube,.box-youtube .play,.box-youtube .stop,.box-youtube .pause{position:absolute;left:0;right:0;bottom:0;top:0}
.vertical-content:before,.menu-section .menu .wrap:before,.crossroad-article .content-wrap:before,.crossroad-category li > a:before,.crossroad-services .page:before,.crossroad-section .page:before,.crossroad-references .title:before,.crossroad-team:before,.box-intro .item:before,.box-intro .pager:before,.box-message:before,.box-gallery .content-wrap:before,.box-magazin:before,.box-content:before,.box-contact:before,.box-twocols .col-left:before,.box-twocols .col-right:before,.box-404:before,.box-outlet:before,.box-cta:before{content:'';display:inline-block;vertical-align:middle;height:100%;width:1px}

.loader{background:#000;background:rgba(0,0,0,0.75);z-index:100;visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;}
.loader .circle{position:absolute;left:50%;top:50%;margin-top:-30px;margin-left:-30px;width:56px;height:56px;border:2px solid #666;-webkit-border-radius:30px;border-radius:30px}
.loader .sk-countdown-circle{top:-2px;left:-2px}
.loader .status{position:absolute;left:50%;top:50%;margin-top:-30px;margin-left:-30px;width:60px;height:60px;line-height:62px;text-align:center;color:#fff;font-weight:bold;font-size:16px}
#page-loader{bottom:0;top:0}
.loader-main .circle,.loader-main .sk-countdown-circle,.loader-main .status{display:none}
.loader-main .logo{position:absolute;left:50%;top:50%;width:223px;height:133px;margin:-62px 0 0 -112px}
.loader-main .logo-bar,.loader-main .logo-status{position:absolute;top:0;left:0;background:url("images/sprite.png") -370px -2px no-repeat;width:223px;height:133px}
.loader-main .logo-bar{opacity:.15;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";filter:alpha(opacity=15)}
.loader-main .logo-status{width:0}
.sk-countdown-circle{font-size:60px !important;width:1em;height:1em;}
.ie7 .sk-countdown-circle,.ie8 .sk-countdown-circle{display:none}
.sk-countdown-circle,.sk-countdown-circle .sk-countdown-clip,.sk-countdown-circle .sk-countdown-bar{position:absolute;left:0;top:0}
.sk-countdown-circle .sk-countdown-clip{width:.5em;height:1em;overflow:hidden}
.sk-countdown-circle .sk-countdown-bar{width:52px;height:52px;border:4px solid #fff;-webkit-border-radius:.5em;border-radius:.5em;clip:rect(0,.5em,1em,0)}
.sk-countdown-circle .sk-countdown-clip + .sk-countdown-clip{left:.5em;}
.sk-countdown-circle .sk-countdown-clip + .sk-countdown-clip .sk-countdown-bar{left:auto;right:0;clip:rect(0,1em,1em,.5em)}
.popup-holder{padding:50px}
.popup-overlay{background:rgba(0,0,0,0.75)}
.popup-window{position:absolute;top:50%;left:0;right:0;padding:0 80px}
.popup-content{position:relative;max-width:1280px;margin:0 auto;background:#000;min-height:50px}
.popup-close{background:url("images/sprite.png") -510px -411px no-repeat;width:60px;height:60px;position:absolute;right:-60px;top:0;cursor:pointer;}
.popup-close:hover{background:url("images/sprite.png") -446px -411px no-repeat}
.box-youtube-holder{padding:0 0 56.25%;position:relative;}
.box-youtube-holder .player,.box-youtube-holder iframe{display:block;width:100% !important;height:100% !important}
/*
 *	Forms
 */
.inp-text{display:block;border:none;padding:20px 19px 19px;border:1px solid #000;background:#000;color:#666;font-family:"futura-pt",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:16px;line-height:19px;height:19px;-webkit-transition:all 0.15s;-moz-transition:all 0.15s;-o-transition:all 0.15s;-ms-transition:all 0.15s;transition:all 0.15s;}
.inp-text::-moz-placeholder{color:#666;opacity:1;-ms-filter:none;filter:none}
.inp-text::-webkit-input-placeholder{color:#666;opacity:1;-ms-filter:none;filter:none}
.inp-text:focus::-moz-placeholder{color:#666}
.inp-text:focus::-webkit-input-placeholder{color:#666}
.inp-text:focus{background:#151515;border-color:#151515;color:#fff}
.error .inp-text{border-color:#a03333;color:#a03333}
textarea.inp-text{height:auto}
.inp-fix{position:relative;display:block;padding:0 40px 0 0;}
.inp-fix .inp-text{width:100%;margin:0 -40px 0 0;}
.ie7 .inp-fix .inp-text{margin-top:-1px}
.inp-fix-arrow{padding-top:14px;}
.inp-fix-arrow:before{content:'';width:0;height:0;position:absolute;left:50%;top:0;margin-left:-14px;overflow:hidden;font:0/0 a;color:transparent;text-decoration:none;border-width:0 14px 14px;border-style:solid dashed;border-color:#000 transparent}
.inp-item{position:relative;display:block;text-align:left;font-size:14px;line-height:20px;padding:10px 0 10px 30px;}
.inp-item a{text-decoration:none}
.inp-item input{position:absolute;left:-5000px}
.inp-item span:before,.inp-item span:after{content:'';width:18px;height:18px;background:#000;border:1px solid #000;position:absolute;left:0;top:10px;-webkit-transition:border-color 0.15s;-moz-transition:border-color 0.15s;-o-transition:border-color 0.15s;-ms-transition:border-color 0.15s;transition:border-color 0.15s;cursor:pointer}
.inp-item span:after{background:url("images/sprite.png") -597px -506px no-repeat;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);border:none;width:20px;height:20px;-webkit-transition:opacity 0.15s;-moz-transition:opacity 0.15s;-o-transition:opacity 0.15s;-ms-transition:opacity 0.15s;transition:opacity 0.15s}
.inp-item input:focus + span:before,.inp-item input:checked + span:after{border-color:#fff}
.inp-item input:checked + span:after{opacity:1;-ms-filter:none;filter:none}
.inp-avatar{width:120px;height:120px;margin:0 auto 30px;position:relative;-webkit-border-radius:60px;border-radius:60px;background:url("images/sprite.png") -454px -199px no-repeat;overflow:hidden;}
.inp-avatar img{position:absolute;left:0;top:0;-webkit-border-radius:60px;border-radius:60px}
.inp-avatar + h1{font-size:30px;line-height:40px}
.inp-avatar .sk-fake-file-wrap-text{line-height:120px;}
.inp-avatar .sk-fake-file-wrap-text span{display:inline-block;vertical-align:middle;text-transform:uppercase;font-size:14px;line-height:20px;color:#000;font-weight:bold;margin:0 20px;}
.inp-avatar .sk-fake-file-wrap-text span:before{content:'';display:block;margin:0 auto 10px;background:url("images/sprite.png") -597px -482px no-repeat;width:24px;height:20px}
.inp-avatar .sk-fake-file{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity 0.15s;-moz-transition:opacity 0.15s;-o-transition:opacity 0.15s;-ms-transition:opacity 0.15s;transition:opacity 0.15s;}
.inp-avatar .sk-fake-file.done,.inp-avatar .sk-fake-file:hover{opacity:1;-ms-filter:none;filter:none}
.btn,.btn-prev,.btn-next,.btn-expand,.btn-reduce,.tools a{display:inline-block;vertical-align:middle;margin:0;padding:0;border:none;background:none;text-decoration:none;font-family:"futura-pt",Arial,"Helvetica Neue",Helvetica,sans-serif;border:1px solid #000;font-size:12px;font-weight:bold;width:100px;text-align:center;line-height:25px;text-transform:uppercase;padding-top:2px;overflow:hidden;letter-spacing:.2em;}
.ie7 .btn,.ie7 .btn-prev,.ie7 .btn-next,.ie7 .btn-expand,.ie7 .btn-reduce,.ie7 .tools a{display:inline;zoom:1}
.btn:after,.btn-prev:after,.btn-next:after,.btn-expand:after,.btn-reduce:after,.tools a:after{padding-top:2px}
.btn-prev,.btn-next,.btn-expand,.btn-reduce{position:absolute;border:none;background:#fff;width:auto;z-index:10}
.btn-prev{left:20px}
.btn-next{right:20px}
.btn-prev,.btn-next{top:50%;font:0/0 a;color:transparent;text-decoration:none;width:40px;height:40px;padding:0;line-height:40px;margin-top:-20px;}
.btn-prev span,.btn-next span{display:inline-block;vertical-align:middle;width:40px;height:40px}
.btn-prev:after,.btn-next:after{display:block;width:40px;height:40px}
.btn-next span{background:url("images/sprite.png") -597px -218px no-repeat}
.btn-next:after{background:url("images/sprite.png") -597px -174px no-repeat;background-color:#000}
.btn-prev span{background:url("images/sprite.png") -597px -306px no-repeat}
.btn-prev:after{background:url("images/sprite.png") -597px -130px no-repeat;background-color:#000}
.btn-expand,.btn-reduce{top:20px;right:20px;padding:2px 20px 0}
.btn-reduce span{padding-right:35px;background:url("images/reduce.png") 100% 40% no-repeat}
.btn-reduce:after{padding-right:35px;background:#000 url("images/reduce-hover.png") 100% 40% no-repeat}
.btn-expand span{padding-right:35px;background:url("images/expand.png") 100% 40% no-repeat}
.btn-expand:after{padding-right:35px;background:#000 url("images/expand-hover.png") 100% 40% no-repeat}
.btn-full{width:100%;border:none;font-size:16px;background:#fff;line-height:58px;-webkit-box-shadow:0 2px 1px #000;box-shadow:0 2px 1px #000;}
.btn-full:after{background:#666}
.btn-ext span{padding-right:25px;text-align:right;background:url("images/ext.png") 100% 47% no-repeat}
.btn-ext:after{padding-right:25px;text-align:right;background:#000 url("images/ext-hover.png") 100% 47% no-repeat}
.sk-fake-file{display:block;position:absolute;left:0;top:0;width:120px;height:120px;zoom:1;overflow:hidden;background:#fff;-webkit-border-radius:60px;border-radius:60px;cursor:pointer}
.sk-fake-file-wrap{position:absolute;top:-6px;left:0;width:100%;z-index:2;cursor:pointer}
.sk-fake-file-file{width:100%;height:130px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);font-size:130px;line-height:130px;text-align:right;vertical-align:top;position:absolute;right:0;top:0;cursor:pointer}
.tools{position:absolute;right:0;top:0;}
.tools a{border:none;background:#fff;width:auto;display:block;font:0/0 a;color:transparent;text-decoration:none;width:60px;height:60px;padding:0;line-height:60px;}
.tools a span{display:inline-block;vertical-align:middle;width:60px;height:60px}
.tools a:after{content:'';width:60px;height:60px}
.tools .close span{background:url("images/sprite.png") -446px -411px no-repeat}
.tools .close:after{background:url("images/sprite.png") -510px -411px no-repeat;background-color:#000}
.tools .next span{background:url("images/sprite.png") -597px -66px no-repeat}
.tools .next:after{background:url("images/sprite.png") -597px -2px no-repeat;background-color:#000}
.tools .prev span{background:url("images/sprite.png") -382px -411px no-repeat}
.tools .prev:after{background:url("images/sprite.png") -318px -411px no-repeat;background-color:#000}
#mq{position:absolute;top:-5000px;left:0;}
@media (min-width:1024px){#mq{left:10px}
}@media (min-width:1600px){#mq{left:20px}
}
@media (max-width:999px){html{overflow:scroll}
}@media (max-height:500px){html{overflow:scroll}
}@media (max-width:1000px) and (orientation:portrait){html.touch{overflow:hidden}
}body{position:relative;}
@media (max-width:1000px) and (orientation:portrait){.touch body{min-width:1px}
}#mother{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;perspective:2000px}
#front,#back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
#front{z-index:120;background:url(images/loading.gif) no-repeat center center;}
.csstransforms3d #front{-webkit-transform:rotateY(0) translate3d(0,0,0);-moz-transform:rotateY(0) translate3d(0,0,0);-o-transform:rotateY(0) translate3d(0,0,0);-ms-transform:rotateY(0) translate3d(0,0,0);transform:rotateY(0) translate3d(0,0,0)}
.csstransforms3d .back #front{-webkit-transform:rotateY(-180deg) translate3d(0,0,0);-moz-transform:rotateY(-180deg) translate3d(0,0,0);-o-transform:rotateY(-180deg) translate3d(0,0,0);-ms-transform:rotateY(-180deg) translate3d(0,0,0);transform:rotateY(-180deg) translate3d(0,0,0)}
.no-csstransforms3d .back #front{display:none}
.main{position:absolute;left:0;right:0;bottom:0px;top:0px;overflow:hidden;}
#back .main{bottom:0}
.js .main{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.main-overlay{display:none;z-index:100;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);background:transparent;}
.is-animation .main-overlay{display:block}
.section{width:100%;height:100%;position:relative;overflow:hidden;}
#back .section{background:#222}

.box-intro{overflow:hidden;z-index:10;}
.box-intro .slides{overflow:hidden;z-index:10}
.box-intro .item{width:100%;height:100%;background:#666 50% 50% no-repeat;overflow:hidden;position:relative;}
.box-intro .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff 50% 50% no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;z-index:1}
.box-intro .bg .item{display:none}
.box-intro .content{position:absolute;left:50%;vertical-align:middle;width:1200px;-webkit-transform:translateZ(.1px);margin-left:-600px;z-index:2;top:200px;font-family: "微软雅黑"}
.box-intro .content .title{width:300px;}
.box-intro .content > *{position:relative;z-index:10;-webkit-transform:translateZ(.1px)}
.js .box-intro .content > *{left:-50px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.box-intro .title{color:#fff;font-size:30px;line-height:60px;margin:0}
/*.box-intro .title img{height:30px;}*/
.box-intro .separator{margin:30px auto 35px;color:#fff;height:42px;}
.box-intro .separator img{width: 813px;}
.box-intro .separator:before,.box-intro .separator:after{background:#494141;background:rgba(255,255,255,0.2);width:300px}
.box-intro .btn{border-color:#fff;-webkit-transform:translateZ(.1px);margin-top: 40px;width: 158px;height: 40px;line-height: 40px;}
.box-intro .btn:after{background:#fff;color:#000}
.box-intro .btn span{color:#fff}

.box-intro .pager{position:absolute;width:100%;left:0px;bottom:17px;z-index:12;height:70px;}
.box-intro .pager .pages{width:606px;height:70px;position:absolute;left:50%;margin-left:-303px;top:0px;background:url(images/bg_paginationline2.png) no-repeat 0px center;}
.box-intro .pager .pages a{float:left;width:70px;height:70px;background:url(images/bg_paginationli.png) no-repeat center center;margin:0 15px;}
.box-intro .pager .pages a span{float:left;width:100%;height:100%;overflow: hidden;text-indent: -999px;}
.box-intro .pager .pages a.active span{background:url(images/bg_paginationtab.png) no-repeat;}

@media only screen and (max-width: 2000px) {
.box-intro .content{
    position:absolute;left:50%;vertical-align:middle;width:960px;-webkit-transform:translateZ(.1px);margin-left:-480px;z-index:2;top:120px;font-family: "微软雅黑"}



.box-intro .w-detaile{position: absolute;bottom: 20px;right: 60px;color: #fff;font-size: 14px;z-index: 9999;}
}
@media only screen and (max-width: 960px) {
    .box-intro .content{position:absolute;left:5%;vertical-align:middle;width:90%;-webkit-transform:translateZ(.1px);margin-left:0px;z-index:2;top:30px;font-family: "微软雅黑"}
    .box-intro .bg{background-size: 1700px 365px;}
    /*#visual {height: 365px;}*/
    .box-intro .w-detaile{right: 20px;}
    .separator img{width: 100%;}
    .box-intro .btn{margin-top: 20px;}
    .box-intro .separator img{width: 100%;}
    /*.box-intro .pager .pages*/
    .box-intro .pager{height:12px;bottom:60px;}
    .box-intro .pager .pages{height:12px;position:absolute;bottom:30px;background: none;margin-left: 0;width: 90%;left: 5%;}
    .box-intro .pager .pages a{width:12px;height:12px;background:url(images/quan11.png) no-repeat center center;display: block;margin: 0;margin-right:12px;}
    .box-intro .pager .pages a span{float:left;overflow: hidden;text-indent: -999px;}
    .box-intro .pager .pages a.active{background:url(images/quan22.png) no-repeat;}
}
@media only screen and (max-width: 930px) {
    
    .index-data .data  .data-shape p{line-height: 20px;}
    .index-data .data  .data-shape  a.no{margin-top: 0;}
    .index-news-con .imgs-slider{width: 100%;margin-left: 0;}
}
