@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h2 {

    margin: 0;

    padding: 0;

    font-size: 14px;



}

input, button, textarea, select, optgroup, option {

    font-family: inherit;

    font-size: 100%;

    font-style: inherit;

    font-weight: inherit;

}

ul, li, dl, dt, dd, ol {

    display: block;

    list-style: none;

}

img {

    border: 0;

}

.clear {

    clear: both;

}

a {

    text-decoration: none;

    outline: 0;

}

center {

    padding: 20px 0;

}

/* fixed */

.fixed {

    position: fixed;

    width: 55px;

    height: 212px;

    right: 25px;

    bottom: 50px;

    _position: absolute;

    _bottom: auto;

    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));

    z-index: 999;

}

.fixed a {

    display: block;

    width: 55px;

    height: 53px;

}

.book {

    background: url(../images/fixed.jpg) 0 0 no-repeat;

}

.book:hover {

    background-position: -54px 0;

}

.fixed a.codepic {

    background: url(../images/fixed.jpg) 0 -53px no-repeat;

    height: 52px;

}

.fixed a.codepic:hover {

    background-position: -54px -53px;

}

.fixed div {

    position: relative;

}

.fixed a.backup {

    background: url(../images/fixed.jpg) 0 -158px no-repeat;

    height: 52px;

}

.fixed a.backup:hover {

    background-position: -54px -158px;

    height: 53px;

}

.fixed div img {

    position: absolute;

    left: -196px;

    width: 196px;

    height: 196px;

    top: -106px;

    display: none;

}

/* top */

body {

    overflow-x: hidden;

    width: 100%;

}

.topbg {

    width: 100%;

    height: 150px;

    text-align: center;

    background: #fff8e5;

}

.top {

    width: 980px;

    height: 102px;

    margin: 0 auto;

    overflow: hidden;

}

.logo {

    /*float: left;*/

    /*margin-left: 700px;*/

}

.logo img{display: inline;}

.search {

    width: 307px;

    height: 35px;

    float: right;

    margin: 36px 0 0;

    overflow: hidden

}

.text {

    width: 153px;

    float: left;

    font: 14px/19px 'microsoft yahei';

    color: #d5e1a4;

    text-indent: 11px;

    height: 19px;

    padding: 8px 0;

    border: 0;

    background: url(../images/text.jpg) 0 0 no-repeat;

    *height:19px;

}

.select {

    float: left;

    width: 95px;

    border: 0;

    background: url(../images/select.jpg) 0 0 no-repeat;

}

.btn {

    float: left;

    background: url(../images/button.jpg) no-repeat 0 0;

    width: 59px;

    height: 35px;

    border: 0;

    cursor: pointer

}

.select select {

    margin: 5px auto;

    width: 95px;

}

.searchBar span {

    float: right;

    margin-top: 6px;

}

.searchBar span a {

    color: #666;

    margin-right: 8px;

}

.searchBar span a:hover {

    color: #ef9b11;

}

.searchBar .select {

    float: left;

    margin-top: 1px;

    display: inline;

    margin-right: 8px;

}

.searchBar .text {

    float: left;

}

.searchBar .text input {

    width: 302px;

    padding-top: 3px;

    height: 17px;

    border: 1px solid #b7d1eb;

}

div.selectbox-wrapper {

    overflow: hidden;

    width: 95px;

    position: absolute;

    text-align: left;

    *margin-top:0;

    z-index: 11;

    background: #fff;

}

div.selectbox-wrapper ul li.current {

    color: #fff;

    background-color: #36c

}

div.selectbox-wrapper ul li {

    text-align: center;

    padding-right: 3px;

    padding-bottom: 3px;

    width: 95px;

    cursor: pointer;

    line-height: 20px;

    padding-top: 3px;

    font-size: 14px;

    font-family: '微软雅黑';

    color: #666;

}

div.selectbox-wrapper ul li.selected {

    background-color: #758e13;

    color: #fff;

}

.selectbox {

    border: none;

    display: block;

    width: 95px;

    background: none;

    text-indent: 10px;

    cursor: pointer;

    height: 35px;

    font-size: 14px;

    font-family: 'microsoft yahei';

    color: #d5e1a4;

    line-height: 35px;

}

/* nav */

.nav_bg {

    width: 100%;

    height: 56px;

    background: #e7d27f

}

.nav {

    width: 980px;

    height: 56px;

    margin: 0 auto;

    text-align: center;

}

.nav_ul {

    width: 832px;

    height: 56px;

    display: inline-block;

}

.nav_ul li {

    width: 104px;

    float: left;

    height: 56px;

    position: relative;

}

/*.home {*/

/*display: block;*/

/*float: right;*/

/*background: url(../images/home.jpg) 0 0 no-repeat;*/

/*width: 70px;*/

/*height: 56px;*/

