﻿/*========== New 首页样式 begin ==========*/

/*----宽屏*banner----*/
.apple-banner {
    width : 100%;
    margin: 0 auto;
}

.apple-banner .swiper-container1 {
    width   : 100%;
    height  : 544px;
    overflow: hidden;
    position: relative;
}

.apple-banner .swiper-button-prev,
.apple-banner .swiper-button-next {
    width     : 15%;
    height    : 100%;
    top       : 0;
    background: none;
}

.apple-banner .swiper-button-prev {
    left: 0;
}

.apple-banner .swiper-button-next {
    right: 0;
}

.apple-banner .swiper-button-prev span,
.apple-banner .swiper-button-next span {
    display           : block;
    width             : 64px;
    height            : 64px;
    position          : absolute;
    right             : 0;
    top               : 50%;
    margin-top        : -32px;
    border-radius     : 100%;
    opacity           : 1;
    -webkit-transition: opacity 0.5s ease;
    transition        : opacity 0.5s ease;
}

.apple-banner .swiper-button-prev:hover span,
.swiper-button-next:hover span {
    opacity: 1;
}

/*分页器*/
.apple-banner .swiper-pagination {
    top       : auto;
    bottom    : 20px !important;
    background: none;
}

.apple-banner .swiper-pagination-bullets span.swiper-pagination-bullet {
    display      : inline-block;
    width        : 12px;
    height       : 12px;
    margin       : 0 5px;
    cursor       : pointer;
    background   : none;
    border-radius: 50%;
    opacity      : 1;
}

.apple-banner .swiper-pagination-bullets span {
    width     : 50px;
    height    : 3px;
    display   : block;
    background: rgba(255, 255, 255, 0.8);
    outline   : none;
}

.apple-banner .swiper-pagination-bullets span.swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.8);
}

.apple-banner .swiper-pagination-bullets span.swiper-pagination-bullet-active {
    background-color: #0063b9;
}

.apple-banner .swiper-pagination-bullet i {
    background-color: #ff7200;
    height          : 3px;
    transform       : scaleX(0);
    transform-origin: 0;
    display         : block;
}

.apple-banner .autoplay .firsrCurrent i {
    transition: transform 2.9s linear;
    transform : scaleX(1);
}

.apple-banner .autoplay .current i {
    transition: transform 4s linear;
    transform : scaleX(1);
}

.apple-banner .autoplay .replace span {
    background-color: #fff;
}

/*首页产品展示*/
.h_product_box {
    padding-top   : 40px;
    padding-bottom: 60px;
    background    : url(../images/pro_bg.jpg) repeat;
}

.h_public_title {
    text-align   : center;
    margin-bottom: 30px;
}

.h_public_title p {
    font-size  : 30px;
    color      : #292c31;
    font-weight: bold;
}

.h_public_title p em {
    font-style : normal;
    font-size  : 30px;
    color      : #0063b9;
    font-weight: bold;
}

.h_public_title span {
    display       : block;
    font-size     : 15px;
    color         : #777777;
    margin        : 4px 0;
    text-transform: uppercase
}

/*产品分类*/
.h_product_box .h_left {
    width       : 23%;
    float       : left;
    background  : #FFF;
    overflow    : hidden;
    margin-right: 18px;
}

.cp_type .hd {
    text-align: center;
    background: #0063b9;
    padding   : 14px 3%;
}

.cp_type .hd p {
    font-size  : 28px;
    font-weight: bold;
    color      : #fff;
}

.cp_type .hd p:before {
    content       : '';
    display       : inline-block;
    width         : 28px;
    height        : 28px;
    background    : url(../images/mulu_tlt.png) center center no-repeat;
    margin-right  : 5px;
    vertical-align: middle;
    margin-top    : -3px;
}

.cp_type .hd span {
    display       : block;
    font-size     : 12px;
    color         : #fff;
    text-transform: uppercase;
}
.cp_type .bd ul li p {
    background   : #fff;
    height       : 60px;
    line-height  : 60px;
    border-bottom: 1px solid #dfdfdf;
}

.cp_type .bd ul li p a {
    font-size    : 16px;
    color        : #333;
    display      : block;
    width        : 74%;
    padding      : 0 0 0 6%;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
    float        : left;
}

.cp_type .bd ul li p span {
    display   : block;
    width     : 20%;
    height    : 100%;
    background: url(../images/mulu1.png) center center no-repeat;
    cursor    : pointer;
    float     : left;
}

.cp_type .bd ul li div {
    background: #fff;
    display   : none;
}

.cp_type .bd ul li div a {
    display      : block;
    height       : 50px;
    line-height  : 50px;
    color        : #666;
    font-size    : 15px;
    border-top   : 1px solid #e7e5e5;
    padding      : 0 10% 0 10%;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
    background   : url(../images/icon2.png) 6% center no-repeat;
}

.cp_type .bd ul li div a:first-child {
    border-top: 0;
}

.cp_type .bd ul li p:hover,
.cp_type .bd ul li.on p {
    background: #107bd8;
}

.cp_type .bd ul li p:hover a,
.cp_type .bd ul li.on p a {
    color: #fff;
}

.cp_type .bd ul li p:hover span {
    background: url(../images/mulu2.png) center center no-repeat;
}

.cp_type .bd ul li.on p span {
    background: url(../images/mulu3.png) center center no-repeat;
}

.cp_type .bd ul li div a:hover {
    color     : #0063b9;
    background: url(../images/icon3.png) 6% center no-repeat;
}

.cp_type .bd a.pro_ckqb {
    display      : block;
    height       : 34px;
    line-height  : 34px;
    font-size    : 16px;
    color        : #fff;
    background   : #30b6f5;
    width        : 100%;
    margin       : 10px auto;
    text-align   : center;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
    cursor       : pointer;
}

.cp_type .bd a.pro_ckqb:hover {
    background: #0685b7;
    color     : #fff;
}

/*右侧产品展示*/
.h_product_box .h_right {
    width: 75%;
    float: right;
}

.h_pro_tj_scoll {
    width             : 100%;
    position          : relative;
    background        : #fff;
    padding           : 30px 60px;
    box-sizing        : border-box;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
}

.h_pro_tj_scoll .item {
    width   : 100%;
    overflow: hidden;
}

.h_pro_tj_scoll .swiper-button-prev2,
.h_pro_tj_scoll .swiper-button-next2 {
    background: url(../images/jiantou_l.png) center center no-repeat;
    width     : 25px;
    height    : 45px;
    position  : absolute;
    left      : 20px;
    top       : 50%;
    margin-top: -22px;
    cursor    : pointer;
}

.h_pro_tj_scoll .swiper-button-next2 {
    left      : auto;
    right     : 20px;
    background: url(../images/jiantou_r.png) center center no-repeat;
}

.h_pro_tj_scoll .content-slider {
    height: 262px;
}

.h_pro_tj_scoll .content-slider li {
    margin-bottom: 10px;
    overflow     : hidden;
}

.h_pro_tj_scoll .content-slider li .pic {
    display   : block;
    width     : 45%;
    float     : left;
    height    : 260px;
    // border    : 1px solid #ddd;
    text-align: center;
    position  : relative;
    overflow  : hidden;
}

.h_pro_tj_scoll .content-slider li .pic img {
    max-width         : 95%;
    max-height        : 95%;
    vertical-align    : middle;
    -webkit-transition: all .6s;
    -moz-transition   : all .6s;
    -ms-transition    : all .6s;
    -o-transition     : all .6s;
    transition        : all .25s;
}

.h_pro_tj_scoll .content-slider li .pic .iblock {
    display       : inline-block;
    height        : 100%;
    width         : 0;
    vertical-align: middle
}

.h_pro_tj_scoll .content-slider li .wz {
    width: 51%;
    float: right;
}

.h_pro_tj_scoll .content-slider li .wz .tlt {
    display      : block;
    font-size    : 26px;
    color        : #333;
    font-weight  : bold;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
    margin-bottom: 15px;
}

.h_pro_tj_scoll .content-slider li .wz .tlt:hover {
    color: #0063b9;
}

.h_pro_tj_scoll .content-slider li .wz p {
    font-size    : 15px;
    color        : #777;
    line-height  : 28px;
    height       : 135px;
    overflow     : hidden;
    margin-bottom: 26px;
}

.h_pro_tj_scoll .content-slider li .wz a.more {
    display    : block;
    width      : 170px;
    height     : 45px;
    line-height: 45px;
    background : #555;
    color      : #fff;
    font-size  : 16px;
    text-align : center;
    overflow   : hidden;
}

.h_pro_tj_scoll .content-slider li .wz a.more:after {
    content           : '';
    display           : inline-block;
    width             : 18px;
    height            : 10px;
    background        : url(../images/more.png) center center no-repeat;
    margin-left       : 200px;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
}

.h_pro_tj_scoll .content-slider li .wz a.more:hover {
    background: #0063b9;
}

.h_pro_tj_scoll .content-slider li .wz a.more:hover:after {
    margin-left: 5px;
}

.h_pro_tj_scoll .content-slider li .pic:hover img {
    transform        : scale(1.1);
    -ms-transform    : scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform     : scale(1.1);
    -moz-transform   : scale(1.1);
}

.h_pro_tj_scoll .lSPager {
    display: none;
}

.h_product_box .h_pro_list {
    padding-top: 30px;
}

.h_product_box .h_pro_list li {
    width        : 31.333333%;
    margin-right : 3%;
    margin-bottom: 25px;
    transition   : all .3s;
    float        : left;
}

.h_product_box .h_pro_list li:nth-child(3n) {
    margin-right: 0;
}

