/* Generated by wjdhcms 3.0 */



    



    @charset "utf-8";



    /*-----------公用-----------*/



    



     ::selection {



        background-color: #1abd9b; color:#fff;



    }



    



     ::-moz-selection {



        background-color: #1abd9b;color:#fff;



    }



    



     ::-webkit-selection {



        background-color: #1abd9b;color:#fff;



    }



    



     ::-webkit-scrollbar {



        width: 8px;



        height: 8px;



        background-color: #F5F5F5



    }



    



     ::-webkit-scrollbar-track {



        border-radius: 10px;



        background-color: #E2E2E2



    }



    



     ::-webkit-scrollbar-thumb {



        border-radius: 10px;



        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



        background-color: #555



    }



    



    * {



        padding: 0;



        margin: 0;



        font-family: "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



    }



    



    body {



        font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



        color: #333;



        margin: 0;



        line-height: 1;



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



        background-repeat: repeat;



    }



    



     :focus {



        outline: 1;



    }



    



    article,



    aside,



    canvas,



    details,



    figcaption,



    figure,



    footer,



    header,



    hgroup,



    menu,



    nav,



    section,



    summary {



        display: block;



    }



    



    a {



        margin: 0;



        padding: 0;



        border: 0;



        font-size: 100%;



        vertical-align: baseline;



        background: transparent;



    }



    



    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;



    }



    



    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;



    }



    



    li,



    ul {



        list-style-type: none;



    }



    



    img {



        border: none;



    }



    



    a {



        color: #333;



        text-decoration: none;



        -webkit-transition: all .3s ease-out;



        transition: all .3s ease-out;



    }



    



    a:link,



    a:hover,



    a:active,



    a:visited {



        text-decoration: none;



    }



    



    input,



    textarea {



        outline: 0;



        border: 0;



    }



    



    textarea {



        resize: none;



    }



    



    h1,



    h2,



    h3,



    h4,



    h5,



    h6,



    dl,



    dd,



    dt,



    i,



    em {



        font-weight: normal;



        font-style: normal;



    }



    



    .fl {



        float: left;



    }



    



    .fr {



        float: right;



    }



    /*banner*/



    



    .banner {



        width: 100%;



        margin: auto;



        clear: both;



        position: relative;



        height: 520px;



    }



    



    .fullSlide {



        width: 100%;



        position: relative;



        height: 100%;



        background: transparent;



    }



    



    .fullSlide .jd {



        margin: 0 auto;



        height: 100%;



        position: relative;



        z-index: 0;



        overflow: hidden;



    }



    



    .fullSlide .jd ul {



        height: 100%;



        margin: 0 auto;



    }



    



    .fullSlide .jd li {



        height: 100%;



        overflow: hidden;



        text-align: center;



        background-position: center;



        background-repeat: no-repeat;



    }



    



    .fullSlide .jd li a {



        display: block;



        height: 100%;



    }



    



    .fullSlide .kd {



        width: 100%;



        position: absolute;



        z-index: 1;



        bottom: 0;



        left: 0;



    }



    



    .fullSlide .kd ul {



        text-align: center;



        margin-bottom: 20px;



    }



    



    .fullSlide .kd ul li {



        background: #fff;



        cursor: pointer;



        display: inline-block;



        *display: inline;



        zoom: 1;



        width: 42px;



        height: 11px;



        margin: 1px 5px;



        overflow: hidden;



        *filter: alpha(opacity=50);



        *opacity: .5;



        line-height: 999px;



    }



    



    .fullSlide .kd ul .on {



        background: #1abd9b;



    }



    



    .fullSlide .prev,



    .fullSlide .next {



        display: block;



        position: absolute;



        z-index: 1;



        top: 50%;



        margin-top: -30px;



        left: 2%;



        z-index: 1;



        width: 40px;



        height: 60px;



        background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;



        cursor: pointer;



        *filter: alpha(opacity=50);



        *opacity: .5;



        display: none;



    }



    



    .fullSlide .next {



        left: auto;



        right: 2%;



        background-position: -6px -137px;



    }



    /*product*/



    



    .productBox {



        width: 100%;



        margin-top: 20px;



    }



    



    .product {



        width: 1180px;



        margin: 0 auto;



    }



    



    .product .fl {



        width: 460px;



    }



    



    .product .h3 {



        width: 100%;



        height: 41px;



        background: url(../images/prod_h3_03.jpg) no-repeat bottom;



    }



    



    .product .h3 h2 {


font-size:16px;
        width: 230px;



        height: 38px;



        line-height: 38px;



        float: left;



    }



    



    .product .h3 h2 a {



        font-size: 18px;



        color: #686868;



    }



    



    .product .h3 h2 span {



        font-size: 12px;



        color: #a19f9f;



    }



    



    .product .h3 a.more {



        width: 55px;



        height: 20px;



        line-height: 20px;



        text-align: center;



        float: right;



        background: #1abd9b;



        font-size: 12px;



        color: #fff;



        margin-top: 15px;



    }



    



    .product .fl .show {



        width: 100%;



        margin-top: 10px;



    }



    



    .product .fl .show li {



        width: 100%;



        height: 36px;



        line-height: 36px;



    }



    



    .product .fl .show li a {



        padding-left: 13px;



        background: url(../images/prod_fl_icon_03.png) no-repeat left;



        height: 36px;



        line-height: 36px;



    }



    



    .product .fr {



        width: 690px;



    }



    



    .gd_02 {



        position: relative;



        width: 690px;



        margin-top: 20px;



    }



    



    .gd_02 #simgs02 {



        margin: 0 auto;



    }



    



    .gd_02 li {



        float: left;



        width: 224px;



        height: auto;



        margin-right: 9px;



    }



    



    .gd_02 li.last {



        margin-right: 0;



    }



    



    .gd_02 li img {



        display: block;



        width: 222px;



        height: 165px;



        border: 1px solid #ecebeb;



        margin-bottom: 10px;



    }



    .gd_02 li:hover img{-webkit-animation:bounceIn 1s .2s ease both;



-moz-animation:bounceIn 1s .2s ease both;}