/*}*/

.nav_ul li a {

    display: block;

    width: 102px;

    height: 54px;

    text-align: center;

    font: 16px/56px "microsoft yahei";

    color: #fff;

    border: 1px solid #e7d27f;

}

.nav_ul li a.hover {

    border-color: #759201;

    background: #daa2ba;

}

.nav_ul li ul {

    background: #678100;

    height: auto;

    overflow: hidden;

    position: absolute;

    top: 56px;

    left: 0;

    display: none;

    z-index: 999

}

.nav_ul li li {

    height: 33px;

}

.nav_ul li li a, .nav_ul li li a.hover {

    display: block;

    width: 102px;

    height: 33px;

    text-align: center;

    font: 14px/33px "microsoft yahei";

    color: #fff;

    border: 0;

    border-bottom: 1px solid #7b9200;

}

.banner {

    width: 100%;

    position: relative;

    overflow: hidden;

}

.banner img {

    display: block;

    margin: 0 auto;

}

/* class */

.class_bg {

    width: 100%;

    /*height: 213px;*/

    padding-bottom: 30px;

    background:#ffffff;

}

.class {

    width: 1150px;

    /*height: 213px;*/

    margin: 0 auto;

    overflow: hidden;

}

.title1 {

    float: left;

    margin: 78px 0 0 12px;

}

.class_box {

    width: 782px;

    /*height: 127px;*/

    margin: 48px 3px 0 0;

    position: relative;

    float: right;

}

.class_ul {

    width: 711px;

    height: 225px;

    margin: 0 auto;

    overflow: hidden;

    position: relative;

}

.class_ul .PicAuto{width: 227px;height: 206px;}

.class_ul ul {

    width: 5000px;

    /*height: 127px;*/

    position: absolute;

    left: 0;

    top: 0

}

.leftbtn {

    position: absolute;

    background: url(../images/leftbtn1.jpg) 0 0 no-repeat;

    width: 24px;

    height: 45px;

    left: 0;

    top: 86px;

    cursor: pointer

}

.rightbtn {

    position: absolute;

    background: url(../images/rightbtn1.jpg) 0 0 no-repeat;

    width: 24px;

    height: 45px;

    right: 10px;

    top: 86px;

    cursor: pointer

}

.class_ul ul li {

    width: 237px;

    /*height: 127px;*/

    float: left;

}

.class_ul ul li a {

    display: block;

    /*width: 207px;*/

    /*height: 127px;*/

}

/* con1 */

.con1 {

    width: 980px;

    height: 221px;

    margin: 17px auto 33px;

    background: url(../images/con1bg.jpg) right 0 no-repeat;

    overflow: hidden;

}

.title2 {

    float: left;

    margin-top: 17px;

}

.con1_about {

    float: left;

    width: 538px;

    margin: 30px 0 0 18px;

    height: 156px;

    overflow: hidden;

    font: 14px/26px "microsoft yahei";

    color: #2b2b2b;

}

.con1_about a {

    color: #de0000;

    margin-left: 24px;

}

.con1_contact {

    width: 180px;

    float: right;

    margin: 23px 57px 0 0;

    overflow: hidden;

    color: #010101;

    font: 14px/28px "microsoft yahei";

}

.con1_contact img {

    display: block;

    margin-bottom: 6px;

}

/* con2 */

.con2_bg {

    width: 100%;

    background: #e3e3e3;

    height: 357px;

}

.con2 {

    width: 980px;

    height: 357px;

    margin: 0 auto;

    overflow: hidden;

}

.con2_left {

    display: block;

    width: 209px;

    height: 297px;

    float: left;

    border: 3px solid #fff;

    margin-top: 29px;

}

.con2_imgs {

    width: 624px;

    float: left;

    margin-top: 29px;

    overflow: hidden;

    height: 316px;

}

.con2_imgs li {

    width: 192px;

    padding-left: 16px;

    height: 158px;

    float: left;

}

.con2_imgs li a {

    display: block;

    width: 187px;

    height: 139px;

    border: 3px solid #fff;

    position: relative;

    overflow: hidden;

}

.title3 {

    float: left;

    margin: 29px 27px 0 0

}

.con2_imgs li a span {

    position: absolute;

    left: 0;

    bottom: 0;

    font: 14px/40px "microsoft yahei";

    color: #c8c8c8;

    text-align: center;

    width: 187px;

    background: url(../images/titlebg.png) 0 0 repeat;

    display: none

}

.con2 a:hover {

    border-color: #000

}

.con2_imgs li a:hover span {

    display: block;

}

/* con3 */

.con3 {

    width: 980px;

    height: 290px;

    margin: 0 auto;

    overflow: hidden;

}

.title4 {

    float: left;

    margin-top: 34px;

}

