@charset "utf-8";



body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
    margin: 0;
    padding: 0
}

fieldset,
img {
    border: 0;
}

img {
    vertical-align: middle;
}

ol,
ul,
li {
    list-style-type: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button,
input,
select,
textarea {
    font-size: 12px;
    font-family: inherit;
    margin: 0;
    outline: none;
    resize: none;
    border: none;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}

html {
    verflow: -Scroll;
    overflow-x: hidden;
    zoom: 1;
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}

body {
    font: 12px/24px "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
    color: #666;
}


a {
    text-decoration: none;
    outline: none;
    color: #666;
}

a:hover {
    color: #127737;
}



/* CSS活动的公共样式 */

.fl {
    float: left;
}

.s {
    margin-right: 25px;
}

.l {
    margin-right: 0px;
}

.fr {
    float: right;
}

.gr_center {
    text-align: center;
}

.grWidth {
    width: 1200px;
    margin: 0 auto;
}

.w1000 {
    width: 1200px;
    background-color: #fff;
    margin: 0 auto;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.center {
    text-align: center;
}

.hidden {
    overflow: hidden;
}





/* 顶部  */

.topbar {
    height: 45px;
    line-height: 45px;
    background: #f6f6f6;
    font-size: 14px;
}

.topRight {
    float: right;
    width: ;
}

.topRight li {
    float: left;
    margin-left: 7px;
    font-size: 0;
    line-height: 0;
    zoom: 1;
    margin-top: 7px;
}

.topRight li.t1 {
    position: relative;
    z-index: 3;
}

.topRight li.t1 span {
    position: absolute;
    top: 30px;
    left: -45px;
    display: none;
    border-radius: 5px;
    width: 100px;
    background: #fff;
    padding: 5px;
    border: 1px solid #ccc;
}

.topRight li.t1 span img {
    width: 100px;
    height: 100px;
}

.topRight li.t1 span:before,
.topRight .top_wx span:after {
    content: "";
    position: absolute;
    top: -16px;
    right: 45px;
    width: 0px;
    height: 0px;
    border: 8px solid transparent;
    border-bottom-color: #ccc;
}

.topRight li a {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url("../images/top_icon.png") no-repeat;
}

.topRight li.t2 a {
    background-position: -21px 0;
}

.topRight li.t3 a {
    background-position: -42px 0;
}

.topRight li a:hover {
    background-position: 0 -21px;
}

.topRight li.t2 a:hover {
    background-position: -21px -21px;
}

.topRight li.t3 a:hover {
    background-position: -42px -21px;
}



/* 头部  */

.header {
    height: 95px;
    padding-top: 25px;
    overflow: hidden;
    background: url("../images/dhbg.jpg") no-repeat center;
}

.headRight {
    *width: 895px;
}

.headRight {
    background: url("../images/h_phone.png") no-repeat left bottom;
    padding-left: 70px;
    font-size: 14px;
    color: #4d4d4d;
    padding-top: 15px;
}

.headRight p {
    float: left;
    line-height: 20px;
}

.headRight strong {
    display: block;
    font-size: 18px;
    color: #02a2ee;
}

.headRight .p1 {
    border-right: 1px solid #a7a7a7;
    padding-right: 15px;
    margin-right: 12px;
}

/* 导航  */

.header {
    width: 100%;
    height: 120px;
    background: url("../images/dhbg.jpg") no-repeat center;
    overflow: hidden;
}

.header1 {
    width: 1200px;
    margin: 0px auto;
}

.header1 h1 {
    float: left;
}

.header1 ul li {
    float: left;
    width: 100px;
    height: 120px;
    padding-top: 50px;
    overflow: hidden;
    text-align: center;
}

.header1 ul li a {
    line-height: 14px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #a0a0a0;
    height: 70px;
    width: 100px;
    display: block;
}

.header1 ul li a:hover {
    line-height: 14px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #a0a0a0;
    height: 70px;
    width: 100px;
    display: block;
    background: url("../images/darwz2.png") no-repeat center bottom;
}

.header1 ul li a.abcd {
    line-height: 14px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #a0a0a0;
    height: 70px;
    width: 100px;
    display: block;
    /* background: url("../images/darwz2.png")  no-repeat center bottom; */
}

.header1 ul li a p {
    font-size: 16px;
    font-weight: bold;
    font-family: "微软雅黑";
    color: #fff;
}

.banner {
    width: 100%;
    overflow: hidden;
}

.hd-top {
    width: 100%;
    line-height: 45px;
    border-bottom: #d2d2d2 1px solid;
    font-size: 13px;
    color: #707070;
}

.hd-top .content {
    height: 100%;
    text-align: right;
}

.hd-top .content a {
    margin: 0 13px;
}

.hd-top .content img {
    position: relative;
    top: 0px;
}

.hd-top .content span {
    float: left;
}

.header1 ul li.xiex {
    width: 10px;
    ont-size: 16px;
    padding-top: 45px;
    font-weight: bold;
    color: #fff
}





/*  广告轮播图 */

.banner {
    width: 1920px;
    margin: 0 auto;
    position: relative;
    height: 585px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
}

.banner .bd {
    width: 1920px;
    height: 585px;
    overflow: hidden;
    z-index: 0;
}

.banner_ctr {
    height: 90px;
    position: absolute;
    top: 45%;
    z-index: 2;
    left: 50%;
    margin-left: -600px;
}

.banner_ctr a {
    display: block;
    width: 47px;
    height: 79px;
    background: url("../images/banner_btn.png") no-repeat 0 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    display: block;
}

.banner_ctr a.prev {
    left: -90px;
}

.banner_ctr a.next {
    right: -1250px;
    background-position: -47px 0px;
}

.banner_ctr a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.banner .hd {
    position: absolute;
    bottom: 10px;
    text-align: center;
    z-index: 5;
    left: 50%;
    font-size: 0;
    line-height: 0;
    height: 0px;
    margin-left: -50px;
    height: 10px;
    overflow: hidden;
}

.banner .hd li {
    background: #fff;
    z-index: 2;
    cursor: pointer;
    margin-right: 5px;
    display: inline-block;
    width: 6px;
    height: 6px;
    *display: inline;
    zoom: 1;
    border-radius: 100%;
    border: 2px solid #fff;
}

.banner .hd li:hover,
.banner .hd .on {
    background: none;
    border: 2px solid #fff
}


/*  栏目标题 */

.lmbt {
    height: 72px;
    line-height: 72px;
    background: url("../images/lmbg.jpg") repeat-x center center;
}

.btbg {
    height: 72px;
    line-height: 72px;
    background: url("../images/btbg.jpg") no-repeat left bottom;
}




/*  搜索 */

.search {
    height: 55px;
    line-height: 55px;
    background: #f1f1f1;
}

.searFont {
    width: 940px;
    font-size: 14px;
    overflow: hidden;
}

.searFont a {
    margin: 0 8px;
}

.searMain {
    width: 260px;
    height: 30px;
    overflow: hidden;
    margin-top: 12px;
}

.sear_text {
    float: left;
    width: 207px;
    height: 28px;
    line-height: 28px;
    background: #fff;
    color: #666;
    padding: 0 10px;
    font-size: 12px;
    border: 1px solid #d7d7d7;
}

.sear_btn {
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: #00c1f3 url("../images/sear_btn.png") no-repeat center center;
}

.sear_btn:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}


/*流程*/
.lc {
    height: 131px;
}


.lc li {
    float: left;
    width: 151px;
    text-align: center;
    color: #fff;
}

.lc a {
    width: 131px;
    height: 131px;
    background: url("../images/lc.png") no-repeat;
    font-size: 15px;
    cursor: pointer
}

.lc a:hover {
    background-image: url("../images/lc.png");
    color: #fff;
}

.lc .b {
    background-position: -131px 0;
}

.lc .c {
    background-position: -262px 0;
}

.lc .d {
    background-position: -393px 0;
}

.lc .e {
    background-position: -524px 0;
}

.lc .f {
    background-position: -655px 0;
}

.lc .g {
    background-position: -786px 0;
}

.lc .h {
    background-position: -917px 0;
}

.lc li h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 13px;
}

.lc li p {
    font-family: 'simsun';
    line-height: 18px;
    width: 131px;
    margin: 0 auto;
}




/*  精品案例 */

.product {
    padding: 40px 0 0px 0;
    overflow: hidden;
}

.product .title {
    text-align: center;
    font-size: 36px;
    color: #222;
    line-height: 36px;
    margin-bottom: 20px;
}

.product .title strong {
    color: #127737;
}

.product .title span {
    display: block;
    font-size: 14px;
    color: #9a9a9a;
    font-family: Arial;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 28px;
}

.proMenu {
    margin-bottom: 15px;
    overflow: hidden;
    font-size: 18px;
    color: #222;
}

.proMenu li {
    float: left;
    background: url("../images/proMenu_line.jpg") no-repeat left center;
    padding: 0 20px;
}

.proMenu li a {
    color: #222;
}

.proMenu li.first {
    padding-left: 0;
    background: none;
}

.proMenu li.on a {
    color: #02a2ee;
}



.proMain,
.proBox {
    height: 600px;
    overflow: hidden;
}

.proMain .left {
    width: 374px;
    height: 255px;
    overflow: hidden;
    position: relative;
    float: left;
}

.proMain .left img {
    width: 374px;
    height: 255px;
    margin-top: 10px;
}

.proMain .left div,
.proMain li div {
    background: url("../images/anli_hove.png") center center;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    color: #fff;
    width: 374px;
    padding: 0 0px;
    font-size: 14px;
    height: 40px;
    /*transition:all 0.5s;*/
}

.proMain .left div h3,
.proMain li h3 {
    height: 42px;
    line-height: 40px;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s;
    text-align: center;
    background: url("../images/pro_line.jpg") no-repeat left bottom;
    padding-bottom: 2px;
}

.proMain .left .font h3 a {
    color: #FFF;
}

.proMain .left:hover div,
.proMain li:hover div {
    height: 100%;
    transition: all 0.5s;
}

.proMain .left:hover div h3,
.proMain li:hover div h3 {
    text-align: left;
    margin-top: 200px;
    color: #02a2ee;
    transition: all 0.5s;
}