@-webkit-keyframes bounceIn{



0%{opacity:0;



-webkit-transform:scale(.3)}



50%{opacity:1;



-webkit-transform:scale(1.05)}



70%{-webkit-transform:scale(.9)}



100%{-webkit-transform:scale(1)}



}



@-moz-keyframes bounceIn{



0%{opacity:0;



-moz-transform:scale(.3)}



50%{opacity:1;



-moz-transform:scale(1.05)}



70%{-moz-transform:scale(.9)}



100%{-moz-transform:scale(1)}}



    .gd_02 li .mingcheng {



        width: 224px;



        height: 30px;



        text-align: center;



        line-height: 30px;



        color: #616161;



        font-size: 14px;



        display: block;



    }



    /*product end*/



    /*youshiBox*/



    



    .youshiBox {



        width: 100%;



        margin: 50px auto 25px;



    }



    



    .youshi {



        width: 1180px;



        margin: 0 auto;



    }



    



    .youshi .h3 h3 {



        width: 180px;



        padding-left: 34px;



        background: url(../images/youshi_h3_03.jpg) no-repeat left;



        margin: 0 auto 25px;



    }



    



    .youshi .h3 h3 a {



        font-size: 24px;



        color: #686868;



    }



    



    .youshi .h3 h3 a span {



        color: #1478ab;



    }



    



    .youshi .h3 h3 p {



        color: #686868;



        font-size: 14px;



        text-transform: uppercase;



    }



    



    #tab02 {



        width: 1180px;



        height: 416px;



        position: relative;



    }



    



    #tab02 .tab_menu02 {



        width: 1180px;



        height: 42px;



        margin: 0 auto;



    }



    



    #tab02 .tab_menu02 li {



        float: left;



        width: 202px;



        height: 42px;



        padding: 21px 0 21px 93px;



        cursor: pointer;



    }



    



    #tab02 .tab_menu02 .li01 {



        background: #e6e6e6 url(../images/youshi_menu_icon_02.png) no-repeat 41px center;



    }



    



    #tab02 .tab_menu02 .li01.selected {



        background: #1478ab url(../images/youshi_menu_icon_03.png) no-repeat 41px center;



    }



    



    #tab02 .tab_menu02 .li02 {



        background: #e6e6e6 url(../images/youshi_menu_icon_05.png) no-repeat 41px center;



    }



    



    #tab02 .tab_menu02 .li02.selected {



        background: #1478ab url(../images/youshi_menu_icon_04.png) no-repeat 41px center;



    }



    



    #tab02 .tab_menu02 .li03 {



        background: #e6e6e6 url(../images/youshi_menu_icon_07.png) no-repeat 41px center;



    }



    



    #tab02 .tab_menu02 .li03.selected {



        background: #1478ab url(../images/youshi_menu_icon_06.png) no-repeat 41px center;



    }



    



    #tab02 .tab_menu02 .li04 {



        background: #e6e6e6 url(../images/youshi_menu_icon_09.png) no-repeat 41px center;



    }



    



    #tab02 .tab_menu02 .li04.selected {



        background: #1478ab url(../images/youshi_menu_icon_08.png) no-repeat 41px center;



    }



    



    #tab02 .tab_menu02 li span {



        height: 18px;



        line-height: 18px;



        font-size: 12px;



        color: #686868;



        display: block;



        text-transform: uppercase;



    }



    



    #tab02 .tab_menu02 li a {



        width: 100%;



        height: 24px;



        line-height: 24px;



        font-size: 16px;



        color: #686868;



    }



    



    #tab02 .tab_box02 {



        width: 1170px;



        clear: both;



        border: 5px solid #dddbdb;



        position: relative;



    }



    



    #tab02 .tab_menu02 .selected {



        cursor: pointer;



    }



    



    #tab02 .tab_menu02 .selected a {



        color: #fff;



    }



    



    #tab02 .tab_menu02 .selected span {



        color: #fff;



    }



    



    #tab02 .hide {



        display: none;



    }



    



    #tab02 .tab_box02 div {



        overflow: hidden;



    }



    



    #tab02 .tab_box02 div .fl {



        width: 560px;



    }



    



    #tab02 .tab_box02 div .fl .h4 {



        width: 520px;



        margin: 30px auto;



    }



    



    #tab02 .tab_box02 div .fl h4 {



        width: 220px;



        float: left;



        background: url(../images/line_07.jpg) no-repeat left bottom;



    }



    



    #tab02 .tab_box02 div .fl h4 span {



        display: block;



        font-size: 14px;



        color: #8f8d8d;



    }



    



    #tab02 .tab_box02 div .fl h4 strong {



        height: 40px;



        line-height: 40px;



        font-size: 24px;



        color: #686868;



        font-weight: normal;



        display: block;



        padding-bottom: 10px;



    }



    



    #tab02 .tab_box02 div .fl span.nub {



        width: 48px;



        height: 63px;



        display: block;



        float: right;



        border: 1px solid #7c7c7c;



        text-align: center;



        background: url(../images/line_03.jpg) no-repeat center 48px;



        font-size: 34px;



        color: #686868;



        line-height: 50px;



    }



    



    #tab02 .tab_box02 div .fl ol {



        width: 520px;



        margin: 0 auto;



    }



    



    #tab02 .tab_box02 div .fl ol li {



        width: 500px;



        height: 31px;



        line-height: 31px;



        font-size: 14px;



        color: #616161;



        padding-left: 20px;



        background: url(../images/youshi_show_icon_03.png) no-repeat left;



    }



    



    #tab02 .tab_box02 div .fr {



        width: 582px;



        border-left: 5px solid #dddbdb;



    }



    



    #tab02 .tab_box02 div .fr img {



        width: 582px;



        height: 320px;



    }



    /*youshiBox end*/



    /*next*/



    



    .next {



        width: 100%;



        height: 30px;



        margin: 0px auto 25px;



        background: url(../images/next_03.jpg) no-repeat 50% 0;



    }



    /*next end*/



    /*case*/



    



    .case {



        width: 100%;



    }



    



    .case .h3 {



        width: 1180px;



        height: 50px;



        background: url(../images/case_h3_03.jpg) no-repeat 50% 22px;



        margin: 0 auto 40px;



    }



    



    .case .h3 h3 {



        width: 158px;



        padding-left: 74px;



        background: url(../images/case_h3_icon_03.jpg) no-repeat left;



        margin: 0 auto;



    }



    



    .case .h3 h3 a {



        font-size: 24px;



        color: #686868;



        line-height: 25px;



    }



    



    .case .h3 h3 a i {



        color: #1478ab;



        font-style: normal;



    }



    



    .case .h3 h3 span {



        font-size: 14px;



        color: #686868;



        text-transform: uppercase;



        display: block;



        line-height: 25px;



    }



    



    .case .show {



        width: 100%;



    }



    



    .case .show .item {



        width: 19%;



        margin-left: 1%;



        float: left;



    }



     .case .show .item:hover img {



        -webkit-animation:bounceIn 1s .2s ease both;



-moz-animation:bounceIn 1s .2s ease both;}