.con3_news {

    float: left;

    width: 537px;

    margin: 0 10px 0 15px;

    overflow: hidden;

    height: 290px

}

.news_top {

    width: 510px;

    margin: 34px auto 0;

    height: 84px;

    overflow: hidden;

}

.news_top p {

    width: 100%;

    height: 30px;

    overflow: hidden;

    font: 14px/1 "microsoft yahei";

    color: #000

}

.news_top p a {

    color: #000

}

.news_top div {

    width: 100%;

    height: 48px;

    overflow: hidden;

    font: 14px/24px "microsoft yahei";

    color: #808080;

}

.news_ul {

    width: 532px;

    height: 144px;

    overflow: hidden;

    padding-top: 8px;

}

.news_ul li {

    width: 100%;

    height: 36px;

    overflow: hidden;

    font: 14px/36px "microsoft yahei";

    color: #808080;

}

.news_ul li a {

    float: left;

    color: #000;

    margin-left: 14px;

}

.news_ul li span {

    float: right;

    margin-right: 12px;

}

.news_ul li:hover {

    background: #eaeaea

}

#rotation {

    width: 307px;

    height: 223px;

    overflow: hidden;

    position: relative;

    float: right;

    margin-top: 34px;

}

#rotationImg {

    width: 307px;

    height: 223px;

    overflow: hidden

}

ol {

    position: absolute;

    z-index: 2;

    bottom: 0;

    right: 0;

    width: 303px;

    height: 28px;

    background: url(../images/numb_bg.png) 0 0 repeat;

    text-align: right;

    padding-right: 4px;

}

ol li {

    width: 18px;

    height: 18px;

    display: inline-block;

    margin: 6px 0 0 0;

    background: #000;

    text-align: center;

    color: #868686;

    font: 12px/18px "tahoma";

    cursor: pointer;

    *display:inline;

    *zoom:1

}

ol li.active {

    background: #ad0000;

    color: white;

}

#rotationImg li {

    display: none

}

/* con4 */

.con4_bg1 {

    width: 100%;

    height: 440px;



}

.con4_bg2 {

    width: 100%;

    height: 395px;



}

.con4 {

    width: 1000px;

    height: 395px;

    margin: 0 auto;

    overflow: hidden;

    position: relative

}

.title5 {

    position: absolute;

    top: 0;

    left: 379px;

}

.con4_left {

    position: absolute;

    left: 0;

    top: 172px;



    width: 34px;

    height: 75px;

    cursor: pointer

}

.con4_right {

    position: absolute;

    right: 0;

    top: 172px;



    width: 34px;

    height: 75px;

    cursor: pointer

}

.con4_imgs {

    width: 914px;

    margin: 92px auto 0;

    height: 278px;

    overflow: hidden;

    position: relative

}

.con4_imgs ul {

    width: 5000px;

    height: 278px;

    position: absolute;

    left: 0;

    top: 0

}

.con4_imgs ul li {

    width: 305px;

    float: left;

    height: 278px;

    overflow: hidden;

}

.con4_imgs ul li a {

    display: block;

    width: 272px;

    height: 241px;

    border: 1px solid #f0cbe8;

    padding: 4px;

    box-shadow: 0 0 8px rgba(159, 63, 63, 0.6);

    margin: 10px auto;

    color: #9e1aa7;

}

.con4_imgs ul li a span {

    display: block;

    width: 272px;

    height: 38px;

    text-align: center;

    overflow: hidden;

    font: 14px/46px "microsoft yahei";

}

.con4_imgs ul li a:hover {

    background: #f9edf7;

    border-color: #bb69cf;

    color: #8a3589;

}

/* foot */

.foot_bg {

    width: 100%;

    height: 166px;

    padding-top: 52px;

    background: #f8c255

}

.foot {

    width: 980px;

    height: 166px;

    margin: 0 auto;

    position: relative

}

.links {

    width: 980px;

    height: 43px;

    margin: 0 auto;

    background: url(../images/links.jpg) 0 0 no-repeat;

    overflow: hidden;

}

.links p {

    float: left;

    width: 118px;

    text-align: right;

    font: 14px/43px "microsoft yahei";

    color: #ffffff

}

.links a {

    float: left;

    font: 14px/43px "microsoft yahei";

    color: #5b5b5b;

    margin-right: 18px;

}

.foot_bottom {

    width: 822px;

    overflow: hidden;

    margin-top: 22px;

    text-align: center; 

}

.foot_bottom p {

    width: 100%;

    font: 14px/28px "microsoft yahei";

    color: #ffffff

}

.foot_bottom p span {

    margin-right: 12px;

}

.foot_bottom p a {

    color: #ffffff

}

#pgshare1 #bdshare a {

    background: url(../images/share.jpg) no-repeat scroll 0 0 transparent;

    margin-right: 10px;

    min-height: 52px;

    min-width: 52px;

    display: block;

    padding: 0;

    float: left

}

