*
{
    font-family: "微软雅黑";
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}
body, html
{
    min-width: 1366px;
}
@font-face
{
    font-family: "arial";
    src: url(/skin/fonts/arial.ttf);
}
@font-face
{
    font-family: "fb";
    src: url(/skin/fonts/FuturaPTBookReg.woff.ttf);
}
@font-face
{
    font-family: "tt";
    src: url(/skin/fonts/tt0009m_.ttf);
}
a
{
    color: #8e8e91;
}
.clearfix::after
{
    content: "";
    display: block;
    clear: both;
}
.bg2
{
    background-color: #f6f6f6;
}
.bottom-border
{
    border-bottom: 1px solid #e8e8e7;
}
.center-wrap
{
    max-width: 1400px;
    margin: 0 auto;
}
.title-wrap
{
    color: #2d2d2c;
    padding: 40px 0 30px;
    text-align: center;
}
.title-wrap h3
{
    font-size: 40px;
    line-height: 40px;
}
.title-wrap h3::after
{
    content: "";
    display: block;
    width: 38px;
    height: 1px;
    margin: 10px auto;
    background-color: #293247;
}
.title-wrap p:nth-of-type(1)
{
    font-family: "arial";
    font-size: 14px;
    line-height: 14px;
}
.title-wrap p:nth-of-type(2)
{
    color: #5d5d5c;
    margin: 20px 0 0;
}
.title-wrap h4
{
    font-size: 24px;
    margin: 30px 0 0;
}
.same-bottom
{
    padding-bottom: 60px;
}
.float-wrap
{
    width: calc(50% - 10px);
    float: left;
}
.left-wrap
{
    margin-right: 10px;
}
.right-wrap
{
    margin-left: 10px;
}
.topWrap
{
    background: url(../image/tpbg.jpg) repeat-x center top;
    font-family: "Microsoft Yahei";
    height: 124px;
    position: relative;
    overflow: hidden;
}
.header
{
    width: 1200px;
    margin: 0 auto;
}
.twz
{
    height: 40px;
    color: #999;
    line-height: 40px;
    font-size: 14px;
}
.twz a:nth-child(1)
{
    border-left: 1px solid #ebebeb;
}
.twz a
{
    display: inline-block;
    color: #999;
    position: relative;
    padding: 0 18px;
}
.h_nr
{
    height: 134px;
    overflow: hidden;
    padding-top: 27px;
    box-sizing: border-box;
}
.logo
{
    width: 325px;
    height: 101px;
    overflow: hidden;
    box-sizing: border-box;
}
.logo img
{
    width: 325px;
    height: 101px;
    display: block;
}
.h_nr h2
{
    padding-left: 22px;
    margin-top: 15px;
    width: 400px;
    float: left;
    font-size: 20px;
    color: #222;
    font-weight: bold;
    text-align: left;
    line-height: 25px;
}
.h_nr h2 b
{
    color: #222;
    font-size: 18px;
    font-weight: normal;
    display: block;
}
.h_nr .sc
{
    margin-top: 10px;
    padding-left: 50px;
    height: 50px;
    background: url(../image/tel.png) no-repeat left 11px;
    float: right;
    width: 236px;
    box-sizing: border-box;
}
.h_nr .tel1, .h_nr .tel2
{
    display: block;
    line-height: 28px;
    height: 30px;
}
.h_nr .tel1 p
{
    overflow: hidden;
    float: left;
    color: #222;
    font: 26px "Arial";
    font-weight: bold;
}
.h_nr .tel1, .h_nr .tel2
{
    display: block;
    line-height: 28px;
    height: 30px;
}
.h_nr .tel2 p
{
    overflow: hidden;
    float: left;
    color: #222;
    font: 18px "Arial";
    font-weight: bold;
    letter-spacing: 1px;
}
.header-logo .icon-wrap
{
    float: right;
    position: relative;
}
.header-logo .icon-wrap::after
{
    content: "";
    position: absolute;
    left: calc(50% - 1px);
    width: 1px;
    height: 33px;
    background-color: #e0e0e0;
}
.header-logo .icon-wrap a
{
    display: block;
    width: 33px;
    height: 33px;
    margin: 0 10px;
    text-indent: -9999px;
    border-radius: 50%;
}
.header-logo .icon-wrap a.address
{
    background: #293247 url(../image/add-icon.png) no-repeat center center;
}
.header-logo .icon-wrap a.search
{
    background: #293247 url(../image/search-icon.png) no-repeat center center;
}
.header-logo .header-tel
{
    position: absolute;
    top: 22px;
    right: 95px;
}
.header-logo .header-tel p
{
    color: #2d2d2c;
    line-height: 23px;
    padding-left: 30px;
    background: url(../image/tel-icon.png) no-repeat left center;
    font-size: 20px;
}
.header-nav
{
    position: relative;
    border-bottom: 1px solid #c6c6c6;
    background: #293247;
    color: #fff;
}
.header-nav>.center-wrap>ul
{
    padding-right: 70px;
}
.header-nav .nav-menu>li
{
    width: calc(100% / 8);
    text-align: center;
    float: left;
    padding-bottom: 16px;
    height: 60px;
}
.header-nav li a
{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 60px;
}
.header-nav .nav-menu>li:nth-of-type(2):hover .down-menu
{
    display: block;
}
.down-menu
{
    width: 100%;
    padding: 50px 0;
    background-color: #fff;
    border-bottom: 1px solid #c6c6c6;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 61px;
    display: none;
}
.down-menu img
{
    display: block;
}
.down-menu .down-container
{
    padding: 0 80px;
}
.down-container .down-list
{
    display: block;
    width: calc(25% - 30px);
    margin: 0 15px;
    text-align: center;
}
.down-container .down-list img
{
    width: 100%;
}
.down-container .down-list p
{
    color: #2d2d2d;
    font-weight: normal;
    line-height: 40px;
}
.down-menu .tab-btn
{
    width: 54px;
    position: relative;
    margin-top: 20px;
    left: calc(50% - 33px);
}
.down-menu .tab-btn li
{
    width: 50%;
    float: left;
    text-align: center;
    border: 1px solid #c6c6c6;
}
.down-menu .tab-btn li:first-child
{
    border-right: none;
}
.down-menu .tab-btn li a
{
    display: block;
    padding: 10px;
    color: #2d2d2d;
}
.search-wrap
{
    width: 420px;
    height: 90px;
    position: absolute;
    right: 0;
    top: 132px;
    z-index: 999;
    display: none;
    padding-left: 20px;
    background-color: #fff;
    border: 1px solid #c6c6c6;
}
.search-wrap .search-box
{
    position: relative;
}
.search-wrap .search-box input
{
    width: 324px;
    height: 40px;
    margin-top: 25px;
    outline: none;
}
.search-wrap .search-box input, .search-wrap .search-box img
{
    float: left;
}
.search-wrap .search-box img
{
    margin-left: 20px;
    margin-top: 33px;
}
.search-wrap .search-box .search-enter
{
    width: 14px;
    height: 14px;
    text-indent: -9999px;
    position: absolute;
    top: 38px;
    right: 94px;
    border: none;
    outline: none;
    cursor: pointer;
    background: url(/skin/img/enter-icon.png) no-repeat left top;
}
.banner, .banner-index
{
    position: relative;
    overflow: hidden;
}
.banner img
{
    width: 100%;
    display: block;
}
.banner-index
{
    height: 705px;
}
.banner-index .banner-img
{
    position: absolute;
    left: 50%;
    margin-left: -960px;
}
.banner-index .banner-img li
{
    float: left;
    position: relative;
}
.banner-index .banner-text
{
    text-align: center;
    position: absolute;
    left: 50%;
    color: #2d2d2c;
}
.banner-index .banner1-text
{
    top: 160px;
}
.banner-index .banner2-text
{
    top: 114px;
}
.banner-index .banner2-text span
{
    display: block;
    border-radius: 20px;
    margin: 20px auto 0;
    background-color: #293247;
    color: #fff;
    width: 260px;
    line-height: 40px;
}
.banner-index .banner-text h3
{
    font-size: 50px;
}
.banner-index .banner-text p
{
    font-size: 18px;
}
.banner-index img
{
    display: block;
}
.banner-index .btn-box
{
    position: absolute;
    left: calc(50% - 20px);
    bottom: 50px;
}
.banner-index .btn-box div
{
    width: 16px;
    height: 16px;
    float: left;
    margin: 0 2px;
    border-radius: 50%;
    border: 1px solid #fff;
}
.banner-index .btn-box a
{
    color: transparent;
}
.banner-index .btn-box div.current, .banner-index .btn-box div:hover
{
    background-color: #fff;
}
.banner .banner-title, .banner .banner-box
{
    position: absolute;
}
.banner .banner-title
{
    width: 280px;
    background-color: rgba(255,255,255,.85);
    border-left: 10px solid #293247;
    padding: 30px;
    color: #2d2d2d;
    top: calc(50% - 69px);
}
.banner .banner-title h3
{
    font-size: 30px;
    position: relative;
}
.banner .banner-title h3::before
{
    content: "";
    width: 23px;
    height: 12px;
    background: url(/skin/img/d-icon.png) no-repeat left top;
    position: absolute;
    left: 126px;
    top: calc(50% - 6px);
}
.banner .banner-title h3::after
{
    content: "";
    display: block;
    width: 28px;
    height: 1px;
    background-color: #293247;
    margin: 8px 0;
}
.banner .banner-title p
{
    font-size: 18px;
    font-family: "fb";
}
.banner .banner-box
{
    top: 130px;
    color: #fff;
}
.banner-box .title-text h3, .banner-box .title-text span
{
    float: left;
    font-family: "arial";
}
.banner-box .title-text h3
{
    font-size: 60px;
    line-height: 60px;
}
.banner-box .title-text span
{
    font-size: 24px;
    margin-top: 24px;
}
.banner .banner-box>span, .material-wrap span, .banner-box .banner-intro a
{
    display: block;
    color: #fff;
    float: left;
    line-height: 52px;
    padding: 0 40px 0 20px;
    font-size: 24px;
    background: #293247 url(/skin/img/down-icon.png) no-repeat right 20px center;
}
.banner .banner-box>span.gb
{
    width: 300px;
}
.banner-box .banner-intro
{
    width: 670px;
    color: #5e5757;
}
.banner-box .banner-intro h3
{
    font-size: 40px;
    color: #2d2d2d;
    margin-bottom: 10px;
}
.banner-box .banner-intro p
{
    font-size: 15px;
}
.banner-box .banner-intro p:nth-of-type(2)
{
    margin: 30px 0;
}
.banner-box .banner-intro a
{
    width: 200px;
    background: #293247 url(/skin/img/player-icon.png) no-repeat right 30px center;
}
.banner .solution-banner
{
    width: 1400px;
    position: absolute;
    left: calc(50% - 700px);
    top: 72px;
}
.solution-banner .solution-left, .solution-banner .solution-right
{
    width: 50%;
}
.solution-banner .solution-left
{
    height: 350px;
    position: relative;
}
.solution-banner .banner-img
{
    width: 420px;
    padding: 30px;
    background-color: #fff;
    position: absolute;
    right: 0;
}
.solution-banner .banner-title
{
    width: 270px;
    border: none;
    color: #fff;
    right: 300px;
    top: 108px;
    background: #293247;
}
.solution-banner .banner-title h3
{
    font-size: 36px;
    line-height: 48px;
    background: url(/skin/img/right-tb.png) no-repeat right 10px center;
}
.solution-banner .banner-title h3::before, .solution-banner .banner-title h3::after
{
    display: none;
}
.solution-banner .solution-right
{
    color: #b5b5b5;
    padding: 50px 0 0 40px;
}
.solution-banner .solution-right::before, .solution-banner .solution-right::after
{
    content: "";
    display: block;
    width: 50px;
    height: 8px;
    background-color: #b5b5b5;
}
.solution-banner .top-title
{
    padding-top: 30px;
}
.solution-banner .top-title h3
{
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 10px;
}
.solution-banner .top-title p
{
    font-size: 18px;
    font-family: "arial";
}
.solution-banner .title-adv
{
    width: 330px;
    margin: 20px 0 30px;
    padding: 20px 0;
    border-top: 1px solid #606060;
    border-bottom: 1px solid #606060;
}
.solution-banner .title-adv p
{
    width: 144px;
}
.wz
{
    border-bottom: 1px solid #dedede;
    padding: 20px 0;
}
.wz .center-wrap
{
    padding-right: 128px;
    position: relative;
}
.wz .left-nav
{
    padding-left: 16px;
    border-left: 8px solid #293247;
}
.wz .left-nav, .wz .right-nav li
{
    float: left;
}
.wz a
{
    color: #727272;
    line-height: 16px;
    margin-right: 5px;
}
.wz .online-consult
{
    width: 102px;
    position: absolute;
    right: 0;
    top: calc(50% - 14px);
}
.wz .online-consult a
{
    display: block;
    width: 102px;
    line-height: 28px;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    padding-left: 36px;
    background: #293247 url(../image/online-icon.png) no-repeat left 10px center;
}
.product .center-wrap
{
    max-width: 1400px;
}
.product-wrap .device-title
{
    color: #fff;
    line-height: 50px;
    margin: 0 10px 20px;
    padding-left: 20px;
    background-color: #5b5b5b;
}
.product-wrap .device-title h3
{
    font-size: 18px;
}
.product-wrap .product-list, .product-wrap .device-list
{
    width: calc(100% / 3 - 20px);
    margin: 0 10px 30px;
}
.product-wrap .product-list .product-img, .product-wrap .device-list
{
    padding: 10px;
    background-color: #fff;
    border: 1px solid #c6c6c6;
}
.product-wrap .product-list:hover .product-img
{
    border-color: #293247;
}
.product-wrap .product-list:hover a
{
    text-decoration: underline;
}
.product-list .product-text
{
    padding: 20px 0;
    text-align: center;
    position: relative;
}
.product-list .product-text a:first-child
{
    color: #000;
    font-size: 18px;
}
.product-list .product-text a:last-child
{
    width: 44px;
    height: 44px;
    background: url(../image/link-icon.png) no-repeat center center;
    position: absolute;
    right: 0;
    bottom: 0;
    color: transparent;
}
.product-img img, .img-wrap img
{
    display: block;
    width: 100%;
    height: 273px;
}
.product-wrap .device-list
{
    margin-bottom: 20px;
}
.product-wrap .device-list7
{
    display: none;
}
.product-wrap .device-list .product-img
{
    position: relative;
    overflow: hidden;
}
.device-list .move-box
{
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    padding: 50px 70px 0;
    position: absolute;
    left: 0;
    top: 220px;
    transition: 1s;
}
.move-box .product-name h3, .move-box .product-name p
{
    font-family: "arial";
    color: #5b5b5b;
}
.move-box .product-name h3
{
    font-size: 24px;
}
.move-box .product-name p
{
    font-size: 18px;
}
.move-box .product-cs
{
    display: none;
    margin: 40px 0 54px;
}
.move-box .product-cs .cs
{
    text-align: left;
    padding-left: 10px;
    border-left: 1px solid #aeaeae;
}
.move-box .know-detail a
{
    display: block;
    width: 156px;
    color: #8a8a8a;
    margin: 0 auto;
    line-height: 48px;
}
.device-list .product-img:hover .move-box
{
    top: 0;
    background-color: rgba(0,0,0,.65);
}
.device-list .product-img:hover .move-box .product-name h3, .device-list .product-img:hover .move-box .product-name p
{
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    font-family: "arial";
}
.device-list .product-img:hover .move-box .product-name p
{
    margin-top: 10px;
}
.device-list .product-img:hover .product-cs
{
    display: block;
}
.device-list .product-img:hover a
{
    color: #5b5b5b;
    background-color: #fff;
}
.spread-more a
{
    display: block;
    width: 242px;
    color: #fff;
    margin: 0 auto 20px;
    line-height: 44px;
    padding-left: 36px;
    background: #293247 url(/skin/img/more-icon.png) no-repeat right 30px center;
}
.product-select
{
    margin: 20px 10px;
}
.product-select a
{
    display: block;
    color: #2d2d2d;
    line-height: 33px;
}
.product-select .product-title, .product-select .product-box, .product-select .product-box li
{
    float: left;
}
.product-select .product-title, .product-select .product-box
{
    padding: 10px 0;
}
.product-select .product-title
{
    width: 174px;
}
.product-select .product-title a
{
    text-align: center;
    font-weight: bold;
    border-right: 1px solid #dbdbdb;
}
.product-select .product-box
{
    width: calc(100% - 174px);
}
.product-select .product-box li
{
    padding: 0 15px;
}
.product-tab
{
    padding: 20px;
    border-bottom: 1px solid #eaeaea;
}
.product-tab .product-left, .product-tab .product-right
{
    float: left;
}
.product-tab .product-left
{
    width: 600px;
}
.product-tab .product-left img
{
    width: 100%;
    display: block;
}
.product-tab .product-right
{
    width: calc(100% - 600px);
    font-size: 15px;
    padding-left: 30px;
}
.product-tab .product-right, .product-right a
{
    color: #5e5757;
}
.product-right a:nth-of-type(1)
{
    display: block;
    margin-bottom: 10px;
}
.product-tab .product-right p
{
    text-indent: -8px;
    margin-top: 10px;
}
.product-right a:last-child
{
    display: block;
    width: 170px;
    line-height: 40px;
    border: 1px solid #dedede;
    background-color: #fff;
    text-align: center;
    margin-top: 20px;
}
.product-tab:hover
{
    background-color: #f9f9f9;
}
.product-tab:hover a:last-child
{
    background-color: #293247;
    color: #fff;
}
.product-container .photo-left
{
    width: 1228px;
}
.photo-left .photo-img img
{
    width: 80%;
    position: absolute;
    left: calc(50% - 40%);
    top: 50%;
}
.product-container .photo-left, .product-container .photo-right .photo-img
{
    border: 1px solid #e8e8e7;
    position: relative;
}
.product-container .photo-left .photo-title
{
    position: absolute;
    left: 40px;
    top: 0;
    color: #5e5757;
    padding-top: 30px;
    padding-left: 32px;
    border-left: 14px solid #293247;
}
.photo-left .photo-title h3, .photo-left .photo-title p
{
    font-family: "arial";
}
.photo-left .photo-title h3
{
    font-size: 36px;
    line-height: 48px;
    border-bottom: 1px solid #e8e8e7;
}
.photo-left .photo-title p
{
    font-size: 24px;
    line-height: 40px;
}
.product-container .photo-right
{
    width: calc(100% - 1248px);
}
.product-container .photo-right .photo-img2
{
    margin: 20px 0;
}
.photo-img img
{
    width: 100%;
    display: block;
}
.ncf1500-cs
{
    width: 100%;
    padding: 40px 0 100px;
}
.ncf1500-cs tr:nth-child(1) td:nth-child(1)
{
    width: 50%;
    text-align: center;
}
.ncf1500-cs tr td
{
    font-size: 15px;
}
.ncf1500-cs tr h3
{
    font-size: 36px;
}
.ncf1500-cs tr:nth-child(2) td:nth-child(1)
{
    padding: 10px 0;
    text-align: justify;
    line-height: 26px;
}
.ncf1500-cs td
{
    color: #5e5757;
}
.ncf1500-cs .cs td
{
    line-height: 40px;
}
.ncf1500-cs .cs td:nth-child(1)
{
    width: 15%;
}
.ncf1500-cs .cs td:nth-child(2)
{
    width: 85%;
    font-family: "arial";
}
.ad
{
    background: url(/skin/img/ad-banner.jpg) no-repeat left top;
    background-size: 100% 100%;
}
.ad1
{
    background: url(/skin/img/ad-banner1.jpg) no-repeat left top;
    background-size: 100% 100%;
}
.ad .ad-text
{
    color: #fff;
    padding: 110px 0;
    text-align: center;
}
.ad .ad-text h3
{
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 20px;
}
.ad .ad-text h3 span
{
    font-family: "arial";
}
.ad .ad-text p
{
    font-size: 18px;
}
.raycus-container
{
    background: url(/skin/img/raycus-bg.jpg) no-repeat left top;
    background-size: 100% 100%;
}
.raycus-wrap .raycus-img
{
    text-align: center;
}
.raycus-wrap .raycus-img, .raycus-wrap .raycus-text, .protect-container .protect-intro, .protect-container .protect-img
{
    width: 50%;
}
.raycus-wrap .raycus-text, .raycus-adv .adv-list, .protect-container .protect-intro
{
    color: #5e5757;
}
.raycus-wrap .raycus-text h3, .protect-container .protect-intro>h3
{
    font-size: 36px;
}
.raycus-wrap .raycus-text p, .protect-container .protect-intro>p
{
    font-size: 15px;
    line-height: 26px;
    margin: 30px 0;
}
.raycus-adv .adv-list
{
    float: left;
    margin-right: 30px;
    text-align: center;
}
.raycus-adv .adv-list span
{
    display: block;
    width: 54px;
    height: 54px;
    text-indent: -9999px;
    border-radius: 50%;
    margin: 0 auto;
    border: 1px solid #605959;
}
.raycus-adv .adv-list span.adv1
{
    background: url(/skin/img/adv-icon1.png) no-repeat center center;
}
.raycus-adv .adv-list span.adv2
{
    background: url(/skin/img/adv-icon2.png) no-repeat center center;
}
.raycus-adv .adv-list p
{
    line-height: 30px;
}
.protect-container
{
    padding-top: 50px;
}
.protect-container .protect-img img
{
    display: block;
    margin: 0 auto;
}
.protect-adv .adv-list
{
    float: left;
    width: 180px;
    height: 180px;
    color: #827d7d;
    border-radius: 50%;
    text-align: center;
    padding-top: 60px;
    margin-right: 40px;
}
.protect-adv .adv-list h3
{
    font-size: 36px;
    font-family: "tt";
}
.protect-adv .adv-list p
{
    font-size: 15px;
}
.protect-adv .adv-list1
{
    background: url(/skin/img/protect-adv1.png) left top;
}
.protect-adv .adv-list2
{
    background: url(/skin/img/protect-adv2.png) left top;
}
.protect-adv .adv-list3
{
    background: url(/skin/img/protect-adv3.png) left top;
}
.auto-adv
{
    background: url(/skin/img/auto-bg.jpg) no-repeat left top;
    background-size: 100% 100%;
}
.device-adv .title-wrap
{
    color: #5e5757;
}
.device-adv .title-wrap h3
{
    font-size: 36px;
}
.device-adv .title-wrap h3::after
{
    background-color: transparent;
}
.device-adv .title-wrap p
{
    font-size: 15px;
}
.device-adv .product-adv
{
    width: 480px;
    margin: 10px auto 50px;
}
.product-adv .adv-list
{
    text-align: center;
    width: calc(100% / 3);
}
.product-adv .adv-list .adv
{
    display: block;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #5e5757;
}
.product-adv .adv-list .adv1
{
    background: url(/skin/img/ncf-auto1.png) no-repeat center center;
}
.product-adv .adv-list .adv2
{
    background: url(/skin/img/ncf-auto2.png) no-repeat center center;
}
.product-adv .adv-list .adv3
{
    background: url(/skin/img/ncf-auto3.png) no-repeat center center;
}
.product-adv .adv-list p
{
    color: #5e5757;
    line-height: 40px;
}
.device-adv .device-img img
{
    display: block;
    margin: 0 auto;
}
.bed-adv .adv-list adv1
{
    background: url(/skin/img/ncf-bed1.png) no-repeat center center;
}
.bed-adv .adv-list adv2
{
    background: url(/skin/img/ncf-bed2.png) no-repeat center center;
}
.bed-adv .adv-list adv3
{
    background: url(/skin/img/ncf-bed3.png) no-repeat center center;
}
.material-container
{
    height: 499px;
    background: url(/skin/img/material-bg.jpg) no-repeat left top;
    background-size: 100% 100%;
}
.material-wrap .material-intro
{
    color: #5e5757;
}
.material-wrap .material-intro h3
{
    font-size: 36px;
}
.material-wrap .material-intro p
{
    font-size: 15px;
    margin: 30px 0;
    line-height: 26px;
}
.material-wrap span
{
    font-size: 18px;
    cursor: pointer;
    background: #293247;
}
.dg-container
{
    height: 570px;
    background: url(/skin/img/dg-bg.jpg) no-repeat left top;
    background-size: 100% 100%;
}
.dj-container
{
    height: 442px;
    background: url(/skin/img/dj-bg.jpg) no-repeat left top;
    background-size: 100% 100%;
}
.dg-container .material-intro h3
{
    margin-bottom: 30px;
}
.dg-container .material-intro p
{
    margin: 0;
}
.summary-wrap .summary-img
{
    width: 613px;
    margin: 0 auto 30px;
}
.huikuang, .solution-summary p.huikuang
{
    color: #fff;
    line-height: 40px;
    text-align: center;
    background-color: #5b5b5b;
}
.summary-img img
{
    width: 100%;
    display: block;
}
.summary-wrap>p
{
    color: #5e5757;
    font-size: 15px;
    text-indent: 30px;
    line-height: 26px;
    text-align: justify;
}
.perform .center-wrap
{
    max-width: 1150px;
}
.perform-wrap img
{
    width: 100%;
    display: block;
}
.perform .product-td, .perform .td-text
{
    color: #5e5757;
    font-size: 15px;
    line-height: 26px;
}
.perform .product-td
{
    margin: 30px 0;
}
.perform .product-td, .perform .td-img
{
    padding-left: 10px;
}
.perform .td-text, .perform .td-img img
{
    float: left;
}
.perform .td-text
{
    padding: 30px 0;
    margin-top: 80px;
    margin-right: 30px;
    border-top: 1px solid #e8e8e7;
    border-bottom: 1px solid #e8e8e7;
}
.tec table
{
    width: 100%;
    margin-bottom: 40px;
}
.tec table td
{
    padding: 10px 0;
    text-align: center;
}
.tec table td:nth-child(1)
{
    width: 230px;
}
.tec table td:nth-child(2)
{
    width: 390px;
}
.tec table td:nth-child(3)
{
    width: 340px;
}
.tec table tr:nth-child(1) td
{
    color: #fff;
    background-color: #5e5757;
}
.tec table tr:nth-child(2) td
{
    color: #5e5757;
    background-color: #efeeee;
}
.product-container .product-list
{
    width: 1400px;
    padding: 0 60px 0 70px;
    float: left;
}
.product .product-intro
{
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}
.product-intro .tab-btn
{
    position: absolute;
    top: calc(50% - 25px);
}
.product-intro .left-btn
{
    left: 0;
}
.product-intro .right-btn
{
    right: 0;
}
.product-intro .tab-box
{
    width: 160px;
    margin: 40px auto 0;
    position: relative;
}
.product-intro .tab-box li
{
    width: 16px;
    height: 16px;
    float: left;
    margin: 0 2px;
    cursor: pointer;
    border-radius: 50%;
    text-indent: -9999px;
    border: 1px solid #2d2d2c;
}
.product-intro .tab-box li.current, .product-intro .tab-box li:hover
{
    background-color: #2d2d2c;
}
.product-container .text-intro
{
    color: #2d2d2c;
    text-align: justify;
}
.product-container .text-intro p:nth-of-type(1)
{
    font-size: 22px;
}
.product-container .text-intro h3
{
    font-size: 48px;
    line-height: 90px;
}
.product-container .text-intro p:last-of-type
{
    margin-top: 10px;
}
.product-container .text-intro a
{
    display: block;
    width: 180px;
    border-radius: 30px;
    margin-top: 20px;
    line-height: 60px;
    text-align: center;
    color: #2d2d2c;
    border: 1px solid #343433;
}
.adv-list img
{
    width: 100%;
    display: block;
}
.adv-wrap .adv-list
{
    padding-bottom: 30px;
}
.adv-list .adv-text h3, .adv-list .adv-text p:nth-of-type(1)
{
    color: #2d2d2c;
}
.adv-list .adv-text h3
{
    font-size: 24px;
    line-height: 24px;
    margin-top: 30px;
}
.adv-list .adv-text p:nth-of-type(1)
{
    font-family: "arial";
    line-height: 26px;
    margin-bottom: 10px;
}
.adv-list .adv-text p:last-of-type
{
    color: #5d5d5c;
    line-height: 30px;
}
.solution-index
{
    background: url(/skin/img/solution-bg.jpg) no-repeat left top;
    background-size: 100% 100%;
}
.solution-wrap .solution-container
{
    margin: 0 0 30px;
}
.solution-container .solution-title
{
    padding: 20px 60px;
    border: 1px solid #e8e8e7;
}
.solution-title .solution-list
{
    width: calc(100% / 12);
    border-right: 1px solid #ebebea;
    position: relative;
    cursor: pointer;
}
.solution-title .solution-list:last-child
{
    border: none;
}
.solution-title .solution-list span
{
    display: block;
    color: transparent;
    width: 66px;
    height: 66px;
    background-color: #f3f3f3;
    border-radius: 50%;
    margin: 0 auto;
}
.solution-title .solution-list span.t1
{
    background: #f3f3f3 url(/skin/img/solution2-icon1.png) no-repeat center center;
}
.solution-title .solution-list span.t2
{
    background: #f3f3f3 url(../image/solution-icon2.png) no-repeat center center;
}
.solution-title .solution-list span.t3
{
    background: #f3f3f3 url(/skin/img/solution-icon3.png) no-repeat center center;
}
.solution-title .solution-list span.t4
{
    background: #f3f3f3 url(/skin/img/solution-icon4.png) no-repeat center center;
}
.solution-title .solution-list span.t5
{
    background: #f3f3f3 url(/skin/img/solution-icon5.png) no-repeat center center;
}
.solution-title .solution-list span.t6
{
    background: #f3f3f3 url(/skin/img/solution-icon6.png) no-repeat center center;
}
.solution-title .solution-list span.t7
{
    background: #f3f3f3 url(/skin/img/solution-icon7.png) no-repeat center center;
}
.solution-title .solution-list span.t8
{
    background: #f3f3f3 url(/skin/img/solution-icon8.png) no-repeat center center;
}
.solution-title .solution-list span.t9
{
    background: #f3f3f3 url(/skin/img/solution-icon9.png) no-repeat center center;
}
.solution-title .solution-list span.t10
{
    background: #f3f3f3 url(/skin/img/solution-icon10.png) no-repeat center center;
}
.solution-title .solution-list span.t11
{
    background: #f3f3f3 url(/skin/img/solution-icon11.png) no-repeat center center;
}
.solution-title .solution-list span.t12
{
    background: #f3f3f3 url(/skin/img/solution-icon12.png) no-repeat center center;
}
.solution-title .current span.t1
{
    background: #293247 url(../image/solution-icon1.png) no-repeat center center;
}
.solution-title .current span.t2
{
    background: #293247 url(/skin/img/solution2-icon2.png) no-repeat center center;
}
.solution-title .current span.t3
{
    background: #293247 url(/skin/img/solution2-icon3.png) no-repeat center center;
}
.solution-title .current span.t4
{
    background: #293247 url(/skin/img/solution2-icon4.png) no-repeat center center;
}
.solution-title .current span.t5
{
    background: #293247 url(/skin/img/solution2-icon5.png) no-repeat center center;
}
.solution-title .current span.t6
{
    background: #293247 url(/skin/img/solution2-icon6.png) no-repeat center center;
}
.solution-title .current span.t7
{
    background: #293247 url(/skin/img/solution2-icon7.png) no-repeat center center;
}
.solution-title .current span.t8
{
    background: #293247 url(/skin/img/solution2-icon8.png) no-repeat center center;
}
.solution-title .current span.t9
{
    background: #293247 url(/skin/img/solution2-icon9.png) no-repeat center center;
}
.solution-title .current span.t10
{
    background: #293247 url(/skin/img/solution2-icon10.png) no-repeat center center;
}
.solution-title .current span.t11
{
    background: #293247 url(/skin/img/solution2-icon11.png) no-repeat center center;
}
.solution-title .current span.t12
{
    background: #293247 url(/skin/img/solution2-icon12.png) no-repeat center center;
}
.solution-title .solution-list h3
{
    text-align: center;
    color: #5d5d5c;
    font-size: 17px;
    margin: 20px 0 0;
    position: relative;
}
.solution-title .solution-list h3::after
{
    content: "";
    display: block;
    width: 15px;
    height: 1px;
    background-color: #ccc;
    margin: 20px auto 0;
}
.solution-title .current::after
{
    content: "";
    display: block;
    width: 17px;
    height: 9px;
    background: url(/skin/img/title-icon.png) no-repeat left top;
    position: absolute;
    left: calc(50% - 8px);
    bottom: -29px;
}
.solution-title .current h3
{
    color: #2d2d2c;
}
.solution-title .current h3::after
{
    background-color: #293247;
}
.solution-container .solution-content
{
    background-color: #fff;
    border: 1px solid #e8e8e7;
    border-top: none;
    padding: 60px 40px;
    color: #5d5d5c;
}
.solution-content .text-intro h3
{
    font-size: 18px;
    margin-bottom: 18px;
}
.solution-content .text-intro p
{
    font-size: 15px;
    text-align: justify;
}
.visit-more a
{
    display: block;
    width: 172px;
    height: 44px;
    color: transparent;
    margin: 0 auto;
    background: #293247 url(../image/right-link.png) no-repeat center center;
}
.solution-wrap .solution-app
{
    width: calc(25% - 20px);
    margin: 0 10px 20px;
}
.solution-app .solution-img
{
    position: relative;
}
.solution-app .solution-img img
{
    width: 100%;
    display: block;
}
.solution-app .solution-img .transparent-box
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: -9999px;
    display: none;
    background-color: rgba(0,0,0,.45);
}
.solution-img .transparent-box span
{
    position: absolute;
    width: 72px;
    height: 72px;
    left: calc(50% - 36px);
    top: calc(50% - 36px);
    border-radius: 50%;
    border: 1px solid #fff;
}
.solution-img .transparent-box span.app-icon1
{
    background: url(../image/solution-icon1.png) no-repeat center center;
}
.solution-img .transparent-box span.app-icon2
{
    background: url(/skin/img/solution2-icon2.png) no-repeat center center;
}
.solution-img .transparent-box span.app-icon3
{
    background: url(/skin/img/solution2-icon3.png) no-repeat center center;
}
.solution-img .transparent-box span.app-icon4
{
    background: url(/skin/img/solution2-icon4.png) no-repeat center center;
}
.solution-img .transparent-box span.app-icon5
{
    background: url(/skin/img/solution2-icon5.png) no-repeat center center;
}
.solution-img .transparent-box span.app-icon6
{
    background: url(/skin/img/solution2-icon6.png) no-repeat center center;
}
.solution-img .transparent-box span.app-icon7
{
    background: url(/skin/img/solution2-icon7.png) no-repeat center center;
}
.solution-img .transparent-box span.app-icon8
{
    background: url(/skin/img/solution2-icon8.png) no-repeat center center;
}
.solution-img .transparent-box span.app-icon9
{
    background: url(/skin/img/solution2-icon9.png) no-repeat center center;
}
.solution-img .transparent-box span.app-icon10
{
    background: url(/skin/img/solution2-icon10.png) no-repeat center center;
}
.solution-img .transparent-box span.app-icon11
{
    background: url(/skin/img/solution2-icon11.png) no-repeat center center;
}
.solution-img .transparent-box span.app-icon12
{
    background: url(/skin/img/solution2-icon12.png) no-repeat center center;
}
.solution-app .app-title a, .solution-app:hover .transparent-box
{
    display: block;
}
.solution-app:hover .app-title a
{
    background-color: #293247;
}
.solution-adv .adv-list
{
    padding: 30px 0;
}
.solution-adv .adv-list span, .solution-adv .adv-list .adv-text
{
    float: left;
}
.solution-adv .adv-list span
{
    width: 102px;
    height: 102px;
    border-radius: 50%;
    margin-right: 15px;
    text-indent: -9999px;
    border: 1px solid #e8e8e7;
}
.solution-adv .adv-list span.adv1
{
    background: url(/skin/img/solution-adv1.png) no-repeat center center;
}
.solution-adv .adv-list span.adv2
{
    background: url(/skin/img/solution-adv2.png) no-repeat center center;
}
.solution-adv .adv-list span.adv3
{
    background: url(/skin/img/solution-adv3.png) no-repeat center center;
}
.solution-adv .adv-list span.adv4
{
    background: url(/skin/img/solution-adv4.png) no-repeat center center;
}
.solution-adv .adv-text h3
{
    color: #5b5b5b;
    margin-bottom: 10px;
}
.solution-adv .adv-text p
{
    color: #7b7b7b;
}
.solution-summary p
{
    color: #5e5757;
    font-size: 15px;
    line-height: 26px;
    text-align: justify;
}
.solution-summary .summary-adv
{
    position: relative;
    margin-top: 50px;
    padding: 50px 30px 40px;
    border: 1px solid #e8e8e7;
}
.solution-summary .summary-adv .adv-title
{
    padding: 12px 20px;
    position: absolute;
    left: 50%;
    top: -21px;
    color: #fff;
    background-color: #293247;
}
.summary-adv .adv-title h3
{
    font-size: 18px;
    line-height: 18px;
    padding-left: 20px;
    border-left: 7px solid currentcolor;
}
.solution-advantage .center-wrap
{
    max-width: 1420px;
}
.advantage-wrap .advantage-img
{
    width: calc(100% / 3 - 20px);
    margin: 0 10px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #e8e8e7;
}
.advantage-img img
{
    width: 100%;
    display: block;
}
.solution-advantage .advantage-text
{
    color: #5e5757;
    line-height: 26px;
    padding: 20px 0 50px 10px;
}
.solution-advantage .advantage-text h3, .solution-advantage .advantage-text p
{
    font-size: 15px;
    text-align: justify;
}
.solution-advantage .advantage-text h3
{
    color: #fff;
    padding-left: 40px;
    padding-right: 20px;
    float: left;
    line-height: 40px;
    margin: 20px 0;
    background: #293247 url(/skin/img/ml-icon.png) no-repeat left 10px center;
}
.solution-groom .center-wrap
{
    max-width: 1420px;
}
.groom-container .groom-wrap .groom-img
{
    width: calc(100% / 6 - 20px);
    margin: 30px 10px;
}
.groom-wrap .groom-img img, .groom-photo img
{
    width: 100%;
    display: block;
}
.text-wrap
{
    color: #5e5757;
    line-height: 26px;
    text-align: justify;
}
.groom-container .groom-album
{
    max-width: 532px;
    margin: 30px auto 20px;
}
.groom-container .groom-album2
{
    max-width: 1086px;
}
.groom-container .groom-photo
{
    padding: 10px;
    border: 1px solid #e8e8e7;
}
.solution-groom .summary-adv
{
    margin-top: 30px;
}
.solution-groom .float-wrap
{
    width: calc(50% - 20px);
}
.client-wrap .client-list
{
    height: 156px;
    position: relative;
    border: 1px solid #e8e8e7;
}
.client-wrap1 .client-list
{
    width: calc(100% / 3 - 20px);
    margin: 10px;
}
.client-wrap1
{
    margin-bottom: 20px;
}
.client-wrap2
{
    width: 927px;
    margin: 0 auto;
}
.client-wrap .client-list img
{
    position: absolute;
    left: 50%;
    top: 50%;
}
.case-index
{
    background: url(../image/case-bg.jpg) no-repeat left top;
    background-size: 100% 100%;
}
.case-index .center-wrap
{
    max-width: 1420px;
}
.case-index ul
{
    padding-bottom: 25px;
}
.case-index ul li
{
    width: calc(20% - 20px);
    height: 80px;
    margin: 5px 10px;
    position: relative;
    border: 1px solid #e8e8e7;
}
.case-index ul li img
{
    position: absolute;
}
.case-index ul li:nth-child(1) img
{
    left: calc(50% - 70px);
    top: calc(50% - 11px);
}
.case-index ul li:nth-child(2) img
{
    left: calc(50% - 54px);
    top: calc(50% - 25px);
}
.case-index ul li:nth-child(3) img
{
    left: calc(50% - 80px);
    top: calc(50% - 15px);
}
.case-index ul li:nth-child(4) img
{
    left: calc(50% - 71px);
    top: calc(50% - 24px);
}
.case-index ul li:nth-child(5) img
{
    left: calc(50% - 45px);
    top: calc(50% - 19px);
}
.case-index ul li:nth-child(6) img
{
    left: calc(50% - 70px);
    top: calc(50% - 20px);
}
.case-index ul li:nth-child(7) img
{
    left: calc(50% - 51px);
    top: calc(50% - 15px);
}
.case-index ul li:nth-child(8) img
{
    left: calc(50% - 94px);
    top: calc(50% - 18px);
}
.case-index ul li:nth-child(9) img
{
    left: calc(50% - 46px);
    top: calc(50% - 16px);
}
.case-index ul li:nth-child(10) img
{
    left: calc(50% - 41px);
    top: calc(50% - 15px);
}
.style-wrap .tab-btn
{
    position: absolute;
    top: calc(50% - 33px);
}
.style-wrap .left-btn
{
    left: 0;
}
.style-wrap .right-btn
{
    right: 0;
}
.style-wrap .style-box
{
    width: 930px;
    margin: 0 auto;
}
.style-box .style-img img
{
    width: 100%;
    display: block;
}
.honor-container
{
    height: 659px;
    background: url(/skin/img/honor-bg.jpg) no-repeat left top;
    background-size: 100% 100%;
}
.culture-container .center-wrap
{
    max-width: 1420px;
}
.honor-container .center-wrap
{
    max-width: 1150px;
}
.honor-container .culture-list
{
    height: auto;
    background-color: transparent;
}
.honor-container .culture-list p
{
    text-align: center;
    margin: 10px 0;
}
.culture-list img
{
    width: 100%;
    display: block;
}
.about-address .add-left, .about-address .add-right
{
    width: 50%;
}
.about-address .add-left
{
    color: #fff;
    padding-top: 60px;
    background-color: #5e5757;
    position: relative;
    height: 500px;
}
.about-address .add-left .add-text
{
    position: absolute;
    top: 50%;
    right: 144px;
    text-align: right;
    margin-top: -152px;
}
.about-address .add-left h3
{
    font-size: 24px;
    margin-bottom: 40px;
}
.about-address .add-left h4
{
    font-size: 48px;
    line-height: 48px;
    font-family: "arial";
    margin: 16px 0 40px;
}
.about-address .add-left p
{
    font-size: 14px;
    line-height: 26px;
}
.about-address .add-right img
{
    width: 100%;
    display: block;
}
.choose
{
    background: url(../image/choosebg.jpg) no-repeat left top;
    background-size: 100% 100%;
    padding-top: 60px;
    position: relative;
}
.choose-container h3
{
    color: #fff;
    font-size: 48px;
    text-align: center;
    margin-bottom: 80px;
}
.choose .data-list
{
    width: 20%;
    height: 90px;
    color: #8e8e8d;
    text-align: center;
    transition: 3s;
}
.choose .data-list h4
{
    font-size: 60px;
    font-family: "arial";
    position: relative;
}
.choose .data-list p
{
    color: transparent;
}
.choose .current
{
    margin-top: -16px;
}
.choose .current h4, .choose .current p
{
    color: #fff;
}
.choose .current h4
{
    font-size: 80px;
    line-height: 80px;
}
.choose .current h4::after, .choose .data-list:last-child h4::after
{
    content: "+";
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    right: 60px;
    top: 0;
}
.choose .data-list:last-child h4::after
{
    content: "2";
    font-size: 24px;
    right: 38px;
    top: 6px;
}
.choose .current:first-child h4::after
{
    right: 80px;
}
.choose .current:last-child h4::after
{
    content: "2";
    right: 8px;
}
.choose .current:last-child h4::after
{
    top: 8px;
}
.choose .current p
{
    font-size: 20px;
}
.choose .btn-controls
{
    position: absolute;
    left: calc(50% - 55px);
    bottom: 45px;
}
.btn-controls .btn-item
{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    float: left;
    border: 1px solid #fff;
    margin: 0 5px;
}
.btn-controls .current
{
    background-color: #fff;
}
.btn-controls .btn-item a
{
    color: transparent;
}
.company-img
{
    position: relative;
    height: 432px;
    overflow: hidden;
}
.company-img img
{
    width: auto;
    float: left;
}
.company-img .btn-controls
{
    width: calc((100% - 960px) / 2);
    height: 432px;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
}
.btn-controls .tab-btn
{
    width: 55px;
    height: 55px;
    cursor: pointer;
    background-color: #fff;
    position: absolute;
    top: calc(50% - 27px);
    text-indent: -9999px;
}
.company-img .left-controls
{
    left: 0;
}
.company-img .right-controls
{
    right: 0;
}
.btn-controls .left-btn
{
    right: 40px;
    background: #293247 url(/skin/img/left-tab2.png) no-repeat center center;
}
.btn-controls .right-btn
{
    left: 40px;
    background: #293247 url(/skin/img/right-tab2.png) no-repeat center center;
}
.company-img .img-box
{
    width: 960px;
    margin: 0 auto;
}
.company-img .img-container
{
    margin-left: -960px;
}
.services-wrap .services-list
{
    width: calc(100% / 6 - 20px);
    margin: 0 10px;
    text-align: center;
    color: #5e5757;
}
.services-wrap .services-list h3
{
    color: #2d2d2d;
    font-size: 18px;
    line-height: 40px;
}
.services-wrap .services-list p
{
    font-size: 14px;
}
.services-wrap .services-list .services-box
{
    width: 186px;
    height: 186px;
    margin: 0 auto 10px;
    border-radius: 50%;
    text-indent: -9999px;
    border: 1px solid #e8e8e7;
}
.services-wrap .services-list .service-icon1
{
    background: #fafafa url(/skin/img/service-icon1.png) no-repeat center center;
}
.services-wrap .services-list .service-icon2
{
    background: #fafafa url(/skin/img/service-icon2.png) no-repeat center center;
}
.services-wrap .services-list .service-icon3
{
    background: #fafafa url(/skin/img/service-icon3.png) no-repeat center center;
}
.services-wrap .services-list .service-icon4
{
    background: #fafafa url(/skin/img/service-icon4.png) no-repeat center center;
}
.services-wrap .services-list .service-icon5
{
    background: #fafafa url(/skin/img/service-icon5.png) no-repeat center center;
}
.services-wrap .services-list .service-icon6
{
    background: #fafafa url(/skin/img/service-icon6.png) no-repeat center center;
}
.sevices-training
{
    background: url(/skin/img/train-bg.jpg) no-repeat left top;
    background-size: 100% 100%;
}
.services-engineer .center-wrap
{
    max-width: 1420px;
}
.engineer-wrap .engineer-list
{
    width: calc(25% - 20px);
    margin: 0 10px;
}
.engineer-wrap .engineer-list img
{
    width: 100%;
    display: block;
}
.engineer-wrap .engineer-list a
{
    display: block;
}
.order-table input
{
    height: 45px;
}
.order-table input, .order-table textarea
{
    display: block;
    width: 100%;
    border: 1px solid #dedede;
    margin-bottom: 10px;
    padding-left: 10px;
    color: #333;
    outline: none;
    background-color: #fbfbfb;
}
.order-table textarea
{
    height: 100px;
    padding: 10px;
}
.order-table button
{
    cursor: pointer;
    width: 300px;
    height: 50px;
    font-size: 16px;
    background-color: #ff3f3c;
    color: #fff;
    line-height: 50px;
    border: none;
    margin-top: 20px;
}
.order-table .formleft button
{
    float: right;
}
.order-table .formright button
{
    float: left;
    background-color: #5e5757;
}
.product-groom .center-wrap
{
    max-width: 1420px;
}
.product-groom h3
{
    margin-left: 10px;
}
.product-groom .product-wrap .product-img
{
    width: calc(25% - 20px);
    margin: 0 10px;
    padding: 10px 10px 0;
    text-align: center;
    border: 1px solid #dedede;
}
.product-groom .product-img p, .product-groom .product-img p a
{
    color: #5e5757;
    line-height: 40px;
}
.footWrap
{
    height: 408px;
    background: url(/skin/img/ftbg.jpg) no-repeat center top;
    overflow: hidden;
    font-family: "Microsoft Yahei";
}
.footer
{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.fnav
{
    overflow: hidden;
    width: 225px;
    font-size: 14px;
    color: #fff;
    float: left;
    margin-top: 60px;
}
.fnav h3
{
    height: 45px;
    line-height: 20px;
    background: url(../image/ftline.png) no-repeat left bottom;
    padding-left: 32px;
    color: #fff;
    width: 350px;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 30px;
    position: relative;
}
.fnav h3:before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 23px;
    height: 23px;
    background: url(../image/dhico.png) no-repeat;
}
.fnav li
{
    display: block;
    font-size: 14px;
    color: #fff;
    margin-bottom: 25px;
    width: 112px;
    opacity: .5;
    float: left;
}
.fnav li a
{
    color: #fff;
}
.fcontact
{
    float: left;
    overflow: hidden;
    width: 447px;
    height: 277px;
    font-size: 14px;
    color: #fff;
    float: left;
    margin-top: 60px;
    margin-left: 135px;
    box-sizing: border-box;
}
.fcontact h3
{
    height: 45px;
    line-height: 20px;
    background: url(../image/ftline.png) no-repeat left bottom;
    padding-left: 32px;
    color: #fff;
    width: 350px;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 30px;
    position: relative;
}
.fcontact h3:before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 23px;
    height: 23px;
    background: url(../image/lxico.png) no-repeat;
}
.fcontact li
{
    font-size: 20px;
    color: #fff;
    opacity: .5;
    width: 222px;
    float: left;
    margin-bottom: 25px;
    font-weight: normal;
}
.fcontact li b
{
    font-weight: normal;
    display: block;
    margin-bottom: 22px;
    font-size: 14px;
}
.fcontact li:nth-child(3)
{
    font-size: 16px;
}
.fcontact li em
{
    padding: 0 10px;
}
.fcode
{
    overflow: hidden;
    width: 230px;
    height: 277px;
    font-size: 14px;
    color: #fff;
    float: right;
    margin-top: 60px;
    margin-left: 135px;
    box-sizing: border-box;
}
.fcode h3
{
    height: 45px;
    line-height: 20px;
    background: url(../image/ftline.png) no-repeat left bottom;
    padding-left: 32px;
    color: #fff;
    width: 350px;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 40px;
    position: relative;
}
.fcode h3:before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 23px;
    height: 23px;
    background: url(../image/ewmico.png) no-repeat;
}
.fcode li
{
    font-size: 14px;
    color: #fff;
    width: 106px;
    float: left;
}
.fcode li img
{
    width: 106px;
    display: block;
}
.fcode li span
{
    display: block;
    font-size: 14px;
    color: #fff;
    text-align: center;
    height: 30px;
    line-height: 42px;
}
.fcode li:nth-child(1)
{
    margin-right: 18px;
}
.footWrap2
{
    height: 70px;
    line-height: 70px;
    text-transform: uppercase;
    border-top: 1px solid #4b4a4f;
    color: #fff;
    font-size: 14px;
    opacity: .5;
}
.footWrap2 span
{
    float: left;
}
.footWrap2 em
{
    padding: 0 10px;
}
.blk-main
{
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
}
.blk-sm
{
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
}
.fl
{
    float: left;
}
.pc-cx-tel-1
{
    width: 50%;
    height: 56px;
    border-top: 2px solid #e6e6e6;
    padding-top: 10px;
    position: absolute;
    bottom: 16px;
    right: 2%;
}
.pc-cx-tel-1-t1
{
    width: 114px;
    height: 44px;
    background: #00479d;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    float: right;
}
.pc-cx-tel-1-t1 a
{
    display: block;
    color: #fff;
}
.pc-cx-tel-1-t2
{
    height: 56px;
    padding-left: 70px;
    background: url(/skin/img/pc-xc-icon2.png) no-repeat 10px top;
    font-size: 18px;
    line-height: 18px;
    color: #454545;
}
.pc-cx-tel-1-t2 p
{
    line-height: 24px;
}
.p15-showcase
{
    position: relative;
    padding: 12px 18px 16px 20px;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #eee;
    height: 292px;
}
.p15-showcase-right-con
{
    line-height: 24px;
    font-size: 16px;
    max-height: 168px;
    margin-bottom: 86px;
    overflow: hidden;
}
.p15-showcase-left
{
    position: relative;
    width: 44.7%;
    float: left;
    line-height: 0;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    margin-right: 3.3%;
}
.p15-showcase-left-jt
{
    width: 12px;
    height: 23px;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    cursor: pointer;
    z-index: 33;
}
.p15-showcase-left-prev
{
    left: 10px;
}
.p15-showcase-left-next
{
    right: 10px;
}
.p15-showcase-left-size
{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 56px;
    height: 28px;
    font-size: 14px;
    line-height: 16px;
    padding: 0 15px;
}
.p15-showcase-left-size em
{
    font-style: normal;
}
.p15-showcase-left-pic
{
    width: 100%;
    text-align: center;
}
.p15-showcase-left-pic li
{
    float: left;
}
.p15-showcase-left-pic img
{
    width: 397px;
    height: 257px;
    display: block;
}
.p15-showcase-right
{
    width: 51.6%;
    float: left;
}
.p15-showcase-right-tit
{
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    color: #454545;
    margin-bottom: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.p14-prodcontent-1
{
    background: #fff;
    padding: 32px 0 42px;
    margin-bottom: 22px;
    width: 1200px;
    margin: 0 auto;
}
.p14-prodcontent-1-tit
{
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    border-bottom: 2px solid #d4d4d4;
    margin-bottom: 20px;
}
.p14-prodcontent-1-tit span
{
    display: inline-block;
    height: 40px;
    color: #fff;
    border-bottom: 2px solid #555;
    background: #293247;
}
.p14-prodcontent-1-tit em
{
    font-size: 18px;
    font-family: Arial;
    text-transform: uppercase;
    font-style: normal;
    color: #c2c2c1;
}
.p14-product-2-tit
{
    height: 46px;
    line-height: 46px;
    border-bottom: 2px solid #dfdfdf;
    margin-bottom: 30px;
    padding-top: 26px;
}
.p14-product-2-tit b
{
    display: inline-block;
    font-size: 24px;
    font-weight: normal;
    color: #464646;
    padding-left: 52px;
    border-bottom: 2px solid #555;
    background: url(/skin/img/p14-icon11.png) no-repeat 22px center;
}
.p14-product-2-tit span
{
    margin-left: 10px;
    font-size: 18px;
    font-family: Arial;
    color: #c2c2c1;
    text-transform: uppercase;
}
.p14-product-2-list dl
{
    float: left;
    width: 23.8%;
    border: 1px solid #dfdfdf;
    margin-right: 1.5%;
    box-sizing: border-box;
}
.p14-product-2-list dl.p14-product-clear
{
    margin-right: 0;
}
.p14-product-2-list dl img
{
    display: block;
    width: 100%;
}
.p14-product-2-list dd
{
    padding: 10px 28px 10px 10px;
    margin-right: 2px;
    position: relative;
}
.p14-product-2-list h3
{
    height: 30px;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #191919;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.p14-product-2-list h3 a
{
    color: #191919;
}
.p14-product-2-desc
{
    font-size: 14px;
    line-height: 24px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.p14-product-2-list dl:hover
{
    border-color: #00479d;
}
.p14-product-2-list dl:hover h3 a
{
    color: #00479d;
}
.cp_t
{
    font-size: 40px;
    color: #333;
    font-weight: normal;
    text-align: center;
    height: 140px;
    line-height: 110px;
}
.cp_t a
{
    font-size: 48px;
    color: #333;
    font-weight: bold;
}
.s_bg
{
    height: 80px;
    border-bottom: #ededed 1px solid;
    overflow: hidden;
}
.search
{
    width: 1200px;
    margin: 0 auto;
}
.search p
{
    float: left;
    font-size: 14px;
    color: #888;
    width: 980px;
    height: 80px;
    line-height: 80px;
    overflow: hidden;
}
.search p a
{
    font-size: 14px;
    color: #888;
    padding: 0 0 0 10px;
}
.search .ser_inp
{
    background: url(../image/s_inp.gif) no-repeat;
    width: 240px;
    height: 38px;
    border: none;
    padding: 0 0 0 16px;
    float: left;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #666;
    line-height: 38px;
    outline: none;
    margin-top: 23px;
}
.search .ser_so
{
    cursor: pointer;
    float: left;
    background: url(../image/s_so.gif) no-repeat;
    border: none;
    width: 64px;
    height: 38px;
    margin-top: 23px;
}
.yin
{
    padding: 50px 0;
    height: 208px;
}
.yin ul li:first-child
{
    background: none;
}
.yin ul li
{
    font-size: 20px;
    color: #666;
    width: 300px;
    float: left;
    text-align: center;
    background: url(../image/yin_line02.gif) no-repeat 0 10px;
    line-height: 30px;
}
.yin ul li em
{
    display: block;
    font-size: 28px;
    color: #333;
    background: url(../image/yin_line01.gif) no-repeat center 56px;
    height: 60px;
    margin-bottom: 15px;
}
.content
{
    width: 1200px;
    margin: 0 auto;
}
em, i
{
    font-style: normal;
}
.bg1
{
    background-color: #fafafa;
}
.fr
{
    float: right;
}
.content1
{
    width: 1200px;
    margin: 0 auto;
}
.ys h2
{
    height: 130px;
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    color: #293247;
    font-weight: bold;
    line-height: 80px;
}
.ys h2 em
{
    display: block;
    font-size: 22px;
    color: #666;
    font-weight: normal;
    line-height: 30px;
    height: 30px;
}
.ys
{
    padding-top: 40px;
}
.ys1
{
    height: 440px;
    background: url(../image/ys_bg1.jpg) no-repeat center top;
    overflow: hidden;
}
.ys1 dl
{
    width: 500px;
    margin-top: 80px;
}
.ys1 dt
{
    margin-bottom: 30px;
}
.ys1 dt em
{
    display: block;
}
.ys1 dt span
{
    display: block;
    height: 65px;
    margin-top: 8px;
    background: url(/skin/img/ys_line.png) repeat-x center bottom;
    font: 40px "Microsoft YaHei";
    font-weight: bold;
    color: #293247;
}
.ys1 dt span i
{
    font: 24px "Times New Roman",Times,serif;
    font-weight: bold;
    color: #ccc;
    padding-left: 8px;
    text-transform: uppercase;
}
.ys1 dd p
{
    font: 16px "Microsoft YaHei";
    line-height: 32px;
    color: #666;
    background: url(/skin/img/ys_dot.png) no-repeat left 12px;
    padding-left: 20px;
}
.ys1 dd p b
{
    color: #222;
}
.ys01
{
    height: 521px;
}
.ys01 dl
{
    margin-top: 170px;
}
.ys02
{
    background: url(../image/ys_bg2.jpg) no-repeat center top;
    text-align: right;
}
.ys02 dd p, .ys04 dd p
{
    background: url(/skin/img/ys_dot.png) no-repeat right 12px;
    padding-right: 20px;
}
.ys03
{
    background: url(../image/ys_bg3.jpg) no-repeat center top;
}
.ys04
{
    background: url(../image/ys_bg4.jpg) no-repeat center top;
    text-align: right;
}
.ys05
{
    background: url(/skin/img/ys_bg5.jpg) no-repeat center top;
}
.newbox
{
    line-height: 30px;
    height: 615px;
    font-family: "Microsoft Yahei";
    color: #333;
    margin: 80px 0;
}
.newtil
{
    height: 50px;
    line-height: 38px;
    overflow: hidden;
    font-size: 18px;
    background: url(/skin/img/line1.gif) no-repeat 203px 16px;
}
.newtil li
{
    float: left;
    width: 160px;
    text-align: center;
    border: #ebebeb 1px solid;
    margin: 0 5px;
}
.newtil ul
{
    width: 360px;
    margin: 0 auto;
    height: 50px;
}
.newtil span
{
    float: right;
    font-size: 14px;
}
.newtil span a
{
    color: #999;
    display: inline-block;
}
.newtil li.cur
{
    color: #fff;
    background: #293247;
}
.news_c dl
{
    width: 603px;
    float: left;
    overflow: hidden;
}
.news_c dd
{
    padding: 8px 21px 0;
    line-height: 30px;
    color: #333;
}
.news_c dd h3
{
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    color: #333;
    text-align: left;
}
.news_c dt
{
    width: 562px;
    height: 315px;
    border: dashed 1px #e6e6e6;
    padding: 20px 19px;
}
.news_c dt p, .news_c dt p img
{
    display: block;
    width: 522px;
    height: 271px;
    overflow: hidden;
}
.news_c ul
{
    width: 586px;
    float: right;
}
.news_c li
{
    height: 99px;
    border-bottom: solid 1px #e8e8e8;
    line-height: 24px;
    margin-bottom: 32px;
    background: #fff;
    padding: 10px;
}
.news_c li span
{
    width: 80px;
    float: left;
    text-align: center;
    padding: 0 10px 0 0;
    font-family: Arial;
    font-size: 18px;
    line-height: 20px;
    color: #ddd;
}
.news_c li span b
{
    display: block;
    font-size: 44px;
    line-height: 50px;
    font-weight: normal;
    color: #333;
}
.news_c li p
{
    width: 425px;
    float: left;
    color: #666;
}
.news_c li p a, .news_c dd p a, .about_w p a
{
    display: inline-block;
    color: #293247;
}
.news_c li p b
{
    display: block;
    color: #333;
    line-height: 26px;
}
.news_c li p b a, .news_c dd h3 a
{
    display: block;
    color: #333;
}
.g_zs2
{
    height: 710px;
    padding-top: 90px;
    background: #f5f5f5;
}
.g_zs2 h2
{
    height: 130px;
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    color: #293247;
    font-weight: bold;
}
.g_zs2 h2 a
{
    color: #293247;
}
.g_zs2 h2 em
{
    display: block;
    font-size: 22px;
    color: #666;
    font-weight: normal;
}
.zz ul
{
    height: 92px;
    width: 545px;
    margin: 0 auto;
}
.zz ul li
{
    float: left;
    width: 256px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    margin-right: 16px;
}
.zz ul li a
{
    color: #fff;
    display: block;
    background: #333;
}
.zz ul li a:hover, .zz ul li.cur a
{
    background: #293247;
}
.zz-s
{
    height: 470px;
    overflow: hidden;
}
.zz-s ol li
{
    position: relative;
    float: left;
    width: 286px;
    height: 440px;
    overflow: hidden;
    background: none;
    margin-right: 16px;
    transition: all .3s linear 0s;
    background: url(../image/zsk.jpg) no-repeat;
}
.zz-s ol li:hover
{
    transform: translateX(-5px);
}
.zz-s ol li.no
{
    margin: 0;
}
.zz-s ol li img
{
    width: 260px;
    height: 380px;
    display: block;
    transition: all .3s linear 0s;
    padding: 16px;
}
.zz-s ol li em
{
    display: block;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    text-align: center;
}
.zz-s2
{
    height: 470px;
    overflow: hidden;
}
.zz-s2 ol li
{
    position: relative;
    float: left;
    width: 282px;
    overflow: hidden;
    background: none;
    margin-right: 16px;
    transition: all .3s linear 0s;
}
.zz-s2 ol li:hover
{
    transform: translateX(-5px);
}
.zz-s2 ol li.no
{
    margin: 0;
}
.zz-s2 ol li img
{
    width: 278px;
    height: 376px;
    display: block;
    transition: all .3s linear 0s;
    border: 2px solid #fff;
}
.zz-s2 ol li em
{
    display: block;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    text-align: center;
}
.zz_box
{
    position: relative;
}
.zz_box .ljt, .zz_box .rjt
{
    width: 24px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    display: block;
    z-index: 10;
}
.zz_box .ljt
{
    left: -45px;
    top: 180px;
}
.zz_box .rjt
{
    right: -45px;
    top: 180px;
}
.zz_box .ljt a
{
    background: url(../image/ljt.png) no-repeat;
    width: 24px;
    height: 40px;
    display: block;
}
.zz_box .rjt a
{
    background: url(../image/rjt.png) no-repeat right 0;
    width: 24px;
    height: 40px;
    display: block;
}
.ban01
{
    background: url(../image/ban01.jpg) no-repeat center 0;
    height: 210px;
    overflow: hidden;
    padding: 78px 0 0;
}
.ban01 p span
{
    display: block;
    float: left;
    font-size: 14px;
    color: #333;
    background: url(../image/ban_tel.png) no-repeat 0 22px;
    width: 350px;
    padding: 0 0 0 45px;
    line-height: 28px;
}
.ban01 p b
{
    display: block;
    font-size: 30px;
    color: #fff;
    font-family: "DINOT";
}
.ban01 p em
{
    display: block;
    width: 198px;
    float: left;
    padding: 10px 0 0;
}
.ban01 p em a
{
    font-size: 14px;
    color: #333;
    display: block;
    background: url(../image/ban_btn.png) no-repeat;
    width: 148px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    padding: 0 0 0 20px;
}
.ban01 p
{
    width: 590px;
    float: right;
}
.ttbj
{
    height: 150px;
    background: url(../image/ttbj.jpg) no-repeat center;
}
.tt
{
    padding-top: 38px;
}
.tt .t
{
    float: left;
}
.tt .t h3
{
    font-size: 32px;
    line-height: 32px;
    color: #fff;
    font-weight: bold;
    padding-left: 69px;
    margin-bottom: 16px;
}
.tt .t p
{
    height: 24px;
    margin-left: 116px;
    padding-left: 106px;
    background: url(../image/xt6.jpg) no-repeat left;
    float: left;
}
.tt .t p em
{
    display: block;
    float: left;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    padding-left: 17px;
    background: url(/skin/img/yd1.jpg) no-repeat left;
    margin-right: 30px;
}
.tt strong
{
    display: block;
    height: 54px;
    padding-left: 68px;
    float: right;
    font-weight: normal;
    font-size: 18px;
    color: #da251c;
    background: url(../image/ph1.png) no-repeat left;
    margin-right: 56px;
}
.tt strong i
{
    display: block;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #da251c;
    margin-top: 12px;
}
.probox
{
    font-family: "Microsoft Yahei";
    height: 1100px;
    padding: 89px 0 0;
    line-height: 40px;
    position: relative;
    background: #f7f7f7;
}
.pro_cla
{
    width: 300px;
    height: 680px;
    line-height: 39px;
    color: #333;
    background: #f3f3f3;
}
.probox h2
{
    height: 130px;
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    color: #293247;
    font-weight: bold;
    line-height: 80px;
}
.probox h2 em
{
    display: block;
    font-size: 22px;
    color: #666;
    font-weight: normal;
    line-height: 30px;
    height: 30px;
}
.pro_list
{
    width: 1400px;
    padding: 10px 0 0;
    overflow: hidden;
}
.pro_lt
{
    width: 1400px;
    margin: 0 auto;
    height: 200px;
    line-height: 49px;
    margin-bottom: 30px;
    font-size: 16px;
}
.pro_lt span
{
    float: right;
    text-transform: uppercase;
    color: #ccc;
}
.pro_lt span a
{
    display: block;
    color: #ccc;
}
.pro_lt li
{
    float: left;
    color: #333;
    font-weight: bold;
    width: 215px;
    margin: 0 5px 10px 0;
}
.pro_lt li.cur
{
    background: #293247;
    color: #fff;
}
.pro_lt li.cur a
{
    color: #fff;
}
.pro_lt li em, .newtil li em
{
    display: inline-block;
    padding: 0 23px;
    font-weight: normal;
    color: #ccc;
}
.pro_lc dl
{
    position: relative;
}
.pro_lc dt img
{
    width: 330px;
    height: 237px;
    display: block;
    overflow: hidden;
    background: #fff;
}
.pro_lc dd
{
    padding: 15px 0 0;
    width: 348px;
}
.pro_lc dd h3
{
    font-size: 24px;
    line-height: 53px;
    height: 54px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pro_lc dd h3 a
{
    color: #333;
    display: inline-block;
    border-bottom: solid 1px #cfcfcf;
}
.pro_lc dt
{
    float: left;
    margin-right: 20px;
    width: 330px;
    height: 280px;
    display: block;
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
}
.pro_lc dt p
{
    height: 70px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    color: #696969;
}
.pro_lc dt span
{
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    display: block;
    background: #293247;
    width: 120px;
    margin: 0 auto;
    border-radius: 20px;
    color: #fff;
}
.pro_lt a
{
    color: #000;
    width: 215px;
    display: block;
    text-align: center;
    border: 1px solid #000;
}
.news .news-nav
{
    max-width: 400px;
    margin: 0 auto;
}
.news .news-nav li
{
    width: calc(100% / 3);
    border: 1px solid #ccc;
    background-color: #fafafa;
    text-align: center;
    padding: 10px 0;
    float: left;
}
.news .news-nav li.current
{
    background-color: #293247;
    color: #fff;
}
.news .news-nav li.current a
{
    color: #fff;
}
.news .news-nav li:nth-child(2)
{
    border-left: none;
    border-right: none;
}
.news .news-nav li a
{
    color: #2d2d2c;
}
.news .news-wrap
{
    margin: 30px 0;
}
.news-wrap .news-img
{
    height: 565px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #ccc;
}
.news-img img
{
    width: 100%;
    display: block;
}
.news .news-time, .news .news-intro
{
    float: left;
    color: #5d5d5c;
    margin-top: 20px;
}
.news .news-time
{
    width: 11%;
    text-align: right;
    font-family: "arial";
}
.news .news-time h3
{
    font-size: 24px;
    margin-bottom: 10px;
}
.news .news-time p
{
    font-size: 14px;
}
.news .news-intro
{
    width: 89%;
    text-align: justify;
    padding-left: 36px;
}
.news .news-intro a
{
    font-weight: bold;
    font-size: 18px;
    color: #5d5d5c;
}
.news .news-intro p
{
    font-size: 15px;
    line-height: 26px;
    padding-top: 10px;
}
.news .news-content .news-list
{
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e8e8e7;
}
.news .news-content .news-list:last-child
{
    margin-bottom: 0;
}
.news-content .news-time, .news-content .news-intro
{
    margin: 0;
}
.news-container .news-list
{
    padding: 40px 0;
    margin: 0 0 10px;
}
.news-container .news-times
{
    width: 156px;
    text-align: right;
    padding-right: 40px;
}
.news-container .news-times h3, .news-container .news-times p
{
    font-family: "arial";
}
.news-container .news-times h3
{
    font-size: 30px;
}
.news-container .news-times p
{
    font-size: 14px;
}
.news-container .news-tu
{
    width: 350px;
    border-left: 1px solid #e8e8e7;
}
.news-tu img
{
    display: block;
    margin: 0 auto;
    width: 300px;
    height: 200px;
}
.news-container .news-text
{
    width: calc(100% - 506px);
    padding-right: 40px;
}
.news-container h3 a
{
    color: #2d2d2d;
    font-size: 18px;
}
.news-container .news-text p
{
    color: #757575;
    font-size: 15px;
    margin: 20px 0;
    text-align: justify;
}
.news-text .visit-more a
{
    margin: 0;
    background: #5b5b5b url(../image/right-link.png) no-repeat center center;
}
.news-container .news-list:hover
{
    border-bottom: 1px solid #ccc;
}
.news-container .news-list:hover h3 a
{
    text-decoration: underline;
}
.news-container .news-list:hover .visit-more a
{
    background: #293247 url(../image/right-link.png) no-repeat center center;
}
.next-page
{
    margin-top: 50px;
    text-align: center;
}
.next-page ul
{
    display: inline-block;
}
.next-page ul li
{
    float: left;
    margin: 0 5px;
    padding: 10px 15px;
    border: 1px solid #dedede;
}
.next-page ul li.current
{
    color: #fff;
    background-color: #293247;
}
.next-page li a
{
    display: block;
    color: #666;
}
.news .news-title
{
    text-align: center;
    color: #6e7270;
    border-bottom: 1px solid #d0dfd6;
    position: relative;
    padding: 40px 0 10px 0;
    font-size: 15px;
}
.news .news-title h3
{
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 30px;
}
.news-title .share-icon
{
    position: absolute;
    right: 0;
    bottom: 0;
}
.news-title .share-icon a
{
    float: left;
    margin: 5px;
    line-height: 10px;
}
.news-title .share-icon a.add
{
    margin-top: 10px;
}
.news .news-article
{
    padding: 20px 0;
}
.news .news-article img
{
    display: block;
    margin: 0 auto;
}
.news-article .text-wrap
{
    padding-bottom: 40px;
}
.news-article .text-wrap h3
{
    margin-bottom: 10px;
}
.news .news-t
{
    margin: 20px 0;
}
.news-t li
{
    float: left;
    border: 1px solid #dedede;
    line-height: 50px;
    background-color: #f6f6f6;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-t li:nth-child(1), .news-t li:nth-child(3)
{
    width: 45%;
}
.news-t li:nth-child(2)
{
    width: 10%;
    border-left: none;
    border-right: none;
}
.news-t li, .news-t li a
{
    color: #5e5757;
}
.rele-news
{
    padding: 10px 0 20px;
}
.rele-news h3, .product-groom h3
{
    text-align: left;
    font-size: 15px;
    line-height: 54px;
    color: #666;
}
.rele-news li
{
    width: 50%;
    float: left;
    text-align: left;
    list-style: square;
    list-style-position: inside;
    border-right: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rele-news li a
{
    line-height: 26px;
    color: #5e5757;
    font-size: 15px;
}
.same-bj
{
    padding: 50px 0;
}
.tit
{
    clear: both;
}
.lx h2, .lx1 h2
{
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    margin: 50px auto 40px;
    color: #333;
}
.lx p
{
    background: url(../image/kf.jpg) no-repeat;
    height: 181px;
    padding: 20px 20px 0 250px;
}
.lx p b
{
    font-size: 24px;
    color: #293247;
    display: block;
    margin: 17px auto;
    font-weight: normal;
}
.lx p em
{
    font-style: normal;
    color: #000;
}
.lx li
{
    float: left;
    border: 1px solid #eee;
    width: 285px;
    height: 190px;
    text-align: center;
    margin-right: 20px;
    color: #666;
    line-height: 160%;
    padding: 0 10px;
    font-family: 微软雅黑;
}
.lx li.last
{
    float: right;
    margin-right: 0;
}
.lx li img
{
    margin-top: 20px;
    width: 52px;
}
.lx li i
{
    display: block;
    font-size: 18px;
    color: #222;
    padding-bottom: 8px;
    font-style: normal;
    padding-top: 10px;
}
.lx li span
{
    display: block;
    font-size: 16px;
    color: #333;
    margin-top: 5px;
}
.lx li.last span
{
    font-size: 15px;
}
.cp-nav
{
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.cp-nav li
{
    width: calc(100% / 7);
    border: 1px solid #ccc;
    background-color: #fafafa;
    text-align: center;
    padding: 10px 0;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.cp-nav li.current
{
    background-color: #293247;
    color: #fff;
}
.cp-nav li.current a
{
    color: #fff;
}
.cp-nav li a
{
    color: #2d2d2c;
}
.dede_pages
{
    width: 1400px;
    margin: 0 auto;
    height: 70px;
}
.dede_pages ul
{
    float: left;
    padding: 12px 0 12px 16px;
}
.dede_pages ul li
{
    float: left;
    font-family: Tahoma;
    line-height: 17px;
    margin-right: 6px;
    border: 1px solid #e9e9e9;
    padding: 12px 10px 12px 16px;
}
.dede_pages ul li a
{
    float: left;
    padding: 2px 4px 2px;
    color: #555;
    display: block;
}
.dede_pages ul li a:hover
{
    color: #690;
    text-decoration: none;
    padding: 2px 4px 2px;
}
.dede_pages ul li.thisclass, .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover
{
    background-color: #f8f8f8;
    padding: 12px 14px 12px;
    font-weight: bold;
}
.dede_pages .pageinfo
{
    line-height: 21px;
    padding: 12px 10px 12px 16px;
    color: #999;
}
.dede_pages .pageinfo strong
{
    color: #555;
    font-weight: normal;
    margin: 0 2px;
}
.headliner
{
    height: 120px;
    margin-top: 60px;
}
.headliner h2
{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.headliner h2 span
{
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
}
.headliner h2 i
{
    display: block;
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 2px;
    line-height: 25px;
    height: 0;
}
.prod-showcase-1 .jqzoom
{
    border: none;
    padding: 0;
    cursor: pointer;
    margin: 0;
    display: block;
    position: relative;
}
.prod-showcase-1 .jqzoom img
{
    width: 100%;
    margin: 0 auto;
    display: block;
}
.prod-showcase-1 .zoomdiv
{
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    width: 369px;
    height: 369px;
    background: #fff;
    display: none;
    text-align: center;
    overflow: hidden;
    border: 1px solid #e8e8e8;
}
.prod-showcase-1 .jqZoomPup
{
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: #fff;
    opacity: .5;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    filter: alpha(Opacity=50);
}
.t1-pro-preview
{
    width: 40%;
    float: left;
}
.prod-showcase-1 .t1-spec-preview
{
    width: 100%;
    overflow: hidden;
    border: 1px solid #e8e8e8;
}
.prod-showcase-1 .t1-spec-scroll
{
    position: relative;
    z-index: 9999;
    overflow: hidden;
    clear: both;
    padding: 9px 0;
    width: 100%;
    border-top: 1px solid #e8e8e8;
    background-color: #fff;
}
.t1-spec-scroll .t1-prev, .t1-spec-scroll .t1-next
{
    position: absolute;
    z-index: 9999;
    display: block;
    width: 18px;
    height: 23px;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    top: 50%;
    margin-top: -9px;
}
.prod-showcase-1 .t1-prev
{
    left: 0;
    background: url(../image/p15-icon2.png) no-repeat center top;
}
.prod-showcase-1 .t1-next
{
    right: 0;
    background: url(../image/p15-icon3.png) no-repeat center top;
}
.prod-showcase-1 .t1-items
{
    padding: 0 22px;
}
.t1-items-swiper
{
    position: relative;
}
.t1-items-swiper p
{
    float: left;
    width: 30%;
    padding: 0 5px;
}
.t1-items-swiper p img
{
    width: 100%;
    border: 1px solid #eee;
    box-sizing: border-box;
}
.t1-items-swiper .t1-current img
{
    border-color: #f00;
}
.p14-prodcontent-1
{
    background: #fff;
    padding: 32px 0 42px;
    margin-bottom: 22px;
}
.p14-prodcontent-1-tit
{
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    border-bottom: 2px solid #d4d4d4;
    margin-bottom: 20px;
}
.p14-prodcontent-1-tit span
{
    display: inline-block;
    height: 40px;
    color: #464646;
    border-bottom: 2px solid #333;
    padding-left: 34px;
    background: url(/skin/img/p14-icon11.png) no-repeat 2px center;
}
.p14-prodcontent-1-tit em
{
    font-size: 18px;
    font-family: Arial;
    text-transform: uppercase;
    font-style: normal;
    color: #c2c2c1;
}
.p14-product-2-tit
{
    height: 46px;
    line-height: 46px;
    border-bottom: 2px solid #dfdfdf;
    margin-bottom: 30px;
    padding-top: 26px;
}
.p14-product-2-tit b
{
    display: inline-block;
    font-size: 24px;
    font-weight: normal;
    color: #464646;
    padding-left: 52px;
    border-bottom: 2px solid #333;
    background: url(/skin/img/p14-icon11.png) no-repeat 22px center;
}
.p14-product-2-tit span
{
    margin-left: 10px;
    font-size: 18px;
    font-family: Arial;
    color: #c2c2c1;
    text-transform: uppercase;
}
.p14-product-2-list dl
{
    float: left;
    width: 23.8%;
    border: 1px solid #dfdfdf;
    margin-right: 1.5%;
    box-sizing: border-box;
}
.p14-product-2-list dl.p14-product-clear
{
    margin-right: 0;
}
.p14-product-2-list dl img
{
    display: block;
    width: 100%;
}
.p14-product-2-list dd
{
    padding: 10px 28px 10px 10px;
    margin-right: 2px;
    position: relative;
}
.p14-product-2-list h3
{
    height: 30px;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #191919;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.p14-product-2-list h3 a
{
    color: #191919;
}
.p14-product-2-desc
{
    font-size: 14px;
    line-height: 24px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.p14-product-2-list dl:hover
{
    border-color: #d90000;
}
.p14-product-2-list dl:hover h3 a
{
    color: #d90000;
}
.p1-pro-showcase-1-txt
{
    line-height: 30px;
    overflow: hidden;
    margin-left: 55px;
    float: left;
    width: 45%;
}
.p1-pro-showcase-1-txt h1
{
    height: 50px;
    font-size: 20px;
    font-weight: normal;
    line-height: 50px;
    overflow: hidden;
    color: #333;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
.p1-pro-showcase-1-txt-t1
{
    margin-bottom: 86px;
    overflow: hidden;
}
.p1-pro-showcase-1-tle
{
    left: 40%;
    bottom: 0;
    margin-left: 55px;
}
.p1-pro-showcase-1-tle .p1-pho-1
{
    background: url(../image/VISkins-p1.png) no-repeat 0 -3px;
    min-height: 50px;
    padding-left: 44px;
    font-size: 20px;
    line-height: 30px;
    margin-left: 30px;
    margin-right: 50px;
    color: #d90000;
}
.fl
{
    float: left;
}
.p1-pho-2 em
{
    display: block;
    width: 122px;
    height: 35px;
    background: #d90000;
    font-size: 16px;
    font-style: normal;
    color: #fff;
    text-align: center;
    line-height: 35px;
}
.p1-pro-showcase-1-tle
{
    left: 40%;
    bottom: 0;
    margin-left: 55px;
}
.p1-pro-showcase-1-tle .p1-pho-1
{
    background: url(../image/VISkins-p1.png) no-repeat 0 -3px;
    min-height: 50px;
    padding-left: 44px;
    font-size: 20px;
    line-height: 30px;
    margin-left: 30px;
    margin-right: 50px;
    color: #d90000;
}
.p1-pho-1 span
{
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #666;
}
.p1-pho-1 i
{
    font-style: normal;
}
.fl
{
    float: left;
}
.abt
{
    background: url(../image/abt_bg.jpg) no-repeat center;
    padding-top: 30px;
}
.abt_con
{
    height: 600px;
}
.abt dt img
{
    display: block;
    width: 612px;
    height: 382px;
}
.abt dd
{
    width: 480px;
    margin-right: 60px;
}
.abt dd h3 img
{
    display: block;
    width: 216px;
    height: 65px;
    padding-top: 60px;
    padding-bottom: 25px;
}
.abt dd span
{
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #333;
    padding-bottom: 23px;
}
.abt dd p
{
    font-size: 14px;
    line-height: 24px;
    color: #333;
}
.abt dd a
{
    display: block;
    margin-top: 22px;
    font-size: 14px;
    line-height: 14px;
    color: #333;
}
.abt_s
{
    float: left;
    padding-top: 45px;
    width: 418px;
}
.abt_s p
{
    font-size: 16px;
    color: #333;
    line-height: 30px;
}
.abt_s p b
{
    color: #293247;
    font-size: 18px;
    display: inline-block;
}
.abt_z li
{
    float: left;
    height: 68px;
    border-left: 1px solid #c2c7cd;
    padding: 0 83px;
    margin-top: 60px;
    font-size: 26px;
    line-height: 26px;
    color: #333;
    font-weight: bold;
}
.abt_z li:last-child
{
    padding-right: 0;
}
.abt_z li b, .abt_z li em
{
    display: inline-block;
    font-size: 66px;
    line-height: 66px;
    color: #293247;
    margin-top: -24px;
}
.abt_z li span
{
    display: block;
    font-size: 16px;
    line-height: 16px;
    color: #333;
    font-weight: normal;
    padding-top: 10px;
}
.abt_t
{
    margin-top: 64px;
    position: relative;
}
.abt_t h4
{
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #d9d9d9;
    font-size: 18px;
    display: block;
    margin-bottom: 18px;
}
.abt_t h4 a
{
    color: #002248;
}
.abt_t h4 i
{
    float: right;
    color: #666;
    font-weight: normal;
    font-size: 14px;
}
.abt_t li
{
    float: left;
    margin-right: 30px;
    width: 277px;
    height: 208px;
}
.abt_t li img
{
    width: 277px;
    height: 208px;
}
.abt_t .sprev
{
    position: absolute;
    left: -70px;
    top: 140px;
    width: 66px;
    height: 66px;
    background: url(/skin/img/sprev.png) no-repeat;
    z-index: 10;
}
.abt_t .snext
{
    position: absolute;
    right: -70px;
    top: 140px;
    width: 66px;
    height: 66px;
    background: url(/skin/img/snext.png) no-repeat;
    z-index: 10;
}
.abt_t .tempWrap
{
    width: 100%!important;
}
.edgebj
{
    height: 930px;
    background: url(../image/edge1.jpg) no-repeat center;
}
.edge
{
    padding-top: 93px;
    height: 937px;
}
.edge h3
{
    text-align: center;
    margin-bottom: 42px;
}
.edge h3 span
{
    display: block;
    font-size: 48px;
    color: #282828;
    height: 58px;
    line-height: 30px;
    background: url(/skin/img/prtb.png) no-repeat bottom center;
}
.edge h3 span i
{
    font-weight: bold;
}
.edge h3 em
{
    display: block;
    font-size: 22px;
    color: #666;
    font-weight: normal;
    line-height: 30px;
    height: 30px;
}
.edge ul li
{
    float: left;
    width: 210px;
    height: 251px;
    background: #fff;
    padding-top: 52px;
    box-shadow: 10px 10px 20px #e7e7e7,-10px -10px 20px #e7e7e7;
    margin-left: 20px;
    margin-top: 41px;
    position: relative;
}
.edge ul li.first
{
    margin-left: 0;
}
.edge ul li span
{
    display: block;
    padding-top: 98px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #444;
    margin-bottom: 20px;
}
.edge ul li .e1
{
    background: url(../image/edt1.png) no-repeat top center;
}
.edge ul li .e2
{
    background: url(../image/edt2.png) no-repeat top center;
}
.edge ul li .e3
{
    background: url(../image/edt3.png) no-repeat top center;
}
.edge ul li .e4
{
    background: url(../image/edt4.png) no-repeat top center;
}
.edge ul li .e5
{
    background: url(/skin/img/edt5.png) no-repeat top center;
}
.edge ul li .e6
{
    background: url(../image/edt6.png) no-repeat top center;
}
.edge ul li .e7
{
    background: url(../image/edt7.png) no-repeat top center;
}
.edge ul li .e8
{
    background: url(../image/edt8.png) no-repeat top center;
}
.edge ul li .e9
{
    background: url(../image/edt9.png) no-repeat top center;
}
.edge ul li .e10
{
    background: url(../image/edt10.png) no-repeat top center;
}
.edge ul li .e11
{
    background: url(../image/edt11.png) no-repeat top center;
}
.edge ul li .e12
{
    background: url(../image/edt12.png) no-repeat top center;
}
.edge ul li:hover .e1
{
    background: url(/skin/img/edt1_h.png) no-repeat top center;
}
.edge ul li:hover .e2
{
    background: url(../image/edt2_h.png) no-repeat top center;
}
.edge ul li:hover .e3
{
    background: url(../image/edt3_h.png) no-repeat top center;
}
.edge ul li:hover .e4
{
    background: url(../image/edt4_h.png) no-repeat top center;
}
.edge ul li:hover .e5
{
    background: url(../image/edt5_h.png) no-repeat top center;
}
.edge ul li:hover .e6
{
    background: url(../image/edt6_h.png) no-repeat top center;
}
.edge ul li:hover .e7
{
    background: url(../image/edt7_h.png) no-repeat top center;
}
.edge ul li:hover .e8
{
    background: url(/skin/img/edt8_h.png) no-repeat top center;
}
.edge ul li:hover .e9
{
    background: url(../image/edt9_h.png) no-repeat top center;
}
.edge ul li:hover .e10
{
    background: url(../image/edt10_h.png) no-repeat top center;
}
.edge ul li:hover .e11
{
    background: url(../image/edt11_h.png) no-repeat top center;
}
.edge ul li:hover .e12
{
    background: url(../image/edt12_h.png) no-repeat top center;
}
.edge ul li:hover span
{
    color: #fff;
}
.edge ul li:hover p
{
    color: #fff;
}
.edge ul li p
{
    font-size: 16px;
    color: #666;
    text-align: center;
    font-weight: normal;
}
.edge ul li strong::before
{
    position: absolute;
    z-index: -1;
}
.edge ul li strong::after
{
    position: absolute;
    z-index: -1;
}
.edge ul li strong
{
    display: block;
    z-index: 500;
    position: relative;
}
.edge ul li::before
{
    width: 0;
    height: 0;
    content: "";
    background: #293247;
    transition: .5s;
    position: absolute;
    bottom: 0;
    left: 0;
}
.edge ul li::after
{
    width: 0;
    height: 0;
    content: "";
    background: #293247;
    transition: .5s;
    position: absolute;
    top: 0;
    right: 0;
}
.edge ul li strong::before
{
    width: 0;
    height: 0;
    content: "";
    background: #293247;
    transition: .5s;
    position: absolute;
    right: 0;
    bottom: -33px;
}
.edge ul li strong::after
{
    width: 0;
    height: 0;
    content: "";
    background: #293247;
    transition: .5s;
    position: absolute;
    top: -52px;
    left: 0;
}
.edge ul li:hover strong::before
{
    width: 186px;
    height: 171px;
}
.edge ul li:hover strong::after
{
    width: 186px;
    height: 171px;
}
.edge ul li:hover:before
{
    width: 186px;
    height: 171px;
}
.edge ul li:hover:after
{
    width: 186px;
    height: 171px;
}
.edge ul li i
{
    display: none;
    width: 70px;
    height: 13px;
    background: #fff;
    content: "";
    position: absolute;
    bottom: -8px;
    left: 151px;
    z-index: 500;
}
.edge ul li:hover i
{
    display: block;
}
.content1
{
    width: 1400px;
    margin: 0 auto;
}
.blk
{
    margin: 0 auto 20px auto;
}
.p12-aboutinfo-1
{
    display: inline-block;
    width: 100%;
    background: #fff;
    margin-bottom: 38px;
}
.p12-aboutinfo-1
{
    display: inline-block;
    width: 100%;
    background: #fff;
    margin-bottom: 38px;
}
.p12-aboutinfo-1-tit
{
    height: 114px;
    line-height: 114px;
    font-size: 30px;
    text-align: center;
    color: #4b4a4a;
}
.p12-aboutinfo-1-tit span
{
    font-size: 22px;
    color: #aaa;
}
.p12-aboutinfo-1-nr
{
    padding: 0 0 20px!important;
}
.endit-content
{
    line-height: 28px;
    width: 1200px;
    margin: 0 auto;
}
.tit
{
    font-size: 28px;
    text-align: center;
    margin: 25px 0;
}
.chi
{
    margin-bottom: 5px;
    font-weight: bold;
    color: #333;
    letter-spacing: 2px;
}
.eng
{
    text-transform: uppercase;
    font-weight: 100;
    font-size: 16px;
}
.endit-content p
{
    margin: 15px 0;
    font: 14px/22px "Microsoft YaHei";
}