.proMain .left:hover img,
.proMain .right li:hover img {
    /*transform:scale(1.1,1.1);transition:all 0.5s;*/
}



.proMain .right2 {
    width: 374px;
    height: 506px;
    overflow: hidden;
    position: relative;
}

.proMain .right2 img {
    width: 374px;
    height: 512px;
    /*transform:scale(1,1);transition:all 0.5s;*/
}

.proMain .right2 div,
.proMain li div {
    background: url("../images/anli_hove.png") center center;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    color: #fff;
    width: 374px;
    padding: 0 0px;
    font-size: 14px;
    height: 40px;
    /*transition:all 0.5s;*/
}


.proMain .right {
    width: 786px;
    height: 506px;
    overflow: hidden;
}

.proMain .right ul {
    width: 790px;
}

.proMain .right li {
    width: 378px;
    height: 254px;
    overflow: hidden;
    position: relative;
    margin-right: 4px;
    margin-bottom: 4px;
}

.proMain .right li img {
    width: 378px;
    height: 254px;
    transform: scale(1, 1);
    transition: all 0.5s;
}

.proMain li div {
    width: 276px;
}

.proMain li:hover div h3 {
    margin-top: 80px;
}



/*  优势 */


/*  栏目标题 */

.youshi {
    height: 273px;
    line-height: 72px;
    text-align: center;
    color: #fff;
    font-size: 40px;
    background: url("../images/youshi.jpg") no-repeat center top;
}

.youshibg {
    height: 1181px;
    line-height: 72px;
    text-align: left;
    color: #fff;
    font-size: 40px;
    background: url("../images/ysbg.jpg") no-repeat center top;
}







.advanTop {
    position: relative;
    padding-left: 123px;
    margin-bottom: 22px;
}


.advanTop h2 {
    font-size: 30px;
    color: #1c9b4a;
    font-weight: bold;
    line-height: 52px;
    margin-bottom: 3px;
    padding-top: 14px;
}

.advanTop h3 {
    font-size: 15px;
    text-transform: capitalize;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 20px;
    border-bottom: 1px solid #3f8c4d;
    color: #afafaf;
}

.advanBox img {
    position: absolute;
    top: 0;
    left: 0;
}

.advanBox li {
    padding-left: 122px;
    background: url("../images/circle.png") no-repeat 30px 6px;
    color: #161616;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 12px;
}

.advanBox span {
    color: #1c9b4a;
}


/*  底部 */


.footbg {
    height: 402px;
    text-align: center;
    color: #fff;
    font-size: 40px;
    background: url("../images/footbg.jpg") no-repeat center top;
}

.footbg li {
    float: left;
    /*opacity: 0.2; background-color:#000;*/
    margin-top: 70px;
    padding: 40px;
    background: url("../images/ficonbg.png") center top;
    margin-right: 50px
}

.footbg li span {
    font-size: 17px;
    font-weight: bold;
    color: #fff
}

.footbg li p {
    font-size: 13px;
    line-height: 40px;
    color: #fff
}


.odds {
    background: #f1f1f1;
    padding: 35px 0 45px 0;
    overflow: hidden;
}

.odds .title {
    text-align: center;
    margin-bottom: 40px;
}

.oddsMain {
    position: relative;
    height: 335px;
    overflow: hidden;
}

.oddsMenu {
    height: 50px;
    line-height: 50px;
    border: 1px solid #dadada;
    position: absolute;
    top: 0;
    left: 0;
}

.oddsMenu li {
    float: left;
    width: 160px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border-right: 1px solid #dadada;
    background: #fff;
    cursor: pointer;
}

.oddsMenu li.last {
    border-right: none;
}

.oddsMenu li.on {
    color: #fff;
    background: #02a2ee url("../images/odds_li.png") no-repeat center 40px;
}

.oddsTab,
.oddsBox {
    height: 335px;
    overflow: hidden;
}

.oddsLeft {
    width: 750px;
    font-size: 16px;
    overflow: hidden;
    padding-top: 80px;
}

.oddsLeft .num {
    float: left;
    width: 54px;
    height: 66px;
    line-height: 66px;
    font-size: 30px;
    text-align: center;
    color: #02a2ee;
    font-family: Bebas, Arial;
    background: url("../images/odds_num.png") no-repeat left center;
}

.oddsLeft .font {
    float: right;
    width: 660px;
    line-height: 30px;
}

.oddsLeft .font h4 {
    font-size: 30px;
    color: #2b3134;
    background: url("../images/odds_line.jpg") no-repeat left bottom;
    height: 55px;
    line-height: 50px;
    margin-bottom: 10px;
}

.oddsLeft .font p {
    height: 125px;
    margin-bottom: 10px;
    overflow: hidden;
}

.oddsLeft .font p span {
    color: #02a2ee;
}

.oddsLeft .font .zx {
    width: 225px;
    height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #02a2ee;
    line-height: 40px;
    display: inline-block;
}

.oddsLeft .font .zx a {
    color: #FFF;
}

.oddsBox img {
    width: 390px;
    height: 335px;
}






/*  公司介绍 */

.abouttop {
    background: url("../images/about_top.jpg")  no-repeat center top;
    height: 208px;
}

.aboutbt {
    height: 54px;
}

.aboutbtbg {
    height: 54px;
    line-height: 54px;
    background: url("../images/aboutbt.png") no-repeat left top;
}

.aboutbtzwd {
    font-size: 27px;
    color: #fff;
    font-weight: bold;
    padding-top: 110px;
    margin-left: 15px
}

.aboutbtyw {
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
    margin-left: 15px
}

.aboutbtmbx {
    font-size: 14px;
    color: #373737;
    margin-top: 20px;
    margin-left: 165px
}



/*  工程案例 */
.ib {
    display: inline-block;
    vertical-align: top;
}


.casedh {
    height: 115px;
    margin-left: 40px;
}


.casedh li {
    float: left;
    width: 140px;
    text-align: center;
    color: #fff;
}

.casedh a {
    width: 112px;
    height: 111px;
    background: url("../images/casedh.png") no-repeat;
    margin-bottom: 30px;
    border-radius: 50%;
}

.casedh a:hover {
    background-image: url("../images/casedh_hove.png");
}

 
.casedh .a1 on {
    background-position: -112px 0;
}

.casedh .a2 {
    background-position: -112px 0;
}

.casedh .a3 {
    background-position: -224px 0;
}

.casedh .a4 {
    background-position: -336px 0;
}

.casedh .a5 {
    background-position: -448px 0;
}

.casedh .a6 {
    background-position: -560px 0;
}

.casedh .a7 {
    background-position: -672px 0;
}

.casedh .a8 {
    background-position: -784px 0;
}

.casedh li h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 13px;
}

.casedh li p {
    font-family: 'simsun';
    line-height: 18px;
    width: 136px;
    margin: 0 auto;
}



.caseList li {
    float: left;
    width: 374px;
    height: 325px;
    margin-right: 39px;
    margin-bottom: 35px;
    color: #333;
    background: url("../images/casebg.jpg") no-repeat bottom;
}

.caseList li .pImg {
    display: block;
    width: 374px;
    height: 269px;
    overflow: hidden;
    text-align: center
}

.caseList li img {
    width: 374px;
    height: 269px;
    transition: all 0.5s;
    transform: scale(1, 1);
    text-align: center
}

.caseList li h4 {
    font-size: 14px;
    text-align: center;
    padding-top: 13px
}

/*.productList li h4 a{width:245px;color:#1c9b4a;  }*/

.caseList li span {
    text-align: center;
    color: #adadad;
    font-size: 12px;
    margin-left: 20px;
    vertical-align: text-top
}

.caseList li p {
    height: 48px;
}

.caseList li:hover {
    color: #127737;
    /*border:2px solid #1c9b4a;*/
    opacity: 0.9;
}

/*.productList li h4 a:hover{color:#02a2ee;}*/

.caseList li img:hover {
    /*transition:all 0.5s;transform:scale(1.1,1.1);*/
}



.caseList li div {
    background: url("../images/case_hove.png") no-repeat center top;
    position: absolute;
    height: 269px;
    color: #fff;
    width: 374px;
    font-size: 14px;
    height: 0px;
    /*transition:all 0.5s;*/
}

.caseList li h3 {
    height: 42px;
    line-height: 40px;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s;
    text-align: center;
    background: url("../images/pro_line.jpg") no-repeat left bottom;
    padding-bottom: 2px;
}

.font h3 a {
    color: #FFF;
}

.caseList li:hover div {
    height: 100%;
    /*transition:all 0.5s;*/
    height: 270px;
}

.caseList li:hover div h3 {
    text-align: left;
    color: #02a2ee;
    transition: all 0.5s;
}






/* 内页 */
.pageBanner {
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
}

.pageBanner img {
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 200px;
    position: relative;
}

.page {
    overflow: hidden;
    zoom: 1;
}

.main {
    width: 950px;
    font-family: "微软雅黑";
}

/* pageBanner */
.pageBanner {
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
}

.pageBanner img {
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 200px;
    position: relative;
}

/* page */
.page {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 50px;
}

/* feedbackBox */
.feedbackBox {
    padding-left: 100px;
    font-family: "Microsoft yahei";
}

.feedbackBoxTop {
    font-size: 16px;
    margin-bottom: 36px;
    padding-top: 20px;
}

.feedbackBoxTop span {
    color: #2572bc;
}

/* side */
.side {
    width: 220px;
}

.sideNav {
    margin-bottom: 20px;
}

.sideNav h2 {
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 24px;
    background: #2572bc;
    color: #fff;
    margin-bottom: 2px;
}

.sideNav .item {
    margin-bottom: 2px;
}

.sideNav h3 a {
    display: block;
    height: 36px;
    line-height: 36px;
    background: url("../images/sideNav.gif") no-repeat 200px #ECECEC;
    text-indent: 24px;
    position: relative;
    font-size: 13px;
}

.sideNav h3 em {
    width: 4px;
    height: 3px;
    position: absolute;
    overflow: hidden;
    background: #fff;
    left: 24px;
    top: 17px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 0.2s;
}

