html, body, div, span, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        abbr, address, cite, code,
        del, dfn, em, img, ins, kbd, q, samp,
        small, strong, sub, sup, var,
        b, i,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, figcaption, figure,
        footer, header, hgroup, menu, nav, section, summary,
        time, mark, audio, video {
            margin:0;
            padding:0;
            border:0;
            outline:0;
            font-size:100%;
            background:transparent;
        }

        body {
            line-height:1;
        }

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

        li{
            list-style:none;
        }
         a{
            list-style:none;
            text-decoration:none
        }

        blockquote, q {
            quotes:none;
        }

        blockquote:before, blockquote:after,
        q:before, q:after {
            content:'';
            content:none;
        }

        a {
            margin:0;
            padding:0;
            border:0;
            font-size:100%;
            vertical-align:baseline;
            background:transparent;
            text-decoration: none;
            color:#595757;
        }
        a:hover{
            color:#595757;
            text-decoration: underline;
        }

        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;
        }

        abbr[title], dfn[title] {
            border-bottom:1px dotted #000;
            cursor:help;
        }

        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;
        }

        body{
            font:13px/20px Arial,"\5FAE\8F6F\96C5\9ED1", tahoma, '\5b8b\4f53', sans-serif;
        }
        #stage{
            width:100%;
            max-width:2560px;
            margin:0 auto;
            overflow: hidden;
        }
        .wrap{
            font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
            width: 1100px;
            margin:0 auto;
            margin-bottom:50px;
            position: relative;
           
        }
        .mt_20{
             margin-top: 20px;
        }

        #top{
            height: 40px;
            line-height: 40px;
            background:#f7f7f8;
            text-align: right;
        }
        #top span{
            padding:0 5px;
        }
        #header{
            height: 60px;
            line-height: 32px;
            padding-top: 20px;
            padding-bottom:5px;
        }
        #header h1{
            background:url(../images/jzlogo.png) no-repeat 0 0; 
            float: left;
            width: 278px;
            height: 60px;
   
        }
        #header h1 a{
            display: block;
            width: 100%;
            height: 100%;
            text-indent: -999em;
        }
        #header .nav{
            width: 670px;
            font-size: 15px;
            float: right;
            text-align: right;
            margin-top:10px;
        }
        #header .nav li{
            display:inline-block;
            *display:inline;
            *zoom:1;
            margin-left: 50px;
            height:60px;
        }
         .banner{
            width:100%;
            position:relative;
            overflow:hidden;
            height:226px;
        }
        #banners{
            width:100%;
            overflow: hidden;
            height: 500px;
            position: relative;
        }
        #banners li{
            width:2560px;
            height: 620px;
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -1280px;
            display: none;
        }
        #banners .bCtrl{
            position: absolute;
            bottom:20px;
            width: 100%;
            text-align: center;
        }
        .bCtrl span{
            display:inline-block;
            width: 10px;
            height: 10px;
            text-indent: -999em;
            margin:0 10px;
            background:#fff;
            -webkit-box-shadow: 0 0 10px #999;
            -moz-box-shadow: 0 0 10px #999;
            box-shadow: 0 0 10px #999;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            cursor: pointer;
        }
        .bCtrl span.active{
            background:#009991;
        }

   .iSec2{
            padding:30px 0;
        }
        .iSec{
            padding: 50px 0;
        }
        .iSec h3{
            overflow: hidden;
            zoom:1;
            font-weight: 200;
            margin-bottom: 40px;
            white-space:nowrap;
            text-transform:uppercase;
        }
        .iSec h3 span{
            display: block;
            float: left;
            color: #000000;
            font-size: 20px;
        }
        .iSec h3 span i{
            font-style: normal;
            color: #595757;
        }
        .iSec h3 a{
            float: right;
            font-size: 14px;
            color: #009991;
        }

        .pList{
            overflow: hidden;
            zoom:1;
            margin-left: 0px;
        }
        .pList li{
            float: left;
            margin-right: 25px;
        }
    .pList a{
        text-align:center;
        color:#535353;
        }
        .pList a:hover{
        color:#009991;
        }


      .alnews a{
        color:#535353;
    }
        .newsList{
            overflow: hidden;
            width:550px;
        }
        .newsList li{
            line-height: 35px;
            font-size: 14px;
        }
        .newsList li .date{
            float:left;
            width:100px;
            height:25px;
            color:#a2a2a2;
            font-size:10px;
        }

        .newsList li a,.newsList li a:hover{
           
            color:#00615c;
            text-decoration: none;
        }

      .newsLista{
            overflow: hidden;
            width:550px;
        }
        .newsLista li{
            line-height: 25px;
            font-size: 14px;
        }
        .newsLista li .date{
            float:left;
            width:100px;
            height:25px;
            color:#a2a2a2;
            font-size:10px;
        }

        .newsLista li a,.newsLista li a:hover{
           
            color:#00615c;
            text-decoration: none;
        }

        p.btn{
            padding-top: 30px;
            text-align: center;
        }
        p.btn a{
            display:inline-block;
            width: 118px;
            height: 28px;
            line-height: 28px;
            border:1px solid #636363;
            color: #000;
        }
 p.btn a:hover{
             background-color:#009991;
            width: 118px;
            height: 28px;
            line-height: 28px;
            color: #fff;
             border:1px solid #009991;
            text-decoration:none
        }
        .pic{
            font-weight:500;
            color:#595757;
            line-height:35px;
            text-indent:30px;
        }
        .deList{
            overflow: hidden;
            zoom:1;
            margin-left: -30px;
        }
        .deList li{
            float: left;
            margin-left: 30px;
        }
        .deList a{
            display: block;
            width: 424px;
            padding-left: 54px;
            height: 98px;
            line-height: 98px;
            background-image:url(../images/btn.png);
            background-repeat:no-repeat;
            border:1px solid #8e8e8e;
            color:#333333;
            font-size: 16px;
        }
        .deList a span{
            text-decoration: none;
            color: #a4a3a3;
        }
        .l1{
            background-position:380px 0;
        }
        .l2{
            background-position:380px -98px;
        }
        .deList a:hover {
            background-color:#009991;
            color:#fff;
            border:1px solid #009991;
            text-decoration: none;
        }
        .deList a:hover span{
            color:#fff;
        }
        .l1:hover{
            background-position:380px -196px;
        }
        .l2:hover{
            background-position:380px -294px;
        }
        #footer{
            background:#f3f3f3;
            height: 50px;
            line-height: 50px;
            white-space: nowrap;
            color: #595757;
            font-size:13px;
        }
        #footer p{
            float: right;
        }
        #footer a{
            color: #595757;
        }
        #footer p span{
            padding:0 10px;
        }

        .subNav {
            height: 550px;
            width: 100%;
            overflow: hidden;
            position: absolute;
            left: 0;
            top: 130px;
            display: none;
            z-index: 10;
        }
        .subMask{
            width: 2560px;
            height: 500px;
            background:url(../images/space.png) repeat 0 0;
            top: 0;
            left: -785px;
            position: absolute;
        }
        .subCon{
            width:700px;
            height:320px;
            overflow: hidden;
            position: absolute;
            left:100px;
            top:25px;
        }
        .subCon ul{
            overflow: hidden;
            padding:25px 0;
            zoom:1;
            margin-left: -1px;
            background:#fff;
        }
        .subCon ul li{
            width:280px;
            float: left;
            padding:0 25px;
            border-left:1px solid #d5d5d5;
            font-size: 12px;
            color: #6a6a6a;
        }
        .subCon ul ul{
            padding:30px;
            height:309px;
        }
        .subCon ul li li{
            width:auto;
            float: none;
            padding:0;
            border-left:none;
            font-size: 15px;
            margin-bottom:15px;
        }
        .subCon ul li li a{
            color: #595757;
            font-size: 15px;
           text-decoration:none
        }
         .subCon ul li li a:hover{
            color: #008970;
            text-decoration:underline
        }
        .subCon li strong{
            display: block;
            height: 20px;
            line-height: 20px;
            color: #383838;
            font-weight: 400;
            padding-left: 30px;
            padding-right: 10px;
            font-size: 14px;
            text-transform:uppercase;
            background:url(../images/s.png) no-repeat 0 0;
        }
        .subCon li p{
            padding:30px 15px 0 0;
            height: 160px;
        }
        .subCon li table td{
             padding-left:20px;
             line-height:40px;
        }
        .subCon li img{
            padding-left:0px;
        }
        .subCon .goTop{
            background:#f2f2f3;
            padding:10px 25px;
            height:20px;

        }
        .subCon .goTop a{
            display:inline-block;
            background:url(../images/s.png) no-repeat 0 -35px;
            font-size: 13px;
            padding-left: 20px;
            color: #4f4f4f;
            *display:inline;
            *zoom:1;
	float: right;
        }
    .xmpic{
    width:250px;
    height:auto;
    overflow:hidden;

}
.xmpic img{
 
    width:250px;
    height:240px;
    margin-bottom:10px;
    text-align:center;
    transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;

}
.xmpica{
    margin-top:4px;
    text-align:center;

}
.xmpic img:hover{
    transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;   

}
.jslist
{
    width: 300px;
    height: 80px;
}
.jspic
{

    padding: 6px;
    text-align:center;
}