#pgshare1 #bdshare {

    background: url(../images/share.jpg) repeat-x scroll 0 -178px transparent;

    display: block;

    float: left;

    padding-bottom: 2px;

    text-align: left !important;

    z-index: 999999;

}

#pgshare1 #bdshare .bds_tsina, #pgshare1 #bdshare a.bds_tsina:hover {

    background-position: 0 0 !important;

}

#pgshare1 #bdshare .bds_tqq, #pgshare1 #bdshare a.bds_tqq:hover {

    background-position: -58px 0 !important;

}

#pgshare1 {

    width: 128px;

    height: 52px;

    position: absolute;

    right: 8px;

    top: 80px;

}

/* subpage */

.subpage {

    width: 980px;

    margin: 0 auto;

}

.clear {

    clear: both;

}

.left {

    float: left;

    width: 244px;

    /*position: relative;

    top: -89px;*/

}

.left_title {

    width: 222px;

    /*height: 120px;*/

    /*background: url(../images/lefttitle1.jpg) 0 0 repeat;*/

    font: 700 30px/120px "microsoft yahei";

    color: #ecf6c5;

    text-align: center;

}

.left_nav {

    width: 244px;

    height: auto;

    overflow: hidden;

    padding: 12px 0;

    background: url(../images/leftbg.jpg) 0 0 repeat-y;

}

.left_nav li {

    width: 232px;

    padding-left: 12px;

}

.left_nav li ul {

    display: none

}

.left_nav li a {

    display: block;

    background: url(../images/leftli1.jpg) 0 0 no-repeat;

    width: 192px;

    padding-right: 40px;

    overflow: hidden;

    height: 41px;

    font: 14px/41px "microsoft yahei";

    color: #ecf6c5;

    text-indent: 32px;

    margin-bottom: 4px;

}

.left_nav li a:hover {

    background: url(../images/leftli3.jpg) 0 0 no-repeat

}

.left_nav li li {

    padding: 0

}

.left_nav li li a {

    background: url(../images/leftli2.jpg) 0 0 no-repeat;

    text-indent: 52px;

}

.left_nav li li a:hover {

    background: url(../images/leftli4.jpg) 0 0 no-repeat

}

.left_contact {

    width: 202px;

    background: #e1e1e1;

    padding: 20px 10px;

    overflow: hidden;

    font: 14px/28px "microsoft yahei";

    color: #010101;

}

.left_border {

    width: 222px;

    height: 5px;

    background: url(../images/lefttitle1.jpg) 0 0 repeat;

    margin-bottom: 28px;

}

.left_contact img {

    margin-bottom: 6px;

}

.right {

    float: left;

    width: 715px;

    padding-left: 20px;

    overflow: hidden;

    padding-top: 25px;

}

.right_title {

    width: 715px;

    height: 42px;

    overflow: hidden;

    background: #e2e2e2;

}

.right_name {

    float: left;

    font: 22px/42px "microsoft yahei";

    color: #0c0c0c;

    padding: 0 20px 0 17px;

    background: url(../images/rightname.jpg) right center no-repeat;

}

.right_title p {

    float: right;

    font: 12px/42px "microsoft yahei";

    color: #727272;

    padding-right: 20px;

}

.right_title p a, .right_title p span {

    color: #727272;

    margin: 0 6px;

}

.right_con {

    width: 100%;

    padding: 10px 0;

    font: 14px/30px "microsoft yahei";

    color: #0c0c0c

}

/* product */

.product {

    width: 714px;

    height: auto;

    overflow: hidden;

    padding-top: 10px;

}

.product li {

    width: 238px;

    /*height: 200px;*/

    float: left;

    overflow: hidden;

}

.product li a {

    display: block;

    /*width: 193px;*/

    margin: 0 auto;

    text-align: center;

    font: 16px/40px "microsoft yahei";

    color: #000

}

.product li a img{width:198px;height: 180px;display: inline; }

.product li p {

    height: 40px;

    overflow: hidden;

}

/* pages */

.pages {

    width: 100%;

    height: 28px;

    margin: 14px 0;

    clear: both;

}

.pages ul {

    float: right;

    margin: 0 15px 0 0;

    display: inline;

}

.pages ul li {

    float: left;

    display: inline;

    margin: 0 7px 0 0;

    font: 500 14px/28px '宋体';

    color: #6c6c6c;

    width: 26px;

    height: 26px;

    border: 1px solid #404040;

    background: #313131;

    text-align: center;

}

.pages ul li a {

    color: #fff;

    display: block;

    width: 26px;

    height: 26px;

}

.pages ul li.prev {

    width: 64px;

    height: 26px;

    background: url(../images/prev_page.jpg) 6px center no-repeat #313131;

    text-indent: 13px;

    border: 1px solid #404040;

    text-align: left;

}