.h_product_box .h_pro_list li .pic {
    display           : block;
    height            : 240px;
    // background        : #fff;
    text-align        : center;
    position          : relative;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
    overflow          : hidden;
}

.h_product_box .h_pro_list li .pic:after {
    content           : '';
    display           : block;
    opacity           : 0;
    width             : 100%;
    height            : 100%;
    background        : rgba(0, 71, 157, .8) url(../images/pro_hover.png) 10% center no-repeat;
    position          : absolute;
    top               : 0;
    left              : 0;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
}

.h_product_box .h_pro_list li .pic img {
    // max-width         : 95%;
    // max-height        : 95%;
    vertical-align    : middle;
    -webkit-transition: all .6s;
    -moz-transition   : all .6s;
    -ms-transition    : all .6s;
    -o-transition     : all .6s;
    transition        : all .6s;
    width: 280px;
    height: 240px;
    object-fit: cover;
}

.h_product_box .h_pro_list li .pic .iblock {
    display       : inline-block;
    height        : 100%;
    width         : 0;
    vertical-align: middle
}

.h_product_box .h_pro_list li .tlt {
    display           : block;
    text-align        : center;
    height            : 45px;
    line-height       : 45px;
    color             : #333;
    _background       : #b8b8b8;
    font-size         : 16px;
    overflow          : hidden;
    text-overflow     : ellipsis;
    white-space       : nowrap;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
    padding           : 0 5%;
}

.h_product_box .h_pro_list li:hover .tlt {
    color: #0063b9;
}

.h_product_box .h_pro_list li:hover .pic:after {
    opacity   : 1;
    background: rgba(0, 71, 157, .8) url(../images/pro_hover.png) center center no-repeat;
}

.h_product_box .h_pro_list li:hover .pic img {
    transform        : scale(1.1);
    -ms-transform    : scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform     : scale(1.1);
    -moz-transform   : scale(1.1);
}

/*首页技术优势*/
.h_youshi {
    padding: 40px 0 60px;
}

.h_youshi ul li {
    width             : 22.75%;
    margin-right      : 3%;
    box-sizing        : border-box;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
    float             : left;
}

.h_youshi ul li:nth-child(4n) {
    margin-right: 0;
}

.h_youshi ul li .pic {
    width             : 152px;
    height            : 131px;
    text-align        : center;
    margin            : 0 auto 30px;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
}

.h_youshi ul li .pic img {
    max-width     : 100%;
    max-height    : 100%;
    vertical-align: middle;
}

.h_youshi ul li .pic .iblock {
    display       : inline-block;
    height        : 100%;
    width         : 0;
    vertical-align: middle;
}

.h_youshi ul li .wz .tlt {
    font-size    : 16px;
    color        : #333;
    text-align   : center;
    padding      : 0 3%;
    margin-bottom: 6px;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}

.h_youshi ul li .wz .desc {
    padding    : 0 3%;
    font-size  : 14px;
    color      : #777;
    text-align : center;
    line-height: 22px;
}

/*首页推荐产品*/
.h_prorom_box {
    width     : 100%;
    min-height: 450px;
    background: url(../images/tjcp_bg.jpg) no-repeat;
    padding   : 60px 0 0;
}

.h_prorom_box .pro_scoll {
    width   : 100%;
    padding : 10px 0 0;
    position: relative;
}

.h_prorom_box .pro_scoll .item {
    overflow: hidden;
}

.h_prorom_box .pro_scoll .swiper-button-prev,
.pro_scoll .swiper-button-next {
    background: url(../images/pro_left.png) center center no-repeat;
    width     : 60px;
    height    : 60px;
    position  : absolute;
    left      : -90px;
    top       : 50%;
    margin-top: -32px;
    cursor    : pointer;
}

.h_prorom_box .pro_scoll .swiper-button-next {
    left      : auto;
    right     : -90px;
    background: url(../images/pro_right.png) center center no-repeat;
}

.h_prorom_box .pro_scoll .swiper-button-prev:hover {
    background: url(../images/pro_left_hover.png) center center no-repeat;
}

.h_prorom_box .pro_scoll .swiper-button-next:hover {
    background: url(../images/pro_right_hover.png) center center no-repeat;
}

.h_prorom_box .pro_scoll .content-slider {}

.h_prorom_box .pro_scoll .content-slider li {
    width        : 31%;
    margin-right : 3%;
    margin-bottom: 25px;
    transition   : all .3s;
    float        : left;
    box-sizing   : border-box;
    background   : #fff;
}

.h_prorom_box .pro_scoll .content-slider li .pic {
    display           : block;
    height            : 223px;
    border-bottom     : 0;
    text-align        : center;
    position          : relative;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
    overflow          : hidden;
}

.h_prorom_box .pro_scoll .content-slider li .pic:after {
    content           : '';
    display           : block;
    opacity           : 0;
    width             : 100%;
    height            : 100%;
    background        : rgba(0, 71, 157, .8) url(../images/pro_hover.png) 10% center no-repeat;
    position          : absolute;
    top               : 0;
    left              : 0;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
}

.h_prorom_box .pro_scoll .content-slider li .pic img {
    max-width         : 95%;
    max-height        : 95%;
    vertical-align    : middle;
    -webkit-transition: all .6s;
    -moz-transition   : all .6s;
    -ms-transition    : all .6s;
    -o-transition     : all .6s;
    transition        : all .6s;
}

.h_prorom_box .pro_scoll .content-slider li .pic:after {
    content           : '';
    display           : block;
    opacity           : 0;
    width             : 100%;
    height            : 100%;
    background        : rgba(0, 71, 157, .8) url(../images/pro_hover.png) 10% center no-repeat;
    position          : absolute;
    top               : 0;
    left              : 0;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
}

.h_prorom_box .pro_scoll .content-slider li .pic .iblock {
    display       : inline-block;
    height        : 100%;
    width         : 0;
    vertical-align: middle
}

.h_prorom_box .pro_scoll .content-slider li .tlt {
    display           : block;
    text-align        : center;
    height            : 45px;
    line-height       : 45px;
    color             : #333;
    font-size         : 16px;
    overflow          : hidden;
    text-overflow     : ellipsis;
    white-space       : nowrap;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
    padding           : 0 5%;
    _background       : #555;
}

.h_prorom_box .pro_scoll .content-slider li:hover .tlt {
    color: #0063b9;
}

.h_prorom_box .pro_scoll .content-slider li:hover .pic img {
    transform        : scale(1.1);
    -ms-transform    : scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform     : scale(1.1);
    -moz-transform   : scale(1.1);
}

.h_prorom_box .pro_scoll .content-slider li:hover .pic:after {
    opacity   : 1;
    background: rgba(0, 71, 157, .8) url(../images/pro_hover.png) center center no-repeat;
}

.h_prorom_box .lSSlideOuter .lSPager.lSpg {
    display: none;
}

.h_prorom_box .h_prorom_list {
    margin-top: -15px;
}

/*首页新闻中心*/
.h_news_box {
    width  : 100%;
    padding: 60px 0;
}

.h_news .news02-til {
    width             : 100%;
    background        : url(../images/news_bt_bg.jpg) repeat-x;
    height            : 48px;
    line-height       : 48px;
    border            : 1px solid #e7e7e7;
    box-sizing        : border-box;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
}

.h_news .news02-til .h2 {
    font-size  : 20px;
    color      : #000;
    font-weight: normal;
    line-height: 48px;
}

.h_news .news02-til .h2 b {
    float      : left;
    margin-left: 20px;
}

.h_news .news02-til .h2 a {
    float: right;
}

.h_news .news02-til .h2 a img {
    display: block;
    margin : 10px 10px 0 0;
}

.h_news .h_news_l {
    width     : 48.5%;
    padding   : 0;
    min-height: 300px;
}

.h_news .n_con {
    width             : 100%;
    background        : #fff;
    display           : inline-block;
    padding           : 3% 0 5%;
    box-sizing        : border-box;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
    max-height        : 617px;
}

.h_news .n_con dl {
    height       : 130px;
    margin-bottom: 10px;
    background   : #f4f4f4;
    padding      : 2%;
}

.h_news .n_con dl dt {
    width   : 35%;
    height  : 128px;
    position: relative;
}

.h_news .n_con dl dt img {
    max-width : 100%;
    max-height: 100%;
    display   : block;
    position  : absolute;
    margin    : auto;
    left      : 0;
    right     : 0;
    bottom    : 0;
    top       : 0;
}

.h_news .n_con dl dd {
    width   : 62%;
    overflow: hidden;
}

.h_news .n_con dl dd .news_tlt a {
    display      : block;
    font-size    : 18px;
    color        : #333;
    height       : 40px;
    line-height  : 40px;
    display      : block;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}

.h_news .n_con dl dd .news_tlt a:hover {
    color: #00984b;
}

.h_news .n_con dl dd p {
    width      : 100%;
    height     : 48px;
    overflow   : hidden;
    line-height: 24px;
    color      : #666;
    font-size  : 14px;
    text-align : justify;
    margin     : 5px auto 10px;
    padding    : 0;
    position   : relative;
}

.h_news .n_con dl dd span {
    display    : block;
    width      : 100%;
    height     : 20px;
    overflow   : hidden;
    line-height: 20px;
    color      : #aaa;
    font-size  : 14px;
    margin     : 0 auto;
    padding    : 0;
}

.h_news .n_con dl dd span a {
    display         : block;
    height          : 20px;
    overflow        : hidden;
    line-height     : 20px;
    color           : #0f7adb;
    font-size       : 15px;
    text-align      : center;
    background-color: #fff;
    margin          : 0;
    padding         : 0;
    float           : right;
}

