/* 
* @Author: Kaosing
* @Date:   2015-01-13 09:53:12
* @Last Modified by:   Kaosing
* @Last Modified time: 2015-01-13 22:07:48
*/
html{color: #444;font-family:sans-serif;font-size:62.5%;background: #fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}a,abbr,address,article,aside,blockquote,body,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,input,ins,kbd,label,legend,li,main,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,tr,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit}::-moz-selection{background:#08c;color:#fff}::selection{background:#08c;color:#fff}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}a{background:transparent}a:active,a:focus,a:hover{outline:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}embed,iframe,img,object,video{max-width:100%}img{border:0;width:auto\9;height:auto;vertical-align:middle;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}iframe{display:block}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;margin:20px 0}ul,ol{list-style:none}body,input,button,select,textarea{font:500 12px/1.8 Arial,'\5b8b\4f53',sans-serif;}button,input,optgroup,select,textarea{font-size:100%;margin:0;outline:0 none;vertical-align:baseline;*vertical-align:middle}button,input{*width:auto;overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}::-moz-placeholder,::-webkit-input-placeholder,::-ms-input-placeholder{color:#999}.placeholder{color:#999}table{border-collapse:collapse;border-spacing:0}td,th{text-align:left}


/* Global
   ========================================================================== */

a {
  color: #333;
  text-decoration: none;
  -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
      -ms-transition: all .2s linear;
          transition: all .2s linear;
}
a:hover {
  color: #f60;
  text-decoration: underline;
}

.fn-sep {margin-bottom: 10px;}
.fn-sepbig {margin-bottom: 20px;}
.fn-left { float: left; }
.fn-right { float: right; }

.container,
.clearfix {
  *zoom: 1;
}
.container:before,
.container:after,
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.container:after,
.clearfix:after {
  clear: both;
}
.container {
  width: 980px;
  position: relative;
  margin: 0 auto;
  *zoom: 1;
}


/* Header
   ========================================================================== */
.header {
  width: 100%;
  height: 100px;
  background-color: #fff;
}
.header .logo {
  float: left;
  display: inline-block;
  width: 500px;
  height: 64px;
  margin: 18px 0;
  background: transparent url(../img/logo.png) 0 0 no-repeat;
}
.header .logo a {
  display: block;
  width: 500px;
  height: 64px;
  text-indent: -9999px;
}


/* Navbar
   ========================================================================== */
.navbar {
  width: 100%;
  height: 40px;
  background-color: #2376c0;
}
.navbar li {
  float: left;
  display: inline;
}
.navbar li a {
  display: inline-block;
  height: 40px;
  padding: 0 40px;
  color: #fff;
  font: 18px/40px 'Microsoft YaHei','微软雅黑';
}
.navbar li a:hover,
.navbar li a.current {
  text-decoration: none;
  background-color: #1e63a1;
}


/* Container
   ========================================================================== */

/*
 * Full Slider
 */
.fullslider {
  position: relative;
  height: 380px;
  background-color: #fafafa;
  overflow: hidden;
}
.fullslider .container {
  height: 380px;
}
.fullslider .slider {
  position: absolute;
  top: 0;
  left: -470px;
  width: 1920px;
  height: 380px;
  overflow: hidden;
}
.fullslider .silder-nav {
  position: absolute;
  bottom: 20px;
  right: 10px;
  height: 10px;
  zoom: 1;
  z-index: 3;
}
.fullslider .silder-nav li {
  float: left;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background-color: #fff;
  border-radius: 6px;
  cursor: pointer;
}
.fullslider .silder-nav .on {
  background-color: #1e63a1;
}

/*
 * Panel Row
 */
.panel-row {
  margin-top: 20px;
  zoom: 1;
}

/*
 * Mod Case
 */
.mod-case .mod-header {
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid #bbb;
}
.mod-case .mod-header .title {
  float: left;
  display: inline-block;
  line-height: 36px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  text-indent: 10px;
}
.mod-case ul {
  margin: 0 -10px;
}
.mod-case li {
  float: left;
  display: inline-block;
  width: 230px;
  margin: 20px 10px 0;
}
.mod-case li .litpic {
  display: inline-block;
  width: 224px;
  height: 168px;
  border: 3px solid #ddd;
  overflow: hidden;
}
.mod-case li strong {
  display: block;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
}
.mod-case li p {
  line-height: 22px;
  color: #777;
}

/*
 * Mod About
 */
.mod-about {
  float: left;
  display: inline;
  width: 540px;
  margin: 0 20px 0 0;
}
.mod-about .litpic {
  float: left;
  display: inline-block;
  width: 240px;
  height: 180px;
  margin-top: 15px;
  margin-right: 10px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.mod-about .text {
  float: left;
  display: inline-block;
  width: 340px;
}
.mod-about strong {
  display: block;
  padding-top: 15px;
  line-height: 30px;
  font-size: 14px;
}
.mod-about p {
  line-height: 22px;
  color: #777;
}
.mod-about p .link {
  float: left;
  display: inline-block;
  width: 84px;
  height: 24px;
  margin-top: 10px;
  margin-right: 6px;
  line-height: 24px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  background-color: #333;
  border-radius: 3px;
}
.mod-about p .link:hover {
  text-decoration: none;
  background-color: #1f6a99;
}

/*
 * Mod News
 */
.mod-news {
  float: left;
  display: inline;
  width: 420px;
  margin-bottom: -14px;
}
.mod-news li {
  height: 72px;
  margin-bottom: 14px;
}
.mod-news li strong {
  display: block;
  line-height: 28px;
}
.mod-news li strong a,
.mod-news li p a {
  color: #1f6a99;
}
.mod-news li p {
  line-height: 22px;
  color: #777;
}

.sidebar {
  float: left;
  width: 230px;
}
.main {
  float: right;
  width: 730px;
  overflow: hidden;
}

.side-box .mod-header {
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
  background-color: #325d94;
}
.side-box .mod-header .title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.side-box .mod-body {
  padding: 5px;
  border: 1px solid #dedede;
  border-top: none;
  overflow: hidden;
}

.mod-online p.wpa {
  height: 35px;
  border-bottom: 1px dashed #aaa;
  overflow: hidden;
}
.mod-online p.wpa a {
  display: inline-block;
  width: 80px;
  margin-top: 5px;
  padding-left: 26px;
  line-height: 24px;
  background: url(../img/qq.gif) 0 2px no-repeat;
}
.mod-online strong {
  display: block;
  height: 34px;
  margin-top: 3px;
  padding-left: 32px;
  line-height: 34px;
  font-size: 14px;
  font-weight: 700;
  background: url(../img/online.png) 0 3px no-repeat;
}

/*
 * List
 */
.list-txtA li {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  border-bottom: 1px dashed #aaa;
}

.list-txtB li {
  margin-bottom: 8px;
  padding-bottom: 5px;
  line-height: 22px;
  border-bottom: 1px dashed #aaa;
}
.list-txtB li strong {
  display: block;
  line-height: 28px;
  font-size: 14px;
}
.list-txtB li strong a,
.list-txtB li p a {
  color: #1f6a99;
}

.list-img {
  padding: 0 5px;
}
.list-img li {
  float: left;
  width: 230px;
  margin: 0 5px 10px;
  overflow: hidden;
}
.list-img li .img {
  display: block;
  width: 224px;
  height: 138px;
  padding: 2px;
  margin-bottom: 6px;
  text-align: center;
  background: #fff;
  border: 1px solid #dedede;
  -webkit-box-shadow: 0 1px 2px #eee;
          box-shadow: 0 1px 2px #eee;
  overflow: hidden;
}
.list-img li .img:hover {
  border-color: #cdcdcd;
}
.list-img li .img img {
  height: 138px;
}
.list-img li span {
  display: block;
  line-height: 24px;
  text-align: center;
}


/*
 * Article
 */
.article header {
  padding-bottom: 10px;
  margin: 20px 0;
  text-align: center;
  border-bottom: 1px dashed #ddd;
}
.article header h1 {
  margin-bottom: 6px;
  line-height: 36px;
  font-size: 30px;
}
.article header span {
  margin-right: 10px;
  color: #9e9e9e;
}
.article .content {
  line-height: 28px;
  font-size: 14px;
  margin-bottom: 20px;
}
.article .content p {
  margin-bottom: 20px;
}
.article .content img,
.article .content object{
  display: block;
  margin: 0 auto;
}
.article .content .img {
  display: inline;
  float: left;
  width: 350px;
  margin-right: 10px;
  overflow: hidden;
}
.article .content .img img {
  display: inline;
  margin: 0;
}
.article .content .text {
  display: inline;
  float: left;
  width: 370px;
  font-size: 12px;
}
.article footer,
.article-product footer {
  border-top: 1px solid #ddd;
}
.article footer p,
.article-product footer p {
  line-height: 28px;
  color: #7d7d7d;
  font-size: 13px;
}
.article footer a,
.article-product footer a {
  color: #555;
}
.article footer a:hover,
.article-product footer a:hover {
  color: #80ac11;
}



/* Function
   ========================================================================== */

/*
 * Path
 */
.mod-path {
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid #ddd;
}
.mod-path .title {
  display: inline-block;
  color: #444;
  font: 18px/36px 'Microsoft YaHei','微软雅黑';
}
.mod-path .crumb {
  float: right;
  display: inline-block;
  color: #777;
  font-family: '\5b8b\4f53';
}
.mod-path .crumb a {
  color: #777;
}

/*
 * Search
 */
.searchbox .text {
  display: inline-block;
  float: left;
  width: 138px;
  height: 22px;
  padding: 2px 6px;
  line-height: 22px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.searchbox .button {
  display: inline-block;
  float: left;
  width: 64px;
  height: 26px;
  margin-left: -1px;
  line-height: 28px;
  color: #555;
  font-weight: 700;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
  box-sizing: content-box;
}
.searchbox .button:hover {
  background-color: #eee;
}

.pagenav {
  padding: 14px 0 10px;
  text-align: center;
}
.pagenav a {
  display:inline-block;
  padding: 3px 12px;
  line-height:22px;
  color:#333;
  text-align:center;
  background-color: #fff;
  border: 1px solid #dedede;
}
.pagenav a:hover {
  color:#000;
  text-decoration:none;
  background-color:#f1f1f1;
}
.pagenav a.a1,
.pagenav a.a1:hover {
  padding: 3px 12px;
  border: none;
  background-color: #fff;
}
.pagenav .selected,
.pagenav .selected:hover {
  color:#fff;
  background-color:#279FBB;
  border:1px solid #279FBB;
}

/*
 * Flink
 */
.mod-flink .mod-header {
  height: 32px;
  margin-bottom:10px;
  line-height: 32px;
  border-bottom: 1px solid #bbb;
}
.mod-flink .mod-header .title {
  float: left;
  display: inline-block;
  line-height: 32px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  text-indent: 10px;
}
.mod-flink li {
  display:inline;
}
.mod-flink li a {
  margin-right: 12px;
  line-height:22px;
  color: #666;
}

/* Footer
   ========================================================================== */
.footer {
  margin-top: 20px;
  padding: 15px 0;
  text-align: center;
  background-color: #f5f5f5;
  border-top: 1px solid #eaeaea;
}
.footer .foot-nav {
  height: 30px;
  line-height: 30px;
  color: #888;
}
.footer .foot-nav a {
  margin: 0 6px;
  color: #888;
}
.footer .copyright {
  line-height: 20px;
  color: #888;
}