.pages ul li.prev a, .pages ul li.next a {

    display: block;

    width: 64px;

    height: 26px;

}

.pages ul li.ok a {

    display: block;

    width: 55px;

    height: 28px;

}

.pages ul li.next {

    width: 64px;

    height: 26px;

    background: url(../images/next_page.jpg) 54px center no-repeat #313131;

    text-indent: 6px;

    border: 1px solid #404040;

    text-align: left;

}

.pages ul li.clickli {

    background: #313131;

    border: 1px solid #404040;

    font-weight: bold

}

.pages ul li.clickli a {

    color: #fff

}

.pages ul li.dot {

    border: 0;

    background: none;

    color: #171717;

}

.pages ul li.allpage {

    width: 136px;

    border: 0;

    background: none;

}

.allpage input {

    width: 26px;

    height: 26px;

    border: 1px solid #313131;

    text-align: center;

    background: #313131;

    margin: 0 5px;

    color: #fff;

    font: 14px/26px '宋体';

}

.pages ul li.ok {

    background: #313131;

    width: 53px;

    height: 26px;

    float: left;

    border: 1px solid #313131

}

.pages ul li.ok a {

    color: #fff

}

/* news */

.news {

    width: 678px;

    margin: 0 auto;

    overflow: hidden;

    height: auto;

}

.news li {

    width: 100%;

    height: 36px;

    overflow: hidden;

    font: 14px/36px "microsoft yahei";

}

.news li a {

    float: left;

    color: #000

}

.news li span {

    float: right;

    color: #808080

}

.news li.none {

    margin-bottom: 16px;

}

/* case */

.case {

    width: 100%;

    height: auto;

    overflow: hidden;

}

.case li {

    width: 672px;

    margin: 0 auto;

    height: 174px;

    overflow: hidden;

}

.case_img {

    display: block;

    float: left;

    width: 193px;

    height: 145px;

}

.case li p {

    float: left;

    width: 450px;

    padding-left: 28px;

    height: 36px;

    font: 14px/36px "microsoft yahei";

    color: #000;

    overflow: hidden;

}

.case li p a {

    color: #000

}

.case li div {

    float: left;

    width: 450px;

    height: 104px;

    font: 14px/26px "microsoft yahei";

    color: #000;

    overflow: hidden;

    padding-left: 28px;

}

/* book*/

.bookmain {

    width: 650px;

    padding: 0 10px;

    height: auto;

    font: 14px/30px 'microsoft yahei';

    color: #185e0b;

    margin: 0 auto

}

.bookmain div {

    font-size: 12px

}

.bookline {

    width: 650px;

    height: 34px;

    background-image: url(../images/about_box_line.jpg);

    background-repeat: repeat-x;

    background-position: 0 0;

    margin: 0 auto;

    margin-top: 10px;

}

.book3 {

    width: 550px;

    margin: 0 auto;

}

.booktop {

    width: 650px;

    height: 30px;

    float: left;

    background: url(../images/bookico.png) no-repeat 10px 7px;

    margin-top: 20px;

}

.booktop_name {

    width: 570px;

    height: 30px;

    float: left;

    color: rgb(30,54,1);

    padding-left: 30px;

    line-height: 30px;

    font-weight: bold;

}

.booktop_time {

    width: 150px;

    height: 30px;

    float: left;

    color: rgb(30,54,1);

    text-align: right;

    line-height: 30px;

}

.bookcontent {

    width: 628px;

    min-height: 40px;

    height: auto!important;

    height: 40px;

    float: left;

    border: 1px solid #d6deef;

    background: url(../images/bookcontentbg.jpg) repeat-x;

    background-color: #fff;

    padding: 10px;

    color: rgb(30,54,1);

}

.bookadmin {

    width: 650px;

    height: auto;

    float: left;

}

.bookadmin_top {

    width: 650px;

    height: 12px;

    float: left;

}

.bookadmin_mid {

    width: 628px;

    min-height: 30px;

    height: auto!important;

    height: 30px;

    border-left: 1px solid #d6deef;

    border-right: 1px solid #d6deef;

    border-bottom: 1px solid #d6deef;

    float: left;

    padding: 10px;

    color: rgb(30,54,1);

}

.messagecol {

    color: rgb(30,54,1);

}

.admincol {

    color: rgb(30,54,1);

    font-weight: bold;

}

.admintimecol {

    color: rgb(30,54,1);

    float: right;

    *margin-top:-17px;

}

.message {

    width: 500px;

    height: auto;

    float: left;

    padding-left: 50px;

    color: rgb(30,54,1);

}

.message li {

    width: 500px;

    height: 40px;

    float: left;

    margin: 0px;

    padding: 0px;

}

.message li input {

    height: 15px;

    line-height: 15px;

    width: 150px;

}

