@charset "utf-8";

/*全局*/

::selection { color: #fff; background-color: #0073de; }

::-moz-selection { color: #fff; background-color: #0073de; }

::-webkit-selection { color: #fff; background-color: #0073de; }

::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F5F5F5; }

::-webkit-scrollbar-track { border-radius: 10px; background-color: #E2E2E2; }

::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #555; }

* { padding: 0; margin: 0; font-family: "Arial", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; }

body { font: 14px/1.231 "Arial", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; color: #333; margin: 0; line-height: 1.5; }

:focus { outline: 1; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

li, ul { list-style-type: none; }

img { border: none; }

a { color: #333; font-size: 14px; text-decoration: none; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

a:link, a:hover, a:active, a:visited {  text-decoration: none;  }

input, textarea {  outline: 0;  border: 0;  }

textarea {  resize: none;  }

h1, h2, h3, h4, h5, h6, dl, dd, dt, em {  font-weight: normal;  font-style: normal; }



/*通用*/

.container { width:1180px; margin:0 auto;}

.lf   {float:left;}

.rt  {float:right;}

.clear  {clear:both;}



/*header*/

.header .top{ border-bottom: 1px solid #808080; font-size: 12px; padding:8px 0; color: #4c4c4c;}

.header .top .top_box a{ color: #4c4c4c; padding:0 3px; font-size: 12px;}

.header .header_box { padding:20px 0;}

.header .header_box .logo a { display: block; width:183px; height:67px;}

.header .header_box .logo img { width:100%; height:100%;}

.header .header_box .word { padding-left: 20px; margin: 9px 0 0 20px; border-left: 1px solid #8a8a8a;}

.header .header_box .word h4 { font-size: 18px; }

.header .header_box .word h4 span { color: #0073de; font-weight: bold; }

.header .header_box .word h5{ font-size: 18px; margin-top: 5px; }

.header .header_box .tel { background: url("../images/ico1.png") no-repeat left center; padding-left: 58px;line-height: 30px; margin-top: 6px;}

.header .header_box .tel h4 { font-size: 16px; }

.header .header_box .tel p { font-size: 30px; }



/*nav*/

.nav{  background-color: #0073de; width:100%; height:50px;line-height:50px;}

.nav .box ul{ position:relative; }

.nav .box ul li{ float:left; width:118px; text-align:center;}

.nav .box ul li a{ display:block; color:#fff; overflow: hidden; height: 50px; line-height: 50px; text-overflow: ellipsis; white-space: nowrap; }

.nav .box ul li:hover { background-color: #ffe623; }

.nav .box ul li:hover a { color: #333; }

.nav .box ul li.another { background-color: #ffe623; color: #333; }

.nav .box ul li.another a { color: #333; }

.nav .box ul li .sub{ display:none; background-color: #333; position:absolute; z-index: 1;}

.nav .box ul li .sub i{ font-weight:bold;}

.nav .box ul li:hover .sub { display:block;}

.nav .box ul li:hover .sub .list { float:left; width:118px;}

.nav .box ul li:hover .sub .list a { color: #fff;}

.nav .box ul li:hover .sub .list a:hover{ background:linear-gradient(to bottom,#efefef,#bbbbbb); color: #333;}

.fixedNav {  position: fixed;  top: 0;  left: 0;  width: 100%;  z-index: 9999; }



/*foot*/

.foot { background: url("../images/foot.png") no-repeat center; width: 100%; height: 215px;}



.foot .box .foot2 { color: #fff; font-size: 14px; line-height: 28px; padding-top: 50px;}

.foot .box .foot2 h2 { font-size: 14px; }

.foot .box .foot2 span { margin: 0 5px; }

.foot .box .foot2 a { color: #fff; margin:0 5px;}



.foot .box .foot3 img { width: 120px; height:120px; padding-top: 41px;}

.foot .box .foot3 p { color: #fff; text-align: center;}