@charset "utf-8";

body { min-width: 1200px; width: 100%; }

/*产品中心*/
.cp_bt { font-size: 40px; color: #333; text-align: center; line-height: 36px; padding: 60px 0 0; height: 80px; overflow: hidden; }
    .cp_bt a { font-size: 40px; color: #333; }
    .cp_bt span { display: block; font-size: 20px; color: #666; font-weight: normal; padding: 10px 0 0; }
.cp_tit { overflow: hidden; }
.cp_ul01 li { float: left; padding: 0 0 0 25px; width: 540px; }
    .cp_ul01 li a { display: block; font-size: 20px; color: #fff; font-weight: bold; width: 540px; height: 54px; line-height: 54px; background: url(../images/cp_ico01.png) no-repeat 0 17px; padding: 0 0 0 40px; }
.cp_ul01 .cp_ul02 li { width: 108px; padding: 0; }
    .cp_ul01 .cp_ul02 li a { font-size: 14px; color: #bcc5cf; font-weight: normal; background: url(../images/cp_ico02.png) no-repeat 0 15px; padding: 0 0 0 18px; width: 90px; height: 38px; line-height: 38px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .cp_ul01 .cp_ul02 li a:hover { background: url(../images/cp_ico03.png) no-repeat 0 15px; color: #fff; }
.cp_ul01 li.nobor { width: 324px; padding: 0 0 0 60px; }
.cp_more { position: absolute; top: 70px; right: 0; width: 225px; }
    .cp_more b { display: block; font-size: 16px; color: #fff; width: 70px; height: 80px; }
    .cp_more em { display: block; width: 86px; height: 24px; text-align: center; line-height: 24px; font-size: 14px; color: #007185; background: #fff; overflow: hidden; border-radius: 20px; -webkit-transition: all .3s; transition: all .3s; }
    .cp_more a:hover em { box-shadow: 0 2px 3px 0 #bcc5cf; z-index: 2; -webkit-transform: translate(0,-2px); -webkit-transform: translate(0,-2px) }

.cp_m { padding: 35px 0; position: relative; }
    .cp_m p { width: 80px; height: 80px; position: absolute; top: 215px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; border-radius: 50%; z-index: 30; }
.cp_lico { left: -100px; }
.cp_rico { right: -100px; }
.cp_m ul { float: left; }
    .cp_m ul li { width: 200px; margin-right: 50px; }

        .cp_m ul li em { width: 200px; height: 200px; border: 1px solid #CCCCCC; display: block; line-height: 0; overflow: hidden; text-align: center; margin-bottom: 15px; -webkit-transition: all .3s; transition: all .3s; }
            .cp_m ul li em img { vertical-align: middle; max-width: 198px; max-height: 198px; _width: expression((this.offsetWidth > 198) ? "198px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 198) ? "198px" : this.offsetHeight + "px" ); }
            .cp_m ul li em i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }

.pinz dl dd span img, .ys_pic img, .jz dl dt span img, .news dt img { width: 374px; height: 260px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
    .pinz dl dd span img:hover, .ys_pic img:hover, .jz dl dt span img:hover, .news dt img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.cp_m ul li span { width: 200px; display: block; text-align: center; height: 40px; line-height: 25px; font-size: 14px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cp_m ul li a:hover span { color: #007185; }
.cp_m ul li a:hover em, .cp_m p:hover { box-shadow: 0 10px 15px 0 #bbb; z-index: 2; -webkit-transform: translate(0,-0px); -webkit-transform: translate(0,-0px) }

/*品质*/
.pinz_bg { background: url(../images/pinz_gb.jpg) no-repeat center 0; height: 560px; overflow: hidden; }
.pinz .cp_bt { color: #fff; padding: 54px 0 0; height: 122px; }
    .pinz .cp_bt span { color: #c6c6c6; }
.pinz dl { width: 225px; float: left; padding-right: 50px; padding-left: 50px; background: url(../images/pinz_line.gif) no-repeat 0 57px; padding-top: 57px; }
    .pinz dl dt { overflow: hidden; font-size: 24px; color: #555; }
        .pinz dl dt em { display: block; line-height: 0; text-align: center; }
            .pinz dl dt em img { -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out; }
        .pinz dl dt:hover img { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); }
    .pinz dl dd { padding: 35px 0 0; font-size: 18px; color: #666666; text-align: center; }
        .pinz dl dd p { color: #555; line-height: 20px; overflow: hidden; font-size: 16px; }
        .pinz dl dd span { display: block; overflow: hidden; color: #000000; line-height: 40px; }
.pinz .nobor01 { padding-left: 0; background: none; }
.pinz .nobor02 { padding-right: 0; }


/*荣誉资质*/
/*.honor_bgw{ background:url(../images/honor_bgw.jpg) no-repeat center 0;}
.honor_bg{ background:url(../images/honor_bg.png) no-repeat center 0;height: 641px;overflow: hidden;}
.honor .cp_bt,.about .cp_bt{padding: 54px 0 0;height: 120px;}
.honor .cp_bt a,.about .cp_bt a{color: #fff;}
.honor .cp_bt span,.about .cp_bt span{color: #d3d3d3;}
.honor_c{width: 215px;float: right;height: 360px;padding: 20px 60px 0 40px;}
.honor_c ul li{height: 55px;line-height: 55px;overflow: hidden;}
.honor_c ul li a{font-size: 14px;color: #666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 215px;}
.honor_c ul li a:hover{color: #007185;}
.honor_c ul li b{font-size: 18px;padding: 0 10px 0 0;}*/
.honor_bg { margin-bottom: 50px; }
    .honor_bg img { vertical-align: middle; transition: 500ms; }
    .honor_bg a:hover img { transform: scale(1.1); }
.honor_l { width: 460px; float: left; border: 10px solid #ccc; margin-top: 50px; overflow: hidden; transition: 500ms; }
    .honor_l:hover { border-color: #007185; }
    .honor_l img { max-width: 100%; }
.honor_r { width: 680px; float: right; margin-top: 50px; }
    .honor_r ul { width: 730px; }
        .honor_r ul li { float: left; height: auto; margin-right: 50px; width: 295px; overflow: hidden; line-height: 0px; border: 10px solid #ccc; text-align: center; overflow: hidden; transition: 500ms; }
            .honor_r ul li:hover { border-color: #007185; }
            .honor_r ul li.honor0, .honor_r ul li.honor1 { height: 400px; margin-bottom: 30px; }
            .honor_r ul li.honor2, .honor_r ul li.honor3 { height: 200px; }
            .honor_r ul li img { width: 100%; }
/*客户见证*/
.jz { padding: 0 0 60px; position: relative; }
    .jz .cp_bt, .news_bg .cp_bt { padding: 57px 0 0; height: 120px; }
    .jz dl dt { position: relative; width: 690px; float: left; }
        .jz dl dt em { width: 240px; height: 450px; display: block; position: absolute; top: 0; left: 0; z-index: 20; }
            .jz dl dt em img { width: 240px; height: 450px; }
        .jz dl dt span { width: 600px; height: 450px; display: block; overflow: hidden; margin-left: 90px; }
            .jz dl dt span img { width: 600px; height: 450px; }
    .jz dl dd { width: 410px; float: right; padding: 40px 0 0; }
        .jz dl dd h5 { font-weight: normal; line-height: 52px; height: 130px; background: url(../images/jz_line.gif) no-repeat 5px 128px; }
            .jz dl dd h5 a { color: #1f1715; font-size: 34px; display: block; }
                .jz dl dd h5 a:hover { color: #007185; }
    .jz .jz_desc { font-size: 14px; color: #9e9e9e; line-height: 28px; height: 112px; overflow: hidden; padding: 35px 0 0; }
    .jz dl dd span { display: block; width: 140px; padding: 60px 0 0; }
        .jz dl dd span a { display: block; font-size: 14px; color: #fff; width: 140px; text-align: center; height: 40px; line-height: 40px; background: #007185; overflow: hidden; border-radius: 20px; -webkit-transition: all .3s; transition: all .3s; }
    .jz b { width: 50px; height: 50px; position: absolute; top: 577px; display: block; z-index: 50; }
        .jz b a { width: 50px; height: 50px; display: block; }
.jz_l a { background: url(../images/case_lico01.gif) no-repeat; }
    .jz_l a:hover { background: url(../images/case_lico02.gif) no-repeat; }
.jz_r a { background: url(../images/case_rico01.gif) no-repeat; }
    .jz_r a:hover { background: url(../images/case_rico02.gif) no-repeat; }
.jz_l { left: 640px; }
.jz_r { left: 691px; }

/*新闻中心*/
.news_bg { padding: 0 0 60px; background: #FFFFFF; overflow: hidden; }
.news { width: 580px; height: 400px; background: #fff; box-shadow: 0 3px 10px 3px #ddd; }
.news_t { height: 60px; line-height: 60px; overflow: hidden; border-bottom: #ebebeb 1px solid; }
    .news_t em { float: left; width: 100px; height: 60px; display: block; line-height: 0; }
        .news_t em img { width: 80px; height: 60px; }
    .news_t a { font-size: 22px; color: #333; }
        .news_t a:hover, .news_t a:hover i { color: #007185; }
    .news_t span { float: right; width: 85px; height: 60px; display: block; line-height: 16px; padding: 15px 0 0 15px; background: url(../images/news_line.gif) no-repeat 0 20px; }
        .news_t span a { font-size: 12px; color: #2e2e2e; }
        .news_t span i { color: #666; display: block; }
.news dl { width: 520px; padding: 30px 0 20px; margin: 0 auto; height: 126px; }
.news dt { width: 224px; height: 126px; overflow: hidden; float: left; }
    .news dt img { width: 224px; height: 126px; }
.news dd { width: 260px; float: left; padding: 0 0 0 30px; }
    .news dd span { display: block; font-size: 36px; color: #007185; font-weight: bold; font-family: "Times New Roman", Times, serif; line-height: 40px; }
    .news dd h3 { height: 30px; line-height: 30px; overflow: hidden; }
        .news dd h3 a { font-size: 14px; color: #333; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
            .news dd h3 a:hover, .news ul li a:hover { color: #007185; }
.news .news_desc { font-size: 14px; color: #757373; height: 40px; line-height: 20px; overflow: hidden; }
.news_c { width: 520px; margin: 0 auto; display: block; }
.news ul li { height: 45px; line-height: 45px; overflow: hidden; border-top: #c2c2c2 1px dotted; }
    .news ul li a { font-size: 14px; color: #666; display: block; float: left; width: 420px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .news ul li span { display: block; float: right; font-size: 14px; color: #909090; width: 100px; text-align: right; }
    .news ul li b { padding: 0 10px 0 0; }

/*关于我们*/
.about { background: url(../images/ab_bg.jpg) no-repeat center 0; overflow: hidden; padding: 10px 0 60px; }
.ab_desc { font-size: 14px; color: #fff; height: 56px; line-height: 28px; overflow: hidden; width: 960px; text-align: center; margin: 0 auto; }
.about h4 { font-size: 24px; color: #fff; font-weight: normal; height: 44px; line-height: 44px; text-align: center; overflow: hidden; padding: 25px 0 0; }
.about em { display: block; width: 135px; margin: 0 auto; padding: 60px 0 0; }
    .about em a { display: block; font-size: 14px; color: #0a4eb2; width: 135px; text-align: center; height: 34px; line-height: 34px; overflow: hidden; background: #fff; border-radius: 20px; }
        .about em a:hover { animation: shake 1.5s linear; -webkit-animation: shake 1.5s linear; }

/*友情链接*/
.f_link { height: 62px; line-height: 62px; overflow: hidden; background: #e3e3e3; }
    .f_link b { display: block; float: left; font-size: 14px; color: #333; width: 80px; font-weight: normal; }
    .f_link p { font-size: 14px; color: #333; float: left; width: 1120px; }
        .f_link p a { font-size: 14px; color: #333; padding: 0 10px 0 0; }

/**/
@-webkit-keyframes shake {
    from,to { -webkit-transform: translate3d(0, 0, 0); }
    20%,60% { -webkit-transform: translate3d(-10px, 0, 0); }
    40%,80% { -webkit-transform: translate3d(10px, 0, 0); }
}

@keyframes shake {
    from,to { transform: translate3d(0, 0, 0); }
    20%,60% { transform: translate3d(-10px, 0, 0); }
    40%,80% { transform: translate3d(10px, 0, 0); }
}


.i-zero-wrap { background: #fff; }
    .i-zero-wrap .w1200 { }
.counter_list { padding-top: 75px; padding-bottom: 75px; }
    .counter_list li { width: 25%; float: left; text-align: center; position: relative; }
        .counter_list li:not(:last-child):after { content: ''; position: absolute; width: 1px; height: 45px; background-color: rgba(170,170,170,.2); right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
        .counter_list li p { text-align: left; margin-left: 90px; }
            .counter_list li p.number .counterDX { font-size: 50px; font-family: helveticaneuethn,Arial; text-align: center; margin-top: 15px; line-height: 52px; vertical-align: top; color: #3c3c3c; }
            .counter_list li p.number .unit { position: relative; top: 1px; left: 3px; font-size: 14px; vertical-align: top; color: #999; }
        .counter_list li .title { color: #999; font-size: 13px; line-height: 30px; }

.youshi { overflow: hidden; width: 100%; padding: 0px 0 60px; background: url(../images/youshi_bg.jpg) repeat center; }
    .youshi .ysbox { overflow: hidden; width: 1100px; margin: 0 auto; background: url(../images/youshi_tu.png) no-repeat center 20px; margin-top: 45px; }
    .youshi .ysleft { width: 320px; float: left; }
    .youshi .ysright { width: 320px; float: right; }
    .youshi .ysleft .ys { overflow: hidden; padding-left: 85px; }
    .youshi .ysright .ys { overflow: hidden; padding-right: 85px; }
    .youshi h3 { font-size: 18px; color: #007185; margin-bottom: 12px; line-height: 36px; }
    .youshi .ysright .ys h3 { text-align: right; line-height: 36px; }
    .youshi p { color: #666; line-height: 23px; height: 69px; }
    .youshi .ysright .ys p { text-align: left; }
    .youshi .ys { margin-bottom: 9px; margin-top: 5px; }
    .youshi .ys01 { background: url(../images/youshi01.png) no-repeat left top; }
    .youshi .ys02 { background: url(../images/youshi02.png) no-repeat left top; margin-top: 15px; }
    .youshi .ys03 { background: url(../images/youshi03.png) no-repeat left top; margin-top: 25px; }
    .youshi .ys04 { background: url(../images/youshi04.png) no-repeat right top; }
    .youshi .ys05 { background: url(../images/youshi05.png) no-repeat right top; margin-top: 15px; }
    .youshi .ys06 { background: url(../images/youshi06.png) no-repeat right top; margin-top: 25px; }




.i-thi-wrap { background: url(../images/ab_bg.jpg) no-repeat bottom; overflow: hidden; padding: 60px 0 60px; }
.about-l { width: 840px; height: 384px; background: #0c8ba6; }
    .about-l .header { margin-left: 74px; padding-top: 100px; padding-bottom: 10px; }
        .about-l .header .title { font-size: 20px; color: #fff; line-height: 26px; }
        .about-l .header .subtitle { color: #c1c1c1; font-size: 16px; }
    .about-l .des-wrap { margin-left: 74px; padding-top: 10px; padding-bottom: 10px; width: 546px; line-height: 26px; color: #fff; position: relative; opacity: 0.5; }
        .about-l .des-wrap::after { content: ""; width: 0px; height: 1px; background-color: rgba(255,255,255,.5); transition: all ease-out .3s; bottom: 0; position: absolute; transform: translateX(-50%); left: 30px; }
    .about-l:hover .des-wrap::after { width: 60px; }
.i-thi-wrap a.des_more { width: 546px; height: 184px; display: block; position: absolute; top: 100px; left: 74px; text-indent: -999px; }


.i-thi-wrap .fimg { width: 523px; height: 296px; position: absolute; bottom: 44px; animation: inherit; right: 0px; }
    .i-thi-wrap .fimg img.aboutpic { width: 100%; }

.yb_conct { position: fixed; z-index: 9999999; top: 160px; right: -127px; cursor: pointer; transition: all .3s ease; }
.yb_bar ul li { width: 180px; height: 53px; font: 16px/53px 'Microsoft YaHei'; color: #fff; text-indent: 54px; margin-bottom: 3px; border-radius: 3px; transition: all .5s ease; overflow: hidden; }
.yb_bar .yb_top { background: #4b73b0 url(../images/rightbar.png) no-repeat 0 0; }
.yb_bar .yb_phone { background: #4b73b0 url(../images/rightbar.png) no-repeat 0 -57px; }
.yb_bar .yb_QQ { background: #4b73b0 url(../images/rightbar.png) no-repeat 0 -113px; }
.yb_bar .yb_ercode { background: #4b73b0 url(../images/rightbar.png) no-repeat 0 -319px; }
.hd_qr { padding: 0 29px 25px 29px; }
/*.yb_QQ a { display: block; text-indent: 54px; width: 100%; height: 100%; color: #fff; }*/
.ProDetail { width: 584px; margin: 40px auto 0; }
    .ProDetail p span { color: #e60012; line-height: 16px; display: inline-block; }
    .ProDetail p a { line-height: 16px; vertical-align: top; }