.message li p.message_title {

    width: 100px;

    height: 25px;

    float: left;

    text-align: right;

    font-size: 12px;

}

.message li p.message_content {

    width: 400px;

    float: left;

}

.message li.contentb {

    width: 500px;

    height: 150px;

    float: left;

}

.message li.contentb textarea {

    width: 370px;

    height: 120px;

}

.message li.yzm {

    width: 500px;

    height: 60px;

    float: left;

}

.message li p.message_yzminput {

    width: 100px;

    float: left;

}

.message li p.message_yzminput input {

    width: 70px;

}

.message li p.message_yzmico {

    width: 100px;

    height: 40px;

    float: left;

}

.message li p.message_sub {

    width: 200px;

    height: 40px;

    float: left;

}

.tab2 {

    background: #fff;

    width: 100%;

    margin-top: 5px;

    border: 1px solid #e1e0e1;

}

.blank {

    width: 100%;

    height: 20px;

    margin-bottom: 5px;

}

/* view */

.right_con h1 {

    width: 100%;

    text-align: center;

    font: 20px/36px "microsoft yahei";

    color: #000;

}

.view_date {

    width: 100%;

    text-align: center;

    font: 12px/22px "microsoft yahei";

    color: #acacac;

    margin-top: -12px;

}

.page {

    width: 100%;

    height: 56px;

    margin: 10px auto;

    overflow: hidden;

    position: relative

}

.page p {

    width: 80%;

    float: left;

    height: 28px;

    font: 12px/28px "microsoft yahei";

    color: #6d6d6d;

    overflow: hidden;

}

.page p a {

    color: #6d6d6d

}

.page p a:hover, .back:hover {

    text-decoration: underline

}

.back {

    position: absolute;

    right: 0;

    font: 12px/1 "microsoft yahei";

    color: #6d6d6d;

    top: 22px;

}

/* hr */

.hr {

    margin: 10px auto;

    width: 100%;

    font-size: 12px;

    line-height: 24px;

    border: 1px #CCC solid;

    background-color: #fff;

}

.hr td {

    border: 1px #CCC solid;

}

.hr a {

    color: #333;

}

.hr a:hover {

    color: #de0303;

}

.hr_btn {

    width: 100px;

    height: 40px;

    font-size: 12px;

}

/* hr*/

.hrBox {

    margin: 10px auto;

    width: 100%;

    font-size: 12px;

    line-height: 24px;

    border: 1px #CCC solid;

    background-color: #fff;

}

.hrBoxL {

    width: 100px;

    float: left;

    text-align: center;

}

.hrBoxL li {

    width: 100px;

    min-height: 30px;

    _height: 30px;

    line-height: 30px;

    border-bottom: 1px #dbdbdb solid;

    vertical-align: bottom

}

.jobName {

    width: 380px;

    float: left;

}

.hrBtn {

    width: 100px;

    float: left;

    text-align: center;

    padding-top: 3px;

}

.hrBoxL li.haode {

    border-bottom: none;

}

.hrBoxR {

    width: 533px;

    float: left;

    text-align: left;

    border-left: 1px solid #dbdbdb;

}

.hrBoxR li {

    width: 508px;

    min-height: 30px;

    _height: 30px;

    line-height: 30px;

    border-bottom: 1px #dbdbdb solid;

    padding-left: 15px;

    vertical-align: bottom;

    padding-right: 10px;

}

.hrBoxR li.topline {

    overflow: hidden;

    height: 30px;

}

.hrBoxR li.topline img {

    margin-top: 3px;

}

.hrBoxR li.haode {

    border-bottom: none;

}

.hrTable {

    width: 614px;

    float: left;

    height: 440px;

    border: 1px solid #dbdbdb;

    margin-left: 50px;

    _margin-left: 25px;

    margin-bottom: 30px;

}

.tableTitle {

    width: 614px;

    height: 36px;

    text-align: center;

    line-height: 36px;

    border-bottom: 1px solid #dbdbdb;

    font-weight: bold;

}

.lineOne {

    height: 30px;

    line-height: 30px;

    border-bottom: 1px solid #dbdbdb;

    width: 614px;

}

.lineOneL {

    width: 94px;

    float: left;

    text-align: center;

    border-right: 1px solid #dbdbdb;

}

.lineOneR {

    width: 509px;

    float: left;

    padding-left: 10px;

}

.tableMainL {

    width: 94px;

    float: left;

    border-right: 1px solid #dbdbdb;

    text-align: center;

}

.tableMainL li {

    width: 94px;

    height: 30px;

    line-height: 30px;

    border-bottom: 1px solid #dbdbdb;

}

.tableMainR {

    width: 211px;

    float: left;

    border-right: 1px solid #dbdbdb;

    text-align: left;

}