.sideNav h3 a:hover,
.sideNav .active h3 a {
    background-image: url("../images/sideNavOn.gif") ;
    background-color: #2572BC;
    color: #fff;
    text-indent: 34px;
}

.sideNav h3 a:hover em,
.sideNav .active h3 em {
    opacity: 1;
    filter: alpha(opacity=100);
}

.sideNav ol {
    background: #f5f5f5;
}

.sideNav .none a {
    background: none;
}

.sideNav h4 {
    position: relative;
    height: 35px;
}

.sideNav h4 a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-indent: 24px;
    background: url("../images/splitBg.gif") repeat-x;
    width: 200px;
    padding-right: 20px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sideNav h4 a:hover,
.sideNav .on h4 a {
    background: #67B2FB;
    color: #fff;
}

.sideWrap {
    margin-bottom: 20px;
}

.sideWrap h2 {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-indent: 20px;
    background: #127737;
    color: #fff;
}

.sideBox {
    border: 1px solid #dadada;
    border-top: none;
}

.contactBox {
    padding: 15px;
}

.hotLine {
    background: url("../images/hotLine.gif")  no-repeat;
    /* padding-left: 45px; */
    margin-bottom: 4px;
    height: 46px;
    text-align: center;
}

.hotLine p {
    line-height: 16px;
}

.hotLine h3 {
    font-size: 20px;
    font-family: Arial;
    font-weight: bold;
    line-height: 30px;
}

.contactInfo {
    background: url("../images/splitBg.gif") repeat-x;
    padding-top: 10px;
}

.contactInfo span {
    vertical-align: top;
    display: inline-block;
}

.contactInfo .value {
    width: 140px;
}

/* imgSideBox */
.imgSideBox {
    padding: 10px 0;
}

.imgSideBox li {
    width: 198px;
    margin: 0 auto 14px;
}

.imgSideBox a {
    display: block;
}

.imgSideBox img {
    width: 190px;
    height: 158px;
    padding: 2px;
    border: 2px solid #dadada;
    transition: 0.3s;
}

.imgSideBox span {
    width: 168px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    padding: 0 15px;
    line-height: 30px;
    padding-top: 4px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.imgSideBox a:hover {
    color: #2572bc;
}

.imgSideBox a:hover img {
    border-color: #2572bc;
}

/* main */
.main {
    width: 950px;
    font-family: '微软雅黑';

}



/*产品内页*/

/*产品内页*/



.banner5 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.banner5 .hd {
    height: 107px;
    z-index: 1;
    padding: 0 28px;
    margin-top: 10px;
    width: 100%;
}

.banner5 .hd ul {
    zoom: 1;
    float: left;
}

.banner5 .hd li {
    float: left;
    cursor: pointer;
    width: 107px;
    height: 107px;
    margin: 0 15px;
    margin-bottom: 10px;
    border: #d2d2d2 1px solid;
}

.banner5 .hd img {
    width: 100%;
    height: 100%;
    display: block;
}

.banner5 .hd li.on {
    border: #3f8c4d 1px solid;
}

.banner5 .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.banner5 .bd li {
    zoom: 1;
    vertical-align: middle;
}

.banner5 .bd img {
    width: 646px;
    height: 646px;
    display: block;
}

.banner5 .prev,
.banner5 .next {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    display: block;
    width: 25px;
    height: 34px;
    background: url("../images/l3.png")  left top no-repeat red;
    z-index: 9;
}

.banner5 .prev {
    left: 0;
}

.banner5 .next {
    left: 447px;
    background-image: url("../images/r3.png") ;
}

.picScroll-left {
    width: 100%;
    padding: 0 23px;
    overflow: hidden;
    position: relative;
}

.picScroll-left .prev,
.picScroll-left .next {
    display: block;
    width: 22px;
    height: 46px;
    position: absolute;
    z-index: 9;
    top: 50%;
    margin-top: -23px;
    background: url("../images/l.png") left top no-repeat;
}

.picScroll-left .prev {
    left: 0;
}

.picScroll-left .next {
    right: 0;
    background-image: url("../images/r.png")  ;
}

.picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.picScroll-left .bd li {
    margin: 0 4px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 280px;
    height: 457px;
    background-color: #f6f6f6;
    position: relative;
}

.picScroll-left .bd li:hover {
    background-color: #416d4a;
}

.picScroll-left .bd li:hover .btm {
    color: #fff;
    display: block;
}

.picScroll-left .bd li:hover .line {
    background-color: #fff;
}

.picScroll-left .bd .img {
    width: 280px;
    height: 457px;
    display: block;
    overflow: hidden;
}

.picScroll-left .bd .img img {
    width: 100%;
    height: 100%;
    display: block;
}

.picScroll-left .icon {
    width: 70px;
    height: 75px;
    display: block;
    margin: 0 auto 10px auto;
}

.picScroll-left .icon img {
    display: block;
}

.picScroll-left .icon .icon2 {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.picScroll-left .btm {
    display: none;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    color: #fff;
    height: 178px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.5);
}

.picScroll-left .btm h3 {
    font-size: 14px;
    text-align: center;
}

.picScroll-left .btm p {
    font-size: 12px;
    text-align: center;
}

.picScroll-left .btm .line {
    display: block;
    width: 55px;
    height: 2px;
    background-color: #fff;
    margin: 5px auto;
}





.product-main {
    height: 656px;
}

.product-main .left {
    width: 646px;
    height: 646px;
    float: left;
    overflow: hidden;
}

.product-main .right {
    width: 477px;
    float: right;
}

.product-main h1 {
    font-size: 24px;
    color: #000;
    padding-bottom: 10px;
    border-bottom: #eee 1px solid;
    margin-bottom: 10px;
}

.product-main .tips {
    width: 100%;
    font-size: 15px;
    height: 36px;
    color: #444;
    border-bottom: #eee 1px solid;
}

.product-main .part1 {
    width: 100%;
    height: 116px;
    background-size: 100% 100%;
    padding: 17px 10px;
    position: relative;
    font-size: 14px;
    color: #2c8c3e;
    margin: 20px 0;
}

.product-main .part1 .hot {
    position: absolute;
    right: 24px;
    top: -3px;
}

.product-main .part1 p {
    width: 100%;
    line-height: 40px;
    padding-left: 40px;
    position: relative;
    height: 40px;
}

.product-main .part1 .icon {
    position: absolute;
    left: 16px;
    top: 12px;
}

.product-main .part1 .p1 {
    border-bottom: #e3e3e3 1px solid;
}

.product-main .part1 .p1 .icon {
    top: 15px;
}

.product-main .part1 .e2 {
    margin-right: 2em;
}

.product-main .part1 b {
    font-size: 22px;
    color: #ff580f;
    font-weight: bold;
    line-height: 40px;
}

.product-main .tel {
    height: 60px;
    line-height: 60px;
    border-bottom: #eee 1px solid;
    font-size: 31px;
    color: #2c8c3e;
    font-weight: bold;
    padding-left: 50px;
    background: url("../images/tel2.png") 12px center no-repeat;
}

.product-main .operate {
    width: 100%;
    padding: 30px 12px;
}

.product-main .operate a {
    display: block;
    width: 200px;
    height: 50px;
    background: url("../images/btn2.png") left top no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    color: #fff;
    padding-left: 20px;
}




.product-details {
    margin-top: 70px;
}

.product-details-left {
    width: 180px;
    border: #d2d2d2 1px solid;
    float: left;
}

.product-details-left h2 {
    font-size: 15px;
    color: #666666;
    border-bottom: #d2d2d2 1px solid;
    line-height: 35px;
    padding: 0 20px;
    background-color: #f6f6f6;
}

.product-details-left .item {
    margin: 12px auto 20px auto;
    width: 160px;
}

.product-details-left .item img {
    display: block;
    width: 160px;
    height: 160px;
    margin-bottom: 5px;
}

.product-details-left .item p {
    width: 100%;
    padding: 0 10px;
    font-size: 12px;
    line-height: 18px;
}

.product-details-left .item .price {
    font-size: 16px;
    color: #ff4f01;
    font-weight: bold;
    margin: 5px 0;
}

.product-details-right {
    width: 1006px;
    float: right;
    border: #d2d2d2 1px solid;
    position: relative;
    padding-top: 40px;
}

.product-details-right .hd {
    width: 1006px;
    height: 36px;
    border: #d2d2d2 1px solid;
    border-top: #d2d2d2 2px solid;
    position: absolute;
    left: -1px;
    top: -1px;
    line-height: 36px;
    background-color: #f6f6f6;
}

.product-details-right .hd a {
    display: block;
    float: left;
    padding: 0 20px;
    font-size: 12px;
    color: #373737;
    line-height: 36px;
    height: 36px;
    position: relative;
    left: -1px;
}

.product-details-right .hd a.on {
    border-top: #497551 2px solid;
    position: relative;
    top: -2px;
    border-left: #d2d2d2 1px solid;
    border-right: #d2d2d2 1px solid;
    border-bottom: #fff 3px solid;
    background-color: #fff;
    font-weight: bold;
}

.product-details-right .bd {
    width: 100%;
    padding: 30px 20px;
}

.product-details-right .bd>div {
    display: none;
}

.product-details-right .bd .con1 {
    display: block;
}

.product-details-right .title2 {
    width: 100%;
    width: 960px;
    height: 53px;
    line-height: 43px;
    background-color: #2c8c3e;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 13px;
}

.product-details-right .title2 .l {
    min-width: 100px;
    padding-right: 20px;
    border-right: #fff 1px dotted;
    float: left;
    margin-right: 20px;
    font-size: 20px;
    position: relative;
}

.product-details-right .title2 i {
    width: 9px;
    height: 8px;
    position: absolute;
    background: url("../images/arrow3.png") left top no-repeat;
    left: 50%;
    margin-left: -4px;
    bottom: -13px;
}





/*  精英团队 */

.team {
    padding: 50px 0;
}

.homeTitle {
    height: 70px;
    overflow: hidden;
}

.homeTitle h2 {
    float: left;
    font-size: 36px;
    line-height: 36px;
    color: #222;
    margin-right: 10px;
}

.homeTitle h2 strong {
    color: #02a2ee;
}

.homeTitle h4 {
    font-size: 18px;
    color: #6c6c6c;
    font-weight: normal;
    float: left;
}

.homeTitle h4 span {
    display: block;
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    font-family: Arial;
    line-height: 14px;
}

.team .homeTitle {
    height: 60px;
    width: 455px;
}



.teamLeft {
    height: 520px;
}

.teamLeft_list {
    height: 591px;
    overflow: hidden;
}

.teamLeft_list li {
    padding: 15px 25px;
    height: 115px;
    overflow: hidden;
    border: 1px solid #cfcfcf;
    font-size: 14px;
    margin-bottom: 1px;
}

/*.teamLeft_list li.first{border-top:1px solid #cfcfcf;}*/

.teamLeft_list li .mask {
    float: left;
    width: 115px;
    height: 115px;
    position: relative;
    overflow: hidden;
    margin-right: 15px;
}

.teamLeft_list li .mask img {
    width: 115px;
}

.teamLeft_list li .mask span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 115px;
    height: 115px;
    background: url("../images/team_mask.png") no-repeat;
}

