a:active { outline: none; star: expression(this.onFocus=this.blur()); }
* { margin: 0; padding: 0; list-style: none; outline: none; word-wrap: break-word; }
img { border: none; }
table { table-layout: fixed; border-collapse: collapse; }
a { text-decoration: none; }
.fb { font-weight: bold; }
.fz14 { font-size: 14px; }
body { font-size: 12px; font-family: Arial,"宋体"; -webkit-text-size-adjust: none;}
body, html { overflow-x: hidden; }

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; resize: none; overflow: hidden; }

.head { width: 100%; height: 97px; overflow: hidden; background: #fff; border-bottom: 1px solid #F2F4F6; transition: 300ms; position: fixed; left: 0; top: 0; z-index: 98; }
.head .box { width: 1000px; margin: 0 auto; height: 100%; position: relative; }
.head .logo { height: 38px; margin: 44px 0 0 0; float: left; transition: 300ms; }
.head .logo:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.head .tool { position: absolute; right: 0; top: 20px; transition: 300ms; }
.head .search { float: left; }
.head .search .input { width: 130px; height: 14px; padding: 5px 0 5px 5px; color: #c4c4c4; border: 1px solid #c0c0c0; border-right: none; float: left; }
.head .search .btn { width: 40px; height: 26px; border: none; background: #6698cc url(../images/search.png) no-repeat center; float: left; cursor: pointer; margin: 0 8px 0 0; }
.head .tool .c { width: 46px; height: 26px; text-align: center; line-height: 26px; background: #6698cc; color: #fff; float: left; margin: 0 0 0 2px; }
.head .tool .language { width: 46px; height: 26px; text-align: center; line-height: 26px; background: #f1f1f1; color: #0054ab; float: left; margin: 0 0 0 2px; transition: 200ms; }
.head .tool .language:hover { background: #6698cc; color: #fff; }
.nav { position: absolute; right: 0; bottom: 0; }
.nav li { width: 100px; height: 40px; line-height: 40px; text-align: center; position: relative; float: left; text-transform: uppercase; }
.nav li p { width: 100%; position: absolute; left: 0; }
.nav li .p1 { top: 0; }
.nav li .p2 { top: 25px; display: none; }
.nav li a { color: #5a5a5a; font-size: 14px; font-family: Arial; }
.nav li a:hover, .nav .cur a { color: #0054ab; }

.navBtn { display: none; width: 46px; height: 42px; overflow: hidden; background: #0054ab; position: fixed; right: 10px; top: 10px; z-index: 99; }
.navBtn .line { width: 26px; height: 2px; overflow: hidden; background: #fff; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; position: absolute; left: 10px; top: 0; }
.navBtn .line1 { top: 11px; transition: 300ms; }
.navBtn .line2 { top: 20px; transition: 300ms; }
.navBtn .line3 { top: 29px; transition: 300ms; }

.navShow { transition: 400ms; }
.navShow .line1 { top: 20px; transition: 300ms 100ms; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.navShow .line3 { top: 20px; transition: 300ms 100ms; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.navShow .line2 { left: 100%; transition: 140ms; }
.navShow2 { background: #0054ab url(../images/close.jpg) no-repeat center; }
.navShow2 .line { display: none; }

.navM { display: none; width: 110%; height: 300px; background: #f1f1f1; overflow: hidden; overflow-y: scroll; position: absolute; left: 0; top: 60px; }
.navMbox { width: 100%; overflow: hidden; background: #f1f1f1; padding: 0 0 100px 0; }
.navM ul { width: 100%; padding: 15px 0 30px 0; margin: 0 0 0 -5px; background: #f1f1f1; overflow: hidden; }
.navM li { padding: 0 6% 0 0; height: 60px; line-height: 60px; text-align: center; font-family: Arial; }
.navM li a { width: 100%; height: 100%; display: inline-block; color: #5a5a5a; text-transform: uppercase; font-size: 15px; }
.navM li a:hover { color: #0054ab; }
.searchM { overflow: hidden; margin: 0 20px 0 0; }
.searchBox { width: 370px; overflow: hidden; margin: 0 auto; }
.searchM .input { width: 310px; height: 14px; font-size: 15px; padding: 12px 0 12px 10px; border: none; color: #c4c4c4; float: left; }
.searchM .btn { width: 50px; height: 38px; border: none; background: #6698cc url(../images/search.png) no-repeat center; float: left; cursor: pointer; }

.fixedBody .head { height: 60px; }
.fixedBody .logo { height: 28px; margin: 18px 0 0 0; }
.fixedBody .tool { top: -50px; }


.bottom { font-family: Arial; }
.bottom .box { width: 1000px; overflow: hidden; padding: 60px 0 75px 0; margin: 0 auto; }
.bottom .l { width: 186px; line-height:16px; text-align: center; overflow: hidden; margin: 0 50px 0 0; float: left; }
.bottom .l .lBox {  width:186px;}
.bottom .l .p1 { margin: 8px 0 10px 0; }
.bottom .c { overflow: hidden; float: left; }
.bottom .c li { width: 150px; margin: 0 5px 0 0; line-height: 30px; float: left; }
.bottom .c li a { color: #a9a9a9; }
.bottom .c li a:hover { color: #0054AB; }
.bottom .c .p1 { margin: 0 0 10px 0; font-size: 14px; color: #595959; }
.bottom .r { width: 290px; overflow: hidden; float: left; color: #a9a9a9; line-height: 26px; }
.bottom .r .p1 { margin: 0 0 10px 0; font-size: 14px; color: #595959; }
.bottom .backTop { overflow: hidden; height: 62px; text-align: center; }
.bottom .backTop .img { width: 96px; height: 62px; display: inline-block; text-align: center; color: #fff; font-size: 14px; overflow: hidden; margin: 0 auto; position: relative; }
.bottom .backTop span { width: 100%; position: absolute; left: 0; top: 30px; }
.bottom .backTop .img img { position: absolute; left: 0; top: 0; }
.bottom .backTop .img .t2 { top: 100%; transition: all 0.2s ease-in-out 0s; }
.bottom .backTop .img:hover .t2 { top: 0; }

.foot { padding: 20px 20px; line-height: 30px; text-align: center; background: #323232; color: #b9b9b9; }
.foot span { margin: 0 5px; display: inline-block; }
.foot a { color: #b9b9b9; }
.foot a:hover { color: #fff; }


@media screen and (max-width:1050px) {
    .head { height: 60px; overflow: inherit; }
    .head .box { width: auto; padding: 0 20px; }
    .head .logo { height: 28px; margin: 18px 0 0 0; }
    .head .tool { right: 75px; top: 18px; }
    .head .search { display: none; }
    .head .searchM { display: block; }
    .nav { display: none; }
    .navBtn { display: block; }
}

@media screen and (max-width:1020px) {
    .bottom .box { width: auto; margin: 0 20px; }
    .bottom .l { width: 100%; margin: 0; float: none;}
    .bottom .c { width: 100%; margin: 40px 0; float: none; }
    .bottom .r { width: 100%; margin: 0; float: none; }
}

@media screen and (max-width:860px) {
    .foot { padding: 20px 20px; text-align: left; }
    .bottom .backTop .img { float: left; margin: 0 0 0 20px; }
}

@media screen and (max-width:740px) {
    .head .box { width: auto; padding: 0 10px; }
    .head .tool { right: 65px; }
}

@media screen and (max-width:540px) {
    .bottom .c li { width: 100%; margin: 0 0 20px 0; }
}

@media screen and (max-width:450px) {
    .searchM { width: auto; margin: 0 40px 0 20px; }
    .searchBox { width: 100%; }
    .searchM .input { width: 68%; height: 14px; padding: 12px 0 12px 5%; border: none; color: #c4c4c4; float: left; }
    .searchM .btn { width: 22%; height: 38px; border: none; background: #6698cc url(../images/search.png) no-repeat center; float: left; cursor: pointer; }
}