.h_news .n_con ul li {
    height            : 50px;
    line-height       : 50px;
    overflow          : hidden;
    background        : url(../images/news_ico.png) no-repeat 3px center;
    color             : #6e6b6b;
    margin            : 0 20px 0 0;
    padding           : 0 0 0 40px;
    float             : left;
    width             : 100%;
    border-bottom     : 1px dotted #e1e1e1;
    box-sizing        : border-box;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
}

.h_news .n_con ul li a {
    color        : #666;
    font-size    : 15px;
    display      : block;
    overflow     : hidden;
    width        : 70%;
    white-space  : nowrap;
    text-overflow: ellipsis;
}

.h_news .n_con ul li span {
    color    : #999;
    font-size: 15px;
}

.h_news .n_con ul li a:hover {
    color: #0063b9;
}

.h_news .n_con ul li:hover {
    background: url(../images/news_hover_ico.png) no-repeat 3px center;
}

.h_news .h_news_r {
    width     : 48.5%;
    padding   : 0;
    min-height: 300px;
}

.h_news .h_article_in {
    width             : 100%;
    background        : #fff;
    display           : inline-block;
    padding           : 3% 0 4%;
    box-sizing        : border-box;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
    max-height        : 617px;
}

.h_news .h_article_in ul li {
    background        : #f8f8f8;
    margin            : 0 0 15px 0;
    width             : 100%;
    padding           : 3% 4%;
    box-sizing        : border-box;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
}

.h_news .h_article_in ul li p a {
    font-size    : 16px;
    color        : #333;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
    display      : block;
    width        : 70%;
    float        : left;
}

.h_news .h_article_in ul li span {
    display    : block;
    font-size  : 14px;
    color      : #777;
    line-height: 23px;
    padding    : 10px 0;
    height     : 38px;
    overflow   : hidden;
    clear      : both;
}

.h_news .h_article_in ul li em {
    float      : right;
    color      : #999;
    font-size  : 14px;
    font-style : normal;
    padding-top: 5px;
}

.h_news_box .h_article_in ul li:hover p a {
    color: #fff;
}

.h_news_box .h_article_in ul li:hover {
    background: #0063b9;
}

.h_news_box .h_article_in ul li:hover span {
    color: #fff;
}

.h_news_box .h_article_in ul li:hover em {
    color: #fff;
}

/*首页公司简介*/
.h_about_box {
    width     : 100%;
    background: url(../images/about_bg.png) repeat-y;
    padding   : 66px 0;
    min-height: 390px;
}

.con_syabout {
    margin: 30px 0;
}

.about_tlt {
    height     : 90px;
    line-height: 60px;
}

.about_tlt b {
    font-size: 34px;
    color    : #333;
}

.about_tlt span {
    color      : #0063b9;
    display    : inline-block;
    margin-left: 20px;
}

.about_tlt p {
    font-size: 16px;
    color    : #555;
}

.con_img_about {
    float : right;
    width : 48%;
    height: 346px;
}

.con_img_about img {
    width : 100%;
    height: 100%;
}

.con_left_about {
    text-align: left;
    float     : left;
    width     : 48%;
}

.con_left_about p.desc {
    font-size  : 15px;
    color      : #fff;
    color      : #555;
    padding    : 20px 0;
    line-height: 30px;
    height     : 130px;
    overflow   : hidden;
    text-indent: 2em;
}

.btn-more1 {
    color      : #fff;
    display    : block;
    width      : 154px;
    text-align : center;
    height     : 46px;
    line-height: 46px;
    float      : left;
    margin-top : 47px;
    background : #0063b9;
    font-size  : 16px;
}

/*我们的荣誉*/
.h_honor_box {
    width     : 100%;
    min-height: 420px;
    padding   : 60px 0 0;
}

.h_honor_box .pro_scoll {
    width   : 100%;
    padding : 10px 0 0;
    position: relative;
}

.h_honor_box .pro_scoll .item {
    width   : 100%;
    overflow: hidden;
}

.h_honor_box .pro_scoll .swiper-button-prev,
.pro_scoll .swiper-button-next {
    background: url(../images/pro_left.png) center center no-repeat;
    width     : 60px;
    height    : 60px;
    position  : absolute;
    left      : -90px;
    top       : 50%;
    margin-top: -32px;
    cursor    : pointer;
}

.h_honor_box .pro_scoll .swiper-button-next {
    left      : auto;
    right     : -90px;
    background: url(../images/pro_right.png) center center no-repeat;
}

.h_honor_box .pro_scoll .swiper-button-prev:hover {
    background: url(../images/pro_left_hover.png) center center no-repeat;
}

.h_honor_box .pro_scoll .swiper-button-next:hover {
    background: url(../images/pro_right_hover.png) center center no-repeat;
}

.h_honor_box .pro_scoll .content-slider li {
    width             : 31%;
    margin-right      : 3%;
    margin-bottom     : 25px;
    transition        : all .3s;
    float             : left;
    box-sizing        : border-box;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
    background        : #fff;
    border            : 1px solid #dedede;
}

.h_honor_box .pro_scoll .content-slider li .pic {
    display           : block;
    height            : 170px;
    border-bottom     : 0;
    text-align        : center;
    position          : relative;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
    overflow          : hidden;
}

.h_honor_box .pro_scoll .content-slider li .pic:after {
    content           : '';
    display           : block;
    opacity           : 0;
    width             : 100%;
    height            : 100%;
    background        : rgba(0, 71, 157, .8) url(../images/pro_hover.png) 10% center no-repeat;
    position          : absolute;
    top               : 0;
    left              : 0;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
}

.h_honor_box .pro_scoll .content-slider li .pic img {
    max-width         : 95%;
    max-height        : 95%;
    vertical-align    : middle;
    -webkit-transition: all .6s;
    -moz-transition   : all .6s;
    -ms-transition    : all .6s;
    -o-transition     : all .6s;
    transition        : all .6s;
}

.h_honor_box .pro_scoll .content-slider li .pic:after {
    content           : '';
    display           : block;
    opacity           : 0;
    width             : 100%;
    height            : 100%;
    background        : rgba(0, 71, 157, .8) url(../images/pro_hover.png) 10% center no-repeat;
    position          : absolute;
    top               : 0;
    left              : 0;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
}

.h_honor_box .pro_scoll .content-slider li .pic .iblock {
    display       : inline-block;
    height        : 100%;
    width         : 0;
    vertical-align: middle
}

.h_honor_box .pro_scoll .content-slider li .tlt {
    display           : block;
    text-align        : center;
    height            : 42px;
    line-height       : 42px;
    color             : #fff;
    font-size         : 15px;
    overflow          : hidden;
    text-overflow     : ellipsis;
    white-space       : nowrap;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
    padding           : 0 5%;
    background        : #555;
}

.h_honor_box .pro_scoll .content-slider li:hover .tlt {
    color     : #fff;
    background: #0063b9;
}

.h_honor_box .pro_scoll .content-slider li:hover .pic img {
    transform        : scale(1.1);
    -ms-transform    : scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform     : scale(1.1);
    -moz-transform   : scale(1.1);
}

.h_honor_box .pro_scoll .content-slider li:hover .pic:after {
    opacity   : 1;
    background: rgba(0, 71, 157, .8) url(../images/pro_hover.png) center center no-repeat;
}

.h_honor_box .lSSlideOuter .lSPager.lSpg {
    display: none;
}

.h_honor_box .h_prorom_list {
    margin-top: -15px;
}

/* 底部信息*/
footer .footjc {
    background: #333;
    padding   : 0 0 25px 0;
}

footer .footjczt {
    overflow: hidden;
}

footer .footnav {
    border-bottom: 1px solid #434343;
    padding      : 20px 0;
    overflow     : hidden;
    margin-bottom: 15px;
}

footer .footnav a {
    color     : #fff;
    width     : 14%;
    display   : block;
    float     : left;
    text-align: center;
    font-size : 16px;
}

footer .footnav a:hover {
    color: rgba(255, 255, 255, .8);
}

footer .footjczt ul {
    width: 68.3%;
}

footer .footjczt ul li {
    width     : 50%;
    float     : left;
    color     : #9a9a9a;
    margin-top: 25px;
    min-height: 48px;
}

footer .footjczt ul li span {
    padding-left: 55px;
    font-size   : 16px;
}