.teamLeft_list li h3 {
    padding-top: 20px;
    font-size: 16px;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.teamLeft_list li h3 span {
    border-bottom: 1px solid #666;
}

.teamLeft_list li.on {
    border: 1px solid #02a2ee;
    background: url("../images/team_icon.png") no-repeat 395px center;
    border-left: 3px solid #02a2ee;
}

.teamLeft_list li.on h3 span {
    border-bottom: 1px solid #02a2ee;
}

.teamLeft_list li.on a {
    color: #02a2ee;
}

.homeTitle .pageBtn {
    float: right;
    width: 65px;
    font-size: 0;
    line-height: 0;
    margin-right: 30px;
}

.homeTitle .pageBtn span {
    background: url("../images/team_btn2.png") no-repeat 0 0px;
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    overflow: hidden;
    float: left;
}

.homeTitle .pageBtn .next {
    background-position: -30px 0;
    float: right;
}

.homeTitle .pageBtn span:hover {
    background-position: -60px 0;
}

.homeTitle .pageBtn .next:hover {
    background-position: -90px 0;
}



.teamRight {
    width: 725px;
    height: 646px;
}

.teamTop {
    width: 790px;
    height: 465px;
    left: -65px;
    position: relative;
    zoom: 1;
    overflow: hidden;
}

.teamTop .ohbox {
    position: relative;
    width: 790px;
    height: 465px;
    left: 0;
    overflow: hidden;
}

.teamTop .piclist {
    height: 465px;
    width: 790px;
    overflow: hidden;
    zoom: 1;
}

.teamTop li {
    float: left;
    width: 790px;
    height: 465px;
}

.teamTop li img {
    width: 790px;
    height: 425px;
}

/*.teamTop li span{background:#02a2ee;display:inline-block;height:40px;line-height:40px;color:#fff;width:320px;text-align:center;font-size:14px;}*/

.teamTop .pageBtn span {
    background: url("../images/team_btn.jpg") no-repeat 0 0px;
    display: block;
    width: 46px;
    height: 40px;
    position: absolute;
    top: 425px;
    cursor: pointer;
    overflow: hidden;
    text-indent: -9999px;
    left: 320px;
}

.teamTop .pageBtn .next {
    left: 368px;
    background-position: -46px 0;
}

.teamTop .pageBtn span:hover {
    background-position: -92px 0;
}

.teamTop .pageBtn .next:hover {
    background-position: -138px 0;
}

.teamRight .font {
    font-size: 15px;
    margin-top: 12px;
    height: 120px;
    margin-bottom: 10px;
    overflow: hidden;
    line-height: 24px;
}

.teamRight .more {
    display: inline-block;
    width: 150px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    background: #02a2ee;
    font-size: 14px;
    color: #fff;
    transition: all 0.3s;
}

.teamRight .more:hover {
    background: #2b3134;
    transition: all 0.3s;
}


/* 设计团队 附加样式*/

.team {
    padding: 50px 0;
    width: 1220px;
    margin: 0 auto;
    height: 521px;
}

.team .teamLeft {
    padding: 5px;
}

.team h2 {
    height: 70px;
    font-size: 18px;
    font-weight: bold;
    font-size: 36px;
    line-height: 36px;
    color: #222;
    margin-right: 10px;
}

.teamRights {
    height: 45px;
    margin-bottom: 35px;
    width: 300px;
    border: 1px solid #ccc;
}

.teamRights a {
    display: inline-block;
    width: 150px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #000;
    background: #fff;
    font-size: 18px;
    font-weight: bold;
}

.teamRights a.on {
    background: #02a2ee;
    color: #fff;
    cursor: pointer
}

.list_1 {
    width: 1220px;
    position: relative;
}

.list_2 {
    width: 1220px;
    position: relative;
}

.list {
    width: 1220px;
    overflow: hidden;
    height: 370px;
}

.list ul {
    width: 1220px;
}

.list ul li {
    width: 240px;
    height: 365px;
    margin-right: 4px;
    float: left;
    overflow: hidden;
    position: relative;
}

.list ul li img {
    width: 100%;
    height: 100%
}

.list .txt {
    position: absolute;
    bottom: 0;
    color: #FFF;
    width: 200px;
    height: 94px;
    padding: 0 20px;
    left: 0px;
    color: #fff;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.7);
}

.list .txt h3 {
    line-height: 26px;
    font-size: 24px;
    font-weight: normal;
    padding-top: 20px;
    color: #009ce6;
    padding-left: 15px;
}

.list .txt p {
    line-height: 28px;
    font-size: 14px;
    padding-left: 10px;
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 1px solid #5c5c5c;
    width: 200px;
    background: none;
    width: 170px;
}

.teamLeft .list_2 {
    display: none;
}


.pageBtn {
    height: 100px;
    position: absolute;
    top: 30%;
    z-index: 2;
    left: 50%;
    margin-left: -500px;
}

.pageBtn .prev {
    display: block;
    width: 45px;
    height: 100px;
    background: url("../images/bant1.png")  no-repeat;
    position: absolute;
    display: block;
    left: -180px;
    text-indent: 1000em;
    overflow: hidden;
    cursor: pointer
}

.pageBtn .next {
    display: block;
    width: 45px;
    height: 100px;
    background: url("../images/bant1.png") no-repeat;
    position: absolute;
    opacity: 1;
    filter: alpha(opacity=0);
    display: block;
    background-position: -45px 0px;
    right: -1170px;
    text-indent: 1000em;
    overflow: hidden;
    cursor: pointer
}


/*  施工质量 */

.quality {
    padding: 50px 0 10px;
    background: #f1f1f1;
    overflow: hidden;
}

.qualityMenu {
    height: 45px;
    margin-bottom: 35px;
    font-size: 18px;
    font-weight: bold;
}

.qualityMenu a {
    display: inline-block;
    width: 150px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #000;
    background: #fff;
}

.qualityMenu a.on {
    background: #02a2ee;
    color: #fff;
}

.qualityTab {
    height: ;
    overflow: hidden;
    width: 1220px;
}

.project {
    height: ;
}

.project ul {
    width: 1260px;
}

.project li {
    float: left;
    width: 285px;
    color: #999;
    margin-right: 25px;
    line-height: 20px;
    font-size: 14px;
    height: 320px;
}

.project li .date {
    font-size: 36px;
    line-height: 36px;
    color: #02a2ee;
    height: 45px;
    font-family: Century Gothic, Arail;
}

.project li .date span {
    float: right;
    font-size: 18px;
    color: #8e8e8e;
}

.project li h4 {
    font-size: 16px;
    font-weight: normal;
    height: 35px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 25px;
    text-align: center;
}

.project li h4 a {
    color: #333;
}

.project li h4 a:hover {
    color: #02a2ee;
}

.project li div {
    width: 285px;
    height: 225px;
}

.project li img {
    width: 285px;
    height: 225px;
    transform: scale(1, 1);
    transition: all 0.6s;
}

.project li div p {
    height: 20px;
    padding: 10px 15px;
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    bottom: 0;
    width: 350px;
}

.project li:hover img {
    transition: all 0.5s;
    transform: scale(1.1, 1.1);
}

.project li:hover div p {
    height: auto;
    transition: all 0.5s;
}



.partner {
    height: 190px;
    overflow: hidden;
}

.partner {
    width: 1200px;
    height: 190px;
    position: relative;
    zoom: 1;
    overflow: hidden;
}

.partner .ohbox {
    position: relative;
    width: 1040px;
    height: 190px;
    left: 80px;
    overflow: hidden;
}

.partner .piclist {
    height: 190px;
    width: 1100px;
    overflow: hidden;
    zoom: 1;
}

.partner li {
    float: left;
    width: 230px;
    height: 190px;
    margin-right: 40px;
}

.partner li img {
    width: 220px;
    height: 140px;
    border: 1px solid #d4d4d4;
    box-shadow: 0 0 0 1px #fff inset;
    padding: 4px;
}

.partner li span {
    font-size: 14px;
    display: block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.partner li:hover img {
    border: 1px solid #02a2ee;
}

.partner .pageBtn span {
    background: url("../images/pant.png") no-repeat 0 0px;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -6px;
    cursor: pointer;
    overflow: hidden;
    text-indent: -9999px;
    left: -96px;
}

.partner .pageBtn .next {
    left: 1048px;
    background-position: 0 -50px;
}

.partner .pageBtn span:hover {
    background-position: -50px 0;
}

.partner .pageBtn .next:hover {
    background-position: -50px -50px;
}







/*  关于我们 */

.about {
    padding: 0px 0 50px 0;
    overflow: hidden;
}

.aboutLeft {
    width: 530px;
    height: 360px;
    overflow: hidden;
    background: url("../images/about_bg.jpg") no-repeat left top;
    padding: 20px 0 0 20px;
}

.aboutLeft img {
    width: 550px;
    height: 340px;
}

.aboutRight {
    width: 610px;
    padding-top: 20px;
    font-size: 16px;
}

.aboutRight .title {
    font-size: 24px;
    font-weight: bold;
    color: #2b3134;
    height: 40px;
}

.aboutRight .font {
    color: #5d5d5d;
    line-height: 32px;
    height: 252px;
    margin-bottom: 10px;
}

.aboutRight .font p {
    text-indent: 2em;
}

.aboutRight .more {
    display: inline-block;
    width: 140px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #02a2ee;
    color: #fff;
}

.aboutRight .more:hover {
    background: #333;
}



/*  新闻中心 */

.news {
    padding: 40px 0 50px 0;
    background: #f8f8f8;
    overflow: hidden;
}

.newsLeft {
    width: 380px;
    overflow: hidden;
    background: #fff;
    height: 465px;
}

.newsTitle {
    height: 40px;
    line-height: 40px;
    background: #2b3134;
    padding-left: 15px;
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: normal;
}

/*.newsLeft img{width:400px;height:170px;margin-bottom:10px;}*/

.newsLeft ul {
    height: ;
    overflow: hidden;
}

.newsLeft li {
    height: 37px;
    line-height: 37px;
    border-bottom: 1px dashed #bfbfbf;
}

.newsLeft li a {
    width: 280px;
    overflow: hidden;
    padding-left: 10px;
    font-size: 13px;
    color: #555;
}

.newsLeft li span {
    float: right;
    color: #888;
}

.newsLeft li a:hover {
    color: #1c9b4a;
    background: url("../images/news_lih.png") no-repeat 5px center;
    padding-left: 15px;
}

.industry {
    margin: 0 30px;
}



.faq {
    width: 340px;
    overflow: hidden;
}

.faqMain {
    width: 340px;
    height: 425px;
    overflow: hidden;
    background: #fff;
}

.faqMain li {
    float: left;
    height: 93px;
    padding-top: 10px;
    border-bottom: 1px solid #f1f1f0;
}

.faqMain li span a {
    color: #397f46;
    font-size: 14px;
    font-weight: bold
}

.faqMain li span a :first-child {
    /* 在这里添加样式 */
    color: #397f46;
    font-size: 14px;
    font-weight: bold
  }

.faqMain li a:hover {
    color: #1c9b4a;
}




/*  首页留言 */

.homeForm {
    background: url("../images/form_bg.jpg") no-repeat center top;
    height: 330px;
    padding-top: 70px;
    overflow: hidden;
}

.homeForm .left {
    width: 580px;
    color: #2b3134;
}

.homeForm .left h2 {
    font-size: 36px;
    font-weight: normal;
    line-height: 36px;
}

.homeForm .left h2 span {
    display: block;
    font-size: 45px;
    line-height: 45px;
    font-weight: bold;
    margin: 10px 0 15px 0;
}

.homeForm .left .p1 {
    font-size: 16px;
    background: url("../images/form_line.jpg") no-repeat left bottom;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.homeForm .font p {
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}

.homeForm .font span {
    display: inline-block;
    background: url("../images/form_icon.png") no-repeat;
    padding-left: 25px;
}

.homeForm .font .f2 {
    background-position: 0 -30px;
}

.homeForm .font .f3 {
    background-position: 0 -60px;
}

.homeForm .font .f4 {
    background-position: 0 -90px;
}

.homeForm .font .f1,
.homeForm .font .f3 {
    width: 190px;
}

.homeForm .right {
    width: 510px;
    overflow: hidden;
}

.homeForm .right input {
    display: block;
    width: 468px;
    padding: 0 20px;
    background: #fff;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    color: #2b3134;
    margin-bottom: 5px;
    border: 1px solid #ccc;
}

.homeForm .right textarea {
    height: 58px;
    padding: 10px 20px;
    width: 468px;
    font-size: 16px;
    color: #2b3134;
    border: 1px solid #ccc;
}

.homeForm .right .code {
    float: left;
    width: 100px;
    padding: 0 10px;
    margin-right: 5px;
    height: 28px;
}

.homeForm .right .checkcode {
    height: 30px;
}

.homeForm .right input:focus,
.homeForm textarea:focus {
    border: 1px solid #02a2ee;
}

.homeForm .right .sub {
    width: 120px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    background: #02a2ee;
    color: #fff;
    padding: 0;
    clear: both;
    margin-top: 5px;
    transition: all 0.3s;
    cursor: pointer;
}

.homeForm .right .sub:hover {
    background: #333;
    transition: all 0.3s;
}



/* 底部样式 */

.footer {
    background: #2b3134;
    padding-top: 25px;
    color: #999;
    overflow: hidden;
}

.footMain {
    overflow: hidden;
    margin-bottom: 35px;
}

.footLeft {
    width: 920px;
    overflow: hidden;
}

.footLeft ul {
    float: left;
    width: 150px;
    overflow: hidden;
    font-size: 13px;
}

.footLeft li h3 {
    color: #fff;
    font-size: 18px;
    height: 35px;
    margin-bottom: 20px;
    background: url("../images/foot_line.jpg") no-repeat left bottom;
}

.footRight {
    width: 172px;
    overflow: hidden;
}

.footRight img {
    float: right;
    width: 100px;
    height: 100px;
    border: 5px solid #594b47;
    margin-left: 10px;
}

.footRight p {
    background: url("../images/f_phone.png") no-repeat right 15px;
    padding-top: 75px;
    line-height: 18px;
    font-size: 13px;
    overflow: hidden;
}

.firendLink {
    font-size: 14px;
}

.firendLink a {
    margin: 5px;
}

.firendLink em {
    font-style: normal;
}

.footcopy {
    height: 284px;
    text-align: center;
    background-color: #343434;
    font-size: 13px;
    line-height: 35px;
    border-top: 1px solid #535658;
}

.footcopy span {
    margin-right: 15px;
}

.footer a {
    color: #999;
}

.footer a:hover {
    color: #fff;
}



/* 内页公用 */

.listBanner {
    width: 1920px;
    height: 230px;
    position: relative;
    margin-left: -960px;
    left: 50%;
}

.listWrapper {
    padding-bottom: 65px;
    overflow: hidden;
    position: relative;
}

.breadCrumb {
    height: 55px;
    border-bottom: 1px solid #dadada;
    position: relative;
    margin-bottom: 30px;
    display: table;
    width: 100%;
}

.breadCrumb h2 {
    font-family: 'Microsoft Yahei';
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    height: 54px;
    line-height: 54px;
    padding: 0 4px;
    border-bottom: 3px solid #127737;
    color: #333;
}

.breadCrumb .fr {
    color: #999;
    font-family: '宋体';
    cursor: default;
    width: 330px;
    line-height: 16px;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    float: none;
}


.breadCrumb h2 {
    font-size:20px;
    color: #222;
    /* line-height: 36px; */
}

.breadCrumb h2 strong {
    color: #02a2ee;
}

.breadCrumb h2 span {
    font-family: Arial;
    color: #02a2ee;
    font-weight: normal;
    font-size: 35px;
    background: url("../images/t_icon.png") no-repeat left center;
    padding-left: 15px;
    margin-left: 10px;
    text-transform: uppercase;
}

.breadCrumb2 {
    height: 45px;
    line-height: 45px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d6d6d6;
}

.breadCrumb2 p {
    background: url("../images/home_icon.png") no-repeat left center;
    padding-left: 25px;
}

.breadCrumb2 .back {
    float: right;
    width: 80px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 5px;
    background: #02a2ee;
    color: #fff;
    margin-top: 10px;
}

.breadCrumb2 .back:hover {
    background: #333;
    transition: all 0.3s;
}

.listBox {
    width: 1200px;
    overflow: hidden;
}



/* 内页公用菜单 */

.listMenu {
    line-height: 40px;
    padding-bottom: 35px;
    overflow: hidden;
}

.listMenu li {
    float: left;
    height: 38px;
    line-height: 38px;
    border: 1px solid #0bb6ee;
    font-size: 16px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.listMenu li a {
    display: block;
    height: 40px;
    padding: 0 20px;
    transition: all 0.3s;
}

.listMenu li a:hover,
.listMenu li a.current {
    background: #0bb6ee;
    color: #fff;
    transition: all 0.3s;
}






/* 产品中心 */


.productList {
    padding: 0px 0px 0px;
}

.productList ul {}

.productList ul li {
    float: left;
    width: 284px;
    height: 368px;
    margin-right: 20px;
    color: #484743;
    background: url("../images/probg.jpg") no-repeat center top;
}

.productList ul li:nth-child(3n+1) {
    margin-left: 0;
}

.productList ul li a {
    display: block;
    position: relative;
    padding-bottom: 20px;
    padding-top: 20px;
}

.productList ul li h3 {
    margin-top: 30px;
    padding-left: 15px;
    text-align: left;
    font-size: 14px;
    color: #484743;
    font-weight: bold;
    position: relative;
    z-index: 0;
}

.productList ul li span {
    margin-top: 30px;
    padding-left: 15px;
    text-align: left;
    font-size: 12px;
    color: #484743;
    font-weight: normal;
    position: relative;
    z-index: 0;
}

.jpsc_list_pic {
    position: relative;
}

.jpsc_list_pic img {
    display: block;
    width: 240px;
    height: 240px;
    margin: auto
}

.jpsc_list_more {
    width: 284px;
    height: 284px;
    background: url("../images/icon16.png")  no-repeat center center;
    position: absolute;
    bottom: -25px;
}

.productList ul li a:hover {
    color: #fff;
    background: url("../images/probg2.jpg") no-repeat center top;
}

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

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

.productList ul li a:hover .jpsc_list_more {
    background: url("../images/icon16_1.png") no-repeat center center;
}






.prodh li {
    float: left;
    width: 110px;
    height: 51px;
    text-align: center;
    color: #333;
}

.prodh li a {
    width: 112px;
    height: 51px;
    color: #000;
    font-size: 15px;
}

.prodh li a:hover {
    width: 112px;
    height: 51px;
    color: #fff;
    padding: 10px;
    background-color: #1c9b4a
}

.prodh .on {
    width: 112px;
    height: 51px;
    color: #fff;
    padding: 10px;
    background-color: #1c9b4a
}





/*分页*/
.but_lat p {
    text-align: center;
}

.but_lat p a {
    display: inline-block;
    font-size: 18px;
    color: #333;
    background: #fff;
    padding: 10px 10px;
    margin: 15 15px;
    border-radius: 100%;
}

.but_lat p a span {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 100%;
    background-color: #f2f2f2;
}

.but_lat p a span.on {
    border: 1px dashed #1c9b4a;
    background-color: #1c9b4a;
    color: #fff;
}






/* 产品详情页 */

.detailLeft {
    width: 920px;
    overflow: hidden;
}

.detailBox {
    padding: 20px 29px 14px 29px;
    border: 1px solid #ddd;
    margin-bottom: 25px;
}

.proShow_Box1 .font1 {
    font-size: 14px;
    color: #000;
    margin-bottom: 15px;
    line-height: 30px;
}

.proShow_Box1 h1 {
    font-size: 14px;
}

.font2,
.caseShow_font1 {
    padding-bottom: 10px;
}

.font2 h3,
.caseShow_font1 h3 {
    font-size: 18px;
    color: #000;
    height: 30px;
    border-bottom: 1px dotted #adadad;
    margin-bottom: 10px;
    font-weight: normal;
}

.gxqm {
    margin-top: 60px;
    text-align: center;
    margin-bottom: 30px;
}

.gxqm h3 {
    color: #545450;
    font-size: 36px;
    font-weight: normal;
    line-height: 36px;
}

.gxqm .xian {
    text-align: center;
}

.gxqm .xian span {
    background: #02a2ee none repeat scroll 0 0;
    display: inline-block;
    height: 3px;
    width: 166px;
}

.diji {
    margin-top: 30px;
}

.diji a {
    background: #02a2ee none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 8px 20px;
    text-decoration: none;
}

.diji a em {
    background: rgba(0, 0, 0, 0) url("../images/wx.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 24px;
    margin-right: 5px;
    vertical-align: middle;
    width: 24px;
}

.hbd {
    color: #666666;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.telg {
    color: #666666;
    font-size: 24px;
}

.dyf {
    color: #666666;
    font-size: 26px;
    margin-top: 20px;
}

.detailShare {
    overflow: hidden;
    padding: 25px 0;
    border-bottom: 1px dotted #adadad;
    border-top: 1px dotted #adadad;
}

.detailShare span {
    border-left: 1px dotted #adadad;
    padding: 0 15px;
}

.detailShare span.date {
    margin-left: 15px;
}

.detail_fenx {
    font-size: 14px;
    padding-top: 10px;
    overflow: hidden;
}



.zoombox {
    width: 860px;
    margin-bottom: 35px;
}

.zoompic {
    width: 860px;
    height: 580px;
    background: url("../images/loading-3.gif")  no-repeat 50% 50%;
    margin: 0 auto;
    overflow: hidden;
}

.example-image {

    max-width: 860px;

    max-height: 580px;

    width: 860;

    width: expression(document.body.clientWidth>860?"860px":"auto");

    height: expression(document.body.clientheight>580?"580px":"auto");

    overflow: hidden;

    margin: 0 auto;

    display: block;

}

.sliderbox {
    height: 85px;
    overflow: hidden;
    margin-top: 20px;
}

.sliderbox .arrow-btn {
    width: 20px;
    height: 85px;
    background: url("../images/arrow_btn.png") no-repeat;
    cursor: pointer;
    margin-top: 10px;
}

.sliderbox #btn-left {
    float: left;
    background-position: 0 0;
}

.sliderbox #btn-left.dasabled {
    background-position: -40px 0;
}

.sliderbox #btn-right {
    float: right;
    background-position: -20px 0;
}

.sliderbox #btn-right.dasabled {
    background-position: -60px 0;
}

.sliderbox .slider {
    float: left;
    height: 85px;
    width: 800px;
    position: relative;
    margin-left: 10px;
    overflow: hidden;
}

.sliderbox .slider ul {
    position: absolute;
    left: 0;
    width: 999px;
}

.sliderbox .slider li {
    float: left;
    width: 134px;
    height: 85px;
    text-align: center;
}

.sliderbox .slider li img {
    border: 3px solid #dfdfdf;
    width: 114px;
    height: 79px;
}

.sliderbox .slider li.current img {
    border: 3px solid #0bb6ee;
}



.relatedPro {
    overflow: hidden;
}

.relatedTitle {
    height: 30px;
    border-bottom: 1px dotted #adadad;
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
    background: url("../images/p_icon.png") no-repeat left 4px;
    font-weight: normal;
    padding-left: 10px;
}

.relatedPro ul {
    width: 960px;
}

.relatedPro li {
    float: left;
    width: 205px;
    padding: 4px;
    border: 1px solid #ddd;
    margin-right: 20px;
    color: #888;
    margin-bottom: 15px;
}

.relatedPro li .pImg {
    display: block;
    width: 205px;
    height: ;
    overflow: hidden;
    margin-bottom: 10px;
}

.relatedPro li img {
    width: 205px;
    height: 140px;
    transition: all 0.5s;
    transform: scale(1, 1);
}

.relatedPro li h4 {
    height: 30px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.relatedPro li h4 a {
    color: #333;
}

.relatedPro li:hover {
    border: 1px solid #02a2ee;
}

.relatedPro li h4 a:hover {
    color: #02a2ee;
}

.relatedPro li img:hover {
    transition: all 0.5s;
    transform: scale(1.1, 1.1);
}



.detailRight {
    width: 280px;
    overflow: hidden;
    float: right;
}

.rightDesign,
.rightRelated,
.rightCase {
    border: 1px solid #ddd;
    margin-bottom: 20px;
}


.div2 {
    position: fixed;
    top: 2px;
    z-index: 250;
    right: 338px;
}

.absolute {
    bottom: 0;
    position: absolute;
    z-index: 250;
    right: 0px;
}


.rTitle {
    /*background: rgba(0, 0, 0, 0) url("..../images/r_title.jpg") repeat-x scroll 0 0;*/
    color: #fa4c06;
    font-size: 24px;
    font-weight: bold;
    height: 39px;
    line-height: 39px;
    padding: 15px 20px 5px;
    text-align: center;
}

.rightDesign .main {

    padding: 0 10px;
}

.rightDesign .main .p1 {
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
}

.rightDesign .main input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    display: block;
    font-size: 14px;
    height: 34px;
    margin: 12px 0;
    padding: 0 10px;
    width: 235px;
}

.rightDesign .main .sub {
    background: #fa4c06 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-bottom: 5px;
    padding: 0;
    text-align: center;
    width: 258px;
}

.rightDesign .main input:focus {
    border: 1px solid #02a2ee;
}

.rightDesign .main .sub:focus,
.rightDesign .main .sub:hover {
    background: #333 none repeat scroll 0 0;
    border: medium none;
}

.rightRelated .main {
    padding: 10px;
}

.rightRelated .main img {
    margin-bottom: 10px;
    padding: 2px;
    width: 254px;
}

.rightRelated .main li {
    height: 34px;
    line-height: 34px;
    border-bottom: 1px dotted #a7a7a7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rightRelated .main li a {
    background: url("../images/news_li.png") no-repeat 5px center;
    padding-left: 15px;
}

.rightRelated .main li:last-child {
    border-bottom: none;
}

.rightRelated .main li a:hover {
    background: url("../images/news_lih.png") no-repeat 5px center;
}






/*问答*/



.article-lists {
    margin: 40px auto;
}

.article-lists .item {
    width: height: 261px;
    margin-bottom: 10px;
    margin: 0 auto 20px auto;
    padding: 40px 30px 00px 250px;
    position: relative;
    color: #676767;
    border-bottom: #d2d2d2 1px dashed;
}

.article-lists .item:hover .img {
    opacity: .8;
}

.article-lists .item:hover h3 {
    color: #1c9b4a;
}

.article-lists .img {
    position: absolute;
    left: 15px;
    top: 10px;
}

.article-lists h3 {
    font-size: 22px;
    width: 100%;
    color: #1c9b4a;
    margin-bottom: 10px;
}

.article-lists .time {
    width: 100%;
    font-size: 12px;
}

.article-lists .con {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 50px;
    font-size: 12px;
    line-height: 24px;
}

.article-lists .more {
    width: 134px;
    height: 32px;
    background: url("../images/bth.png") left top no-repeat;
    position: absolute;
    right: 5px;
    bottom: 9px;
    text-align: center;
    color: #1c9b4a;
    font-size: 13px;
    line-height: 32px;
}

.article-lists .more:hover {
    opacity: .8;
}










/* 荣誉资质 */

.productList,
.caseList,
.partnerList,
.honorList,
.settingList,
.newsList,
.teamList {
    width: 1220px;
    overflow: hidden;
}

.productList ul,
.caseList ul,
.partnerList ul,
.honorList ul,
.settingList ul,
.teamList ul,
.newsList ul {
    width: 1260px;
}

.honorList ul li {
    float: left;
    width: 280px;
    margin-right: 33px;
    margin-bottom: 25px;
    text-align: center;
}

.honorList ul li a {
    display: block;
    width: 250px;
    padding: 15px;
    background: #f2f2f2;
    border-bottom: 3px solid #ddd;
}

.honorList ul li img {
    display: block;
    width: 240px;
    height: 180px;
    padding: 4px;
    border: 1px solid #e3e3e3;
    background: #fff;
}

.honorList ul li span {
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.honorList ul li a:hover {
    border-bottom: 3px solid #127737;
}



/* 公司坏境 */

.settingList ul li {
    width: 280px;
    float: left;
    margin-right: 33px;
    margin-bottom: 25px;
    text-align: center;
}

.settingList ul li img {
    display: block;
    width: 270px;
    height: 220px;
    padding: 4px;
    border: 1px solid #e3e3e3;
    background: #fff;
}

.settingList ul li img:hover {
    border: 1px solid #127737;
    background: #127737;
}

.settingList ul li span {
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}



/* 合作伙伴 */

.partnerList li {
    float: left;
    width: 220px;
    margin-right: 30px;
    margin-bottom: 20px;
}

.partnerList li img {
    width: 210px;
    height: 135px;
    background: #e5e5e5;
    padding: 4px;
    border: 1px solid #d4d4d4;
    box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
}

.partnerList li span {
    height: 35px;
    line-height: 35px;
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.partnerList li img:hover {
    border: 1px solid #127737;
}



/* 精英团队 */

.teamList li {
    float: left;
    width: 280px;
    margin-right: 33px;
    margin-bottom: 30px;
}

.teamList li img {
    width: 280px;
    height: 420px;
}

.teamList li h3 {
    height: 40px;
    line-height: 40px;
    background: #0bb6ee;
    font-size: 14px;
    color: #fff;
    padding-left: 10px;
    font-weight: normal;
}

.teamList li div {
    background: #f4f4f4;
    padding: 10px;
}

.teamList li div h4 {
    height: 30px;
    border-bottom: 1px dotted #acacac;
    font-size: 18px;
    color: #171717;
    margin-bottom: 5px;
    font-weight: normal;
}

.teamList li div h4 span {
    float: right;
    font-size: 12px;
    color: #666;
}

.teamList li div p {
    height: 48px;
    line-height: 24px;
}

.teamList li .btn {
    height: 40px;
    line-height: 40px;
    background: #0bb6ee;
}

.teamList li .btn a {
    display: inline-block;
    width: 140px;
    height: 40px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    transition: all 0.3s;
}

.teamList li .btn .btn2 {
    background: #70dcff;
}

.teamList li .btn a:hover {
    background: #333;
    transition: all 0.3s;
}



/* 精英团队详情 */

.teamShow_top {
    overflow: hidden;
    margin-bottom: 50px;
}

.teamShow_img {
    width: 240px;
    margin-right: 40px;
}

.teamShow_font {
    width: 620px;
    overflow: hidden;
}

.teamShow_font .title {
    font-size: 24px;
    color: #333;
    margin-bottom: 15px;
}

.teamShow_font .title span {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
    padding: 2px 10px;
    background: #0bb6ee;
    margin-left: 10px;
    font-weight: normal;
}

.teamShow_font .font1 {
    font-size: 14px;
}

.teamShow_font .font1 span {
    display: inline-block;
    width: 300px;
}

.teamShow_font .font1 b {
    color: #0bb6ee;
}

.scfg {
    font-size: 14px;
    color: #0bb6ee;
    font-weight: bold;
    margin-bottom: 20px;
}



.teamForm {
    width: 260px;
    overflow: hidden;
    background: #f5f5f5;
    padding: 10px;
    border: 1px solid #ddd;
}

.teamForm h3 {
    text-align: center;
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
    padding-top: 10px;
}

.teamForm input {
    display: block;
    height: 38px;
    border: 1px solid #e1e1e1;
    background: #fff;
    padding: 0 10px;
    width: 238px;
    margin-bottom: 10px;
    font-size: 14px;
}

.teamForm .sub {
    height: 40px;
    line-height: 40px;
    border: none;
    background: #0bb6ee;
    color: #fff;
    text-align: center;
    transform: all 0.3s;
    cursor: pointer;
    width: 258px;
    padding: 0;
    margin-bottom: 5px;
}

.teamForm input:focus {
    border: 1px solid #02a2ee;
}

.teamForm .sub:focus,
.teamForm .sub:hover {
    background: #333;
    transform: all 0.3s;
    border: none;
}



.teamShow_box1 {
    width: 1220px;
    overflow: hidden;
}

.teamShow_box1 .title {
    text-align: center;
    font-size: 24px;
    color: #0bb6ee;
    margin-bottom: 30px;
}

.teamShow_box1 ul {
    width: 1260px;
}

.teamShow_box1 li {
    float: left;
    width: 270px;
    padding: 9px;
    border: 1px solid #ddd;
    margin-right: 20px;
    margin-bottom: 20px;
}

.teamShow_box1 li img {
    width: 270px;
    height: 145px;
}

.teamShow_box1 li p {
    height: 40px;
    line-height: 40px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.teamShow_box1 li:hover {
    border: 1px solid #0bb6ee;
}







/* 专家工程详情 */

.caseShow_img {
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
    border-top: 1px dotted #ddd;
    padding-top: 25px;
}

.caseShow_img img {
    width: 520px;
}

.relatedCase {
    width: 920px;
    overflow: hidden;
}

.relatedCase ul {
    width: 960px
}

.relatedCase li {
    float: left;
    width: 220px;
    margin-bottom: 20px;
    margin-right: 10px;
    border: 1px solid #ddd;
    background: #eee;
    text-align: center;
}

.relatedCase li a {
    display: block;
    width: 220px;
}

.relatedCase li img {
    width: 210px;
    height: 170px;
    padding: 5px;
    background: #fff;
}

.relatedCase li span {
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.relatedCase li:hover {
    border: 1px solid #127737;
}

.relatedCase li a:hover {
    background: #127737;
    color: #fff;
}



/* 新闻列表 */

.newsList li {
    height: 210px;
    margin-bottom: 30px;
    font-size: 14px;
    overflow: hidden;
}

.newsList li img {
    width: 320px;
    height: 210px;
    margin-right: 30px;
}

.newsList li h3 {
    padding-top: 10px;
    height: 35px;
    font-size: 18px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsList li h3 a {
    color: #1b1b1b;
}

.newsList li h3 a:hover {
    color: #127737;
}

.newsList li p {
    font-size: 30px;
    font-family: Arial;
    margin-bottom: 10px;
}

.newsList li p span {
    font-size: 14px;
    margin-left: 5px;
}

.newsList li .more {
    margin-top: 20px;
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #127737;
    color: #127737;
    font-size: 14px;
    transition: all 0.3s;
}

.newsList li .more:hover {
    background: #127737;
    color: #fff;
    transition: all 0.3s;
}



/* 新闻详细样式 */

.articleBox1 .title {
    text-align: center;
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
}

.proShow_Box1 .title {
    text-align: center;
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
}

.proShow_Box1 .p1 {
    margin-bottom: 25px;
    text-align: center;
    color: #333;
}

.proShow_Box1 .p1 span {
    margin-right: 15px;
}

.articleBox1 .p1 {
    margin-bottom: 25px;
    text-align: center;
    color: #333;
}

.articleBox1 .p1 span {
    margin-right: 15px;
}

.review {
    background: #f7f7f7 url("../images/nShow_icon.png") no-repeat left top;
    padding: 15px 15px 10px 15px;
    border: 1px dotted #adadad;
    border-right: none;
    border-left: none;
    text-indent: 2em;
    font-size: 14px;
    color: #333;
}

.article_key {
    background: #f7f7f7 url("../images/nShow_icon2.png") no-repeat 15px 7px;
    color: #adadad;
    margin-bottom: 20px;
    padding-left: 35px;
    line-height: 28px;
}

.articleBox1_font {
    padding-bottom: 40px;
    border-bottom: 1px dotted #adadad;
    font-size: 13px;
    color: #424242;
}



.relatedNews_img {
    height: 180px;
    overflow: hidden;
    margin-bottom: 15px;
}

.relatedNews_img ul {
    width: 960px;
}

.relatedNews_img li {
    float: left;
    width: 205px;
    padding: 4px;
    border: 1px solid #ddd;
    margin-right: 20px;
}

.relatedNews_img li img {
    width: 205px;
    height: 135px;
    margin-bottom: 10px;
}

.relatedNews_img li span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 14px;
}

.relatedNews_img li:hover {
    border: 1px solid #02a2ee;
}



.relatedNews_font {
    width: 960px;
    overflow: hidden;
    font-size: 13px;
}

.relatedNews_font ul {
    width: 1020px;
}

.relatedNews_font ul li {
    float: left;
    padding-right: 70px;
    width: 420px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dotted #ddd;
}

.relatedNews_font ul li a {
    display: block;
    width: 320px;
    line-height: 40px;
    background: url("../images/news_li.png") no-repeat left center;
    padding-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}

.relatedNews_font ul li span {
    float: right;
    color: #999;
}



.rightCase .main {
    padding: 10px;
    overflow: hidden;
}

.rightCase .main li {
    width: 260px;
    height: 175px;
    overflow: hidden;
    margin-bottom: 10px;
}

.rightCase .main li img {
    width: 260px;
    height: 175px;
    transition: all 0.5s;
    transform: scale(1, 1);
}

.rightCase .main li p {
    position: relative;
    margin-top: -35px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    padding: 0 10px;
    background: url("../images/opc2.png");
}

.rightCase .main li:hover img {
    transition: all 0.5s;
    transform: scale(1.1, 1.1);
}



/* 常见问题 */

.faqList {
    font-size: 13px;
    word-spacing: 3px;
    padding-bottom: 30px;
}

.faqList li .p01 {
    border-bottom: 1px solid #dfdfdf;
    background: url("../images/q.jpg") no-repeat 5px 15px;
    cursor: pointer;
    padding: 10px;
    padding-left: 25px;
}

.faqList li .answer {
    padding: 15px 25px 10px 35px;
    border-bottom: 1px dotted #a0906e;
    color: #555;
    display: none;
    border-left: 3px solid #127737;
}

.faqList .current .answer {
    display: block;
}

.faqList .current .p01 {
    background: #eee url("../images/q.jpg") no-repeat 5px 15px;
}



/* 人才招聘  */

.jobMain {
    margin-bottom: 60px;
    overflow: hidden;
}

.jobMain_top {
    padding-top: 15px;
    height: 84px;
    border-bottom: 1px solid #e2e2e2;
    background: #f4f4f4;
    font-size: 14px;
    margin-bottom: 15px;
}

.jobMain_top .title img {
    width: 70px;
    height: 70px;
    margin-right: 20px;
    margin-left: 15px;
}

.jobMain_top .title h3 {
    font-size: 26px;
    font-weight: normal;
    text-transform: uppercase;
    padding-top: 25px;
}

.jobMain_top .title h3 span {
    display: block;
    font-size: 10px;
    color: #acacac;
    -webkit-transform: scale(0.8);
    -o-transform: scale(1);
}

.jobMain_top .fr {
    margin-right: 15px;
    margin-top: 40px;
}

.jobMain_top .fr span {
    margin-left: 25px;
}

.job_box1 {
    padding-left: 50px;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #e0e0e0;
}

.job_box1 h5 {
    font-size: 16px;
    color: #333;
    font-weight: normal;
    height: 35px;
}

.job_box1 .font {
    padding-left: 65px;
}

.job_box2 {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 40px;
}

.jobMain .center a {
    display: inline-block;
    width: 205px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    background: #0087c7;
}

.jobMain .center a:hover {
    background: #333;
    transition: all 0.3s;
}





/* 内页留言样式 */

.contactFont {
    overflow: hidden;
    margin-bottom: 35px;
}

.contactnr {
    width: 600px;
    margin: 0 auto;
}

.pageContent {
    overflow: hidden;
}

#feedback_form label {
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    margin-bottom: 30px;
    padding-left: 40px;
    background: url("../images/contact.png") no-repeat;
    font-size: 14px;
}

#feedback_form label.name {
    background-position: 0 -32px;
}

#feedback_form label.email {
    background-position: 0 -64px;
}

#feedback_form label.city {
    background-position: 0 -96px;
}

#feedback_form label.msg_title {
    background-position: 0 -128px;
}