.tableMainR li {

    width: 206px;

    height: 30px;

    line-height: 30px;

    border-bottom: 1px solid #dbdbdb;

    padding-left: 5px;

    vertical-align: bottom;

}

.tableMainR li span {

    display: inline-block;

}

.tableMainRno {

    width: 212px;

    float: left;

    text-align: left;

}

.tableMainRno li {

    width: 207px;

    height: 30px;

    line-height: 30px;

    border-bottom: 1px solid #dbdbdb;

    padding-left: 5px;

    vertical-align: bottom;

}

.tableMainRno li span {

    display: inline-block;

}

.input_hr {

    width: 126px;

    height: 17px;

    line-height: 17px;

    padding: 0px;

    vertical-align: middle;

    font-size: 12px;

    border: 1px solid #dbdbdb;

}

.sel_hr {

    width: 130px;

    height: 20px;

    line-height: 20px;

    padding: 0px;

    vertical-align: middle;

    font-size: 12px;

}

.bottomLine {

    width: 614px;

    height: 123px;

    border-bottom: 1px solid #dbdbdb;

}

.lineBootL {

    width: 94px;

    height: 123px;

    border-right: 1px solid #dbdbdb;

    text-align: center;

    float: left;

}

.lineBootR {

    width: 509px;

    float: left;

    padding-left: 10px;

    height: 123px;

}

.are_hr {

    width: 470px;

    height: 80px;

    margin-top: 11px;

}

.hr_btn {

    width: 614px;

    height: 31px;

    line-height: 31px;

}

.hr_btnL {

    width: 310px;

    float: left;

    border-right: 1px solid #dbdbdb;

    text-align: center;

    height: 31px;

}

.hr_btnR {

    width: 300px;

    float: left;

    text-align: center;

}

.c_red {

    color: #f00;

}

.searchnull {

    float: left;

    text-align: center;

    width: 100%;

    padding: 3% 0;

    font-size: 14px;

}

.searchnull font {

    color: #F00;

    font-size: 14px;

}

/* banner 2014-12-18 */

.banner {

    width: 100%;

    height: 600px;

    position: relative;

    z-index: 1

}

#slides {

    display: block;

    width: 100%;

    height: 600px;

    list-style: none;

    padding: 0;

    margin: 0;

    position: relative

}

#slides li {

    display: block;

    width: 100%;

    height: 100%;

    list-style: none;

    padding: 0;

    margin: 0;

    position: absolute

}

#slides li a {

    display: block;

    width: 100%;

    height: 100%;

    text-indent: -9999px

}

#pagination {

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 888;

    padding-top: 22px;

    height: 35px;

    width: 55%;

    padding-left: 45%;

}

#pagination li {

    display: block;

    list-style: none;

    width: 16px;

    height: 16px;

    float: left;

    margin-left: 15px;

    background: #fff0;

    font: 12px/16px "microsoft yahei";

    color: #688203

}

#pagination li a {

    display: block;

    width: 100%;

    height: 100%;

    padding: 0;

    margin: 0;

    text-align: center;

    color: #fff0

}

#pagination li.current {

    background: #fff0;

    color: #fff

}

#pagination li.current a {

    color: #fff0

}

.left {

    z-index: 999

}

.pagination-wrapper {

    margin: 20px 0;

}

.pagination {

    height: 34px;

    text-align: center;

}

.pagination li {

    display: inline-block;

    height: 34px;

    margin-right: 5px;

}

.pagination li a {

    float: left;

    display: block;

    height: 32px;

    line-height: 32px;

    padding: 0 12px;

    font-size: 16px;

    border: 1px solid #dddddd;

    color: #555555;

    text-decoration: none;

}

.pagination li a:hover {

    background: #f5f5f5;

    color: #0099ff;

}

.pagination li.thisclass {

    background: #09f;

    color: #fff;

}

.pagination li.thisclass a, .pagination li.thisclass a:hover {

    background: transparent;

    border-color: #09f;

    color: #fff;

    cursor: default;

}



/**about**/

.title {

    font-size: 26px;

    height: 1px;

    line-height: 150px;

    text-align: center;

    color: #fff;

}

.section-bg {

    height: 300px;

    margin-bottom: 60px;

    background-position: top center;

    background-repeat: no-repeat;

    background-image: url(../images/b2.png);

}

.aboutBox {

    padding: 50px 0;

    background: #ececec;

}

.aboutBox .about-txt {

    width: 50%;

    color: #4A4747;

    margin: 0 auto;

    font-size: 18px;

    letter-spacing: 2px;

    font-family: 'FZLTXHJW', 'Microsoft Yahei','\5FAE\8F6F\96C5\9ED1',Arial;

}

.clearfix::before, .clearfix::after {

    content: "";

    display: table;

}

.aboutBox p {

    line-height: 34px;

    margin-bottom: 10px;

}

