@charset "utf-8";
/* reset */
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure,  nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }

textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
caption, th { text-align: left }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body { line-height: 1.5 }
a:link,
a:visited,
a:active,
a { text-decoration: none; color:#2D2E32;  }
a:hover { color:#ff0000;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;}



/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after,  .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .main, .footer { *zoom: 1 }


.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

/*公用样式end*/

a,
a:active,
a:focus,
input:focus,
a:hover,
a.music-toggle-btn:active,
a.music-toggle-btn:focus,
input:focus,
a.music-toggle-btn:hover,
img,
img:active,
img:focus,
li:active,
li:focus,
li:focus,
div,
div:active,
div:focus,
div:hover,
button,
button:active,
button:focus,
button:hover {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plainteeet-only;outline:none;-webkit-tap-highlight-color: transparent;}


.mousebox { width: 50px; height: 50px; position: fixed; left: 50%; bottom: 130px; margin: 0 0 0 -25px; z-index: 100; background:rgba(255,255,255,0.2); border-radius:100%; box-shadow:0 0 5px rgba(255,255,255,0.8); display:none; }
.lt9 .mousebox { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#22ffffff", EndColorStr="#22ffffff");}
.mouse { display: block; width: 20px; height: 45px; margin:5px auto 0; background:no-repeat;  cursor: default; }



body > span,
body > a { font-size:0; display:none; }


.flashplear{ position:absolute !important; width:100%; height:100%; z-index:1000; display:none; overflow:hidden;}
.noflash .flashplear { display:block;}
.video-auto-box-11.noflash .mark { z-index:10001;}
.noflash .play-1 { display:none;}
.service .main,
.index .main { position:fixed; z-index:1; width:100%;  left:0; top:0px; bottom:0; margin:0;}
.service-bak,
.index-bk { position:absolute; top:0; left:0; height:100%; width:100%;  background-color:#fff; overflow:hidden; transform:translateY(100%); -webkit-transform:translateY(100%); transition:0.8s all; -webkit-transition:0.8s all;}


.no-ts .index-bk{ top:100%; transform:translateY(0%); -webkit-transform:translateY(0%);}
.no-ts .index-bk.index-1 { top:0;}
.lt9 .no-ts .index-bk { top:0;}
.index-bk.index-1 { z-index:1; top:0; transform:translateY(0%); -webkit-transform:translateY(0%); }
.index-bk.index-2 {z-index:5; }
.index-bk.index-3 {z-index:6; }
.index-bk.index-4 {z-index:7; }
.index-bk.index-5 {z-index:8; }

.lt9	.service .main,
.lt9	.index .main { position:relative; top:0; margin-top:100px; }
.main { margin-top:100px; min-height:400px; position:relative; z-index:2;}
.lt8 .main { padding-top:100px;}
.lt9	.service-bak,
.lt9	.index-bk { position:relative; left:0; top:0; transform:translateY(0); -webkit-transform:translateY(0); transition:none; -webkit-transition:none; min-height:450px;}
.lt9	.index-bk.index-5 { min-height:0 !important;}
.lt9 .service	footer,
.lt9 .index	footer { position:relative; top:0; transform:translateY(0); -webkit-transform:translateY(0);}


.no-ts .index-1 ul li { left:100%;}
.no-ts .index-1 ul li:first-child { left:0;}
.auto-box-div { position:relative; }
.auto-box-div img { position:absolute; width:100%; height:100%; left:0; top:0;}


.mark { background:url(../images/mark.gif) repeat 0 0; opacity:0.3; filter:alpha(opacity=30); width:100%; height:100%; display:block;  position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; }
.banner-load { position:absolute; width:100%; left:0; bottom:0; height:5px; z-index:9;  }
.banner-load i { display:block; height:5px; background:#E16A12; width:0;}

.service-bak video{ z-index:3; width:100%; height:100%;}
.service-bak .video-auto-box .mark{ display:block !important; z-index:10000;}

.lazy-item { background:url(../images/error.gif) no-repeat center #fff;}

.anim2_down .index-1{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim2_down .index-2{   transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim2_up .index-1 { transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim2_up .index-3{   transform:translateY(100%); -webkit-transform:translateY(100%); }
.anim2_up .index-2{  transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim3_down .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim3_down .index-2{  transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim3_down .index-3{ transform:translateY(0%); -webkit-transform:translateY(0%); }


.anim3_up .index-2 { transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim3_up .index-4{  transform:translateY(100%); -webkit-transform:translateY(100%); }
.anim3_up .index-3{  transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim4_down .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim4_down .index-2{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim4_down .index-3{  transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim4_down .index-4{  transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim4_up .index-2 { transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim4_up .index-3 { transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim4_up .index-5{  transform:translateY(100%); -webkit-transform:translateY(100%); }
.anim4_up .index-4{  transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim5_down .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_down .index-2{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_down .index-3{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_down .index-4{  transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim5_down .index-5{ transform:translateY(0%); -webkit-transform:translateY(0%); }
.anim5_down.footer{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }




.lt9 .index-3 .mask-txt I.icon,
.lt9 .index-4 .mask-txt I.icon { display:none !important; }

.load-aa {  text-align:center; background:url(../images/bx_loader.gif) no-repeat center 75% #fff; width:60px; height:60px; box-shadow:0 0 5px #bbb;  border-radius:10px; padding-top:5px;   position:absolute; left:50%; margin:-25px 0 0 -30px;  top:50%;}
.ajax-l-box .load-aa { position:fixed;}

.cont-2 .c a{ display:block; border:2px solid #fff; padding:2px 0; text-align:center; font-size:1.5em; color:#fff; border-radius:5px;}

@keyframes myanimate
{
0% { transform:translateY(0) scale(1,1);}
100%{transform:translateY(15px)  scale(0.9,0.9);}
}
@-webkit-keyframes myanimate
{
0% { transform:translateY(0) scale(1,1);}
100%{transform:translateY(15px)  scale(0.9,0.9);}
}

.cont-map-box.open { bottom:0; top:100px; opacity:1; filter:alpha(opacity=100);}
.cont-map-box { position:fixed; opacity:0; filter:alpha(opacity=0); left:0; top:50%; bottom:50%; overflow:hidden; z-index:100; width:100%; transition:1s all; -webkit-transition:1s all}
.cont-map-box .close1 {position:absolute; right:20px; top:20px; opacity:0.8; filter:alpha(opacity=80); width:50px; height:50px; background:#ff0000; z-index:2;  }
.cont-map-box .close1 i { width:50px; height:50px; background:url(../images/x2.gif) center no-repeat ; display:block; transition:0.5s all; -webkit-transition:0.5s all;}
.cont-map-box .close1:hover i{ transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); }
.cont-map-box iframe { position:relative; left:0; top:0; width:100%; height:800px; z-index:1;}

.no-ts .service-bak{ top:100%; transform:translateY(0%); -webkit-transform:translateY(0%);}
.no-ts .service-bak.service-1 { top:0;}
.lt9 .no-ts .service-bak { top:0;}


@media only screen and (max-width: 1480px) {

.lt9 .service .main,
.lt9 .index .main { margin-top:80px; }
.main { margin-top:80px; }


.inn-2 .txt{ margin:-100px 0 0 0; left:10px; top:50%;}

.inn-bk { min-height:300px;}

}
@media only screen and (max-width: 1420px) {

.inn-bk .txt b.m1{ min-width:110px;}
.news .wrap { margin-top:-415px;}
.news-box li .r { height:305px;}
.service .main,

.lt9	.service .main,
.lt9	.index .main {  margin-top:60px; }
.main { margin-top:60px;}
.cont-map-box.open { top:60px;}
.company .pany-1 h2 { padding-top:30px;}

.case-art-box .case-bon{ left:5%;}
.case-art-box .case-bon.next{ right:5%;}



.inn-bk { min-height:200px;}
.inn-4.inn-bk .txt, .inn-3.inn-bk .txt { margin-top:-100px;}

#qiao-icon-wrap .qiao-icon-head,
.nb-icon-wrap .nb-icon-bridge-base { width:90px !important; height:90px !important; }
#qiao-icon-wrap,
.nb-icon-wrap { margin-top:92px !important; }

#newBridge .nb-icon-wrap-2 { margin-top:92px !important; width:90px !important; height:90px !important;}

}
@media only screen and (max-width: 1200px) {
.service .main,
.index .main { position:relative; top:0; margin-top:10px; }
.service-bak,
.index-bk { position:relative; left:0; top:0; transform:translateY(0); -webkit-transform:translateY(0); transition:none; -webkit-transition:none; min-height:450px;}
.index-bk.index-5 { min-height:0 !important;}



}
@media only screen and (max-width: 1000px) {
.inn-bk { min-height:100px;}
.index-5 .img-box { padding-top:0px;}
.index-bk.index-5 .wrap { margin:0; }
.index-1 .mask-img span { margin-top:40px; font-size:16px;}



}