#feedback_form label.address {
    background-position: 0 -160px;
}

#feedback_form label.message {
    background-position: 0 -192px;
    margin-bottom: 10px;
}

#feedback_form input {
    width: 210px;
    height: 30px;
    line-height: 30px;
    float: left;
    margin: 0 56px 30px 0;
    padding: 0 10px;
    border: 1px solid #dbdbdb;
}

#feedback_form input.last {
    margin-right: 0;
}

#feedback_form .msg {
    border-top: 1px dotted #ccc;
    padding: 30px 0;
}

#feedback_form textarea {
    height: 125px;
    width: 1118px;
    padding: 10px;
    border: 1px solid #dbdbdb;
    display: block;
}

#feedback_form .btns {
    width: 120px;
    height: 40px;
    margin-right: 10px;
    background: #02a2ee;
    color: #fff;
    border: none;
    font-size: 15px;
    margin-bottom: 0;
    cursor: pointer;
}

#feedback_form .reset {
    background: #ccc;
    cursor: pointer;
    margin-bottom: 0;
}

#feedback_form .tableRow {
    width: 100%;
    height: 32px;
}

#feedback_form .tableRow input {
    width: 150px;
    margin-right: 10px;
    color: #999;
    float: left;
}

#feedback_form .tableRow .checkcode {
    width: 50px;
    height: 22px;
    margin-left: 5px;
    border: 1px solid #ccc;
    padding: 4px 5px;
    display: block;
    float: left;
    background: #fff;
}