.bcNav {
    background: #f6f6f6;
    height: 40px;
    line-height: 40px;
    color: #1f1f1f;
}

.bcNav a {
    color: #1f1f1f;
}

.bcNav span {
    color: #009991;
}
#content {
    padding-bottom: 100px;
}

.links
{
    font-size: 13px;
}
.pNav {
    margin: 60px 0;
    height:auto;
    overflow:hidden;
}

.pNav li {
    float: left;
    margin-bottom:20px;
}

.pNav li a {	
	LINE-HEIGHT: 40px;
    width:150px;
	DISPLAY: block;
	border:1px  solid #393939;
	HEIGHT: 40px;
	COLOR: #292929;
	FONT-SIZE: 15px;
    text-decoration:none;
    text-align:center;
    margin-left:10px;
}
.pNav li .on {
    background-color:#393939;
	COLOR: #fff;
  
}
.pNav li a:hover {
	 background-color:#393939;
	COLOR: #fff;
}

.main_box .sp_news {
    margin-bottom:40px;
    color:#555555;
  
}
.sp_news td p{
    color:#555555;
    line-height:30px;
    font-size:14px;
  
}
.main_box .about_pagegx {
	padding: 30px 20px 20px 10px;
	font-size:13px;
	line-height:28px;
    font-family: "Microsoft YaHei","微软雅黑";
}
.main_box .about_page {
    margin-top:40px;
	padding: 30px 20px 20px 20px;
	font-size:14px;
	line-height:25px;
    font-family: "Microsoft YaHei","微软雅黑";
}

