@charset "utf-8";
b,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button{padding:0;margin:0;}
body,input, label, select, option, textarea, button, fieldset, legend{font-size:12px;font-family:"microsoft yahei",宋体,Arial,Verdana, Simsun, Helvetica,  sans-serif}
table{border-collapse:collapse;border-spacing:0}
ol,ul,li{list-style:none;margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
input{vertical-align:middle;border:none; background:#fff;color:#616161}
a{color:#636363;font-size:12px}
a{blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ }
a:focus{ outline:none;-moz-outline-style: none; /* FF */ }
a:hover{color:#2e66b3}
.left{float:left}
.right{float:right;}
.clear{margin:0px; padding:0; border:0; height:0; font-size:0; clear:both; overflow:hidden;}
img,a{text-decoration:none;border:none;margin:0;padding:0}
div,ul,li{list-style:none;margin:0;padding:0;border:none;}
p{line-height:24px}
/* CSS Document */
body{-webkit-user-select:none;margin:0;padding:0;}
html { overflow:hidden;margin:0;padding:0 }

a#en{display:block;width:32px;height:47px;position:absolute;z-index:9999;left:0;top:27px;background:url(../images/en.png)}
a#music{display:block;width:18px;height:17px;position:absolute;z-index:9999;left:7px;top:85px;background:url(../images/music+.png)}

.slideshow{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;margin:0 auto}

#main{}
#MarksLight,#MarksDeep{position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0;display:none}
#MarksLight{z-index:100;background:rgba(0,0,0,.5)}
#MarksDeep{background:rgba(0,0,0,.4)}

#titane{position:absolute;z-index:200;right:100px;top:0;width:200px;}
#titane .logo{position:relative;z-index:150;width:200px;height:150px;background:#005bab url(../images/logo.png) 35px 60px no-repeat;}
#titane .logo2{display:none;opacity:0;position:absolute;z-index:150;top:0;width:200px;height:150px;background:#005bab url(../images/logo.png) 35px 50px no-repeat;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#titane .logo:before,#titane .logo2:before{content:'';display:block;position:absolute;left:0;right:50%;bottom:0;height:10px;background:#0098d2}
#titane .logo:after,#titane .logo2:after{content:'';display:block;position:absolute;left:50%;right:0;bottom:0;height:10px;background:#82cbd1}
#titane .content{text-align:center;position:relative;z-index:100;width:200px;font-size:14px;padding:15px 0;line-height:1.5;height:2.5em;background:rgba(255,255,255,.7);overflow:hidden}
#titane .content table{width:100%;text-align:center}
#titane .content table tr td:nth-child(1){width:30%}
#titane .content table tr td:nth-child(3){width:30%}

/*#titane{left:100px;background:rgba(255,255,255,.5)}
#titane .logo{height:100px;background:url(../images/logo.png) center center no-repeat}
#titane .content{display:none}*/

#banner{position:absolute;z-index:200;right:50px;width:302px;height:45px;background:#005bab;border-radius:5px;box-shadow: 3px 3px 15px #555;}
#banner ul.nav-main{position:absolute;top:0}
#banner ul.nav-main li{position:relative;float:left;width:100px;height:45px;overflow:hidden}
#banner ul.nav-main li.line{width:1px;height:45px;
background:#ccc;
/*background:-webkit-gradient(linear ,10% 10%,100% 100%,
                                    color-stop(0,rgb(87,186,217)),
                                    color-stop(0.5,rgb(255,255,255)),
                                    color-stop(1,rgb(85,188,228)));
background: -moz-radial-gradient(0 0, circle farthest-corner, rgb(87,186,217) 0%, rgb(255,255,255) 50%, rgb(85,188,228) 100%);*/}
#banner ul.nav-main li a{position:relative;width:100px;height:45px;font-size:20px;line-height:45px;text-align:center;color:#fff;display:block;background:url(../images/bannerHover.png) 0 -100% no-repeat;border-radius:5px}
#banner ul.nav-main li a.hover{color:#005bab;background:url(../images/bannerHover.png) 0 0 no-repeat;}

.hidden-box{width: 100px;position: absolute;z-index:200;display: none;top: 45px;}
.hidden-box>ul{background:rgba(255,255,255,.3)/*url(../images/hidden-box.png)*/;list-style-type: none;cursor: pointer;border-radius:5px;box-shadow: 3px 3px 15px #333;}
.hidden-box li{}
.hidden-box li.line{width:100px;height:1px;
background:#ccc;
/*background:-webkit-gradient(linear ,0% 0%,100% 100%,
                                    color-stop(0,rgb(131,133,138)),
                                    color-stop(0.5,rgb(255,255,255)),
                                    color-stop(1,rgb(154,141,135)));
background: -moz-radial-gradient(0 0, circle farthest-corner, rgb(131,133,138) 0%, rgb(255,255,255) 50%, rgb(154,141,135) 100%);*/}
.hidden-box li:hover{}
.hidden-box li a{width:100px;display:block;padding:10px 0;text-align:center;font-size:14px;color:#fff}
.hidden-box li a:hover,#banner .hidden-box li a.cur{color:#005bab;background:#fff;border-radius:5px;
-webkit-transition:background 0.4s ease-out, color 0.3s ease-out;
-moz-transition:background 0.4s ease-out, color 0.3s ease-out;
-o-transition:background 0.4s ease-out, color 0.3s ease-out;
transition:background 0.4s ease-out, color 0.3s ease-out}
.hidden-box li a br{margin:0;padding:0}
.hidden-loc-about{right: 252px;}
.hidden-loc-service{width: 101px;right: 151px;}
.hidden-loc-case{width: 101px;right: 50px;}

#banner{cursor:pointer;position:absolute;right:164px;bottom:150px;width:65px;height:65px;background:#005bab;border-radius:5px;box-shadow:none;z-index:201}
#banner .open{width:65px;height:65px;background:#005bab url(../images/kai.png) center 1px no-repeat;border-radius:5px}
#banner ul.nav-main{display:none;opacity: 0}
#banner .hidden-box{}

#location{position:absolute;z-index:200;width:65px;height:65px;background:#005bab;bottom:25px;left:40px;border-radius:5px}
#location a.open{display:block;width:65px;height:65px;background:#005bab;border-radius:5px}
#location img{position:absolute;left:0;bottom:0px;cursor:pointer;}
#location span{display:none;opacity:0;margin:20px 0 20px 0;float:left;color:#fff;font-size:12px}
#location span.left{width:247px;margin-left:80px}
#location span.center{width:247px;margin-left:20px}
#location span.right{width:247px;margin:20px 20px}
#location span p{margin:0;padding:0;line-height:1.3}
#location p{height:15px}
#location p.blank{height:10px}
a.locationClose{display:none;opacity:0;position:absolute;left:911px;left:30px;bottom:145px;bottom:90px;z-index:201;background:#17b1eb url(../images/close.png) center center no-repeat;width:20px;height:21px;border-radius:18px;
/*-webkit-transition: -webkit-transform 1s ease-out;
-moz-transition: -moz-transform 1s ease-out;
-o-transition: -o-transform 1s ease-out;
transition: transform 1s ease-out;*/}
a.locationClose:hover{/*-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform: rotate(360deg);*/}

/*#location{height:120px;bottom:10px;width:auto}
#location a.open{display:none}
#location img{bottom:25px;cursor:default}
#location span{display:block;opacity:1;}
#location a.close{display:block}*/

#weixin{position:absolute;z-index:200;width:75px;width:65px;height:65px;background:#005bab;bottom:25px;left:125px;border-radius:5px;/*border-top-right-radius:35px;border-bottom-right-radius:35px*/}
#weixin img{cursor:pointer;}
#weixin span{display:none;opacity:0;position:absolute;z-index:99999;bottom:-7px;left:85px;border:1px solid #005bab;border-radius:5px;width:258px;height:258px;background:#fff url(../images/dimensional.jpg) center center no-repeat}



ul.menu{position:absolute;z-index:300;top:50px;right:0;display:none;opacity:0;}
ul.menu li{width:100px;text-align:center;}
ul.menu li.line{width:100px;height:1px;
background:#97989a;
/*background:-webkit-gradient(linear ,0% 0%,100% 100%,
                                    color-stop(0,rgb(131,133,138)),
                                    color-stop(0.5,rgb(255,255,255)),
                                    color-stop(1,rgb(154,141,135)));
background: -moz-radial-gradient(0 0, circle farthest-corner, rgb(131,133,138) 0%, rgb(255,255,255) 50%, rgb(154,141,135) 100%);*/}
ul.menu li a{display:block;font-size:14px;color:#97989a;padding:11px 0 10px;}
ul.menu li a br{margin:0;padding:0}
ul.menu li a:hover,ul.menu li a.cur{color:#fff;
-webkit-transition:color 0.4s ease-out;
-moz-transition:color 0.4s ease-out;
-o-transition:color 0.4s ease-out;
transition:color 0.4s ease-out}

.menu-box-hidden{display:none;opacity:0;width:100px;position:absolute;z-index:299;top:50px;right:0;background:rgba(255,255,255,.3);border-radius:5px}

#centerBox{width:0;display:none;height:534px;background:rgba(255,255,255,.3) url(../images/loading.gif) center center no-repeat;background-size:43px 43px;position:relative;top:140px;margin-right:123px;z-index:190;border-radius:5px}
a.centerBoxClose{display:block;position:absolute;z-index:191;left:-20px;top:0;background:rgba(255,255,255,.3) url(../images/close.png) center center no-repeat;width:25px;height:25px;border-radius:18px;}
a.centerBoxClose.run{-webkit-transform:rotate(7200deg);
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;}
a.centerBoxClose.back{-webkit-transform:rotate(-7200deg);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;}
#slideshow_wrapper{overflow:hidden;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;margin:0 auto}
#slideshow_footbar{position:absolute;left:50%;bottom:165px;z-index:190;height:28px;padding-top:22px}
#slideshow_photo{position:absolute;width:100%;height:100%;}
#slideshow_photo a{opacity:0;width:1024px;height:768px;position:absolute;top:0px;left:0px;z-index:1;margin:0px;display:block;border:0px;}
#slideshow_photo a.first{opacity:1;z-index:2}
#slideshow_footbar .slideshow-bt{position:relative;z-index:190;background-color:#979797;margin:0 25px;width:8px;display:inline;float:right;height:8px;font-size:0px;cursor:pointer;border-radius:18px}
#slideshow_footbar .bt-on{background-color:#005bab}

#animateRun{width:100%;height:100%;position:absolute;top:0;z-index:999999;display:none}