@-webkit-keyframes bounceIn{



0%{opacity:0;



-webkit-transform:scale(.3)}



50%{opacity:1;



-webkit-transform:scale(1.05)}



70%{-webkit-transform:scale(.9)}



100%{-webkit-transform:scale(1)}



}



@-moz-keyframes bounceIn{



0%{opacity:0;



-moz-transform:scale(.3)}



50%{opacity:1;



-moz-transform:scale(1.05)}



70%{-moz-transform:scale(.9)}



100%{-moz-transform:scale(1)}



    }



    .case .show .item:first-child {



        margin-left: 0;



    }



    



    .case .show .item a {



        display: block;



    }



    



    .case .show .item img {



        width: 100%;



        height: auto;



        border: 1px solid #eeeeee;



    }



    



    .case .show .item a.mc {



        width: 65%;



        height: 52px;



        line-height: 52px;



        background: #eeeeee url(../images/case_more_03.jpg) no-repeat 80% center;



        display: block;



        padding-left: 10%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:25.4%;





    }



    /*case end*/



    /*content*/



    



    .content {



        width: 1180px;



        margin: 40px auto;



    }



    



    .content .show {



        width: 500px;



        margin: 0 auto;



    }



    



    .content .show p {



        width: 240px;



        height: 56px;



        line-height: 28px;



        padding-left: 60px;



        background: url(../images/content_‭icon_03.jpg) no-repeat left;



        font-size: 14px;



        color: #4d4b4b;



        float: left;



    }



    



    .content .show p span {



        font-size: 24px;



        color: #1abd9b;



        display: block;



    }



    



    .content .show button {



        width: 145px;



        height: 57px;



        float: right;



        border: none;



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



        font-size: 18px;



        color: #1abd9b;



        cursor: pointer;



    }



    /*content end*/



    /*aboutBox*/



    



    .aboutBox {



        width: 100%;



        height: 554px;



        background: url(../images/about_bg_02.jpg) no-repeat 50% 0;



        padding-top: 40px;



        margin-bottom: 20px;



    }



    



    .aboutBox .h3 {



        width: 180px;



        height: 70px;



        padding-left: 78px;



        background: url(../images/about_h3_03.jpg) no-repeat left;



        margin: 0px auto 25px;



    }



    



    .aboutBox .h3 h3 a {



        width: 180px;



        font-size: 24px;



        color: #fff;



        line-height: 38px;



    }



    



    .aboutBox .h3 h3 span {



        display: block;



        font-size: 14px;



        color: #fff;



        text-transform: uppercase;



        padding-bottom: 20px;



        background: url(../images/about_h3_line_03.jpg) no-repeat 38px bottom;



    }



    



    .about {



        width: 1180px;



        margin: 0 auto;



    }



    



    .about .show p {



        width: 945px;



        height: 160px;



        line-height: 32px;



        font-size: 14px;



        color: #5b5b5b;



        margin: 70px auto 30px;



        text-align: center;



        text-indent: 32px;



    }



    



    .about ul {



        width: 945px;



        margin: 0 auto;



    }



    



    .about ul li {



        width: 71px;



        height: 71px;



        padding: 31px;



        text-align: center;



        line-height: 35px;



        float: left;



        margin: 0 40px;



        background: #fff;



        color: #515050;



        font-size: 24px;



        border-radius: 76px;



        border: 1px solid #d7d7d7;



		cursor: pointer;



    }



    .about ul li:hover {



        background: #4bc9ae;



        color: #fff;



        border: 1px solid #4bc9ae;



		color:#fff;



    }



	.about ul li:hover a{ color:#fff;}



    /*aboutBox end*



    /*customer*/



    



    .customer {



        width: 1180px;



        margin: 0 auto 20px;



    }



    



    .customer .h3 {



        width: 1180px;



        height: 50px;



        background: url(../images/case_h3_03.jpg) no-repeat 50% 22px;



        margin: 0 auto 40px;



    }



    



    .customer .h3 h3 {



        width: 158px;



        padding-left: 74px;



        background: url(../images/case_h3_icon_03.jpg) no-repeat left;



        margin: 0 auto;



    }



    



    .customer .h3 h3 a {



        font-size: 24px;



        color: #686868;



        line-height: 25px;



    }



    



    .customer .h3 h3 a i {



        color: #1478ab;



        font-style: normal;



    }



    



    .customer .h3 h3 span {



        font-size: 14px;



        color: #686868;



        text-transform: uppercase;



        display: block;



        line-height: 25px;



    }



    



    .customer .show {



        width: 1180px;



        height: 132px;



        background: url(../images/customer_bg_03.jpg) no-repeat 50% 0;



        margin: 0 auto;



    }



    



    .customer .show ul {



        width: 1170px;



        padding: 5px;



        overflow: hidden;



    }



    



    .customer .show ul li {



        width: 230px;



        height: 122px;



        float: left;



        position: relative;



        margin-left: 5px;



    }



    



    .customer .show ul li:first-child {



        margin-left: 0;



    }



    



    .customer .show ul li img {



        width: 230px;



        height: 122px;



    }



    



    .customer .show ul li .mingcheng {



        width: 230px;



        height: 30px;



        display: block;



        line-height: 30px;



        text-align: center;



        font-size: 14px;



        color: #333333;



        position: absolute;



        left: 0;



        bottom: 0;



    }



    /*customer end*/



    /*new*/



    



    .new {



        width: 100%;



    }



    



    .new .h3 {



        width: 100%;



        height: 50px;



        background: url(../images/new_h3_bg_02.jpg) no-repeat 50% 22px;



        margin: 0 auto 40px;



    }



    



    .new .h3 h3 {



        width: 158px;



        padding-left: 74px;



        background: url(../images/new_h3_icon_03.jpg) no-repeat left;



        margin: 0 auto;



    }



    



    .new .h3 h3 a {



        font-size: 24px;



        color: #686868;



        line-height: 25px;



    }



    



    .new .h3 h3 a i {



        color: #1478ab;



        font-style: normal;



    }



    



    .new .h3 h3 span {



        font-size: 14px;



        color: #686868;



        text-transform: uppercase;



        display: block;



        line-height: 25px;



    }



    



    .new .show {



        width: 1180px;



        margin: 0 auto;



    }



    



    .new .show .fl {



        width: 600px;



    }



    



    .new .show .fl .item {



        width: 600px;



        margin: 0 0 25px 0;



        overflow: hidden;



    }



    



    .new .show .fl .item img {



        width: 134px;



        height: 99px;



        border: 1px solid #d7d7d7;



        padding: 2px;



        float: left;



    }



    .new .show .fl .item dl {



        width: 435px;



        float: right;



        height: 105px;



        position: relative;



    }



    



    .new .show .fl .item dt a {



        width: 435px;



        height: 30px;



        line-height: 30px;



        font-size: 14px;



        color: #585858;



    }



    



    .new .show .fl .item dd {



        width: 435px;



        height: 44px;



        line-height: 22px;



        font-size: 14px;



        color: #585858;



    }



    



    .new .show .fl .item span {



        width: 130px;



        height: 20px;



        display: block;



        text-align: center;



        line-height: 20px;



        font-size: 12px;



        color: #fff;



        background: #1abd9b;



        position: absolute;



        left: 0;



        bottom: 0;



    }



    



    .new .show .fr {



        width: 517px;



        height: 363px;



        border: 2px solid #e9e7e7;



    }



    



    img {



        vertical-align: top;



        border: 0;



    }



    



    #hotpic {



        width: 521px;



        height: 363px;



        overflow: hidden;



        margin: 0 auto;



    }



    



    #NewsPic {



        position: relative;



        width: 521px;



        height: 363px;



        overflow: hidden;



    }



    



    #NewsPic a {



        overflow: visible;



        border: 0;



        text-decoration: none;



    }



    



    #NewsPic .Picture {



        position: absolute;



        left: 0;



        top: 0;



    }



    



    #NewsPic .Nav {



        position: absolute;



        height: 13px;



        line-height: 14px;



        bottom: 2px;



        right: 4px;



    }



    



    #NewsPic .Nav span {



        font-size: 12px;



        font-weight: 400;



        color: #FFF;



        float: left;



        display: block;



        width: 24px;



        text-align: center;



        background: #000;



        border-left: solid 1px #FFF;



        cursor: pointer;



    }



    



    #NewsPic .Nav span.Normal {



        color: #FFF;



        background: #000;



        filter: Alpha(opacity=90);



        opacity: .9;



    }



    



    #NewsPic .Nav span.Cur {



        background: #1bbd9b;



        color: #FFF;



    }



    



    #NewsPicTxt {



        position: relative;



        width: 380px;



        height: 22px;



        border: 1px;



        margin: 0;



        padding-top: 4px;



        text-align: center;



        font-family: Sans-Serif;



        font-weight: 700;



        color: #000;



        font-size: 14px;



        margin-left: auto;



        margin-right: auto;



        margin-top: 3px;



    }



    



    #NewsPicTxt a:link,



    #NewsPicTxt a:visited {



        font-family: "Microsoft Yahei";



        font-size: 16px;



        font-weight: 700;



        color: #000;



        text-decoration: none;



    }



    



    #NewsPicTxt a:hover {



        color: red;



    }



    /*new end*/


.xw_xq p{ text-algin:left;}