.main_box .about_page div{

    MARGIN-BOTTOM:15px;
    line-height:25px;
}

.main_box .about_page p{
   font-family: "Microsoft YaHei","微软雅黑";
	MARGIN-BOTTOM: 30px;
    line-height:25px;
    }
.down {
    background: url(../images/download.png) no-repeat 0 0;
    width: 199px;
    height: 51px;
    display: block;
    text-indent: -999em;
    margin-top:100px;
    float:right
}

.down:hover {
    background-position: 0 -51px;
}
#pBanner {
            width:100%;
            overflow: hidden;
            height: 500px;
            position: relative;
}

#pBanner img {
    display: none;
}

.bContact {
    background: url(../images/b.png) no-repeat 50% 0;
  
}

.bgywm {
    background: url(../images/gywm.png) no-repeat 50% 0;
  
}

.about_page {
	padding: 30px 20px 20px 20px;
	font-size:13px;
	line-height:25px;
}

.about_page div{
    MARGIN-BOTTOM:15px;
    line-height:25px;
}

.about_page p{
	MARGIN-BOTTOM: 30px;
    line-height:25px;
    }
.contactList {
    display: none;
    font: 14px/1.8 "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.contactList dt {
    margin-bottom: 30px;
}

.contactList dd {
    margin-bottom: 30px;
}

