body,html,div,ul,li,h1,h2,h3,h4,h5{ font:12px "宋体"; margin: 0; padding:0; }
.container{ width: 980px!important; min-width: 980px!important; max-width: 980px!important; margin:0 auto; }
.hidden{ display: none; }
.space-10{ height: 10px; font-size:0; }
.space-15{ height: 15px; font-size:0; }
.space-20{ height: 20px; font-size:0; }
.space-30{ height: 30px; font-size:0; }
.space-50{ height: 50px; font-size:0; }

a{ color: #333; text-decoration: none; }
a:hover{ color: #075eb8; text-decoration:underline; }

.header{ position: relative; padding: 30px 0; }
.header:before{ content: ''; display: block;  position:absolute; top: 0; left:0; right:0; border-top:3px solid #106dc9; box-shadow: 0 0 5px #ccc;  }
.header .hot-tel{ color:#c00; font-size:24px; position:absolute; right: 0; top: 49px; letter-spacing: .1em;  }
.header .hot-tel strong{ font-family:Arial; font-size:26px; }
.header .tool{ position: absolute; top: 0; right: 0; background: #1276d7; color: #fff; padding: 9px 15px; border-radius: 0 0 4px 4px; font-size:12px; box-shadow: 0 0 10px #ccc; }
.header .tool span{ display: inline-block; cursor: pointer; }
.header .tool span:first-child{ padding-right: 10px; border-right: 1px dotted #fff; }
.header .tool span:last-child{ padding-left: 10px; }
.header .logo,.header .logo a{ display: inline-block; }

.nav-top{ background:url(img/nav-bg.jpg) repeat-x 0 50%; min-height: 37px;  font-size: 14px; font-weight: bold; padding-top: 2px; }
.nav-top .nav-item{ float: left; width: 12.5%; text-align: center; }
.nav-top a{ color: #fff; display: block; height: 35px; line-height: 35px; text-decoration: none; }
.nav-top .current a{ background:url(img/nav-current.jpg) no-repeat 50% 50%;  }
.nav-top a:hover{ background:url(img/nav-current.jpg) no-repeat 50% 50%; }

.side{ background-color:#f8f8f8; border:1px solid #e9e9e9; width: 205px; margin-right:13px; }
.side-title{ width: 203px; height:47px; line-height: 47px; background: url(img/side-corner.jpg) no-repeat 0 0; text-align: center;  font-size: 18px; color: #0d61ae; font-weight: bolder; }

.side-footer{ height: 99px; position: relative;}
.side-footer div{ position: absolute; }
.side-footer div.side-footer-title{ z-index: 3; left: 79px }
.side-footer div.side-footer-user{ z-index: 1; }
.side-footer div.side-footer-honor{ z-index: 2; left: 64px; top:29px; }
.side-footer a{ display: block; position:absolute;  top: 0; left: 0; right: 0; bottom: 0; z-index: 4; }

.side-list ul,.side-list li{ padding:0; margin:0; color:#0970cd; }
.side-list ul{ padding:0 5px; }
.side-list ul.tree{ padding-left: 9px; }
.side-list li{ list-style: none; background: url(img/dot.jpg) no-repeat 22px 50%; padding-left: 39px; height: 30px; line-height: 30px; border-bottom: 1px dotted #ddd; }
.side-list ul.tree li{ background-image: url(img/dot-tree.jpg); padding-left: 34px; }
.side-list a.current{ color: #0970cd; font-weight: 700; }
.side-list ul.tree a.current{ font-weight: 100; }

.body-flex{ display: flex; justify-content:space-between; flex-direction:row; align-items:stretch; }
.container-main{ flex-grow: 1; }

.banner-content-title{display: flex; justify-content: space-between; align-items:flex-end; border-bottom: 1px solid #0160b0; margin-bottom:10px; }
.banner-content-title .tit{display: flex; justify-content: flex-start; align-items:flex-end;}
.banner-content-title .tit:before{ content: ''; border-radius: 50%; height: 7px; width:7px; display: block; background: #0160b0; margin-left: -3px; }
.banner-content-title strong{ font-size: 14px; color:#0160b0; padding-right: 4px; padding-left: 4px; padding-bottom: 4px; }
.banner-content-title em{ font-size: 10px; font-family:"Arial", Gadget, sans-serif; padding-bottom: 4px; }

.crumbs{ color: #333; display: flex; justify-content: flex-end; align-items:flex-end; }
.crumbs span{margin-right:4px; padding-bottom: 4px }
.crumbs:after{ content: ''; border-radius: 50%; height: 7px; width:7px; display: block; background: #0160b0; margin-right:-3px; }

.friends{ border:1px solid #eee; padding:10px;  }
.friends-list{ display: flex; flex-wrap: wrap; align-items: center; padding-top: 10px; }
.friends a{ display:block; color: #666; margin-left:1em;  }
.friends a:first-child{ margin-left: 0; }
.friends a:hover{ color:#075eb8;text-decoration:underline; }

.footer{}
.footer-line{ border-top: 2px solid #e0dfdd; height: 6px; font-size: 0; border-bottom: 2px solid #9fcfe9;  }
.nav-footer{ display: flex; align-items: stretch; justify-content: center; padding: 10px 0; }
.nav-footer span{ border-left: 1px solid #333; margin:0 9px; display: inline-block;}
.footer-content{ text-align: center; }
.footer-others{ color: #666; }

.product-list{}
.product-list:after{ content: '';display: block; clear: both; font-size: 0; height: 0; }
.product-list .item{ float: left; width: 25%; }
.product-list .item a{ display: block; color: #333; }
.product-list .item a:hover{ text-decoration: none; color: #075eb8; }
.product-list .item .product-image{ display: block; width: 169px; height: 169px; border:1px solid #ccc; overflow: hidden; margin: 0 auto 10px auto; }
.product-list .item img{ width: 100%; height: 100%; }
.product-list .item .product-name{ display: block; text-align: center; line-height: 1.5em; height: 3em; overflow: hidden; }

.news-list{ min-height: 300px; }
.news-list li{ list-style: none; font-size: 12px; line-height: 2.4em; display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px dotted #ccc;  }
.news-list strong{ font-weight: 100; }
.news-list span{ color: #999; }
.news-list a{}

.article-detail{ font-size: 14px; line-height: 2em; padding-bottom: 40px; }

.news-container{}
.news-title{ font-size: 24px; line-height: 1.2em; text-align: center; font-weight: 700; color: #333; padding: .5em 0; }
.news-detail{ font-size: 14px; line-height: 2em; color: #666; }
.news-detail:after{ content: ''; display: block; font-size: 0; line-height: 0; clear: both; }

.contact-detail{ min-height: 500px; background: url(img/contact-bg.jpg) no-repeat 100% 20px; font-size: 14px; line-height: 1.5em; }

.btn-msg{ background: url(img/btn-msg.jpg) no-repeat 0 0; width: 87px; height: 25px; border:0; }