footer .footjczt ul li p {
    font-weight       : bold;
    padding-left      : 55px;
    font-size         : 16px;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

footer .footjczt ul li:nth-of-type(1) {
    background: url(../images/footico1.png) left top no-repeat;
}

footer .footjczt ul li:nth-of-type(2) {
    background: url(../images/footico2.png) left top no-repeat;
}

footer .footjczt ul li:nth-of-type(3) {
    background: url(../images/footico3.png) left top no-repeat;
}

footer .footjczt ul li:nth-of-type(4) {
    background: url(../images/footico4.png) left top no-repeat;
}

footer .footjczt .fr {
    margin-top: 25px;
}

footer .footjczt dl dt {
    float: left;
}

footer .footjczt dl dt img {
    max-width: 108px;
}

footer .footjczt dl dt p {
    width     : 15px;
    background: #484848;
    float     : left;
    color     : #a0a0a0;
    height    : 108px;
    padding   : 0 10px;
}

footer .footjczt dl dt:nth-of-type(1) p {
    padding-top: 10px;
    height     : 98px;
}

footer .footjczt dl dt:nth-of-type(2) {
    margin-left: 10px;
}

footer .footjczt dl dt:nth-of-type(2) p {
    line-height: 17px;
}

footer .footjczt .footjbxx {
    margin-top: 25px;
}

footer .footjczt .footjbxx,
footer .footjczt .footjbxx .Ft_Copy a,
footer .footjczt .footjbxx .Ft_Supp a {
    color: #a0a0a0;
}

footer .footjczt .footjbxx .Ft_Supp {
    line-height: 30px;
    font-size  : 14px;
}

footer .footjczt .footjbxx .Ft_Copy a:hover,
footer .footjczt .footjbxx .Ft_Supp a:hover {
    color: #fff;
}

footer .footjczt .footjbxx .Ft_Copy {
    width: 68.3%;
    float: left;
}

footer .footjczt .footjbxx .Ft_Supp {
    width     : 31.7%;
    float     : right;
    text-align: right;
}

/*友情链接*/
.indlink {
    background: #19191c;
    overflow  : hidden;
}

.indlink img {
    margin-top: -3px;
}

.indlink span {
    color        : #fff;
    font-size    : 15px;
    background   : #484848;
    border-radius: 0 0 10px 10px;
    width        : 120px;
    height       : 40px;
    line-height  : 40px;
    display      : block;
    text-align   : center;
}

.indlink .Lk_list {
    margin: 15px 0 20px 0;
}

.indlink .Lk_list a {
    color      : #a0a0a0;
    line-height: 30px;
    padding    : 0 10px;
}

.indlink .Lk_list a:hover {
    color: #fff;
}

/*面包屑 开始*/
.ly_crumb {
    max-width             : 1200px;
    overflow          : hidden;
    margin            : 20px auto;
    padding           : 0 0 0 24px;
    position          : relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
}

.ly_crumb img {
    display : block;
    width   : 20px;
    height  : 20px;
    overflow: hidden;
    margin  : 0;
    padding : 0;
    position: absolute;
    left    : 0;
    top     : 10px;
}

.ly_crumb p {
    width        : 100%;
    height       : 40px;
    overflow     : hidden;
    line-height  : 40px;
    color        : #545454;
    font-size    : 15px;
    white-space  : nowrap;
    text-overflow: ellipsis;
    margin       : 0;
    padding      : 0;
}

.ly_crumb p a {
    color: #545454;
}

.ly_crumb p a:hover {
    color: #0063b9;
}

.ly_crumb p span {
    color: #797979;
}
.idxAbout_ul {
    width   : 100%;
    overflow: hidden;
    margin  : 30px auto 0;
    padding : 0;
}

.idxAbout_ul ul li {
    width             : 23.5%;
    overflow          : hidden;
    margin            : 0 2% 0 0;
    padding           : 30px;
    border            : 1px solid #dfdfdf;
    float             : left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
}

.idxAbout_ul ul li:nth-child(4) {
    margin: 0;
}

.idxAbout_ul ul li img {
    display           : block;
    width             : 70px;
    height            : 70px;
    overflow          : hidden;
    margin            : 0 auto 20px;
    padding           : 0;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
}

.idxAbout_ul ul li .idxAbout_ultit {
    width      : 100%;
    overflow   : hidden;
    line-height: 30px;
    color      : #0063b9;
    font-size  : 18px;
    text-align : center;
    margin     : 0 auto;
    padding    : 0;
}

.idxAbout_ul ul li em {
    display         : block;
    width           : 40px;
    height          : 1px;
    overflow        : hidden;
    background-color: #0063b9;
    margin          : 10px auto;
    padding         : 0;
}

.idxAbout_ul ul li p {
    width             : 100%;
    height            : 48px;
    overflow          : hidden;
    line-height       : 24px;
    color             : #777;
    font-size         : 14px;
    text-align        : center;
    margin            : 0 auto;
    padding           : 0;
    display           : -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow     : ellipsis;
}

.idxAbout_ul ul li:hover {
    -webkit-box-shadow: #ccc 0px 0px 20px;
    -moz-box-shadow   : #ccc 0px 0px 20px;
    box-shadow        : #ccc 0px 0px 20px;
}

.idxAbout_ul ul li:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform   : scale(1.1);
    transform        : scale(1.1);
}

.ly_title0 {
    width   : 100%;
    height  : 60px;
    overflow: hidden;
    margin  : 0 auto 40px;
    padding : 0;
    position: relative;
}

.ly_title0 span {
    display    : block;
    width      : 100%;
    height     : 40px;
    line-height: 40px;
    color      : #f0f0f0;
    font-size  : 44px;
    font-weight: bold;
    text-align : center;
    margin     : 0;
    padding    : 0;
}

.ly_title0 p {
    display    : block;
    width      : 100%;
    height     : 40px;
    line-height: 40px;
    color      : #0063b9;
    font-size  : 36px;
    font-weight: bold;
    text-align : center;
    margin     : 0;
    padding    : 0;
    position   : absolute;
    left       : 0;
    top        : 20px;
}

/*内页-关于我们 结束*/

/*内页产品中心*/
.ny_left {
    width: 23%;
    float: left;
}

.ny_left .bd {
    border        : 1px solid #ddd;
    border-top    : none;
    // padding-bottom: 20px;
}

.ny_right {
    width: 74%;
    float: right;
}

.ny_pro_list {
    min-height: 480px;
}

.ny_honor_list {
    min-height: 480px;
}

.ny_right .ny_pro_list li {
    width        : 31.333333%;
    margin-right : 3%;
    margin-bottom: 25px;
    transition   : all .3s;
    float        : left;
}

.ny_right .ny_pro_list li:nth-child(3n) {
    margin-right: 0;
}

.ny_right .ny_pro_list li .pic {
    display              : block;
    height               : 180px;
    // border            : 1px solid #DDDDDD;
    border-bottom        : 0;
    text-align           : center;
    position             : relative;
    -webkit-transition   : all .25s;
    -moz-transition      : all .25s;
    -ms-transition       : all .25s;
    -o-transition        : all .25s;
    transition           : all .25s;
    overflow             : hidden;
}

.ny_right .ny_pro_list li .pic:after {
    content           : '';
    display           : block;
    opacity           : 0;
    width             : 100%;
    height            : 100%;
    background        : rgba(0, 71, 157, .8) url(../images/pro_hover.png) 10% center no-repeat;
    position          : absolute;
    top               : 0;
    left              : 0;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
}

.ny_right .ny_pro_list li .pic img {
    width                  : 100%;
    height                 : 180px;
    object-fit             : cover;
    vertical-align         : middle;
    -webkit-transition     : all .6s;
    -moz-transition        : all .6s;
    -ms-transition         : all .6s;
    -o-transition          : all .6s;
    transition             : all .6s;
    border-top-left-radius : 5px;
    border-top-right-radius: 5px;
}

.ny_right .ny_pro_list li .pic .iblock {
    display       : inline-block;
    height        : 100%;
    width         : 0;
    vertical-align: middle
}

.ny_right .ny_pro_list li .tlt {
    display           : block;
    text-align        : center;
    height            : 45px;
    line-height       : 45px;
    color             : #333;
    background        : #f9f9f9;
    font-size         : 16px;
    overflow          : hidden;
    text-overflow     : ellipsis;
    white-space       : nowrap;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
    padding           : 0 5%;
}

// .ny_right .ny_pro_list li:hover .tlt {
//     color: #0063b9;
// }

// .ny_right .ny_pro_list li:hover .pic {
//     border       : 1px solid rgba(0, 71, 157, .8);
//     border-bottom: 0;
// }

// .ny_right .ny_pro_list li:hover .pic:after {
//     opacity   : 1;
//     background: rgba(0, 71, 157, .8) url(../images/pro_hover.png) center center no-repeat;
// }

.ny_right .ny_pro_list li:hover .pic img {
    transform        : scale(1.1);
    -ms-transform    : scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform     : scale(1.1);
    -moz-transform   : scale(1.1);
}

/*内页产品列表页右侧产品列表*/
.ny_right .ny_prolist_list li {
    transition   : all .3s;
    padding      : 20px 2%;
    background   : #f5f5f5;
    margin-bottom: 30px;
}

.ny_right .ny_prolist_list li .pic {
    display           : block;
    height            : 240px;
    background        : #fff;
    border-bottom     : 0;
    text-align        : center;
    position          : relative;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
    overflow          : hidden;
    float             : left;
    width             : 30%;
}

.ny_right .ny_prolist_list li .pic:after {
    content           : '';
    display           : block;
    opacity           : 0;
    width             : 100%;
    height            : 100%;
    background        : rgba(0, 71, 157, .8) url(../images/pro_hover.png) 10% center no-repeat;
    position          : absolute;
    top               : 0;
    left              : 0;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
}

.ny_right .ny_prolist_list li .pic img {
    max-width         : 95%;
    max-height        : 95%;
    vertical-align    : middle;
    -webkit-transition: all .6s;
    -moz-transition   : all .6s;
    -ms-transition    : all .6s;
    -o-transition     : all .6s;
    transition        : all .6s;
}

.ny_right .ny_prolist_list li .pic .iblock {
    display       : inline-block;
    height        : 100%;
    width         : 0;
    vertical-align: middle
}

.ny_right .ny_prolist_list li .wz {
    width: 67%;
    float: right;
}

.ny_right .ny_prolist_list li .wz .tlt {
    display           : block;
    height            : 45px;
    line-height       : 45px;
    color             : #333;
    font-size         : 24px;
    font-weight       : bold;
    overflow          : hidden;
    text-overflow     : ellipsis;
    white-space       : nowrap;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
}

.ny_right .ny_prolist_list li .wz .others {
    margin  : 10px 0 10px;
    overflow: hidden;
}

.ny_right .ny_prolist_list li .wz .others p {
    float        : left;
    max-width    : 142px;
    background   : #fff;
    height       : 30px;
    line-height  : 30px;
    text-align   : center;
    font-size    : 14px;
    color        : #555;
    margin-right : 15px;
    padding      : 0 10px;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
    margin-bottom: 12px;
}