.contactList h4 {
    color: #333;
    line-height: 35px;
    font-weight: 400;
    font-size: 18px;
    border-bottom: 1px solid #333333;
    margin-bottom: 20px;
}

.contactList h5 {
    color: #333;
    font-weight: 400;
    font-size: 16px;
}

.mb25 {
    margin-bottom: 25px;
}

.contactList p {
    margin-bottom: 5px;
}

.contactList p strong {
    font-weight: 400;
    color: #333;
}

DIV.newspage {
	TEXT-ALIGN: center; PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 20px
}
DIV.newspage A {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px;  border:1px solid #595757; COLOR: #595757; MARGIN-RIGHT: 2px;
}
DIV.newspage A:hover {
    background-color:#595757; COLOR: #fff; text-decoration:none
}
DIV.newspage A:active {
	 background-color:#595757; COLOR: #fff; BORDER-RIGHT: #008970 1px solid
}
DIV.newspage SPAN.current {
	BORDER-BOTTOM: #0e63a1 1px solid; BORDER-LEFT: #0e63a1 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: url(../Images/NewsPage_Green.gif) #0e63a1; COLOR: #fff; BORDER-TOP: #0e63a1 1px solid; FONT-WEIGHT: bold; MARGIN-RIGHT: 2px; BORDER-RIGHT: #0e63a1 1px solid; PADDING-TOP: 2px
}
DIV.newspage SPAN.disabled {
	BORDER-BOTTOM: #f3f3f3 1px solid; BORDER-LEFT: #f3f3f3 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #ccc; BORDER-TOP: #f3f3f3 1px solid; MARGIN-RIGHT: 2px; BORDER-RIGHT: #f3f3f3 1px solid; PADDING-TOP: 2px
}


/*about*/

@charset "UTF-8";
html,
body {
  width: 100%;
  min-height: 100%;
  height: auto;
  padding: 0px;
  margin: 0px;
  text-align: left;
  overflow: visible; 
  color: #0f0f0f;
  background-color: #ffffff;
  line-height: 1.6;

  -webkit-tap-highlight-color: transparent; }

/*定義區塊*/
.container {
  margin: auto;
  position: relative;
  z-index: 100;
  width: 1300px;
  max-width: 100%;
  padding-left: 5px;
  padding-right: 5px; }



#index .about {
background-image:url(../images/about_bg.jpg); 
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  color:#fff;
  padding-bottom: 35px; }
  #index .about h2 {
    padding-top: 45px;
    padding-bottom: 35px;
    font-size: 30px;
    text-align: center; 
    font-weight:normal
  }
  #index .about .top {
    text-align: center;
    margin-bottom: 35px; }
    #index .about .top.en > div {
      padding: 0;
      width: 150px;
      height: 150px;
      max-width: 100%;
      line-height: 150px; }
    #index .about .top > div {
      margin: 8px;
      display: inline-block;
      vertical-align: middle;
      font-size: 26px;
      border: 1px solid rgba(255, 255, 255, 0.3);;
      border-radius: 100%;
      padding: 4%; }
      #index .about .top > div span {
        display: block;
        font-size: 20px; }
      #index .about .top > div:hover {
        background-color: rgba(255, 255, 255, 0.3);}
  #index .about .bottom {
    font-size: 18px; }