html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,table,img,label,abbr,object{margin:0;padding:0;background:transparent;border:0;outline:0;}
html{-webkit-text-size-adjust:none;}
object{line-height:1%}
a{hide-focus:expression(this.hideFocus=true); outline:none;text-decoration: none;}
a:focus{-moz-outline-style:none;}
a:hover{ text-decoration:none !important;}
body{font:12px/1.5 Microsoft YaHei,tahoma,arial; background:#000; color:#fff; }
html,body{ height:100%;overflow:hidden;}
.pr{position:relative;z-index:0;}
em{font-style:normal;}
img{vertical-align:top;border:0;}
.clearfix{display:block}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}
.clearfix{zoom:1}
.l{float:left}
.r{float:right}
.none{ display:none;}
.active{ display:block !important;}
.loading{ width: 100%; height: 100%; position: fixed; background:#000; z-index:20; font-size: 18px; color: #cfd1cc;}
.loading .box{ width: 100%; height: 1px; background: #414141; margin: 0 auto; position: relative; top: 45%; left: 0;}
.loading .box span{ height: 1px; background: #c4c4c4; position: relative; top: 0; left: 0; display: block;}
.loading .box p{ font-size: 16px; line-height: 30px; color: #c0c0c0; text-align: center;}
#container,.section{ width:100%; height:100%;position: relative; }
.section{ overflow: hidden;}
.cover,.section{ background-position:center top; background-repeat:no-repeat; background-size:cover;}
.contain{ background-position:center bottom; background-repeat:no-repeat; background-size:contain;}
#box1 .videobg{height: 100%; position: absolute; left: 50%; top: 0; overflow: hidden; margin-left: -960px; z-index: 1;}
#box1 #bgvideo{background: transparent; display: block; width: auto; height: auto; min-height: 100%; min-width: 100%; }	
#box1 #gnb_menu{ position: absolute; left: 0; top: 0; z-index: 3;}
#box1 .mark{ width: 100%; height: 100%; background:url(../images/mark.png) repeat; position:absolute; left:0; top:0; z-index: 2; *background:url(../images/bg_box1.jpg) no-repeat center top; background:url(../images/bg_box1.jpg) no-repeat center top \9;  }
#box1 .mark .solgan{ width: 100%; height: 440px; background-image:url(../images/solgan.png); position: absolute; bottom: 0; left: 0; text-indent: -9999px;}
#box1 .mark #obindex{ width:176px; height:109px; background:url(../images/logo.png) no-repeat; display:block; text-indent:-9999px; margin: 70px 0 0 5%;}
#box1 .indexlink{ width: 430px; height: 32px; position: absolute; top: 100px; right: 0; z-index: 10;}
#box1 .indexlink a{ width: 104px; height: 30px; line-height: 30px; border-radius: 20px; border: 1px solid #dcdcdc; color: #fff; text-align: center; float: left; margin-right: 32px; font-size: 14px;}
#box2{ background-image:url(../images/bg_box2.jpg);}
#box2 h2{ background: url(../images/box2_h2.png) no-repeat center top;}
#box2 .video .btn{ width: 870px; height: 60px; margin: 0 auto 20px; background: url(../images/box2_btn_bg.jpg) repeat-x; }
#box2 .video .btn a{ width: 435px; height: 60px; line-height: 60px; font-size: 18px; color: #606881; float: left; text-align: center; }
#box2 .video .btn a:hover,#box2 .video .btn a.on{ width: 433px; height: 58px; line-height: 58px; background: url(../images/box2_btn.jpg) no-repeat; border: 1px solid #4d4d74; color: #fff;}
#box2 .video .show{ width: 868px; height: 551px; background: url(../images/box2_show.jpg) no-repeat; margin: 0 auto; border: 1px solid #1e3363;}
#box2 .video .show .s{ height: 53px; display: none;}
#box2 .video .show .s1{ width: 437px; margin: 18px auto 0;}
#box2 .video .show .s a{ width: 177px; height: 31px; line-height: 31px; text-align: center; border: 1px solid #495d89; background: #101f40; float: left; margin: 0 16px; font-size: 24px; color: #5875b5;}
#box2 .video .show .s a.on{ border: 1px solid #4763a2; color: #fff; background: #2e4069;}
#box2 .video .show .s2{ width: 852px; margin: 18px auto 0;}
#box2 .video .show .s2 a{ width: 179px; font-size: 18px;}

#box2 .video .show .show_vd{ width: 846px; height: 469px; margin: 0 auto; cursor: pointer;}
#box3{ background-image:url(../images/bg_box3.jpg);}
#box3 h2{ background: url(../images/box3_h2.png) no-repeat center top;}
#box3 .pic{ width: 912px; height: 523px; margin: 0 auto;}
#box3 .pic a{ width: 260px; height: 523px; float: left; margin: 0 22px; background: #000; position: relative;}
#box3 .pic a span{ width: 51px; height: 52px; background: url(../images/box3_fd.png) no-repeat; position: absolute; top: 43%; left: 105px; display: none;}
#box3 .pic a:hover span{ display: block;}
#box3 .pic a:hover img{ filter:Alpha(Opacity=70); opacity: 0.7;}

#box4{ background-image:url(../images/bg_box4.jpg);}
#box4 h2{ background: url(../images/box4_h2.png) no-repeat center top;}
#box4 .skill { width: 607px;}
#box4 .skill li{ width: 91px; height: 120px; float: left; text-align: center; margin-right: 9px; list-style-type: none;}
#box4 .skill li a{ width: 91px; height: 120px; display: block; background: url(../images/bg_icon.png) no-repeat -91px 0; font-size: 14px;}
#box4 .skill li img{ margin: 17px 0 26px 0;}
#box4 .skill li span{ display: block; color: #3f6791; line-height: 16px;}
#box4 .skill li a:hover,#box4 .skill li a.on{ background-position: 0 0;}
#box4 .skill li a:hover span,#box4 .skill li a.on span{ color: #fbe392;}

#box4 .txt{ width: 704px;  background: url(../images/box4_sk.png) no-repeat; margin-top: 35px; margin-left: -30px; padding-left: 30px; padding-bottom: 20px;}
#box4 .txt strong{ font-size: 16px; color: #fbe392; background: url(../images/box4_s.png) no-repeat center left; padding-left: 18px; margin: 20px 0 10px 0; display: inline-block;}
#box4 .txt p{ width: 590px; color: #6daeff; margin-left: 30px; font-size: 14px; display: none; line-height: 25px;}
#box4 .txt  span{ text-align: right; color: #a09c84; display: block; margin-right: 84px;}


.content{ width: 1000px; height: 100%; margin: 0 auto; position: relative;}
.content h2{ width: 100%; height: 104px; text-indent: -9999px; margin-top: 7%; margin-bottom: 50px;}
.showpic{ margin:0 auto; position:relative;}
.showpic ul{ margin:0 auto; position:relative;}
.showpic ul li{ position:absolute; display:none;}
.btn_left,.btn_right{ width:71px; height:45px; top:660px; background:url(../images/bg_arr.jpg) no-repeat; text-align:center; display:block; position:absolute; cursor:pointer; text-indent:-9999px; z-index:10;}
.btn_left{ background-position:0 0; right:72px;}
.btn_right{ background-position:-71px 0; right:0;}
.pageNum{ display:none;}
.popdiv .close{ width:44px; height:46px; background:url(../images/bg_close.jpg) no-repeat; text-indent:-9999px; position:absolute; top:0px; right:-46px; cursor:pointer; z-index:10;}
#popdiv .pic{ width:1000px; height:705px;}
#popdiv{ width:1000px; height:705px; background:#000; display:none;}
#popdiv1{ width:1000px; height:587px; background:#000; display:none;}
#popdiv2{ width:634px; height:750px; background:#000; display:none;}
#go_top{ width: 111px; height: 340px; right:5%; overflow: hidden; position:absolute; top:200px; background: #283f73; border: 3px solid #101f40; display: none;}
#go_top .go_top{ width: 111px; height: 340px; position: relative;}
#go_top a{ width: 111px; height: 68px; line-height: 68px; margin: 0 auto; display: block; font-size: 16px; color: #5688ce; text-align: center;}
#go_top a:hover,#go_top a.on{ color: #fff; background: #1d2e53; text-decoration: none;}
#go_top a.top{ position: absolute; bottom: 0; left: 0;}
.footer{ background:#000; width:100%; height:130px; position:absolute; left:0; top:0;}

@media screen and (max-height:800px){
	.content h2{  margin-top: 2%; margin-bottom: 30px;}
}