.font-n {

    font-family: 'NeutraText';

}

.w-btn {

    display: inline-block;

    height: 30px;

    width: 120px;

    line-height: 30px;

    text-align: center;

    color: #4A4747;

    float: right;

    border: 1px solid #4A4747;

}

.clearfix::after {

    clear: both;

}

.w-btn:hover {

    border-color: #fff;

    color: #fff;

}

/**about end**/

/**历程**/

.module_box_inner {

    clear: both;

    text-align: center;

    padding: 0px 0 0px 0;

    border: 0px solid #cccccc;

    overflow: hidden;

    height: 100%;

}

.ab_mk2 {

    background: #f8c255;

    padding: 50px 0;

}

.ab_mk2 .ab_mk_com {

    max-width: 1100px;

    margin: 0 auto;

}

.ab_mk2 .ab_mk_com .mk_c_tit {

    text-align: center;

    margin-bottom: 20px;

}

.ab_mk2 .ab_mk_com .mk_c_tit span {

    display: inline-block;

}

.ab_mk2 .ab_mk_com .mk_c_tit .t_s1 {

    font-size: 35px;

    color: #fff;

    height: 60px;

    line-height: 60px;

    font-weight: bold;

    border-bottom: 1px solid #fff;

}

.ab_mk2 .ab_mk_com .mk_c_tit .t_s2 {

    font-size: 16px;

    color: #fff;

    height: 40px;

    line-height: 40px;

    display: block;

}



.ab_mk2 .ab_mk_com .mk_c_com {

    color: #FFF;

    max-width: 450px;

    margin: 0 auto;

    padding: 0 2%;

}



/**历程 end**/



/**product**/

.container {

    /*padding: 0 20px 0 20px;*/

    position: relative;

    margin-top: 22px;

    margin-right: auto;

    margin-left: auto;

    width: 1170px;

}

#content .col-md-3 {

    width: 23%;float: left;margin: 0 1%;

}

#content .col-md-3 img{display: inline;width: 218px;height: 200px;}

#content .box {

    width: 100%;

    border: 1px solid #D4D4D4;

    display: inline-block;

    background: #fff;

}



#content .skill-home .icons {

    padding: 36px 0 14px 0px;

    width: 100%;

    color: #E48907;

    font-size: 42px;

    font-size: 68px;

    text-align: center;

    -ms-border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 0;

    display: inline-table;

    float: left;

}

#content .skill-home a {

    color: #0C1F5A;    font-size: 14px;



}

#content .box-area {

    text-align: center;

float: left;

    width: 100%;



}



#content p {

    margin: 0 0 10px;

}

.col-lg-12{

    font-family: 'Microsoft YaHei', Arial, sans-serif;

    font-size: 14px;

    font-weight: 300;

    line-height: 1.6em;

    color: #656565;

}

.col-lg-12 div{ font-size: 14px;}

.col-lg-12 h2 {

    font-family: 'Microsoft YaHei', Arial, sans-serif;

    font-weight: normal;

    line-height: 1.1em;

    color: #1c1c1c;

    margin-bottom: 20px;

    font-size: 30px;

    margin-top: 20px;

}

#content .col-md-3:hover .box{background: #eaeaea;}

#content .col-md-3:hover .box-area a{color: #1c1c1c;}

/**product end**/





.con3 h2,.con4 h2 {

    font-family: 'Microsoft YaHei', Arial, sans-serif;

    font-weight: normal;

    line-height: 1.1em;

    color: #1c1c1c;

    margin-bottom: 20px;

    font-size: 30px;

    margin-top: 20px;

}

.con3 h2{float: left;}

.con3{width: 1170px;padding-top: 45px;}

.con3_news {

    width: 750px;

    margin: 0 20px 0 20px;

}

.news_top {

    width: 100%;



}

.news_ul {

    width: 100%;}

.con4 {

    width: 1170px;

    height: 395px;

margin-top: 30px;

}

.con4_imgs {

    width: 1000px;

    margin: 50px auto 0;

    height: 278px;

    overflow: hidden;

    position: relative;

}

.con4_left {

    position: absolute;

    left: 20px;

    top: 210px;

    width: 24px;

    height: 45px;

    cursor: pointer;

    background: url(../images/leftbtn1.jpg) no-repeat center;

}

.con4_right {

    position: absolute;

    right: 20px;

    top: 210px;

    width: 24px;

    height: 45px;

    cursor: pointer;

    background: url(../images/rightbtn1.jpg) no-repeat center;



}

.con4_imgs ul li {

    width: 333.33px;

}

.con4_imgs ul li a {

    display: block;

    width: 300px;text-align: center;}

.con4_imgs ul li a span {

    display: block;

    width: 100%;}

.con4_imgs ul li a img{display: inline;padding-top: 10px;width: 240px;height: 180px;}