#feedback_form input:focus,
#feedback_form textarea:focus {
    border-color: #02a2ee;
}

#feedback_form .btns:hover {
    background: #333;
}





/* 右侧图标弹出 */

.dialogOverlay {
    z-index: 9998;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    display: none;
    filter: alpha(opacity=70);
    background: #000;
}

.dialogContent {
    z-index: 9999;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 310px;
    height: 268px;
    padding: 4em;
    margin: -134px 0 0 -155px;
    background: #fff;
    display: none;
    text-align: center;
}

.dialogQrcode {
    width: 150px;
    height: 150px;
}

.mobileHide {
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
}

.dialogClose {
    width: 200px;
    margin: 0 auto;
    cursor: pointer;
}

.dialogContent .btn {
    height: 50px;
    background: #e8312e;
    line-height: 50px;
    color: #fff;
    font-family: "微软雅黑";
    font-size: 18px;
    cursor: pointer;
}

.dialogOverlaya {
    z-index: 9998;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    display: none;
    filter: alpha(opacity=70);
    background: #000;
}

.dialogContenta {
    z-index: 9999;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 310px;
    height: 272px;
    padding: 4em;
    margin: -136px 0 0 -155px;
    background: #fff;
    display: none;
}

.dialogContenta h2 {
    font-family: "微软雅黑";
    font-size: 18px;
    padding-bottom: 2px;
}

