/**
 * @author xinsea
 * @date   2010 - 09 - 30
 * @link   http://www.xinsea.com/
 */

/** reset **/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol{list-style:none;}a{text-decoration:none;}a:hover{text-decoration:underline;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}legend{color:#000;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}

a { color:#666;}
a:hover { color:#0864C6;}

/* 居中 */
body { background:#fff url(../images/bg.png) repeat-x left top; color:#666;}
#page #header, #page #content { width:950px; margin-left:auto; margin-right:auto;}
#page #footer { height:60px; padding-top:10px; background:url(../images/footer_bg.png) repeat-x 0 top; line-height:18px; text-align:center; color:#999;}
#page #footer a { color: #999; }

/** 清除浮动 **/
.clear:after, .nav:after, #content:after { content:'\20'; display:block;	height:0; clear:both;}
.clear, .nav, #content { *zoom:1;}

#header {}
    #header .topbox { position:relative; height:50px; padding:25px 0;}
    #header .logo { height:250px; height:50px; background:url(../images/logo.png) no-repeat;}
    #header .logo span { display:none;}
    #header .topmenu { position:absolute; right:10px; bottom:25px; color:#ccc;}
    #header .topmenu a { margin:0 5px;}

    .nav { height:35px; padding-top:5px; padding-left:40px; background:url(../images/nav.png) no-repeat;}
    .nav a { color:#F4F8FD;}
    .nav li { display:inline; float:left; margin:0 20px; font-size:14px; font-weight:bold; line-height:30px;}

    .banner { height:300px; margin:1px 0 2px; background:url(../images/banner.jpg) no-repeat;}

#content { margin-bottom:10px;}
    .mainbg { background:#fff url(../images/mainbg.png) repeat-x left top;}
    .title { margin-bottom:10px; padding-left:25px; background:url(../images/hd_icon.png) no-repeat left center; font:16px \5FAE\8F6F\96C5\9ED1, Verdana, sans-serif; color:#0864C6;}
    .title a { display:inline; float:right; margin:6px 10px 0 0; font-size:12px; font-weight:normal; color:#0864c6;}

    .main { float:left; width:700px; padding-top:10px;}
    .main .hd { padding:0 20px;}
    .main .hd .title { padding-bottom:10px; border-bottom:1px solid #ccc; background-position:0 0;}
    .service { margin-bottom:22px; padding-left:10px;}
    .service .bd { width:688px; padding-left:2px; overflow:hidden;}
    .service .bd li { display:inline; float:left; width:160px; margin:0 6px;}
    .service .bd li a { display:block; padding:4px; border:1px solid #D9D9D9; background-color:#fff;}
    .service .bd li a:hover { border-color:#0864C6;}
    .service .bd li img { display:block; width:150px; height:100px;}
    .service .bd li h4 { margin:5px 0 0; color:#0864C6; font-weight:bold;}
    .service .bd li p { padding-right:10px;}

	.home_product { margin-bottom:22px; padding-left:10px;}
    .home_product .bd { position:relative; width:688px; height:110px; padding-left:2px; overflow:hidden;}
	 .home_product .bd ul { position:absolute; width:5000px;}
    .home_product .bd li { display:inline; float:left; width:160px; margin:0 6px;}
    .home_product .bd li a { display:block; padding:4px; border:1px solid #D9D9D9; background-color:#fff;}
    .home_product .bd li a:hover { border-color:#0864C6;}
    .home_product .bd li img { display:block; width:150px; height:100px;}

    .home_about { margin-top:10px; padding:0 10px; line-height:24px;}
	.home_about p { padding-left:10px;}
    .newshow { padding:20px;}
    .newshow h1 { margin-bottom:10px; font:22px \5FAE\8F6F\96C5\9ED1, Verdana, sans-serif; color:#0864C6; text-align:center;}
    .newshow p { margin-bottom:1em; font-size:14px; line-height:24px; text-indent:2em;}
	.newshow .orange { padding-left:2em; text-indent:0; fint-size:14px; color:#f60;}

    .product { padding:0 20px;}
    .product li { position:relative; height:110px; margin-bottom:10px; padding:0 0 10px 180px; border-bottom:1px dotted #ccc;}
    .product li img { display:block; position:absolute; top:0; left:0; width:150px; height:100px; padding:4px; border:1px solid #D9D9D9; background-color:#fff;}
	.product li a:hover img { border-color:#0864C6;}
    .product li h4 { margin-bottom:5px; font-size:14px;}
	.product li h4 a { color:#0864C6;}
    .product li p { line-height:21px;}

	.productlist { padding:0 20px;}
	.productlist .bd { width:660px; overflow:hidden;}
	.productlist .bd ul { width:680px;}
	.productlist .bd li { display:inline; float:left; width:150px; margin:0 18px 15px 0;}
	.productlist .bd li img { display:block; width:150px; height:100px; padding:2px; border:1px solid #ccc;}
	.productlist .bd li h4 { margin-top:4px; font-size:12px; font-weight:normal; text-align:center;}


    .newslist { padding:0 20px; font-size:14px; line-height:30px;}
    .newslist li { padding-left:10px; background:url(../images/icon.png) no-repeat left center;}
    .newslist li span { float:right; font-size:12px; color:#999;}

    .joblist { padding:0 20px;}
    .joblist li { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #ccc;}
    .joblist li h4 { margin-bottom:5px; font:16px \5FAE\8F6F\96C5\9ED1, Verdana, sans-serif; color:#0864C6;}
    .joblist li p { padding-left:20px;}

	.case { width:660px; overflow:hidden; padding:20px;}
	.case ul { width:700px;}
	.case ul li { float:left; width:310px; padding:0 40px 40px 0;}
	.case ul li img { display:block; width:310px; height:250px;}

    .side { float:right; width:230px; padding-left:10px;}
    .side .sidebox { padding-top:10px;}
    .sidebg { background:url(../images/sidebg.png) repeat-y left top;}
    .news { padding:0 10px;}
    .news ul li { padding-left:10px; background:url(../images/icon.png) no-repeat left center; line-height:24px;}
    .contact { height:100px; background:url(../images/contact.png) no-repeat;}

    .paid-info { overflow: hidden; }
    .paid-info-list { width: 972px; padding-top: 30px; padding-bottom: 50px; font-size: 0; line-height: 1;}
    .paid-info-list-item {
      box-sizing: border-box;
      display: inline-block;
      width: 302px;
      margin-right: 22px;
      margin-bottom: 22px;
      padding: 11px;
      border-radius: 4px;
      border: 1px solid rgba(0, 0, 0, 0.05);
      background-color: #fff;
      box-shadow: 0 0 10px rgba(211, 211, 211, 0.4);
    }
    .paid-info-list-item img {
      display: block;
      width: 280px;
      height: 200px;
      margin-bottom: 10px;
    }
    .paid-info-list-item h2 {
      margin-bottom: 10px;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
    }
    .paid-info-list-item h2 em {
      margin-left: 6px;
      color: #f00;
    }
    .paid-info-list-item .info {
      height: 130px;
      font-size: 14px;
      line-height:1.8;
      overflow: hidden;
    }
    .paid-info-list-item .more {
      display: block;
      text-align: right;
      font-size: 14px;
      color: #0864C6;
    }
    .paid-info-list-item:hover {
      text-decoration: none;
    }
    .paid-info-list-item:hover .info {
      color: #666;
    }

    .sign-up { width: 600px; margin: 30px 0; }
    .form-item { margin-bottom: 2em; overflow: hidden; }
    .form-item label { float:left; width:150px; height: 40px; font-size: 16px; vertical-align: middle; line-height: 40px; text-align: right; }
    .form-item .box { overflow: hidden;}
    .form-item .box .form-input {
      box-sizing: border-box;
      width: 100%;
      height: 40px;
      padding: 10px;
      border: 1px solid rgba(0, 0, 0, 0.2);
      vertical-align: middle;
      font-size: 14px;
      line-height: 40px;
      color: #333;
    }
    .sign-up .btn-box {
      padding-left: 150px;
      text-align: right;
    }
    .sign-up .btn-box .note {
      margin-bottom: 6px;
      text-align: left;
      font-size: 14px;
      color: #f00;
    }
    .sign-up .btn-box .btn {
      box-sizing: border-box;
      display: block;
      width: 100%;
      margin-bottom: 10px;
      padding: 16px 24px;
      font-size: 18px;
      font-weight: 400;
      color: #fff;
      white-space: nowrap;
      cursor: pointer;
      background-color: #0864C6;
      border: 1px solid #0864C6;
      border-radius: 3px;
    }
    .sign-up .btn-box a {
    }