.ny_right .ny_prolist_list li .wz .others p em {
    font-style: normal;
    color     : #999;
}

.ny_right .ny_prolist_list li .wz .desc {
    color      : #999;
    font-size  : 15px;
    line-height: 26px;
    height     : 52px;
    overflow   : hidden;
}

.ny_right .ny_prolist_list li .wz .more {
    display      : block;
    height       : 36px;
    line-height  : 36px;
    border       : 1px solid #00a1ec;
    border-radius: 40px;
    width        : 140px;
    text-align   : center;
    color        : #00a1ec;
    margin-top   : 30px;
}

.ny_right .ny_prolist_list li .wz .more:after {
    content       : '';
    display       : inline-block;
    width         : 18px;
    height        : 10px;
    background    : url(../images/more3.png) center center no-repeat;
    margin-left   : 10px;
    vertical-align: middle;
    margin-top    : -3px;
}

.ny_right .ny_prolist_list li:hover {
    background: #fff;
    box-shadow: 0 0 5px 1px #e6e6e6;
}

.ny_right .ny_prolist_list li:hover .tlt {
    color: #00a1ec;
}

.ny_right .ny_prolist_list li:hover .pic:after {
    opacity   : 1;
    background: rgba(0, 71, 157, .8) url(../images/pro_hover.png) center center no-repeat;
}

.ny_right .ny_prolist_list li:hover .pic img {
    transform        : scale(1.1);
    -ms-transform    : scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform     : scale(1.1);
    -moz-transform   : scale(1.1);
}

.ny_right .ny_prolist_list li:hover .more {
    background: #00a1ec;
    color     : #fff;
}

.ny_right .ny_prolist_list li:hover .more:after {
    background: url(../images/more.png) center center no-repeat;
}

/*内页-新闻中心&技术文章 开始*/
.ly_NyNews {
    width     : 100%;
    min-height: 480px;
    height    : auto;
    margin    : 0 auto 60px;
    padding   : 0;
}

.ly_NyNews .lyNyNew_main {
    width  : 1200px;
    height : auto;
    margin : 0 auto;
    padding: 0;
}

.lyNyNew_main .lyNyNew_Tj {
    width             : 100%;
    overflow          : hidden;
    margin            : 0 auto 30px;
    padding           : 20px 100px 20px 20px;
    background-color  : #fafafa;
    position          : relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
}

.lyNyNew_Tj .lyNyNew_TjImg {
    width           : 31%;
    height          : 200px;
    overflow        : hidden;
    margin          : 0;
    padding         : 0;
    background-color: #fff;
    position        : relative;
    float           : left;
}

.lyNyNew_Tj .lyNyNew_TjImg a img {
    display           : block;
    max-width         : 100%;
    max-height        : 100%;
    margin            : auto;
    padding           : 0;
    position          : absolute;
    left              : 0;
    top               : 0;
    right             : 0;
    bottom            : 0;
    transition        : all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition   : all 0.5s;
    -o-transition     : all 0.5s;
}

.lyNyNew_Tj:hover .lyNyNew_TjImg a img {
    -webkit-transform: scale(1.1);
    -moz-transform   : scale(1.1);
    transform        : scale(1.1);
}

.lyNyNew_Tj .lyNyNew_TjText {
    width             : 69%;
    height            : 200px;
    overflow          : hidden;
    margin            : 0;
    padding           : 0 40px;
    border-right      : 1px solid #eaeaea;
    float             : left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
}

.lyNyNew_Tj:hover .lyNyNew_TjText {
    border-right: 1px solid #0063b9;
}

.lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjName {
    width        : 100%;
    height       : 40px;
    overflow     : hidden;
    line-height  : 40px;
    white-space  : nowrap;
    text-overflow: ellipsis;
    margin       : 0 auto;
    padding      : 0;
}

.lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjName a {
    color    : #333;
    font-size: 22px;
}

.lyNyNew_Tj:hover .lyNyNew_TjText .lyNyNew_TjName a {
    color: #0063b9;
}

.lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjTime {
    width      : 100%;
    height     : 30px;
    overflow   : hidden;
    line-height: 30px;
    color      : #aaa;
    font-size  : 14px;
    margin     : 10px auto;
    padding    : 0;
}

.lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjTime em {
    width             : 24px;
    height            : 1px;
    overflow          : hidden;
    background-color  : #aaa;
    margin            : 14px 10px 0 0;
    padding           : 0;
    float             : left;
    transition        : all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition   : all 0.5s;
    -o-transition     : all 0.5s;
}

.lyNyNew_Tj:hover .lyNyNew_TjText .lyNyNew_TjTime em {
    width: 48px;
}

.lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjMs {
    width   : 100%;
    overflow: hidden;
    margin  : 20px auto 0;
    padding : 0;
}

.lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjMs p {
    width             : 100%;
    height            : 84px;
    overflow          : hidden;
    line-height       : 28px;
    color             : #666;
    font-size         : 15px;
    text-align        : justify;
    text-indent       : 0;
    display           : -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow     : ellipsis;
    margin            : 0 auto;
    padding           : 0;
    transition        : all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition   : all 0.5s;
    -o-transition     : all 0.5s;
}

.lyNyNew_Tj:hover .lyNyNew_TjText .lyNyNew_TjMs p {
    text-indent: 2em;
}

.lyNyNew_Tj .lyNyNew_TjMore {
    width     : 100px;
    height    : 200px;
    overflow  : hidden;
    margin    : 0;
    padding   : 0;
    background: url(../images/jt9.png) center center no-repeat;
    position  : absolute;
    top       : 20px;
    right     : 0;
}

.lyNyNew_Tj:hover .lyNyNew_TjMore {
    background: url(../images/jt10.png) center center no-repeat;
}

.lyNyNew_main .lyNyNew_list {
    width  : 100%;
    height : auto;
    margin : 0 auto 60px;
    padding: 0;
}

.lyNyNew_list ul li {
    width             : 100%;
    height            : auto;
    margin            : 0 auto;
    padding           : 30px 100px 30px 0;
    background-color  : #fff;
    border-bottom     : 1px solid #eaeaea;
    position          : relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
}

.lyNyNew_list ul li .lyNyNew_name {
    width        : 100%;
    height       : 30px;
    overflow     : hidden;
    line-height  : 30px;
    white-space  : nowrap;
    text-overflow: ellipsis;
    margin       : 0 auto;
    padding      : 0;
}

.lyNyNew_list ul li .lyNyNew_name a {
    color    : #333;
    font-size: 18px;
}

.lyNyNew_list ul li:hover .lyNyNew_name a {
    color: #0063b9;
}

.lyNyNew_list ul li .lyNyNew_time {
    width      : 100%;
    height     : 30px;
    overflow   : hidden;
    line-height: 30px;
    color      : #aaa;
    font-size  : 14px;
    margin     : 4px auto;
    padding    : 0;
}

.lyNyNew_list ul li .lyNyNew_time em {
    width             : 24px;
    height            : 1px;
    overflow          : hidden;
    background-color  : #aaa;
    margin            : 14px 10px 0 0;
    padding           : 0;
    float             : left;
    transition        : all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition   : all 0.5s;
    -o-transition     : all 0.5s;
}

.lyNyNew_list ul li:hover .lyNyNew_time em {
    width: 48px;
}

.lyNyNew_list ul li .lyNyNew_ms {
    width   : 100%;
    overflow: hidden;
    margin  : 0 auto;
    padding : 0;
}

.lyNyNew_list ul li .lyNyNew_ms p {
    width             : 100%;
    height            : 48px;
    overflow          : hidden;
    line-height       : 24px;
    color             : #797979;
    font-size         : 14px;
    text-indent       : 0;
    display           : -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow     : ellipsis;
    margin            : 0 auto;
    padding           : 0;
    transition        : all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition   : all 0.5s;
    -o-transition     : all 0.5s;
}

.lyNyNew_list ul li:hover .lyNyNew_ms p {
    text-indent: 2em;
}

.lyNyNew_list ul li .lyNyNew_more {
    width     : 40px;
    height    : 40px;
    overflow  : hidden;
    margin    : -20px 0 0;
    padding   : 0;
    background: url(../images/jt7.png) center center no-repeat;
    position  : absolute;
    top       : 50%;
    right     : 30px;
}

.lyNyNew_list ul li:hover .lyNyNew_more {
    background: url(../images/jt8.png) center center no-repeat;
}

/*内页-新闻中心&技术文章 结束*/


/*分页样式 开始*/
#fengye {
    text-align: center;
    margin    : 30px auto;
    color     : #555;
    font-size : 14px;
}

#fengye a {
    display      : inline-block;
    padding      : 0 10px;
    background   : #eaeaea;
    height       : 30px;
    line-height  : 30px;
    text-align   : center;
    margin       : 0 5px;
    border-radius: 2px;
    color        : #555;
    font-size    : 14px;
}

#fengye a:hover {
    background: #0063b9;
    color     : #ffffff;
}

#fengye a.pnnum1 {
    background: #0063b9;
    color     : #ffffff;
}

#fengye input {
    display         : inline-block;
    padding         : 0 5px;
    background-color: #0063b9;
    width           : 40px !important;
    height          : 30px !important;
    line-height     : 30px;
    text-align      : center;
    margin          : 0 5px;
    color           : #fff;
    cursor          : pointer;
    border          : 0;
    outline         : none;
}

#fengye .p_input {
    display    : inline-block;
    padding    : 0 5px;
    background : #eaeaea;
    height     : 30px;
    line-height: 30px;
    text-align : center;
    margin     : 0 5px;
    color      : #555;
    cursor     : default;
}

/*分页样式 结束*/
/*新闻&文章详情 开始*/
.ny_newsdetail {
    margin: 0 0 50px;
}

