@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: 72px;



    text-align: center;



    background: #ffffff



}



.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: #27354f



}



.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 #191919;



}



.nav_ul li a.hover {



    border-color: #759201;



    background: #bf4600;



}



.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: #26344e



}



.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: #ffffff;



    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: #d2ab55;



}



.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: 60px;



    text-align: center;



    color: #000;



}



.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: #26344e;



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