@charset "utf-8";
/* CSS Document */

* { padding: 0px; margin: 0px; font-family: "微软雅黑"; }
body { border: 0px; padding: 0px; margin: 0px auto; width: 100%; font-family: "微软雅黑"; }
li, img, ul, p, div, h1, h2, a, span { padding: 0px; margin: 0px; border: 0px; }
ul { list-style: none; }
a { text-decoration: none; border: 0px; color: #666666; }
*:focus { outline: none; }
u { text-decoration: underline; }

/* 导航适应 */
@media screen and (min-width: 1440px) and (max-width: 2560px) {

    .nav li { width: 110px; height:36px; line-height:36px; text-align: center; text-transform: uppercase; font-size: 14px; float: left; margin: 0px 3px; position: relative; font-family: "微软雅黑"; }
}
/* .man { width:100%; margin:0px auto; padding:0px; border:0px;} */
.gang { width: 1190px; margin: 0px auto; border: 0px; clear: both; display: block; overflow: hidden; }
.clean, .clr { clear: both; }
.fl { float: left; padding-top:7px;}
.fr { float: right; }

.arrow { margin: 0 0 0 -11px; position: absolute; bottom: 20px; text-align: center; width: 100%; z-index: 300; }
.services_m { margin: 128px auto 0px auto; width: 100%; text-align: center; display: block; z-index: 999; }
.why_m { margin: 77px auto 0px auto; width: 100%; margin-top: 118px; text-align: center; display: block; }
.new_more { margin: 77px auto 0px auto; width: 100%; margin-top: 118px; text-align: center; display: block; }
.work_m { margin: 35px auto 0px auto; width: 100%; margin-top: 118px; text-align: center; display: block; }


.topbg { width:100%; margin: 0px auto; height: 75px; background: #000; background: rgba(0, 0, 0,0.5); position: absolute; top: 0px; z-index: 100; overflow: hidden;}
.topbg.fixed { background: #005DA3; background: rgba(0, 0,0,0.5); position: fixed; top: 0; }
.topbg .gang { width:1240px; margin: 0px auto; transition: all 1s; }
.fixed .gang { width:1190px; margin: 0px auto; transition: all 1s; }
.nav { margin: 15px 0px 0 0; float: right; transition: margin 400ms; position: relative; left: 0; }
.nav li { width:108px; height: 36px; line-height: 36px; text-align: center; text-transform: uppercase; font-size: 14px; float: left; margin: 0px 3px; position: relative; font-family: "微软雅黑"; }
.nav .tBox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }
.nav li a { width: 100%; height: 100%; color: #fff; font-family: "微软雅黑"; cursor: pointer; }
.nav li .bg { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2); transition: 400ms; width: 100%; height: 100%;  }
.nav li .t1 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 400ms; background:url(../images/inco.png) no-repeat}
.nav li .t1:hover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 400ms; background:url(../images/block.png)}
.nav li .t2 { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; color: #fff; font-size: 14px; position: absolute; left: 0; top: 20px; transition: 400ms; background:url(../images/block.png) no-repeat}
.nav li:hover .bg, .nav .cur .bg { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1);}
.nav .cur .t1, .nav li:hover .t1 { top: -15px; opacity: 0; filter: alpha(opacity=0); }
.nav .cur .t2, .nav li:hover .t2 { top: 0; opacity: 1; filter: alpha(opacity=100); }