.ny_newsdetail_title {
    width         : 100%;
    line-height   : 35px;
    font-size     : 24px;
    text-align    : center;
    font-weight   : bold;
    margin        : 0;
    color         : #555;
    padding-bottom: 10px;
}

.ny_newsdetail_tips {
    width         : 100%;
    height        : 25px;
    line-height   : 25px;
    padding-bottom: 12px;
    border-bottom : 1px #e6e6e6 dashed;
    text-align    : center;
    color         : #999999;
}

.ny_newsdetail_con {
    width      : 100%;
    line-height: 30px;
    font-size  : 14px;
    margin-top : 20px;
    color      : #777777;
    min-height : 500px;
}

.ny_newsdetail_con p {
    line-height: 30px;
}

.ny_PrevNext {
    width      : 100%;
    margin-top : 20px;
    padding-top: 20px;
    border-top : 1px solid #f1f1f1;
}

.ny_PrevNext .Prev,
.ny_PrevNext .Next {
    width        : 100%;
    float        : left;
    height       : 26px;
    line-height  : 26px;
    font-size    : 14px;
    color        : #555;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}

.ny_PrevNext .Prev a,
.ny_PrevNext .Next a {
    color: #555;
}

.ny_PrevNext .Prev a:hover,
.ny_PrevNext .Next a:hover {
    color: #007cc2;
}

/*新闻&文章详情 结束*/

/*内页-产品详情 开始*/
.ly_NyProDetail {
    width   : 1200px;
    overflow: hidden;
    margin  : 0 auto 60px;
    padding : 0;
}

.ly_NyProDetail .lyNyProDetail_con {
    width   : 100%;
    overflow: hidden;
    margin  : 0 auto;
    padding : 0;
}

.lyNyProDetail_con .ny_right {
    width   : 74%;
    overflow: hidden;
    margin  : 0;
    padding : 0;
    float   : right;
}

.ny_right .lyNyProDetail_ConTit {
    margin          : 0 auto 30px;
    padding-top     : 1px;
    _border-bottom  : 2px solid #0063b9;
    background-color: #0063b9;
}

.lyNyProDetail_ConTit p {
    width           : 135px;
    height          : 40px;
    overflow        : hidden;
    line-height     : 40px;
    color           : #0063b9;
    font-size       : 18px;
    text-align      : center;
    background-color: #fff;
    margin          : 7px 0 0 7px;
}

.ny_right .lyNyProDetail_ConText {
    width      : 100%;
    overflow   : hidden;
    line-height: 28px;
    color      : #555;
    font-size  : 14px;
    margin     : 0 auto 30px;
    padding    : 0;
}

.lyNyProDetail_ConText img,
.lyNyProDetail_ConText table,
.lyNyProDetail_ConText tr,
.lyNyProDetail_ConText td,
.lyNyProDetail_ConText p,
.lyNyProDetail_ConText span,
.lyNyProDetail_ConText div,
.lyNyProDetail_ConText video,
.lyNyProDetail_ConText embed {
    width             : auto !important;
    height            : auto !important;
    max-width         : 100% !important;
    max-height        : 100%;
    line-height       : 28px;
    color             : #555;
    font-size         : 14px;
    box-sizing        : border-box;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
    white-space       : normal;
    word-break        : break-all;
    margin            : 0 !important;
}

.NyNewsdetail_con p span,
.NyNewsdetail_con span,
.NyNewsdetail_con p em,
.NyNewsdetail_con em {
    color      : #565656 !important;
    font-family: Arial, \5FAE\8F6F\96C5\9ED1, Helvetica, sans-serif !important;
    font-size  : 15px !important;
}

.lyNyProDetail_ConText table tr td p {
    text-indent: 0 !important;
}

.lyNyProDetail_ConText img {
    display    : inline-block;
    width      : auto !important;
    height     : auto !important;
    max-width  : 100%;
    margin     : 0 auto;
    padding    : 0;
    text-indent: 0 !important;
}

.pro_detail_main {
    width             : 100%;
    height            : auto;
    margin            : 0 auto 40px;
    padding           : 0;
    position          : relative;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing     : border-box;
    -moz-box-sizing   : border-box;
}

.pro_detail_main .pro_detail_img {
    width             : 480px;
    height            : 480px;
    overflow          : hidden;
    margin            : 0;
    padding           : 10px;
    border            : 1px solid #eaeaea;
    float             : left;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing     : border-box;
    -moz-box-sizing   : border-box;
}

.pro_detail_img .pro_detail_img_main {
    width   : 100%;
    height  : 100%;
    margin  : 0 auto;
    padding : 0;
    position: relative;
}

.pro_detail_img_main img {
    display   : block;
    max-width : 100%;
    max-height: 100%;
    margin    : auto;
    padding   : 0;
    position  : absolute;
    left      : 0;
    top       : 0;
    right     : 0;
    bottom    : 0;
}

.pro_detail_main .pro_detail_text {
    width     : 53%;
    min-height: 360px;
    overflow  : hidden;
    margin    : 0;
    padding   : 0 0 80px;
    float     : right;
    position  : relative;
}

.pro_detail_text h1 {
    width      : 100%;
    overflow   : hidden;
    line-height: 40px;
    color      : #32353a;
    font-size  : 30px;
    text-align : justify;
    margin     : 0 auto;
    padding    : 0;
}

.pro_detail_text .jyms {
    width           : 100%;
    height          : 130px;
    overflow        : hidden;
    margin          : 20px auto;
    padding         : 15px 20px;
    background-color: #f8f8f8;
    box-sizing      : border-box;
}

.pro_detail_text .jyms p {
    width             : 100%;
    height            : 100px;
    overflow          : hidden;
    line-height       : 25px;
    color             : #888;
    font-size         : 14px;
    text-align        : justify;
    display           : -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow     : ellipsis;
    margin            : 0 auto;
    padding           : 0;
}

.pro_detail_text .jyms p span {
    color      : #333;
    font-weight: bold;
}

.pro_detail_text ul {
    width  : 100%;
    margin : 0 auto;
    padding: 0;
}

.pro_detail_text ul li {
    width        : 100%;
    height       : 32px;
    overflow     : hidden;
    line-height  : 32px;
    color        : #888;
    font-size    : 14px;
    text-align   : justify;
    white-space  : nowrap;
    text-overflow: ellipsis;
    margin       : 0 auto;
    padding      : 0;
}

.pro_detail_text ul li img {
    display : block;
    width   : 16px;
    height  : 16px;
    overflow: hidden;
    margin  : 7px 4px 7px 0;
    padding : 0;
    float   : left;
}

.pro_detail_text ul li span {
    color: #333;
}

.pro_detail_text .pro_detail_btn {
    width   : 100%;
    height  : 60px;
    overflow: hidden;
    margin  : 0 auto;
    padding : 0;
    position: absolute;
    left    : 0;
    bottom  : 0;
}

.pro_detail_btn a {
    display    : block;
    width      : 48%;
    height     : 60px;
    overflow   : hidden;
    line-height: 60px;
    color      : #fff;
    font-size  : 22px;
    text-align : center;
    margin     : 0;
    padding    : 0;
    float      : left;
}

.pro_detail_btn a.prodtl_btn1 {
    float           : left;
    margin          : 0 4% 0 0;
    background-color: #aaa;
}

.pro_detail_btn a.prodtl_btn2 {
    float           : left;
    background-color: #0063b9;
}

.pro_detail_btn a.prodtl_btn1:hover {
    background-color: #565656;
}

.pro_detail_btn a.prodtl_btn2:hover {
    background-color: #0063b9;
}

/**产品详情页产品图片切换**/
.prodetail_img {
    width             : 44%;
    height            : 440px;
    margin            : 0;
    padding           : 0;
    float             : left;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing     : border-box;
    -moz-box-sizing   : border-box;
}

#preview {
    width     : 100%;
    margin    : 0;
    text-align: center;
    position  : relative;
}

.list-h li {
    float: left;
}

#spec-n5 {
    width      : 100%;
    height     : 70px;
    padding-top: 10px;
    overflow   : hidden;
}

#spec-left {
    width     : 16px;
    height    : 70px;
    float     : left;
    cursor    : pointer;
    margin-top: 3px;
}

#spec-right {
    width     : 16px;
    height    : 70px;
    float     : left;
    cursor    : pointer;
    margin-top: 3px;
}

#spec-list {
    width      : 440px;
    float      : left;
    overflow   : hidden;
    margin-left: 2px;
    display    : inline;
}

#spec-list ul li {
    float  : left;
    display: inline;
    padding: 0;
    width  : 18.4%;
    height : 70px;
    margin : 0 2% 0 0;
}

#spec-list ul li:last-child {
    margin: 0;
}

#spec-list ul li p {
    width             : 100%;
    height            : 100%;
    overflow          : hidden;
    margin            : 0;
    padding           : 0;
    border            : 1px solid #eaeaea;
    position          : relative;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing     : border-box;
    -moz-box-sizing   : border-box;
}

#spec-list ul li:hover p {
    border: 1px solid #0063b9;
}

#spec-list ul li img {
    display   : block;
    max-width : 94%;
    max-height: 94%;
    margin    : auto;
    padding   : 0;
    position  : absolute;
    left      : 0;
    top       : 0;
    right     : 0;
    bottom    : 0;
}

/*jqzoom*/
.jqzoom {
    position          : relative;
    width             : 100%;
    height            : 360px;
    overflow          : hidden;
    padding           : 0;
    border            : 1px solid #eaeaea;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing     : border-box;
    -moz-box-sizing   : border-box;
}