.dialogContenta h3 {
    font-size: 24px;
    padding-bottom: 12px;
}

.dialogContenta h3 a {
    color: #263949;
}

.dialogQrcodea {
    width: 150px;
    height: 150px;
}

.mobileHidea {
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
}

.dialogClosea {
    width: 200px;
    margin: 0 auto;
    cursor: pointer;
}

.dialogContenta .btna {
    height: 50px;
    background: #e8312e;
    line-height: 50px;
    color: #fff;
    font-family: "微软雅黑";
    font-size: 18px;
    text-align: center;
    cursor: pointer;
}





/*-- 右侧浮动客服 --*/

.quickMenuwrap {
    position: fixed;
    right: 0;
    top: 205px;
    width: 57px;
    height: 225px;
    z-index: 40;
    _POSITION: absolute;

    _TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);
}

.quickMenuwrap .itemQm {
    position: relative;
    font-size: 12px;
}

.quickMenuwrap .itemQm .iconWrap {
    display: inline-block;
    width: 57px;
    height: 36px;
    padding-bottom: 18px;
    line-height: 13px;
    color: #ffffff;
    text-align: center;
    background: url("../images/icon-quick-menu.png") no-repeat;
    background-position: -3px -306px;
}

.quickMenuwrap .itemQm .iconWrap:hover {
    background: url("../images/icon-quick-menu.png") no-repeat;
    background-position: -3px -360px;
}