.jqzoom img {
    display   : block;
    max-width : 100%;
    max-height: 100%;
    margin    : auto;
    padding   : 0;
    position  : absolute;
    left      : 0;
    top       : 0;
    right     : 0;
    bottom    : 0;
}

.zoomdiv {
    z-index   : 100;
    position  : absolute;
    top       : 1px;
    left      : 0px;
    background: url(../images/loading.gif) #fff no-repeat center center;
    border    : 1px solid #eaeaea;
    display   : none;
    text-align: center;
    overflow  : hidden;
    left      : 104% !important;
    top       : 0 !important;
}

.jqZoomPup {
    width         : 200px !important;
    height        : 200px !important;
    z-index       : 10;
    visibility    : hidden;
    position      : absolute;
    top           : 0px;
    left          : 0px;
    background    : url(../images/mask.png) 0 0 repeat;
    opacity       : 0.5;
    -moz-opacity  : 0.5;
    -khtml-opacity: 0.5;
    filter        : alpha(Opacity=50);
    cursor        : move;
}

#spec-list {
    position: relative;
    width   : 100%;
    margin  : 0;
}

#spec-list div {
    width : 100% !important;
    height: 70px !important;
    margin: 0;
}

#ceshi {
    display: block;
    margin : auto !important;
    left   : 0;
    top    : 0;
    bottom : 0;
    right  : 0;
}

.prodetail_img a.videoIco {
    left   : 20px !important;
    bottom : 20px !important;
    z-index: 99 !important;
}

.Warning {
    width : 100% !important;
    height: 100% !important;
}

/*内页-产品详情 结束*/


/*右侧漂浮 开始*/
.client-2 {
    position: fixed;
    right   : -170px;
    top     : 50%;
    z-index : 999;
}

.client-2 li a {
    text-decoration: none;
}

.client-2 li {
    margin-top: 1px;
    clear     : both;
    height    : 71px;
    position  : relative;
}

.client-2 li i {
    background: url(../images/fx.png) no-repeat;
    display   : block;
    width     : 30px;
    height    : 27px;
    margin    : 4px auto 0;
    text-align: center;
}

.client-2 li p {
    height     : 20px;
    font-size  : 14px;
    line-height: 20px;
    overflow   : hidden;
    text-align : center;
    color      : #fff;
}

.client-2 .my-kefu-qq i {
    background-position: 4px 5px;
}

.client-2 .my-kefu-tel i {
    background-position: 0 -21px;
}

.client-2 .my-kefu-liuyan i {
    background-position: 4px -53px;
}

.client-2 .my-kefu-weixin i {
    background-position: -34px 4px;
}

.client-2 .my-kefu-weibo i {
    background-position: -30px -22px;
}

.client-2 .my-kefu-ftop {
    display: none;
}

.client-2 .my-kefu-ftop i {
    width              : 33px;
    height             : 35px;
    background-position: -27px -51px;
}

.client-2 .my-kefu-left {
    float   : left;
    width   : 77px;
    height  : 47px;
    position: relative;
}

.client-2 .my-kefu-tel-right {
    font-size  : 16px;
    color      : #fff;
    float      : left;
    height     : 24px;
    line-height: 22px;
    padding    : 0 15px;
    border-left: 1px solid #fff;
    margin-top : 14px;
}

.client-2 .my-kefu-right {
    width: 20px;
}

.client-2 .my-kefu-tel-main {
    background: #0063b9;
    color     : #fff;
    height    : 56px;
    width     : 247px;
    padding   : 9px 0 6px;
    float     : left;
}

.client-2 .my-kefu-main {
    background: #0063b9;
    width     : 97px;
    height    : 56px;
    position  : relative;
    padding   : 9px 0 6px;
    float     : left;
}

.client-2 .my-kefu-weixin-pic {
    position: absolute;
    left    : -130px;
    top     : -24px;
    display : none;
    z-index : 333;
}

.my-kefu-weixin-pic img {
    width : 115px;
    height: 115px;
}

/*右侧漂浮 结束*/

/*内页荣誉资质列表*/
.ny_honor_list li {
    width        : 22.75%;
    margin-right : 3%;
    margin-bottom: 25px;
    transition   : all .3s;
    float        : left;
}

.ny_honor_list li:nth-child(4n) {
    margin-right: 0;
}

.ny_honor_list li .pic {
    display           : block;
    height            : 240px;
    border            : 1px solid #DDDDDD;
    border-bottom     : 0;
    text-align        : center;
    position          : relative;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
    overflow          : hidden;
}

.ny_honor_list li .pic:after {
    content           : '';
    display           : block;
    opacity           : 0;
    width             : 100%;
    height            : 100%;
    background        : rgba(0, 71, 157, .8) url(../images/pro_hover.png) 10% center no-repeat;
    position          : absolute;
    top               : 0;
    left              : 0;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
}

.ny_honor_list li .pic img {
    max-width         : 95%;
    max-height        : 95%;
    vertical-align    : middle;
    -webkit-transition: all .6s;
    -moz-transition   : all .6s;
    -ms-transition    : all .6s;
    -o-transition     : all .6s;
    transition        : all .6s;
}

.ny_honor_list li .pic .iblock {
    display       : inline-block;
    height        : 100%;
    width         : 0;
    vertical-align: middle
}

.ny_honor_list li .tlt {
    display           : block;
    text-align        : center;
    height            : 45px;
    line-height       : 45px;
    color             : #fff;
    background        : #b8b8b8;
    font-size         : 15px;
    overflow          : hidden;
    text-overflow     : ellipsis;
    white-space       : nowrap;
    -webkit-transition: all .25s;
    -moz-transition   : all .25s;
    -ms-transition    : all .25s;
    -o-transition     : all .25s;
    transition        : all .25s;
    padding           : 0 5%;
}

.ny_honor_list li:hover .tlt {
    color     : #fff;
    background: #0063b9;
}

.ny_honor_list li:hover .pic {
    border       : 1px solid rgb(0, 71, 157, .8);
    border-bottom: 0;
}

.ny_honor_list li:hover .pic:after {
    opacity   : 1;
    background: rgba(0, 71, 157, .8) url(../images/pro_hover.png) center center no-repeat;
}

.ny_honor_list li:hover .pic img {
    transform        : scale(1.1);
    -ms-transform    : scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform     : scale(1.1);
    -moz-transform   : scale(1.1);
}

.xq_himg {
    display      : block;
    width        : 100%;
    height       : 400px;
    text-align   : center;
    margin-bottom: 40px;
}

.xq_himg img {
    max-width     : 95%;
    max-height    : 95%;
    vertical-align: middle;
}

.xq_himg .iblock {
    display       : inline-block;
    height        : 100%;
    width         : 0;
    vertical-align: middle
}

/*内页-在线留言 开始*/
.ly_NyOrder {
    width   : 1200px;
    overflow: hidden;
    margin  : 0 auto 60px;
    padding : 0;
}

.ly_msg {
    width   : 100%;
    overflow: hidden;
    margin  : 0 auto;
    padding : 0;
}

.ly_msg h3 {
    display: none !important;
}

.ly_msg ul {
    width   : 100%;
    overflow: hidden;
    margin  : 0 auto;
    padding : 0;
}

.ly_msg ul li {
    width      : 100%;
    overflow   : hidden;
    line-height: 44px;
    margin     : 0 auto 30px !important;
    padding    : 0;
    color      : #999;
    font-size  : 14px;
}

.ly_msg ul li:last-child {
    margin: 0 auto !important;
}

.ly_msg ul li h4 {
    width             : 12% !important;
    height            : 44px !important;
    overflow          : hidden;
    line-height       : 44px !important;
    margin            : 0;
    padding           : 0 12px 0 0;
    color             : #333;
    font-size         : 14px;
    text-align        : right;
    float             : left;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing     : border-box;
    -moz-box-sizing   : border-box;
}

.ly_msg ul li .msg_ipt1,
.ly_msg ul li .msg_tara {
    width             : 83%;
    overflow          : hidden;
    margin            : 0;
    padding-right     : 20px;
    background        : url(../images/tb_img.png) top right no-repeat;
    float             : left;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing     : border-box;
    -moz-box-sizing   : border-box;
}

.ly_msg ul li .msg_ipt1,
.ly_msg ul li .msg_ipt12,
.ly_msg ul li .msg_tara {
    width      : 88% !important;
    font-family: Arial, \5FAE\8F6F\96C5\9ED1, Helvetica, sans-seri !important;
}

.ly_msg ul li .msg_ipt1,
.ly_msg ul li .msg_ipt12,
.ly_msg ul li .msg_ipt2 {
    height    : 44px !important;
    background: url(../images/tb_img.png) right center no-repeat !important;
}

.ly_msg ul li .msg_ipt12 {
    width             : 83%;
    height            : 34px;
    overflow          : hidden;
    margin            : 0;
    padding-right     : 20px;
    float             : left;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing     : border-box;
    -moz-box-sizing   : border-box;
}

.msg_ipt1 input,
.msg_tara textarea {
    display           : block;
    width             : 100%;
    overflow          : hidden;
    margin            : 0;
    padding           : 8px 15px;
    color             : #666;
    font-size         : 12px;
    border            : 1px solid #dfdfdf;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing     : border-box;
    -moz-box-sizing   : border-box;
}

.msg_ipt12 input {
    height            : 34px;
    line-height       : 16px;
    display           : block;
    width             : 100%;
    overflow          : hidden;
    margin            : 0;
    padding           : 8px 15px;
    color             : #666;
    font-size         : 12px;
    border            : 1px solid #dfdfdf;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing     : border-box;
    -moz-box-sizing   : border-box;
}

.msg_ipt1 input,
.msg_ipt12 input,
.msg_ipt2 input {
    height     : 44px !important;
    font-family: Arial, \5FAE\8F6F\96C5\9ED1, Helvetica, sans-seri !important;
}

.msg_ipt1 input,
.msg_ipt12 input,
.msg_ipt2 input,
.msg_tara textarea {
    font-size       : 14px !important;
    background-color: #f8f8f8 !important;
    border          : none !important;
    font-family     : Arial, \5FAE\8F6F\96C5\9ED1, Helvetica, sans-seri !important;
    outline         : none !important;
    resize          : none !important;
}

.ly_msg ul li .msg_ipt1 #selPvc {
    height            : 44px !important;
    line-height       : 44px !important;
    color             : #666 !important;
    font-size         : 14px !important;
    background-color  : #f8f8f8 !important;
    border            : none !important;
    padding           : 0 15px !important;
    outline           : none !important;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing    : border-box;
    -o-box-sizing     : border-box;
}

.ly_msg ul li .msg_ipt2,
.msg_ipt2 input {
    width: 160px !important;
}

.ly_msg ul li .msg_ipt2 {
    width       : 120px;
    height      : 34px;
    overflow    : hidden;
    margin-right: 10px;
    padding     : 0;
    float       : left;
}

.ly_msg ul li a.yzm_img {
    display      : block;
    width        : 90px;
    height       : 34px;
    overflow     : hidden;
    margin       : 0;
    padding-right: 20px;
    background   : url(../images/tb_img.png) top right no-repeat;
    float        : left;
}

.ly_msg ul li a.yzm_img {
    width     : 120px !important;
    height    : 44px !important;
    background: url(../images/tb_img.png) right center no-repeat !important;
}

.ly_msg ul li a.yzm_img img {
    display: block;
    width  : 100% !important;
    height : 100% !important;
}

.ly_msg ul li .msg_btn {
    width   : 83%;
    overflow: hidden;
    margin  : 0 auto;
    padding : 0;
    float   : left;
}

.ly_msg ul li .msg_btn {
    width: 88% !important;
}

.msg_btn input {
    display         : block;
    width           : 100px;
    height          : 34px;
    overflow        : hidden;
    line-height     : 32px;
    margin          : 0 15px 0 0;
    padding         : 0;
    background-color: #f0f0f0;
    color           : #333;
    font-size       : 13px;
    text-align      : center;
    border          : 1px solid #ccc;
    float           : left;
}

.msg_btn input {
    width           : 160px !important;
    height          : 44px !important;
    line-height     : 44px !important;
    color           : #fff !important;
    font-size       : 15px !important;
    text-align      : center !important;
    border          : none !important;
    background-color: #0063b9 !important;
    cursor          : pointer !important;
}

.msg_btn input:last-child {
    background-color: #bbb !important;
}

.msg_btn input:hover {
    background-color: #0063b9 !important;
}

/*新内页新闻样式*/
.newxw {
    width: 100%;
}

.newxw ul li {
    width           : 44.5%;
    margin          : 0 3% 35px 0;
    padding         : 20px 2%;
    float           : left;
    background-color: #f1f1f1;
}

.newxw ul li:nth-child(2n) {
    margin-right: 0;
}

.newxw ul li .date {
    width       : 10%;
    margin-right: 6%;
    text-align  : right;
}

.newxw ul li .date p {
    font-size: 16px;
    color    : #ccc;
}

.newxw ul li .date span {
    font-size  : 20px;
    color      : #999;
    font-weight: bold;
    margin-top : -5px;
    display    : block;
}

.newxw ul li .date em {
    background: url(../images/date.png) right center no-repeat;
    width     : 54px;
    height    : 54px;
    display   : block;
}

.newxw ul li .newxw_m {
    width: 84%;
}

.newxw ul li .newxw_m .tit {
    display      : block;
    font-size    : 20px;
    font-weight  : bolder;
    color        : #505050;
    height       : 30px;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}

.newxw ul li .newxw_m p {
    font-size         : 15px;
    color             : #999;
    line-height       : 25px;
    height            : 50px;
    overflow          : hidden;
    margin            : 10px 0;
    display           : -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow     : ellipsis;
    word-break        : break-all;
}

.newxw ul li .newxw_m span {
    width     : 100%;
    height    : 40px;
    display   : block;
    margin-top: 23px;
}

.newxw ul li .newxw_m .more {
    display         : inline-block;
    width           : 130px;
    height          : 35px;
    background-color: #fff;
    color           : #999;
    text-align      : center;
    line-height     : 35px;
}

.newxw ul li .newxw_m i {
    background: url(../images/dj.png) right center no-repeat;
    width     : 40px;
    height    : 6px;
    margin-top: 15px;
}

.newxw ul li:hover {
    background-color: #0063b9;
}

.newxw ul li:hover .date p {
    color: #fff;
}

.newxw ul li:hover .date span {
    color: #fff;
}

.newxw ul li:hover .date em {
    background: url(../images/date1.png) right center no-repeat;
}

.newxw ul li:hover .newxw_m .tit {
    color: #fff;
}

.newxw ul li:hover .newxw_m p {
    color: #fff;
}

.newxw ul li:hover .newxw_m .more {
    color: #0063b9;
}

.newxw ul li:hover .newxw_m i {
    background: url(../images/dj1.png) right center no-repeat;
}

/*新内页新闻样式*/


/*内页应用案例*/
.nycase_allbox {
    background: #f5f5f5;
}

.nycase_allbox .ny_case {
    padding-top: 40px;
}

.ny_case ul li {
    width             : 31.667%;
    height            : auto;
    margin            : 0 2.4995% 40px 0;
    padding           : 20px;
    background-color  : #fff;
    box-shadow        : 0 0 0 rgba(0, 0, 0, 0.1);
    float             : left;
    border-radius     : 0;
    transition        : all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition   : all 0.5s;
    -o-transition     : all 0.5s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
}

.ny_case ul li:nth-child(3n+3) {
    margin: 0 0 40px;
}

.ny_case ul li:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.ny_case ul li .idxCase_img {
    width   : 100%;
    height  : 280px;
    overflow: hidden;
    margin  : 0 auto 10px;
    padding : 0;
}

.ny_case ul li .idxCase_img a {
    display : block;
    width   : 100%;
    height  : 100%;
    overflow: hidden;
    margin  : 0 auto;
    padding : 0;
    position: relative;
}

.ny_case ul li .idxCase_img a img {
    display           : block;
    width             : 100%;
    height            : 100%;
    object-fit        : cover;
    margin            : auto;
    padding           : 0;
    position          : absolute;
    left              : 0;
    top               : 0;
    right             : 0;
    bottom            : 0;
    transition        : all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition   : all 0.5s;
    -o-transition     : all 0.5s;
}

.ny_case ul li:hover .idxCase_img a img {
    -webkit-transform: scale(1.1);
    -moz-transform   : scale(1.1);
    transform        : scale(1.1);
}

.ny_case ul li .idxCase_text {
    width             : 100%;
    height            : auto;
    margin            : 0 auto;
    padding           : 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
}

.ny_case ul li .idxCase_text .idxCase_name {
    width             : 100%;
    height            : 40px;
    margin            : 0 auto;
    padding           : 0;
    position          : relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
}

.ny_case ul li .idxCase_text .idxCase_name a {
    display      : block;
    width        : 100%;
    height       : 40px;
    overflow     : hidden;
    line-height  : 40px;
    color        : #333;
    font-size    : 20px;
    white-space  : nowrap;
    text-overflow: ellipsis;
    margin       : 0;
    padding      : 0;
}

.ny_case ul li .idxCase_text span {
    display    : block;
    width      : 100%;
    height     : 20px;
    overflow   : hidden;
    line-height: 20px;
    color      : #999;
    font-size  : 14px;
    margin     : 4px auto 10px;
    padding    : 0;
}

.ny_case ul li .idxCase_text span img {
    display : block;
    width   : 20px;
    height  : 20px;
    overflow: hidden;
    margin  : 0 4px 0 0;
    padding : 0;
    float   : left;
}

.ny_case ul li:hover .idxCase_text .idxCase_name a {
    color: #0063b9;
}

.ny_case ul li .idxCase_text p {
    width             : 100%;
    height            : 48px;
    overflow          : hidden;
    line-height       : 24px;
    color             : #888;
    font-size         : 14px;
    word-break        : break-all;
    margin            : 0 auto;
    padding           : 0;
    display           : -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
}

.ny_case ul li .idxCase_text a.idxCase_btn {
    display           : block;
    width             : 140px;
    height            : 40px;
    overflow          : hidden;
    line-height       : 38px;
    color             : #fff;
    font-size         : 14px;
    text-align        : center;
    margin            : 20px 0 0;
    padding           : 0;
    background-color  : #0063b9;
    border            : 1px solid rgba(1, 64, 153, 0.1);
    border-radius     : 20px;
    transition        : all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition   : all 0.5s;
    -o-transition     : all 0.5s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
}

.ny_case ul li .idxCase_text a.idxCase_btn i {
    display           : inline-block;
    width             : 24px;
    height            : 20px;
    overflow          : hidden;
    vertical-align    : middle;
    margin            : -2px 0 0 10px;
    padding           : 0;
    background        : url(../images/morejt2.png) center center no-repeat;
    transition        : all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition   : all 0.5s;
    -o-transition     : all 0.5s;
}

.ny_case ul li:hover .idxCase_text a.idxCase_btn {
    color           : #fff;
    background-color: #0063b9;
    border          : 1px solid #0063b9;
}

.ny_case ul li:hover .idxCase_text a.idxCase_btn i {
    margin    : -2px 0 0 20px;
    background: url(../images/morejt2.png) center center no-repeat;
}

/*内页-成功案例 结束*/