.quickMenuwrap .itemQm .icon {
    display: inline-block;
    width: 57px;
    height: 36px;
    background: url("../images/icon-quick-menu.png") no-repeat;
}

.quickMenuwrap .itemConsult .icon {
    background-position: -1px 0;
}

.quickMenuwrap .itemNeed .icon {
    background-position: -1px -56px;
}

.quickMenuwrap .itemWeixin .icon {
    background-position: -1px -117px;
}

.quickMenuwrap .itemHlkx .icon {
    height: 54px;
    background-position: -1px -179px;
}

.quickMenuwrap .itemTop .icon {
    background-position: -1px -247px;
}

.itemConsultWrap {
    display: none;
    position: absolute;
    top: 0;
    left: -245px;
    width: 250px;
    height: 412px;
    background: url("../images/bg-quick-menu-consult.png") no-repeat;
}

.itemConsultWrap .title {
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 5px 0;
    font-size: 16px;
    color: #666666;
    text-align: center;
}

.itemConsultWrap .innerList {
    padding: 20px;
    padding-bottom: 0
}

.itemConsultWrap .innerltem {
    font-size: 13px;
    color: #555;
    border-bottom: 1px solid #ddd;
    font-family: Arial;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.itemConsultWrap .innerltem .label {
    display: block;
    font-size: 24px;
    color: #02a2ee;
}

.itemConsultWrap .innerltem .link {
    display: block;
    font-size: 18px;
    color: #02a2ee;
}

.kefuWrap {
    width: 222px;
    padding: 0 13px;
}

.kefuWrap .linkWrap {
    float: left;
    display: inline-block;
    width: 71px;
    margin-right: 3px;
    margin-bottom: 10px;
    color: #1b1f29;
    text-align: center;
}

.kefuWrap .linkWrap .cover {
    width: 71px;
    height: 70px;
    background: #f5f5f5;
}

.kefuWrap .linkWrap:hover .cover {
    background: #02a2ee;
}

.kefuWrap .linkWrap:hover {
    color: #02a2ee;
}

.itemWeixinWrap {
    display: none;
    position: absolute;
    top: -74px;
    left: -139px;
    width: 139px;
    height: 139px;
}

.itemHlkxWrap {
    display: none;
    position: absolute;
    top: 0;
    left: -219px;
    width: 219px;
    height: 292px;
    background: url("../images/bg-quick-menu-hlkx.png") no-repeat;
}

.itemHlkxWrap .logoQuickMenu {
    display: inline-block;
    width: 152px;
    height: 50px;
    padding: 15px 30px;
    margin: 0 auto;
    text-align: center;
}

.itemHlkxWrap .logoQuickMenu .cover {
    width: 152px;
    height: 50px;
    margin: 0 auto;
}

.itemHlkxWrap .label {
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0 20px;
    font-size: 12px;
    color: #666666;
    text-align: center;
    font-weight: normal;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

.itemHlkxWrap .innerList {
    width: 176px;
    padding: 0 20px;
    margin-top: 15px;
}

.itemHlkxWrap .innerList .innerltem {
    float: left;
    width: 88px;
    height: 30px;
    line-height: 30px;
}

.itemHlkxWrap .innerltem .link {
    display: block;
}

.itemHlkxWrap .innerltem .icon-sign {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 5px;
    border-radius: 2px;
    background: #f27d86;
    vertical-align: 2px;
}

.popupBg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #010a0e;
    filter: alpha(Opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    z-index: 10000;
}

.popupWrap {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 680px;
    margin-top: -250px;
    margin-left: -340px;
    z-index: 10000;
    border-radius: 5px;
    background: #e2f6ff;
}

.popupWrap .popupHeader {
    text-align: center;
}

.popupWrap .popupHeader .title {
    font-family: "微软雅黑";
    font-size: 28px;
    font-weight: normal;
    color: #fff;
    background: #363636;
    border-radius: 4px 4px 0 0;
    height: 60px;
    line-height: 60px;
}

.popupWrap .popupHeader .label {
    font-size: 14px;
    color: #eee;
}

.leftForm {
    padding: 20px 30px;
}

.leftForm li {
    height: 35px;
    overflow: hidden;
    line-height: 35px;
    margin-bottom: 10px;
}

.leftForm li label {
    float: left;
    height: 35px;
    font-size: 14px;
    color: #555;
    width: 130px;
}

.leftForm li label i {
    font-style: normal;
    color: #f00;
}

.leftForm li input {
    width: 458px;
    height: 33px;
    line-height: 33px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0 10px;
    float: left;
}

.leftForm li.tarea {
    height: 80px;
}

.leftForm li textarea {
    width: 458px;
    height: 58px;
    padding: 10px;
    border: 1px solid #ddd;
}

.leftForm li.code input {
    width: 120px;
    margin-right: 5px;
}

.leftForm .sub {
    float: none;
    width: 610px;
    background: #02a2ee;
    margin-top: 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

.leftForm .sub:hover {
    background: #333;
    transition: all 0.3s;
}

.popupWrap .btnClose {
    position: absolute;
    right: -16px;
    top: -16px;
    width: 34px;
    height: 34px;
    background: url("../images/idialog_s.png") no-repeat;
    background-position: 0 -60px;
}

.popupWrap .btnClose:hover {
    background-position: 0 -94px;
}





/*下面就可以做自己的css*/