@charset "utf-8";

*, *:before, *:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    outline: 0;

    border-radius:10px;
}



#bsWXBox {

    box-sizing: content-box

}



ul {

    list-style: none

}



body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select {

    margin: 0;

    padding: 0

}



html {

    font-size: 100px

}



body {

    font-family: "SimSun";

    font-size: 16px;

    color: #666;

    line-height: 1.5;

    width: 100%;

    background: #fff;

    font-weight: bold;
}



a:link, a:visited {

    text-decoration: none;

    outline: 0;

    color: #666

}



a:hover, a:active, a:focus {

    color: #666;

    text-decoration: none

}



img {

    border: 0;

    max-width: 100%

}



table {

    border-collapse: collapse;

    width: 100%

}



h1, h2, h3, h4, h5, h6 {

    font-weight: normal

}



input, textarea {

    font-size: 14px;

    outline: 0;

    overflow: hidden;

    font-family: arial, "microsoft yahei"

}



input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] {

    cursor: pointer;

    outline: 0

}



input[type='checkbox'], input[type='radio'] {

    position: relative;

    vertical-align: middle;

    margin-top: -2px;

    margin-bottom: 1px;

    margin-left: 5px;

    margin-right: 5px

}



textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] {

    padding: 0;

    color: #666;

    outline: 0

}



input[type="submit"], input[type="reset"], input[type="button"], input[type='text'], select, button {

    -webkit-appearance: none

}



input, select, textarea {

    -webkit-appearance: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    border-radius: 0

}



::-webkit-input-placeholder {

    color: #666

}



:-moz-placeholder {

    color: #666;

    opacity: 1

}



::-moz-placeholder {

    color: #666;

    opacity: 1

}



:-ms-input-placeholder {

    color: #666

}



.fl {

    float: left

}



.fr {

    float: right

}



.clearfix:after {

    clear: both;

    height: 0;

    content: "";

    line-height: 0;

    font-size: 0;

    display: block

}



.pic {

    width: 100%;

    overflow: hidden;

    position: relative

}



.pic:after {

    content: "";

    display: block;

    padding-bottom: 100%

}



.middleCenter {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    max-width: 100%;

    max-height: 100%;

    display: block;

    vertical-align: middle;

    text-align: center;

    margin: auto

}



.container {

    margin-right: auto;

    margin-left: auto;

    width: 1440px

}



@media (max-width: 1440px) {

    .container {

        margin-right: auto;

        margin-left: auto;

        padding-right: 15px;

        padding-left: 15px;

        width: 100%

    }

}



#container {

    overflow: hidden

}



@keyframes to100vh {

    0% {

        width: 0

    }

    100% {

        width: 100%

    }

}



@keyframes to100vh1 {

    0% {

        width: 0

    }

    50% {

        width: 50%

    }

    100% {

        width: 100%

    }

}



@keyframes fadeIn {

    0% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}



.header {

    z-index: 5;

    height: 120px;

    position: absolute;

    width: 100%;

    transition: .5s

}



.header .container {

    width: 100%

}



.header .logo {

    padding: 43px 0 0 164px;

    overflow: hidden;

    float: left

}



.header .logo a {

    display: block;

    position: relative

}



.header .logo a:after {

    width: 300px;

    height: 67px;

    display: block;

    opacity: 0;

    content: '';

    position: absolute;

    top: 0;

    background: url("../images/logo1.png") no-repeat center center

}



.header .lan {

    background: #1a1b1d;

    transform: skewX(-30deg);

    float: right;

    height: 72px;

    line-height: 72px;

    width: 168px;

    padding-left: 39px;

    margin-right: -21px

}



.header .lan h3 {

    transform: skewX(30deg);

    color: #fff;

    text-transform: uppercase;

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

    padding-left: 28px;

    letter-spacing: -2px;

    font-family: arial

}



.header .lan h3 a {

    color: #fff

}



.header .header-right {

    float: right;

    padding-top: 24px

}



.header .header-right .header-search {

    float: right

}



.header .header-right .header-search .pull-right {

    height: 72px;

    background: #c51f17;

    width: 187px;

    background: url("../images/search-bg.png") no-repeat center right

}



.header .header-right .header-search .pull-right a {

    display: block;

    height: 72px;

    line-height: 72px;

    width: 176px;

    color: #232323;

    transition: .5s;

    margin-left: 11px;

    background: url(../images/search.png) no-repeat center center

}



.header .header-right .header-search .pull-right a:hover {

    background-size: 15px

}



.header .header-right .search {

    z-index: 9

}



.header .header-right .search .btn-search-max {

    z-index: 2;

    position: relative

}



.header .header-right .search .btn-search-max * {

    display: inline-block;

    vertical-align: middle

}



.header .header-right .search .search-main {

    top: 120px;

    right: 50%;

    z-index: 9;

    width: 1000px;

    margin-right: -500px;

    display: none;

    padding: 0 30px 0 20px;

    position: absolute

}



.header .header-right .search-container {

    padding-left: 0;

    overflow: hidden;

    margin: 130px auto;

    position: relative;

    border-bottom: 1px solid #fff

}



.header .header-right .search-container .form-control {

    text-align: left;

    width: 100%;

    font-size: 16px;

    float: left;

    color: #fff;

    border: 0;

    vertical-align: top;

    padding: 10px 20px 10px 20px;

    -webkit-appearance: none;

    background: 0

}



.header .header-right .search-container .form-control::-webkit-input-placeholder {

    color: #fff

}



.header .header-right .search-container .form-control:-moz-placeholder {

    color: #fff;

    opacity: 1

}



.header .header-right .search-container .form-control::-moz-placeholder {

    color: #fff;

    opacity: 1

}



.header .header-right .search-container .form-control:-ms-input-placeholder {

    color: #fff

}



.header .header-right .search-container .btn {

    top: 0;

    border: 0;

    right: 0;

    color: #fff;

    width: 100px;

    height: 40px;

    text-align: center;

    float: left;

    cursor: pointer;

    background: url(../images/search.png) no-repeat center center;

    font-size: 16px;

    font-family: arial;

    position: absolute

}



.header .header-right #search-closed {

    right: 0;

    top: 5px;

    max-width: 30px;

    position: absolute;

    cursor: pointer

}



.header .header-right .nav {

    float: right;

    margin-right: 91px

}



.header .header-right .nav ul li {

    font-size: 26px;

    cursor: pointer;

    float: left;

    text-transform: capitalize;

    margin-left: 16px

}



.header .header-right .nav ul li a {

    display: block;

    transition: all .16s;

    line-height: 72px;

    color: #000;

    margin: 0 11px;

    position: relative

}



.header .header-right .nav ul li:hover {

    height: 116px

}



.header .header-right .nav ul li:hover a {

    font-weight: bold

}



.header .header-right .nav ul li:hover .subnav {

    display: block

}



.header .header-right .nav ul li:hover .subnav:after {

    width: 100%

}



.header .header-right .nav ul li:hover .subnav .info {

    left: 0

}



.header .header-right .nav ul li .subnav {

    top: 120px;

    z-index: 999;

    font-size: 14px;

    overflow: hidden;

    width: 100%;

    display: none;

    position: absolute;

    left: 0

}



.header .header-right .nav ul li .subnav:after {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 0;

    height: 100%;

    content: " ";

    transition: .2s;

    animation: to100vh1 .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both .2s

}



.header .header-right .nav ul li .subnav .info {

    position: relative;

    z-index: 3;

    overflow: hidden;

    width: 0;

    background: url(../images/dh_bg.jpg) ;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    padding-bottom: 52px;

    animation: to100vh 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both .3s

}



.header .header-right .nav ul li .subnav .container {

    width: 1440px

}



.header .header-right .nav ul li .subnav .left {

    float: left;

    width: 460px;

    margin-top: 135px;

    position: relative;

    padding-left: 38px;

    animation: fadeIn .8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both .8s

}



.header .header-right .nav ul li .subnav .left:before {

    width: 2px;

    height: 31px;

    display: block;

    content: '';

    position: absolute;

    top: 8px;

    left: 0;

    background: #da251d

}



.header .header-right .nav ul li .subnav .left h3 {

    color: #353535;

    font-size: 30px;

    margin-bottom: 23px

}



.header .header-right .nav ul li .subnav .left p {

    font-size: 15px;

    color: #7b7e82

}



.header .header-right .nav ul li .subnav ul {

    float: left;

    font-size: 0;

    margin-left: 186px;

    margin-top: 35px;

    width: 253px;

    animation: fadeIn .8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 1s

}



.header .header-right .nav ul li .subnav ul li {

    float: none;

    margin: 0;

    font-size: 15px

}



.header .header-right .nav ul li .subnav ul li h3 {

    font-size: 18px;

    color: #333;

    border-bottom: 1px solid #c9c9c9;

    padding-bottom: 10px;

    margin-bottom: 4px;
 
    font-weight: bold;

}



.header .header-right .nav ul li .subnav ul li a {

    line-height: 40px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    color: #000;

    font-weight: normal;

    margin: 0;

    padding: 0;

    font-size: 18px;

    display: block;

    vertical-align: middle;

    background: url("../images/more2.png") no-repeat 240px center;
 
    font-weight: bold;
}



.header .header-right .nav ul li .subnav ul li:hover {

    height: auto

}



.header .header-right .nav ul li .subnav ul li:hover a {

    text-decoration: underline;

    padding-left: 8px

}



.header .header-right .nav ul li .subnav ul li:hover a .pic img {

    transform: scale(1.05)

}



.header .header-right .nav ul li .subnav .pic {

    width: 378px;

    height: 234px;

    float: right;

    margin-top: 67px;

    animation: fadeIn .8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 1.2s

}



.header .header-right .nav ul .active a {

    font-weight: bold

}



.header:hover {

    background: #fff

}



.header:hover .header-right .nav ul li a {

    color: #333

}



.header:hover .logo a img {

    opacity: 0

}



.header:hover .logo a:after {

    opacity: 1

}



.header1 {

    height: 105px

}



.header1 .logo {

    padding-top: 25px

}



.header1 .header-right {

    padding-top: 19px

}



.header1 .header-right .nav ul li .subnav {

    top: 104px

}



.header2 {

    background: #fff;

    border-bottom: 1px solid #ebebeb

}



.header2 .header-right .nav ul li a {

    color: #333

}



.header2 .logo a img {

    opacity: 0

}



.header2 .logo a:after {

    opacity: 1

}



.background {

    background: #fff

}



.background .header-right .nav ul li a {

    color: #333

}



.background .logo a img {

    opacity: 0

}



.background .logo a:after {

    opacity: 1

}



.transparent {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 4;

    width: 100%;

    height: 100%;

    background: url(../images/bg2.png) repeat;

    background: rgba(0, 0, 0, 0.7);

    display: none

}



.transparent1 {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 47;

    width: 100%;

    height: 100%;

    background: url(../images/bg2.png) repeat;

    background: rgba(0, 0, 0, 0.7);

    display: none

}



.phone-nav {

    position: absolute;

    right: 10px;

    top: 0;

    line-height: 60px;

    display: none;

    color: #666;

    z-index: 5

}



.phone-nav img {

    height: 22px;

    margin-top: 19px;

    display: block

}



#mmenu {

    z-index: 99;

    text-transform: capitalize

}



#mmenu li:last-child {

    border-bottom: 1px solid #f1f1f1

}



#mmenu .lan {

    margin: 20px

}



#mmenu .lan a {

    text-transform: uppercase;

    font-size: 15px;

    color: #666;

    width: 36px;

    height: 19px;

    line-height: 19px;

    display: block;

    float: left;

    text-align: center;

    border-radius: 20px

}



#mmenu .lan a:hover {

    background: #20409a;

    color: #fff

}



#mmenu .search {

    position: relative;

    border: 1px solid #ddd;

    margin: 10px 10px 10px 20px;

    background: #fff

}



#mmenu .search #btn1 {

    border: 0;

    font-size: 12px;

    color: #666;

    width: 23px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    cursor: pointer;

    border-radius: 0;

    background: url(../images/searchh.png) no-repeat center center;

    background-size: 13px;

    outline: 0;

    position: absolute;

    top: 0;

    right: 5px

}



#mmenu .search #text1 {

    text-align: left;

    width: 100%;

    font-size: 14px;

    height: 35px;

    padding-right: 30px;

    padding-left: 6px;

    color: #666;

    line-height: 25px;

    padding-top: 4px;

    padding-bottom: 4px;

    vertical-align: top;

    -webkit-appearance: none;

    transition: .5s;

    border: 0;

    background: 0

}



#mmenu .search #text1::-webkit-input-placeholder {

    color: #666

}



#mmenu .search #text1:-moz-placeholder {

    color: #666;

    opacity: 1

}



#mmenu .search #text1::-moz-placeholder {

    color: #666;

    opacity: 1

}



#mmenu .search #text1:-ms-input-placeholder {

    color: #666

}



.i-ban {

    position: relative;

    overflow: hidden;

    width: 100%;

    z-index: 1;

    height: 920px

}



.i-ban ul, .i-ban li {

    width: 100%;

    height: 100%

}



.i-ban li {

    position: absolute;

    left: 100%;

    top: 0;

    overflow: hidden;

    background-size: cover !important;

    background-position: center;

    background-repeat: no-repeat

}



.i-ban li a {

    display: block;

    width: 100%;

    height: 100%

}



.i-ban li a .home-pic {

    display: block

}



.i-ban li .link {

    display: block;

    width: 42px;

    height: 42px;

    border: 1px solid rgba(255, 255, 255, 0.4);

    border-radius: 50%;

    transition: all .3s ease 0s;

    cursor: pointer;

    position: relative;

    overflow: hidden;

    margin-top: 80px

}



.i-ban li .link i {

    display: block;

    width: 100%;

    height: 100%;

    background: url(../images/ico_16.png) no-repeat center;

    position: absolute;

    left: 0;

    top: 0

}



.i-ban li .link:hover {

    border: 1px solid white

}



.i-ban li.active .link {

    -webkit-animation: 1.7s myfirst alternate;

    animation: 1.7s myfirst alternate;

    position: relative

}



.i-ban li.active .banner-info .pic1 {

    top: 0;

    opacity: 1

}



.i-ban li.active .banner-info .pic2 {

    -webkit-animation: 1.5s myfirst alternate;

    animation: 1.5s myfirst alternate;

    position: relative

}



.i-ban li.active .banner-info .pic3 {

    bottom: 152px;

    opacity: .7

}



.i-ban li.active .banner-info1 .pic1 {

    top: 0;

    opacity: 1

}



.i-ban li.active .banner-info1 .pic2 {

    top: 0;

    opacity: 1

}



.i-ban li.active .banner-info1 .pic3 {

    top: 0;

    opacity: 1

}



.i-ban li.active .link i {

    animation: downico 1.5s ease-out infinite

}



.i-ban .btns {

    position: absolute;

    bottom: 38%;

    right: 13%;

    z-index: 10

}



.i-ban .btns span {

    display: inline-block;

    width: 260px;

    height: 3px;

    position: relative;

    cursor: pointer

}



.i-ban .btns span:after {

    content: '';

    display: block;

    width: 100%;

    height: 1px;

    background: #878685;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1

}



.i-ban .btns span i {

    display: block;

    height: 100%;

    position: absolute;

    width: 0;

    z-index: 2;

    background-color: #c3070d

}



.i-ban .btns1 {

    position: absolute;

    bottom: 30px;

    z-index: 10;

    width: 100%;

    text-align: center;

    margin: 0 auto

}



.i-ban .btns1 span {

    display: inline-block;

    width: 40px;

    height: 5px;

    position: relative;

    cursor: pointer;

    margin: 0 5px;

    float: none

}



.i-ban .btns1 span:after {

    content: '';

    display: block;

    width: 100%;

    height: 5px;

    background: #000;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1

}



.i-ban .btns1 span i {

    display: block;

    height: 100%;

    position: absolute;

    width: 0;

    z-index: 2;

    background-color: #c3070d

}



@keyframes downico {

    0% {

        top: 0;

        opacity: 1

    }

    35% {

        top: 50%;

        opacity: 0

    }

    65% {

        top: -50%;

        opacity: 0

    }

    100% {

        top: 0;

        opacity: 1

    }

}



.home-banner {

    overflow: hidden;

    width: 100%;

    position: relative;

    z-index: 1

}



.home-banner .home-banner-slick-phone {

    position: relative;

    display: none;

    z-index: 6;

    overflow: hidden

}



.home-banner .home-banner-slick-phone .slick-slide {

    position: relative;

    z-index: 5

}



.home-banner .home-banner-slick-phone .slick-slide img {

    display: block

}



.home-banner .home-banner-slick-phone .slick-dots {

    z-index: 100;

    bottom: 10px;

    line-height: 0

}



.home-banner .home-banner-slick-phone .slick-dots li {

    margin: 0 3px;

    padding: 0;

    width: 6px;

    height: 6px

}



.home-banner .home-banner-slick-phone .slick-dots li button {

    width: 6px;

    height: 6px;

    background: #fff;

    display: block;

    padding: 0;

    border-radius: 10px

}



.home-banner .home-banner-slick-phone .slick-dots li button:before {

    content: ""

}



.home-banner .home-banner-slick-phone .slick-dots .slick-active {

    width: 26px

}



.home-banner .home-banner-slick-phone .slick-dots .slick-active button {

    width: 26px;

    background: #c51f17

}



.home-banner .home-banner-slick-phone .slick-dots .slick-active button:before {

    color: transparent

}



.banner-info {

    position: absolute;

    width: 100%;

    left: 0;

    top: 0;

    height: 100%;

    padding-top: 19.8%

}



.banner-info .container {

    position: relative;

    height: 100%

}



.banner-info .pic1 {

    font-size: 52px;

    color: #fff;

    line-height: 64px;

    position: relative;

    top: 100px;

    transition: 2s;

    opacity: 0

}



.banner-info .pic1 span {

    color: #da251d

}



.banner-info .pic1 .bt {

    font-size: 58px;

    line-height: 70px

}



.banner-info .pic3 {

    text-align: left;

    position: absolute;

    bottom: 200px;

    right: 0;

    line-height: 30px;

    font-size: 14px;

    color: #fff;

    opacity: 0;

    transition: 2s

}



.banner-info1 {

    position: absolute;

    width: 100%;

    left: 0;

    top: 0;

    height: 100%;

    padding-top: 18.5%;

    text-align: center

}



.banner-info1 .container {

    position: relative;

    height: 100%

}



.banner-info1 .pic1 {

    font-size: 52px;

    color: #fff;

    line-height: 70px;

    margin-bottom: 10px;

    top: -100px;

    transition: 2s;

    opacity: 0;

    position: relative

}



.banner-info1 .pic1 span {

    color: #da251d

}



.banner-info1 .pic1 .bt {

    font-size: 58px

}



.banner-info1 .pic2 {

    font-size: 16px;

    color: #fff;

    line-height: 30px;

    top: -100px;

    transition: 2s;

    opacity: 0;

    position: relative

}



.banner-info1 .pic3 {

    position: relative;

    line-height: 30px;

    font-size: 12px;

    color: #fff;

    top: -100px;

    transition: 2s;

    opacity: 0

}



.banner-info1 .link {

    margin: 80px auto 0 auto

}



.banner-info2 {

    position: absolute;

    width: 100%;

    left: 0;

    top: 0;

    height: 100%;

    padding-top: 19.8%

}



.banner-info2 .container {

    position: relative;

    height: 100%

}



.banner-info2 .pic1 {

    font-size: .3rem;

    color: #fff

}



.banner-info2 .pic1 span {

    color: #da251d

}



.banner-info2 .pic3 {

    text-align: left;

    position: absolute;

    bottom: .8rem;

    right: 10px;

    font-size: .1rem;

    color: #fff;

    opacity: .7

}



.banner-info2 .link {

    display: block;

    width: .42rem;

    height: .42rem;

    border: 1px solid rgba(255, 255, 255, 0.4);

    border-radius: 50%;

    transition: all .3s ease 0s;

    cursor: pointer;

    position: relative;

    overflow: hidden;

    margin-top: 20px

}



.banner-info2 .link i {

    display: block;

    width: 100%;

    height: 100%;

    background: url(../images/ico_16.png) no-repeat center;

    position: absolute;

    left: 0;

    top: 0;

    background-size: .08rem !important

}



.banner-info3 {

    position: absolute;

    width: 100%;

    left: 0;

    top: 0;

    height: 100%;

    padding-top: 18.5%;

    text-align: center

}



.banner-info3 .container {

    position: relative;

    height: 100%

}



.banner-info3 .pic1 {

    font-size: .3rem;

    color: #fff;

    margin-bottom: 10px

}



.banner-info3 .pic1 span {

    color: #da251d

}



.banner-info3 .pic2 {

    font-size: .13rem;

    color: #fff

}



.banner-info3 .pic3 {

    position: relative;

    font-size: .11rem;

    color: #fff

}



.banner-info3 .link {

    display: block;

    width: .42rem;

    height: .42rem;

    border: 1px solid rgba(255, 255, 255, 0.4);

    border-radius: 50%;

    transition: all .3s ease 0s;

    cursor: pointer;

    position: relative;

    overflow: hidden;

    margin: 20px auto 0 auto

}



.banner-info3 .link i {

    display: block;

    width: 100%;

    height: 100%;

    background: url(../images/ico_16.png) no-repeat center;

    position: absolute;

    left: 0;

    top: 0;

    background-size: .08rem !important

}



@media (max-height: 886px) {

    .banner-info1 {

        padding-top: 19.5%

    }

}



@media (max-height: 880px) {

    .banner-info1 {

        padding-top: 18.5%

    }

}



@media (max-height: 830px) {

    .banner-info1 {

        padding-top: 18.5%

    }

}



@media (max-height: 816px) {

    .banner-info1 {

        padding-top: 19.5%

    }

}



@media (max-height: 762px) {

    .banner-info1 {

        padding-top: 17.5%

    }

}



@media (max-height: 732px) {

    .banner-info1 {

        padding-top: 16.5%

    }

}



@media (max-height: 706px) {

    .banner-info1 {

        padding-top: 15.5%

    }

}



@media (max-height: 662px) {

    .banner-info1 {

        padding-top: 13.5%

    }

}



@media (max-height: 632px) {

    .banner-info1 {

        padding-top: 12.5%

    }

}



@media (max-height: 624px) {

    .banner-info1 {

        padding-top: 12.5%

    }

}



@media (max-height: 606px) {

    .banner-info1 {

        padding-top: 11.5%

    }



    .i-ban li.active .banner-info .pic3 {

        bottom: 130px

    }

}



@media (max-height: 574px) {

    .banner-info1 {

        padding-top: 9.5%

    }



    .i-ban li.active .banner-info .pic3 {

        bottom: 120px

    }

}



@media (max-width: 1700px) {

    .i-ban .btns {

        right: 10%

    }



    .header .header-right .nav {

        margin-right: 40px

    }



    .header .logo {

        padding-left: 15px

    }

}



@media (max-width: 1600px) {

    .i-ban .btns span {

        width: 220px

    }



    .header .logo {

        padding-left: 15px

    }

}



@media (max-width: 1440px) {

    .header .logo {

        padding-left: 0

    }



    .i-ban li .banner-info .pic3 {

        bottom: 100px

    }



    .i-ban li.active .banner-info .pic3 {

        -webkit-animation: 1.5s myfirst2 alternate;

        animation: 1.5s myfirst2 alternate

    }



    .header .header-right .nav ul li .subnav .container {

        width: 1200px

    }



    .header .header-right .nav ul li .subnav ul {

        margin-left: 100px

    }



    .header .header-right .nav ul li .subnav .left {

        width: 400px

    }



    .header .header-right .nav ul li .subnav .left h3 {

        font-size: 25px

    }



    .banner-info {

        padding-top: 16%

    }

}



@media (max-width: 1400px) {

    .header .header-right .nav ul li a {

        margin: 0 6px

    }

}



@media (max-width: 1366px) {

    .i-ban .btns span {

        width: 180px

    }



    .header .header-right .nav ul li {

        font-size: 15px;

        margin-left: 5px

    }



    .banner-info1 .pic2 {

        font-size: 13px

    }

}



@media (max-width: 1280px) {

    .i-ban .btns span {

        width: 140px

    }

}



@media (max-width: 1200px) {

    .header {

        height: 60px;

        position: relative

    }



    .header .logo a img {

        opacity: 0

    }



    .header .logo a:after {

        opacity: 1;

        background-size: 198px 44px;

        background-position: center left

    }



    .header .logo {

        padding-top: 0px

    }

}



@media (max-width: 1024px) {

    .i-ban .btns span {

        width: 140px

    }



    .i-ban .btns {

        bottom: 42%

    }



    .banner-info {

        padding-top: 10%

    }

}



@media (max-width: 768px) {

    .i-ban {

        display: none

    }



    .home-banner .home-banner-slick-phone {

        display: block

    }

}



@font-face {

    font-family: "DINCond-Bold";

    src: url("../font/DINCond-Bold.woff2") format("woff2"), url("../font/DINCond-Bold.woff") format("woff"), url("../font/DINCond-Bold.ttf") format("truetype"), url("../font/DINCond-Bold.eot") format("embedded-opentype"), url("../font/DINCond-Bold.svg") format("svg");

    font-weight: normal;

    font-style: normal

}



@font-face {

    font-family: "DINCond-Light";

    src: url("../font/DINCond-Light.woff2") format("woff2"), url("../font/DINCond-Light.woff") format("woff"), url("../font/DINCond-Light.ttf") format("truetype"), url("../font/DINCond-Light.eot") format("embedded-opentype"), url("../font/DINCond-Light.svg") format("svg");

    font-weight: normal;

    font-style: normal

}



@font-face {

    font-family: "DIN-Light";

    src: url("../font/DIN-Light.woff2") format("woff2"), url("../font/DIN-Light.woff") format("woff"), url("../font/DIN-Light.ttf") format("truetype"), url("../font/DIN-Light.eot") format("embedded-opentype"), url("../font/DIN-Light.svg") format("svg");

    font-weight: normal;

    font-style: normal

}



@font-face {

    font-family: "DINCond-Medium";

    src: url("../font/DINCond-Medium.woff2") format("woff2"), url("../font/DINCond-Medium.woff") format("woff"), url("../font/DINCond-Medium.ttf") format("truetype"), url("../font/DINCond-Medium.eot") format("embedded-opentype"), url("../font/DINCond-Medium.svg") format("svg");

    font-weight: normal;

    font-style: normal

}

@font-face {

    font-family: "STKaiti";

    src: url("../font/STKaiti.woff2") format("woff2"), url("../font/STKaiti.woff") format("woff"), url("../font/STKaiti.ttf") format("truetype"), url("../font/STKaiti.eot") format("embedded-opentype"), url("../font/STKaiti.svg") format("svg");

    font-weight: normal;

    font-style: normal

}

.home-about {

    padding: 87px 0 94px 0;

    overflow: hidden


}

.home-about {
    background: url(../images/index_about_bg.jpg) no-repeat;
        background-size: auto;
    background-size: 100% 100%;
}

.home-about .home-title {

    text-align: center;

    font-size: 48px;

    color: #333;

    margin-bottom: 15px

}



.home-about .jsh {

    text-align: left;

    font-size: 18px;

    color: #000;

    line-height: 30px

}



.home-about .jsh1 {

    display: none

}



.home-about .youshi {

    overflow: hidden;

    font-size: 15px;

    color: #6c6c6c;

    margin: 52px auto 0 auto;

    position: relative

}



.home-about .youshi .list {

    overflow: hidden;

    font-size: 0;

    text-align: center

}



.home-about .youshi li {

    display: inline-block;

    text-align: center;

    padding: 0 45px 5px 45px;

    border-right: 1px solid #e5e5e5

}



.home-about .youshi li:last-child {

    border: 0

}



.home-about .youshi .num {

    line-height: 1;

    position: relative;

    display: block;

    color: #f40101

}



.home-about .youshi .num .counter {

    font-size: 60px;

    font-family: "DINCond-Bold";

    display: inline-block;

    vertical-align: top

}



.home-about .youshi .num .sub {

    font-size: 60px;

    color: #363636;

    position: relative;

    font-family: "DINCond-Light";

    display: inline-block;

    vertical-align: top

}



.home-about .youshi p {

    font-size: 14px;

    color: #636363

}



.home-product {

    padding-bottom: 124px;

    overflow: hidden;

    position: relative

}



.home-product .item {

    padding: 0 10px;

    position: relative;

    float: left;

}

.home-product .item a{

    display: block;

    position: relative;

    width:100%;

    height:100%

}

.home-product .item .pic {

    z-index: 1;

    background:#eaeaea;

}



.home-product .item .pic img {

    transition: .5s

}



.home-product .item .pic:after {

    padding-bottom: 70%

}



.home-product .item .hover {

    width: 100%;

    overflow: hidden;

    position: absolute;

    top:-100%;

    left:0;

    height:100%;

    z-index: 2;

    transition: 0.5s;

    background: rgba(197,31,23,0.7);

}

.home-product .item:hover .hover{

    top:0;

}



.home-product .item .hover .info {

    padding:0 46px;

    overflow: hidden;

    width: 100%;

    position: absolute;

    top: 50%;

    margin-top: -83px;

}



.home-product .item .hover .bt {

    font-size: 24px;

    color: #fff;

    margin-bottom: 19px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden

}



.home-product .item .hover .jsh {

    font-size: 14px;

    line-height: 24px;

    color: #fff;

    margin-right: 10px;

    margin-bottom: 18px;

    height: 48px;

    overflow: hidden

}



.home-product .item .hover .more {

    font-size: 15px;

    margin-right: 10px;

    border-bottom: 1px solid #fff;

    line-height: 44px;

    transition: .5s;

    position: relative

}



.home-product .item .hover .more p {

    position: relative;

    z-index: 2;

    transition: .5s;

    color: #fff;

    background: url("../images/more.png") no-repeat center right

}



.home-product .item .hover .more:after {

    width: 0;

    transition: .3s;

    height: 44px;

    background: #fff;

    overflow: hidden;

    display: block;

    content: '';

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0

}



.home-product .item .hover .more:hover p {

    padding-left: 10px;

    color: #c51f17;

    background: url("../images/moreh.png") no-repeat center right

}



.home-product .item .hover .more:hover:after {

    width: 100%

}



.home-product .item:hover .pic img {

    transform: scale(1.05)

}



.home-product .slick-prev, .home-product .slick-next {

    width: 60px;

    height: 60px;

    z-index: 4;

    top:auto;

    bottom:30px;

}



.home-product .slick-prev {

    left:50%;

    background: #c51f17 url("../images/left.png") no-repeat center center !important;

    margin-left:-65px;

}



.home-product .slick-prev:hover {

    background: #c51f17 url("../images/left.png") no-repeat center center !important

}



.home-product .slick-prev:before, .home-product .slick-next:before {

    content: ''

}



.home-product .slick-next {

    right:50%;

    background: #c51f17 url("../images/right.png") no-repeat center center !important;

    margin-right:-65px;

}



.home-product .slick-next:hover {

    background: #c51f17 url("../images/right.png") no-repeat center center !important

}







.home-partner {

    padding-top: 89px;

    overflow: hidden;

    padding-bottom: 78px;

    position: relative;

    background: #eaeaea;

    margin-bottom: 0px

}



.home-partner:after {

    content: '';

    display: block;

    position: absolute;

    right: -0px;

    top: 0px;

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

    width: 100%;

    height: 100%;

    z-index: 1

}



.home-partner .container {

    position: relative;

    z-index: 2

}



.home-partner .case-header {

    position: relative;

    margin-bottom: 93px;

    z-index: 2

}



.home-partner .case-header:before {

    position: absolute;

    left: 0;

    width: 39px;

    height: 4px;

    background: #2f2f2f;

    content: '';

    display: block;

    top: -89px

}



.home-partner .case-header h3 {

    color: #fff;

    font-size: 40px

}



.home-partner .case-body {

    overflow: hidden

}



.home-partner .case-body ul {

    margin: 0 -13px

}



.home-partner .case-body ul li {

    width: 25%;

    padding: 0 13px;

    float: left;

    margin-bottom: 21px

}



.home-partner .case-body ul li .pic img {

    transition: .5s;

    border-radius:10px;
}



.home-partner .case-body ul li .pic:after {

    padding-bottom: 45.4%

}



.home-partner .more {

    position: relative;

    z-index: 1;

    margin-top: 25px

}



.home-partner .more a {

    width: 50%;

    display: block;

    position: relative;

    overflow: hidden;

    float: right;

    background: url(../images/more.png) no-repeat center right

}



.home-partner .more a:after {

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: url(../images/moreh.png) no-repeat center right #fff;

    content: " ";

    transition: left 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);

    z-index: 1

}



.home-partner .more a span {

    border-bottom: 1px solid #fff;

    color: #fff;

    transition: .5s;

    display: block;

    position: relative;

    font-size: 15px;

    line-height: 52px;

    z-index: 2

}



.home-partner .more a:hover:after {

    left: 0

}



.home-partner .more a:hover span {

    color: #111;

    padding: 0 24px;

    background: 0

}



.home-news {

    padding-top: 66px;

    padding-bottom: 109px;

    overflow: hidden;

    position: relative

}



.home-news:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 87.8%;

    height: 100%;

    background: #eaeaea;

    z-index: 1;

    display: block;

    content: ''

}



.home-news .container {

    position: relative;

    z-index: 2

}



.home-news .case-header {

    position: absolute;

    top: 0;

    left: 0;

    margin-bottom: 93px;

    width: 191px;

    z-index: 2

}



.home-news .case-header:before {

    position: absolute;

    left: 0;

    width: 39px;

    height: 4px;

    background: #2f2f2f;

    content: '';

    display: block;

    top: -66px

}



.home-news .case-header h3 {

    color: #2f2f2f;

    font-size: 40px

}



.home-news .news-body {

    padding: 4px 171px 0 345px;

    overflow: hidden

}



.home-news .news-body ul li {

    position: relative;

    border-bottom: 1px solid #ddd;

    line-height: 60px

}



.home-news .news-body ul li a {

    display: block;

    font-size: 15px;

    color: #515151;

    padding-left: 155px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden

}



.home-news .news-body ul li a:hover {

    color: #c51f17

}



.home-news .news-body ul li span {

    font-family: arial;

    font-size: 14px;

    color: #706f6f;

    position: absolute;

    left: 0

}



.home-news .more {

    position: absolute;

    z-index: 1;

    margin-top: 51px;

    width: 191px;

    top: 60px;

    left: 0

}



.home-news .more a {

    width: 100%;

    display: block;

    position: relative;

    overflow: hidden;

    background: url(../images/moreh.png) no-repeat center right

}



.home-news .more a:after {

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: url(../images/more.png) no-repeat center right #111;

    content: " ";

    transition: left 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);

    z-index: 1

}



.home-news .more a span {

    border-bottom: 1px solid #2f2f2f;

    color: #2f2f2f;

    transition: .5s;

    display: block;

    position: relative;

    font-size: 15px;

    line-height: 52px;

    z-index: 2

}



.home-news .more a:hover:after {

    left: 0

}



.home-news .more a:hover span {

    color: #fff;

    padding: 0 15px;

    background: 0

}



.home-news1 {

    padding: 85px 0 144px 0;

    overflow: hidden;

    background: url(../images/news-bg.jpg) ;
    
}



.home-news1 .home-title {

    text-align: center;

    font-size: 40px;

    color: #2f2f2f

}



.home-news1 .home-title:after {

    margin: 12px auto;

    display: block;

    content: '';

    width: 33px;

    height: 4px;

    background: #2f2f2f

}



.home-news1 .new1-bottom {

    margin-top: 72px;

    overflow: hidden

}



.home-news1 .new1-bottom ul {

    padding: 0 1%

}



.home-news1 .new1-bottom ul li {

    width: 25%;

    float: left;

    padding: 0 11px

}



.home-news1 .new1-bottom ul li .pic {

    z-index: 1

}



.home-news1 .new1-bottom ul li .pic img {

    transition: .5s

}



.home-news1 .new1-bottom ul li .pic:after {

    padding-bottom: 60%

}



.home-news1 .new1-bottom ul li .text {

    padding: 0 7px 23px 7px;

    margin-top: -35px;

    position: relative;

    z-index: 2

}



.home-news1 .new1-bottom ul li .text .info {

    padding: 21px 31px 34px 31px;

    transition: .5s;

    background: #fff

}



.home-news1 .new1-bottom ul li .text .date {

    font-size: 15px;

    color: #1c1c1c;

    font-family: arial;

    margin-bottom: 14px

}



.home-news1 .new1-bottom ul li .text .bt {

    font-size: 17px;

    color: #252525;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    margin-bottom: 11px

}



.home-news1 .new1-bottom ul li .text .jsh {

    font-size: 14px;

    color: #575757;

    line-height: 24px;

    height: 48px;

    overflow: hidden

}



.home-news1 .new1-bottom ul li .text .more {

    background: url("../images/more1.png") no-repeat center center;

    border: 1px solid #e0e0e0;

    width: 48px;

    height: 48px;

    margin-top: 5px;

    float: right;

    transition: .5s

}



.home-news1 .new1-bottom ul li:hover .pic img {

    transform: scale(1.05)

}



.home-news1 .new1-bottom ul li:hover .text .info {

    box-shadow: 0 10px 10px 0 rgba(4, 0, 0, 0.1)

}



.home-news1 .new1-bottom ul li:hover .text .more {

    background: #c51f17 url("../images/more1h.png") no-repeat center center;

    border: 1px solid #c51f17

}



.home-news1 .bottom .more {

    position: relative;

    z-index: 1

}



.home-news1 .bottom .more a {

    width: 50%;

    display: block;

    position: relative;

    overflow: hidden;

    float: right;

    background: url(../images/moreh.png) no-repeat center right

}



.home-news1 .bottom .more a:after {

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: url(../images/more.png) no-repeat center right #111;

    content: " ";

    transition: left 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);

    z-index: 1

}



.home-news1 .bottom .more a span {

    border-bottom: 1px solid #7e7e7e;

    color: #7e7e7e;

    transition: .5s;

    display: block;

    position: relative;

    font-size: 15px;

    line-height: 52px;

    z-index: 2

}



.home-news1 .bottom .more a:hover:after {

    left: 0

}



.home-news1 .bottom .more a:hover span {

    color: #fff;

    padding: 0 15px;

    background: 0

}



.float {

    position: fixed;

    right: 0;

    bottom: 270px;

    z-index: 10

}



.float ul li {

    margin-bottom: 1px;

    width: 78px;

    height: 57px;

    padding-top: 8px;

    text-align: center;

    background: #c51f17;

    transition: .5s;

    cursor: pointer;

    position: relative

}



.float ul li h3 {

    color: #fff;

    padding-top: 25px;

    font-size: 12px;

    transition: .5s

}



.float ul li:hover {

    background: #c51f17

}



.float ul li:hover h3 {

    background-position: center center;

    color: transparent

}



.float ul li:hover .hover {

    display: block

}



.float ul li .hover {

    width: 187px;

    position: absolute;

    top: 0;

    right: 78px;

    display: none

}



.float ul li .hover i {

    display: block;

    float: right;

    width: 6px;

    height: 10px;

    background: url("../images/arrow.png") no-repeat center center;

    margin-top: 35px

}



.float ul li .hover .info1 {

    color: #fff;

    text-align: center;

    padding-top: 15px;

    float: right;

    width: 181px;

    padding-bottom: 15px;

    background: #c51f17

}



.float ul li .hover .info1 .bt {

    font-size: 16px;

    margin-bottom: 5px

}



.float ul li .hover .info1 p {

    font-family: "DIN-Light";

    font-size: 20px

}



.float ul .zixun h3 {

    background: url("../images/fl1.png") no-repeat top center

}



.float ul .dianhua h3 {

    background: url("../images/fl2.png") no-repeat top center

}



.float ul .top a {

    background: url("../images/fl3.png") no-repeat top center;

    display: block;

    color: #fff;

    padding-top: 25px;

    font-size: 12px;

    transition: .5s

}



.float ul .top a:hover {

    background-position: center center;

    color: transparent

}



.footer {

    background: #333;

    overflow: hidden

}



.footer .footer-top {

    padding: 68px 0 79px 0;

    overflow: hidden

}



.footer .footer-top .menu {

    overflow: hidden;

    width: 80%;

    float: left;

    color: #fff;

    line-height: 26px

}



.footer .footer-top .menu li {

    width: 16.666667%;

    float: left

}



.footer .footer-top .menu a {

    color: #a5a5a5;

    display: block;

    -webkit-transition: all .5s;

    transition: all .5s;

    padding-right: 10px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden

}



.footer .footer-top .menu a:hover {

    color: #fff;

    text-decoration: underline;

    padding-left: 5px

}



.footer .footer-top .menu a.bt {

    color: #fff;

    font-size: 16px;

    margin-bottom: 14px

}



.footer .footer-top .footer-contact {

    width: 230px;

    float: right;

    font-size: 14px;

    line-height: 30px;

    color: #fff;

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

    padding-left: 64px;

    text-align: right

}



.footer .footer-top .footer-contact .p-01 {

    font-size: 16px;

    text-align: left

}



.footer .footer-top .footer-contact .tel {

    font-size: 22px;

    font-family: "DIN-Light";

    line-height: 1;

    margin-bottom: 17px;

    color: #fff;

    text-align: left

}



.footer .footer-top .footer-contact .tel a {

    color: #fff

}



.footer .footer-top .footer-contact .p-02 {

    margin-bottom: 5px;

    text-align: left

}



.footer .footer-top .footer-contact .span-01 {

    display: block;

    height: 26px;

    line-height: 26px;

    font-size: 12px;

    text-align: center;

    background: #c51f17

}



.footer .footer-top .footer-contact .span-01 a {

    color: #fff

}



.footer .link {

    color: #bababa;

    overflow: hidden;

    line-height: 30px

}



.footer .link .container {

    position: relative

}



.footer .link p {

    padding-left: 74px;

    float: left

}



.footer .link span {

    position: absolute;

    left: 0

}



.footer .link a {

    color: #bababa;

    display: block;

    float: left;

    margin-right: 25px;

    max-width: 200px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap

}



.footer .link a:hover {

    text-decoration: underline;

    color: #fff

}



.footer .copyright {

    color: #606060

}



.footer .copyright .container {

    padding: 28px 0 34px 0;

    overflow: hidden;

    font-size: 14px;

    border-top: 1px solid #3d3d3d;

    text-align: center

}



.share {

    height: 30px;

    float: right;

    margin-left: 8px;

    margin-bottom: 22px

}



.share .bdshare-button-style0-16 a {

    width: 30px !important;

    height: 30px !important;

    display: block !important;

    float: left;

    margin: 0 0 0 19px;

    padding-left: 0

}



.share .bdshare-button-style0-16 .bds_tsina {

    background: url("../images/fo3.png") no-repeat center center !important

}



.share .bdshare-button-style0-16 .bds_sqq {

    background: url("../images/fo2.png") no-repeat center center !important

}



.share .bdshare-button-style0-16 .bds_weixin {

    background: url("../images/fo1.png") no-repeat center center !important

}



.share .bdshare-button-style0-16 a, .share .bdshare-button-style0-16 .bds_more #bdshare_weixin_qrcode_dialog.bd_weixin_popup {

    height: auto !important

}



.share .bdsharebuttonbox {

    display: inline-block;

    vertical-align: middle

}



.share .bdshare-button-style0-16 a, .share .bdshare-button-style0-16 .bds_more {

    padding-right: 0;

    height: 43px !important;

    line-height: 43px;

    margin: 0 8px 0 0 !important;

    padding-left: 0 !important

}



.bd_weixin_popup {

    width: 260px !important;

    height: 310px !important;

    overflow: hidden

}



.inbanner {

    overflow: hidden;

    width: 100%;

    position: relative

}



.inbanner .inbanner-slick {

    overflow: hidden;

    position: relative

}



.inbanner .inbanner-slick img {

    text-align: center;

    margin: 0 auto;

    width: 100%

}



.inbanner #allmap {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0

}



.inbanner #allmap .BMap_mask {

    opacity: .6;

    background: #000;

    background: transparent \9

}



.inbanner #allmap img {

    max-width: initial !important;

    max-height: initial !important

}



.inbanner #allmap .anchorBL {

    display: none

}



.inbanner #allmap1 {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0

}



.inbanner #allmap1 .BMap_mask {

    opacity: .6;

    background: #000;

    background: transparent \9

}



.inbanner #allmap1 img {

    max-width: initial;

    max-height: initial

}



.inbanner #allmap1 .anchorBL {

    display: none

}



.inbanner .inbanner-slick-phone {

    display: none

}



.inbanner .inbanner-slick-phone img {

    display: block

}



.page {

    text-align: center;

    overflow: hidden

}



.page a {

    color: #353535;

    display: inline-block;

    font-size: 14px;

    line-height: 46px;

    height: 46px;

    padding: 0 19px;

    margin: 0 8px;

    font-family: arial;

    -webkit-transition: all .5s;

    transition: all .5s;

    border: 1px solid #dadada

}



.page a.cpb, .page a:hover {

    background: #c51f17;

    border: 1px solid #c51f17;

    color: #fff

}



@media (max-width: 767px) {

    .page a {

        display: none;

        font-size: 12px;

        line-height: 37px;

        height: 37px;

        padding: 0 10px;

        margin: 0 5px

    }



    .page a.first, .page a.prev, .page a.next, .page a.last {

        display: inline-block

    }

}



.bd_weixin_popup {

    width: 260px !important;

    height: 310px !important;

    overflow: hidden

}



.sitemap img {

    margin-left: 10px

}



.sitemap dl {

    border: #d6dbe1 solid 1px;

    border-top: #eb2324 solid 2px;

    border-bottom: 0;

    margin: 0 0 20px 0

}



.sitemap dl dt {

    background: #fcfcfc;

    color: #000;

    font-size: 16px;

    line-height: 40px;

    border-bottom: #d6dbe1 solid 1px;

    padding: 0 0 0 20px

}



.sitemap dl dt a:hover {

    color: #eb2324

}



.sitemap dl:hover {

    background: #f5f8fa

}



.sitemap dd {

    overflow: hidden;

    padding-top: 10px

}



.sitemap dd .first {

    padding: 10px 0 0 20px;

    clear: both;

    line-height: 30px

}



.sitemap dd .first a {

    color: #b87500;

    font-weight: bold

}



.sitemap dd .first a:hover {

    color: #764b00

}



.sitemap dd div {

    clear: both;

    overflow: hidden;

    line-height: 30px;

    border-bottom: #d6dbe1 solid 1px;

    padding: 0 20px 10px 10px

}



.sitemap dd div a {

    color: #333;

    float: left;

    padding: 0 10px 0 10px

}



.sitemap dd div a:hover {

    background: #eb2324;

    color: #fff

}



.prompt {

    position: fixed;

    width: 100%;

    height: 100%;

    background: url(../images/ie_sosad.png) no-repeat center 35% #fff;

    left: 0;

    bottom: 0;

    display: none;

    z-index: 999;

    filter: alpha(opacity=80);

    opacity: 80

}



.prompt span {

    position: absolute;

    font-size: 14px;

    font-family: 'Microsoft YaHei';

    top: 55%;

    left: 50%;

    margin-left: -152px;

    width: 304px;

    display: block;

    line-height: 24px;

    color: #666

}



.prompt span a {

    text-decoration: underline

}



.prompt_close {

    width: 30px;

    height: 30px;

    position: absolute;

    right: 30px;

    top: 30px;

    background: url(../images/closed.png) no-repeat center center;

    cursor: pointer

}



.current {

    padding: 12px 0;

    border-bottom: 1px solid #ebebeb

}



.current ul {

    float: right

}



.current ul li {

    float: left;

    margin-left: 10px

}



.current ul li a {

    font-size: 18px;

    color: #333;

    line-height: 40px;

    display: block;

    padding: 0 35px;

    font-weight: bold;
}



.current ul li a:hover {

    color: #c51f17

}



.current ul .active a {

    color: #c51f17

}



.second-current {

    padding: 9px 0;

    overflow: hidden;

    background: #ebebeb

}



.second-current ul {

    float: right;

    padding-right: 117px;

    display: none

}



.second-current ul li {

    float: left;

    margin-left: 10px

}



.second-current ul li a {

    font-size: 15px;

    color: #555;

    line-height: 40px;

    display: block;

    padding: 0 23px

}



.second-current ul li a:hover {

    color: #c51f17

}



.second-current ul .active a {

    color: #c51f17

}



.inmain1 {

    margin-top: 105px

}



.content {

    padding-top: 13px;

    min-height: 500px;

    padding-bottom: 0px;

    background: url(../images/gg_bg.jpg) ;
 
}



.second-nav {

    text-align: center

}



.second-nav .bt {

    font-size: 38px;

    color: #000

}



.second-nav .jsh {

    color: #000;

    font-size: 20px

}



.second-nav .jsh span {

    color: #c51f17

}



.second-nav .jsh1 {

    color: #777;

    font-size: 15px;

    display: none

}



.job dl {

    margin-top: 38px

}



.job dl dt {

    display: block;

    padding-left: 51px

}



.job dl dt span {

    display: block;

    float: left;

    text-align: left;

    width: 12%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



.job dl dt .name {

    width: 14%;

    padding-right: 20px

}



.job dl dt .time {

    width: 5%;

    margin-right: 12%;

    text-align: center

}



.job dl dt .address {

    width: 16%;

    margin-right: 3%;

    text-align: center

}



.job dl dt .bumen {

    width: 16%;

    text-align: center;

    margin-right: 11%

}



.job dl dt .fabu {

    text-align: center;

    width: 14%

}



.job dl dt .more {

    width: 5%

}



.job dl .list0 {

    height: 62px;

    line-height: 62px;

    margin-bottom: 10px;

    background: #ebebeb

}



.job dl .list0 span {

    color: #555;

    font-size: 20px;

    font-weight: bold;
}



.job dl .list_dt {

    cursor: pointer;

    height: 123px;

    line-height: 102px;

    transition: width 2s;

    font-size: 20px;

    font-weight: bold;
}



.job dl .list_dt .subnav {

    display: block

}



.job .list_dt {

    color: #000;

    cursor: pointer;

    position: relative;

    background: url("../images/bg2.png") no-repeat bottom center

}



.job .list_dt:hover {

    transition: all .5s linear;

    -moz-transition: all .5s linear;

    -o-transition: all .5s linear;

    -webkit-transition: all .5s linear

}



.job .list_dt .more {

    background: url("../images/more3.png") no-repeat center center;

    height: 102px

}



.job #open .more {

    background: url("../images/more3h.png") no-repeat center center

}



.job .list_dd {

    display: none

}



.job .jobsub {

    background: #fafafa;

    border-top: 0;

    line-height: 30px;

    padding: 35px 47px 71px 76px

}



.job .jobsub .bt {

    font-size: 15px;

    text-align: left

}



.news .news-list {

    padding: 0 1%;

    margin-top: 77px;

    margin-bottom: 22px

}



.news .news-list li {

    width: 25%;

    float: left;

    padding: 0 11px;

    margin-bottom: 28px

}



.news .news-list li .pic {

    z-index: 1

}



.news .news-list li .pic img {

    transition: .5s

}



.news .news-list li .pic:after {

    padding-bottom: 60%

}



.news .news-list li .text {

    padding: 0 7px 23px 7px;

    margin-top: -35px;

    position: relative;

    z-index: 2

}



.news .news-list li .text .info {

    padding: 21px 31px 34px 31px;

    transition: .5s;

    background: #fff

}



.news .news-list li .text .date {

    font-size: 15px;

    color: #1c1c1c;

    font-family: arial;

    margin-bottom: 14px

}



.news .news-list li .text .bt {

    font-size: 17px;

    color: #252525;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    margin-bottom: 11px

}



.news .news-list li .text .jsh {

    font-size: 14px;

    color: #575757;

    line-height: 24px;

    height: 48px;

    overflow: hidden

}



.news .news-list li .text .more {

    background: url("../images/more1.png") no-repeat center center;

    border: 1px solid #e0e0e0;

    width: 48px;

    height: 48px;

    margin-top: 5px;

    float: right;

    transition: .5s

}



@font-face {

    font-family: "DINCond-Black";

    src: url("../font/DINCond-Black.woff2") format("woff2"), url("../font/DINCond-Black.woff") format("woff"), url("../font/DINCond-Black.ttf") format("truetype"), url("../font/DINCond-Black.eot") format("embedded-opentype"), url("../font/DINCond-Black.svg") format("svg");

    font-weight: normal;

    font-style: normal

}



.news-show {

    padding-top: 103px;

    overflow: hidden

}



.news-show .info {

    border-top: 1px solid #e6e6e6;

    border-bottom: 1px solid #e6e6e6;

    overflow: hidden;

    font-size: 14px;

    color: #9f9f9f;

    padding: 13px 0 0 0;

    line-height: 27px;

    text-align: center

}



.news-show .info span {

    display: inline-block;

    vertical-align: top

}



.news-show .info .date, .news-show .info .author, .news-show .info .source {

    margin-right: 35px

}



.news-show .info a {

    display: inline-block;

    float: none !important

}



.news-show .nr {

    padding: 34px 0;

    overflow: hidden;

    font-size: 15px;

    color: #4f4f4f;

    line-height: 26px

}



.news-show .title {

    font-size: 40px;

    color: #222;

    margin-bottom: 28px;

    text-align: center

}



.responsibility {

    padding-bottom: 0

}



.responsibility .responsibility-list {

    margin-top: 60px;

    padding-top: 84px;

      background-color: #c0392b;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFC0392B', endColorstr='#FF34495E');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwMzkyYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM0NDk1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: linear-gradient(to right bottom, #c0392b 0%, #34495e 100%);

    overflow: hidden;

    padding-bottom: 88px

}



.responsibility .responsibility-list ul {

    margin: 0 -8px

}



.responsibility .responsibility-list li {

    width: 25%;

    padding: 0 8px 20px 8px;

    float: left

}



.responsibility .responsibility-list li .box .pic:after {

    padding-bottom: 67.3%

}



.responsibility .responsibility-list li .box .pic img {

    transition: .7s

}



.responsibility .responsibility-list li .box .text {

    padding: 23px;

    height: 103px;

    position: relative;

    background: #e3e3e3;

    transition: .5s

}



.responsibility .responsibility-list li .box .text .bt {

    font-size: 24px;

    margin-bottom: 5px;

    color: #414141;

    z-index: 2;

    position: relative

}



.responsibility .responsibility-list li .box .text .jsh {

    font-size: 15px;

    color: #666;

    margin-bottom: 24px;

    height: 44px;

    z-index: 2;

    position: relative

}



.responsibility .responsibility-list li .box .text .line {

    background: #c3c3c3;

    height: 1px;

    width: 100%;

    z-index: 2;

    position: relative

}



.responsibility .responsibility-list li .box .text .span {

    color: #e3e3e3;

    font-family: "DINCond-Black";

    font-size: 122px;

    text-transform: uppercase;

    line-height: 100px;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    text-align: center;

    z-index: 1;

    transition: .5s

}



.honor .honor-info {

    margin-top: 50px

}



.video {

    margin-top: 50px

}



.video .nr {

    max-width: 80%;

    margin: auto

}



@media screen and (max-width: 768px) {

    .video {

        margin-top: 30px

    }



    .video .nr {

        max-width: 100%

    }

}



.online .message {

    background: #efefef;

    padding: 20px;

    margin-top: 82px

}



.online .message .list {

    overflow: hidden;

    background: #fff;

    padding: 38px 133px 58px 133px

}



.online .message li {

    overflow: hidden;

    clear: both;

    position: relative;

    margin-bottom: 29px

}



.online .message li font {

    position: absolute;

    right: 5px;

    bottom: 12px;

    color: #f00;

    font-size: 12px

}



.online .message .li-02, .online .message .li-03 {

    width: 50%;

    float: left;

    clear: none

}



.online .message .li-02 {

    padding-right: 40px

}



.online .message .li-02 font {

    right: 45px

}



.online .message input, .online .message textarea {

    font-size: 15px;

    width: 100%;

    border: 0;

    border-bottom: 1px #e0e0e0 solid;

    padding: 10px 0;

    color: #626262

}



.online .message input:focus, .online .message textarea:focus {

    border-color: #c51f17

}



.online .message input {

    line-height: 35px;

    background: 0

}



.online .message textarea {

    width: 100%;

    height: 81px;

    background: 0

}



.online .message .btn {

    margin-top: 57px;

    text-align: center

}



.online .message .btn a {

    display: block;

    line-height: 47px;

    width: 264px;

    text-align: center;

    background: #c51f17;

    border: 2px #c51f17 solid;

    color: #fff;

    font-size: 18px;

    -webkit-transition: all .5s;

    transition: all .5s;

    margin: 0 auto

}



.list-page-news {

    margin-top: 50px;

    overflow: hidden;

    border-top: 1px solid #e7e7e7;

    border-bottom: 1px solid #e7e7e7

}



.list-page-news li {

    width: 50%;

    float: left;

    text-align: right

}



.list-page-news li p {

    height: 49px;

    line-height: 49px;

    padding: 0 15px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    max-width: 100%;

    font-size: 15px;

    color: #aaa

}



.list-page-news li p a {

    color: #3f3f3f

}



.list-page-news li:hover p {

    color: #fff;

    background-color: #c51f17

}



.list-page-news li:hover p a {

    color: #fff;

    -webkit-transition-duration: 0s;

    transition-duration: 0s

}



.list-page-news .prev {

    border-right: 1px solid #e7e7e7;

    text-align: left

}



.recruitment-list {

    margin-top: 96px

}



.recruitment-list ul {

    margin: 0 -50px 17px -50px

}



.recruitment-list ul li {

    width: 50%;

    float: left;

    padding: 0 50px;

    margin-bottom: 89px

}



.recruitment-list ul li a {

    display: block;

    overflow: hidden;

    position: relative

}



.recruitment-list ul li .box {

    border: 5px solid #9d9d9d;

    position: absolute;

    width: 202px;

    top: 0;

    left: 0

}



.recruitment-list ul li .box .pic {

    width: 192px;

    height: 141px

}



.recruitment-list ul li .box .pic img {

    transition: .5s

}



.recruitment-list ul li .text {

    height: 151px;

    padding-left: 234px;

    padding-top: 11px

}



.recruitment-list ul li .text .bt {

    font-size: 18px;

    color: #333;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    margin-bottom: 5px

}



.recruitment-list ul li .text .jsh {

    font-size: 15px;

    color: #666;

    line-height: 23px;

    height: 46px;

    overflow: hidden;

    margin-bottom: 30px

}



.recruitment-list ul li .text .more {

    color: #7e7e7e;

    font-size: 14px;

    background: url("../images/more4.png") no-repeat center right;

    border-bottom: 1px solid #bebebe;

    padding-bottom: 9px

}



.contact {

   

}



.contact .contact-info {

    width: 1000px;

    margin: 36px auto 36px auto;

    padding: 20px 20px 48px 20px;

    position: relative;

    background: #fff;

    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25)

}



.contact .contact-info .bt {

    font-size: 30px;

    color: #494949;

    font-weight: bold;

    line-height: 35px;

    position: absolute;

    top: 55px;

    left: 70px

}



.contact .contact-info .jsh {

    padding-left: 200px;

    font-size: 25px;

    color: #333;

    line-height: 36px

}



.contact .contact-info .jsh .span {

    line-height: 77px

}



.contact .contact-info .jsh span {

    color: #c51f17;

    font-size: 48px;

    vertical-align: middle;

    font-family: "DINCond-Bold"

}







.contact .contact-list {

    padding-bottom: 90px;

    border-bottom: 1px solid #ededed;

    margin-bottom: 90px;

    overflow: hidden

}



.contact .contact-list ul {

    font-size: 0;

    margin: 0 -20px

}



.contact .contact-list ul li {

    padding: 0 20px;

    width: 33.3333333%;

    display: inline-block;

    vertical-align: top

}



.contact .contact-list ul li .box {

    padding: 45px 35px;

    overflow: hidden;

    min-height: 331px;

    background: #ededed

}



.contact .contact-list ul li .bt {

    font-size: 28px;

    color: #333;

    margin-bottom: 21px

}



.contact .contact-list ul li .jsh {

    font-size: 15px;

    color: #333;

    line-height: 24px

}



.contact .contact-list ul li .jsh p {

    position: relative;

    padding-left: 58px;

    margin-bottom: 12px

}



.contact .contact-list ul li .jsh p span {

    position: absolute;

    top: 0;

    left: 0

}



.contact .contact-list ul li:hover .box {

    background: #c51f17

}



.contact .contact-list ul li:hover .box .bt {

    color: #fff

}



.contact .contact-list ul li:hover .box .jsh {

    color: #fff

}



.contact .contact-message {

    margin-top: 74px;

    background: #efefef;

    padding: 20px

}



.contact .contact-message ul {

    overflow: hidden;

    background: #fff;

    padding: 52px 117px 70px 117px

}



.contact .contact-message li {

    overflow: hidden;

    position: relative;

    margin-bottom: 16px;

    width: 33.33333333%;

    float: left;

    padding: 0 18px

}



.contact .contact-message li font {

    position: absolute;

    right: 5px;

    bottom: 12px;

    color: #f00;

    font-size: 12px

}



.contact .contact-message .li-02, .contact .contact-message .li-03 {

    width: 50%;

    float: left;

    clear: none

}



.contact .contact-message .li-02 {

    padding-right: 40px

}



.contact .contact-message .li-02 font {

    right: 45px

}



.contact .contact-message select {

    background: url("../images/arrow1.png") no-repeat center right;

    background: none \9;

    height: 55px;

    line-height: 55px

}



.contact .contact-message input {

    height: 55px;

    line-height: 55px

}



.contact .contact-message select, .contact .contact-message option, .contact .contact-message input, .contact .contact-message textarea {

    font-size: 15px;

    width: 100%;

    border: 0;

    border-bottom: 1px #e0e0e0 solid;

    color: #626262;

    vertical-align: top;

    padding: 0 5px

}



.contact .contact-message input:focus, .contact .contact-message textarea:focus {

    border-color: #c51f17

}



.contact .contact-message select, .contact .contact-message option, .contact .contact-message input {

    line-height: 55px

}



.contact .contact-message select {

    background: none\9 \0;

    padding-right: 0 \9

}



.contact .contact-message select::-ms-expand {

    display: none

}



.contact .contact-message textarea {

    width: 100%;

    height: 94px;

    background: 0

}



.contact .contact-message .textarea {

    width: 100%

}



.contact .contact-message .btn {

    margin-top: 41px;

    text-align: center;

    width: 100%

}



.contact .contact-message .btn a {

    display: block;

    line-height: 47px;

    width: 264px;

    text-align: center;

    background: #c51f17;

    border: 2px #c51f17 solid;

    color: #fff;

    font-size: 18px;

    -webkit-transition: all .5s;

    transition: all .5s;

    margin: 0 auto

}

.case .case-list {
    margin-top: 68px
}

.case .case-list ul {
    padding: 0 1%;
    margin-bottom: 35px
}

.case .case-list ul li {
    width: 25%;
    float: left;
    padding: 0 6px;
    margin-bottom: 75px
}

.case .case-list ul li .pic:after {
    padding-bottom: 71.7%
}

.case .case-list ul li .pic img {
    transition: .5s
}

.case .case-list ul li .hover {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20% 30px 1% 30px;
    transition: .5s;
    background: url("../images/bg3.png") repeat center center
}

.case .case-list ul li .hover .bt {
    font-size: 22px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 6px
}

.case .case-list ul li .hover .jsh {
    font-size: 15px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 43px
}

.case .case-list ul li .hover .more {
    color: #fff;
    font-size: 15px;
    background: url("../images/more.png") no-repeat center right;
    border-bottom: 1px solid #fff;
    padding-bottom: 11px
}

.case .case-list ul li .text {
    padding-top: 28px
}

.case .case-list ul li .text .bt {
    color: #fff;
    font-size: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto; text-align: center
}

.case .case-list ul li .text .jsh {
    font-size: 15px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
    margin: 0 auto; text-align: center
}



.product .product-list {

    margin-top: 69px

}



.product .product-list ul {

    margin: 0 -6px 53px -6px

}



.product .product-list ul li {

    width: 25%;

    float: left;

    padding: 0 6px;

    margin-bottom: 10px

}



.product .product-list ul li .pic {

    background: #eaeaea

}



.product .product-list ul li .pic img {

    transition: .5s;

}



.product .product-list ul li .pic .hover {

    width: 100%;

    overflow: hidden;

    position: absolute;

    z-index: 2;

    bottom: -100%;

    transition: .5s

}



.product .product-list ul li .pic .hover .info {

    padding: 42px 46px;

    background: rgba(197,31,23,0.7);

    overflow: hidden;

    width: 100%

}



.product .product-list ul li .pic .hover .bt {

    font-size: 24px;

    color: #fff;

    margin-bottom: 19px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden

}



.product .product-list ul li .pic .hover .jsh {

    font-size: 14px;

    line-height: 24px;

    color: #fff;

    margin-right: 10px;

    margin-bottom: 18px;

    height: 48px;

    overflow: hidden

}



.product .product-list ul li .pic .hover .more {

    font-size: 15px;

    margin-right: 10px;

    border-bottom: 1px solid #fff;

    line-height: 44px;

    transition: .5s;

    position: relative

}



.product .product-list ul li .pic .hover .more p {

    position: relative;

    z-index: 2;

    transition: .5s;

    color: #fff;

    background: url("../images/more.png") no-repeat center right

}



.product .product-list ul li .pic .hover .more:after {

    width: 0;

    transition: .3s;

    height: 44px;

    background: #fff;

    overflow: hidden;

    display: block;

    content: '';

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0

}



.partner {

    padding-bottom: 0

}



.partner .partner-list {

    margin-top: 100px;

    padding-top: 76px;

    padding-bottom: 86px;

    background: #f4f4f4

}



.partner .partner-list ul {

    margin: 0 -6px

}



.partner .partner-list ul li {

    width: 33.333333333%;

    float: left;

    padding: 0 6px

}



.partner .partner-list ul li .one {

    position: relative;

    width: 100%;

    overflow: hidden;

    margin-bottom: 11px;

    background: #fff

}



.partner .partner-list ul li .one img {

    transition: .5s

}



.partner .partner-list ul li .one:after {

    content: "";

    display: block;

    padding-bottom: 66.5%

}



.partner .partner-list ul li dl {

    margin: 0 -7px

}



.partner .partner-list ul li dl dd {

    width: 50%;

    float: left;

    padding: 0 7px;

    position: relative;

    overflow: hidden;

    margin-bottom: 11px

}



.partner .partner-list ul li dl dd .box {

    position: relative;

    overflow: hidden;

    width: 100%;

    background: #fff

}



.partner .partner-list ul li dl dd .box img {

    transition: .5s

}



.partner .partner-list ul li dl dd .box:after {

    content: "";

    display: block;

    padding-bottom: 41.9%

}



.about {

    padding-bottom: 0

  background-color: #c0392b;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFC0392B', endColorstr='#FF34495E');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwMzkyYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM0NDk1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: linear-gradient(to right bottom, #c0392b 0%, #34495e 100%);   
}



.about .about01 {

    text-align: center;

    padding-bottom: 32px

  
}



.about .about01 .bt {

    font-size: 40px;

    color: #fdfdfd

}



.about .about01 .jsh {

    font-size: 18px;

    color: #fff;

    line-height: 30px

}



.about .about01 .jsh1 {

    font-size: 15px;

    color: #fdfdfd;

    line-height: 30px;

    display: none

}



.about .youshi {

    overflow: hidden;

    font-size: 15px;

    color: #6c6c6c;

    margin: 52px auto 0 auto;

    position: relative

}



.about .youshi .list {

    overflow: hidden;

    font-size: 0;

    text-align: center

}



.about .youshi li {

    display: inline-block;

    text-align: center;

    padding: 0 40px 5px 40px;

    border-right: 1px solid #e5e5e5

}



.about .youshi li:last-child {

    border: 0

}



.about .youshi .num {

    line-height: 1;

    position: relative;

    display: block;

    color: #fdfdfd

}



.about .youshi .num .counter {

    font-size: 60px;

    font-family: "DINCond-Bold";

    display: inline-block;

    vertical-align: top

}



.about .youshi .num .sub {

    font-size: 60px;

    color: #fdfdfd;

    position: relative;

    font-family: "DINCond-Light";

    display: inline-block;

    vertical-align: top

}



.about .youshi p {

    font-size: 14px;

    color: #fdfdfd

}



.about .about02 {

    text-align: center;

    font-size: 15px;

    color: #fff;

    line-height: 30px;

    margin-top: 80px;

    position: relative;

    z-index: 2

}



.about .about02 .info {

    padding: 59px 0 112px 0;

    background: url("../images/bg4.png") repeat center center

}



.about .about03 {

    height: 393px;

    margin-top: -58px;

    position: relative;

    z-index: 1

}



.about .about04 {

    font-size: 18px;

    color: #fdfdfd;

    line-height: 30px;

    padding: 41px 0 71px 0

}







.about .about05 ul {

    position: relative;

    overflow: hidden

}



.about .about05 ul:before {

    position: absolute;

    top: 40px;

    left: 0;

    content: '';

    display: block;

    background: url("../images/l.png") no-repeat center center;

    width: 69px;

    height: 46px

}



.about .about05 ul:after {

    position: absolute;

    bottom: 93px;

    right: 0;

    content: '';

    display: block;

    background: url("../images/r.png") no-repeat center center;

    width: 69px;

    height: 46px

}



.about .about05 ul li {

    width: 50%;

    float: left;

    padding: 102px 63px

}



.about .about05 ul li .bt {

    font-size: 30px;

    color: #fff;

    margin-bottom: 8px

}



.about .about05 ul li .jsh {

    font-size: 15px;

    color: #fff;

    line-height: 30px

}






.history {

    padding-bottom: 0

}



.history .history-info {

    margin-top: 67px;

    padding-top: 79px;

    padding-bottom: 88px;

    background: #b31510

}



.history .history-info .info {

    margin: 0 -38px;

    position: relative;

    overflow: hidden;

    padding-bottom: 48px

}



.history .history-info .info:after {

    display: block;

    content: '';

    position: absolute;

    top: 23px;

    width: 100%;

    height: 1px;

    background: #ba403d;

    left: 0;

    z-index: 1

}



.history .history-info .info .slick-list {

    position: relative;

    z-index: 2

}



.history .history-info .slick-prev, .history .history-info .slick-next {

    width: 42px;

    height: 42px;

    border: 2px solid #fff;

    border-radius: 50%;

    top: auto;

    bottom: 0;

    z-index: 6

}



.history .history-info .slick-prev:before, .history .history-info .slick-next:before {

    content: ''

}



.history .history-info .slick-prev {

    background: url("../images/left1.png") no-repeat center center;

    left: 50%;

    margin-left: -60px

}



.history .history-info .slick-prev:hover {

    background: #fff url("../images/left1h.png") no-repeat center center

}



.history .history-info .slick-next {

    background: url("../images/right1.png") no-repeat center center;

    right: 50%;

    margin-right: -60px

}



.history .history-info .slick-next:hover {

    background: #fff url("../images/right1h.png") no-repeat center center

}



.history .history-info .item {

    width: 25%;

    float: left;

    padding: 82px 38px;

    background: url("../images/dot.png") no-repeat 38px top;

    position: relative;

    z-index: 2

}



.history .history-info .item .text {

    margin-bottom: 71px

}



.history .history-info .item .text .bt {

    font-size: 60px;

    color: #fff;

    font-family: "DINCond-Medium"

}



.history .history-info .item .text .jsh {

    line-height: 24px;

    font-size: 15px;

    color: #fff

}



.history .history-info .item .pic {

    background: #fff

}



.history .history-info .item .pic:after {

    padding-bottom: 47%

}



.culture {

    padding-bottom: 0

}



.culture .culture-info {

    margin-top: 73px

}



.culture .fsbanner {

    position: relative;

    overflow: hidden;

    height: 702px;

    width: 100%;

    padding: 0 2.5%;

    border-left: 1px solid rgba(255, 255, 255, 0.15);

    background: url("../images/fsbanner.jpg") no-repeat top center;

    font-size: 0

}



.culture .fsbanner .pic {

    width: 80px;

    height: 80px;

    z-index: 1

}



.culture .fsbanner .pic i {

    display: block;

    width: 100%;

    height: 100%;

    background: url("../images/bg3.png") repeat center center;

    top: 0;

    position: absolute

}



.culture .fsbanner .list {

    font-size: 14px;

    width: 16.6666667%;

    float: left;

    height: 702px;

    display: inline-block;

    position: relative;

    overflow: hidden;

    transition: all 200ms cubic-bezier(0.645, 0.575, 0.09, 1);

    cursor: default;

    color: #fff;

    z-index: 2;

    padding: 128px 30px;

    border-right: 1px solid rgba(255, 255, 255, 0.15)

}



.culture .fsbanner .list .box {

    position: relative;

    overflow: hidden

}



.culture .fsbanner .list .proinfo {

    margin-top: 12px;

    overflow: hidden;

    z-index: 2;

    padding: 0 9px;

    width: 100%;

    font-size: 28px;

    color: #fff

}



.culture .fsbanner .list .proinfo .bt {

    margin-bottom: 5px;

    overflow: hidden

}



.culture .fsbanner .list .proinfo .jsh {

    line-height: 26px;

    font-size: 15px;

    color: #fff

}



.culture .fsbanner .other {

    width: 15.9%

}



.culture .fsbanner .active {

    width: 19.5%;

    background: url("../images/bg5.png") repeat center center

}



.recruitment-show .container {

    width: 1110px

}



.recruitment-show .jsh1 {

    text-align: center;

    font-size: 14px;

    line-height: 30px;

    color: #9f9f9f;

    padding: 11px 0 8px 0;

    border-top: 1px solid #e6e6e6;

    border-bottom: 1px solid #e6e6e6;

    margin-top: 18px

}



.recruitment-show .jsh1 span {

    display: inline-block;

    margin: 0 20px

}



.recruitment-show .r1 {

    padding-top: 51px;

    overflow: hidden;

    margin-bottom: 9px

}



.recruitment-show .r1 ul li {

    width: 16.66666667%;

    float: left;

    text-align: center;

    margin-bottom: 30px

}



.recruitment-show .r1 ul li .bt {

    width: 106px;

    height: 32px;

    border: 1px solid #dedede;

    text-align: center;

    font-size: 18px;

    color: #555;

    line-height: 30px;

    background: #f1f1f1;

    margin: 0 auto 10px auto

}



.recruitment-show .r1 ul li .jsh {

    font-size: 14px;

    color: #555

}



.recruitment-show .r2 ul li {

    float: left

}



.recruitment-show .r2 ul li table {

    line-height: 30px;

    margin-bottom: 25px

}



.recruitment-show .r2 ul li table td {

    border: 1px solid #dedede;

    padding: 0 10px;

    height: 31px

}



.recruitment-show .r2 ul li table .l1 {

    width: 27%

}



.recruitment-show .r2 ul li table .l2 {

    width: 14.5%

}



.recruitment-show .r2 ul li p {

    color: #c51f17;

    margin-bottom: 20px

}



.recruitment-show .r2 .r21 {

    width: 24.4%;

    margin-right: 2.5%

}



.recruitment-show .r2 .r22 {

    width: 46%;

    margin-right: 2.5%

}



.recruitment-show .r2 .r23 {

    width: 24.4%

}



.product-show .product-top {

    padding-bottom: 98px;

    overflow: hidden

}



.product-show .product-top .pic {

    width: 50%;

    float: left

}



.product-show .product-top .pic:after {

    padding-bottom: 57%

}



.product-show .product-top .text {

    width: 48%;

    float: right;

    padding-top: 81px

}



.product-show .product-top .text .bt {

    font-size: 36px;

    color: #333;

    margin-bottom: 8px

}



.product-show .product-top .text .jsh {

    font-size: 15px;

    color: #666;

    line-height: 31px;

    margin-bottom: 27px

}



.product-show .product-top .text .button a {

    display: block;

    width: 151px;

    height: 41px;

    line-height: 41px;

    font-size: 15px;

    color: #fff;

    padding-left: 34px;

    transition: .5s;

    background: url("../images/more5.png") no-repeat 100px center

}



.product-show .product-top .text .button .button1 {

    float: left;

    margin-right: 21px

}



.product-show .product-top .text .button .button1 a {

    background: #c51f17 url("../images/more5.png") no-repeat 100px center

}



.product-show .product-top .text .button .button1 a:hover {

    background: #9f140d url("../images/more5.png") no-repeat 100px center

}



.product-show .product-top .text .button .button2 {

    float: left

}



.product-show .product-top .text .button .button2 a {

    background: #1b1b1b url("../images/more5.png") no-repeat 100px center

}



.product-show .product-top .text .button .button2 a:hover {

    background: #c51f17 url("../images/more5.png") no-repeat 100px center

}



.product-show .product-bottom .pro-nav {

    background: #5f5f5f;

    overflow: hidden

}



.product-show .product-bottom .pro-nav ul li {

    width: 20%;

    float: left;

    text-align: center;

    line-height: 62px;

    border-right: 1px solid #fff

}



.product-show .product-bottom .pro-nav ul li a {

    color: #fff;

    font-size: 18px;

    display: block

}



.product-show .product-bottom .pro-nav ul .sel {

    background: #c51f17

}



.product-show .product-bottom .pro-show {

    padding-top: 110px

}



.product-show .product-bottom .pro-show .info {

    display: none

}



.product-show .product-bottom .pro-show .info .jishucanshu .one {

    font-size: 24px;

    color: #5f5f5f;

    font-weight: bold;

    text-align: center;

    background: #e8e8e8

}



.product-show .product-bottom .pro-show .info .jishucanshu td {

    line-height: 30px;

    padding: 5px 30px;

    border: 1px solid #d2d2d2

}



.product-show .product-bottom .pro-show .info .jobsub {

    line-height: 28px;

    padding: 36px 30px 38px 38px;

    font-size: 14px;

    color: #666;

    margin-bottom: 17px;

    background: #f9f9f9

}



.product-show .product-bottom .pro-show .info .jobsub .item {

    padding: 0 39px

}



.product-show .product-bottom .pro-show .info .jobsub .item .bt {

    line-height: 29px;

    height: 47px;

    overflow: hidden;

    border-bottom: 1px solid #d4d4d4;

    padding: 8px 0

}



.product-show .product-bottom .pro-show .info .jobsub .item .bt h3 {

    float: left;

    width: 70%;

    font-size: 16px;

    color: #555;

    padding-left: 62px;

    background: url("../images/li.png") no-repeat 41px center;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden

}



.product-show .product-bottom .pro-show .info .jobsub .item .bt span {

    display: block;

    float: right;

    width: 105px;

    color: #fff;

    font-size: 16px;

    background: #eb2324 url("../images/downh.png") no-repeat 65px center;

    padding-left: 20px;

    border-radius: 30px

}



.product-show .product-bottom .pro-show .info .jobsub .item:hover .bt span {

    background: #c60809 url("../images/downh.png") no-repeat 65px center

}



.video-popup {

    position: fixed;

    z-index: 999;

    width: 1142px;

    height: 702px;

    background: #fff;

    left: 50%;

    top: 50%;

    margin: -351px 0 0 -571px;

    padding: 56px;

    display: none;

    text-align: center

}



.video-popup .box {

    height: 100%

}



.video-popup .close {

    display: block;

    width: 35px;

    height: 35px;

    position: absolute;

    right: 15px;

    top: 15px;

    background: url(../images/close-icon.png) no-repeat;

    z-index: 77

}



.video-popup .bt {

    font-size: 38px;

    color: #333;

    margin-bottom: 20px

}



.video-popup .jsh {

    color: #777;

    font-size: 15px;

    padding: 0 157px

}



.video-popup .contact-message ul {

    overflow: hidden;

    padding: 35px 43px

}



.video-popup .contact-message li {

    overflow: hidden;

    position: relative;

    margin-bottom: 21px;

    width: 33.33333333%;

    float: left;

    padding: 0 18px

}



.video-popup .contact-message li font {

    position: absolute;

    right: 5px;

    bottom: 12px;

    color: #f00;

    font-size: 12px

}



.video-popup .contact-message .li-02, .video-popup .contact-message .li-03 {

    width: 50%;

    float: left;

    clear: none

}



.video-popup .contact-message .li-02 {

    padding-right: 40px

}



.video-popup .contact-message .li-02 font {

    right: 45px

}



.video-popup .contact-message select {

    background: url("../images/arrow1.png") no-repeat center right;

    background: none \9;

    height: 55px;

    line-height: 55px

}



.video-popup .contact-message select, .video-popup .contact-message option, .video-popup .contact-message input, .video-popup .contact-message textarea {

    font-size: 15px;

    width: 100%;

    border: 0;

    border-bottom: 1px #e0e0e0 solid;

    padding: 10px 5px;

    color: #626262

}



.video-popup .contact-message input {

    height: 55px;

    line-height: 55px

}



.video-popup .contact-message input:focus, .video-popup .contact-message textarea:focus {

    border-color: #c51f17

}



.video-popup .contact-message select, .video-popup .contact-message option, .video-popup .contact-message input {

    line-height: 35px

}



.video-popup .contact-message select {

    background: none\9 \0;

    padding-right: 0 \9

}



.video-popup .contact-message select::-ms-expand {

    display: none

}



.video-popup .contact-message textarea {

    width: 100%;

    height: 100px;

    background: 0

}



.video-popup .contact-message .textarea {

    width: 100%

}



.video-popup .contact-message .btn {

    margin-top: 36px;

    text-align: center;

    width: 100%

}



.video-popup .contact-message .btn a {

    display: block;

    line-height: 47px;

    width: 264px;

    text-align: center;

    background: #c51f17;

    border: 2px #c51f17 solid;

    color: #fff;

    font-size: 18px;

    -webkit-transition: all .5s;

    transition: all .5s;

    margin: 0 auto

}



input::-webkit-search-cancel-button {

    display: none

}



input::-ms-clear {

    display: none

}



.popup {

    position: fixed;

    z-index: 999;

    width: 600px;

    height: 530px;

    background: #fff;

    left: 50%;

    top: 50%;

    margin: -265px 0 0 -300px;

    display: none

}



.popup .box {

    height: 100%

}



.popup .pic {

    z-index: 2

}



.popup .pic:after {

    padding-bottom: 71.7%

}



.popup .pic img {

    transition: .5s

}



.popup .text {

    padding: 20px

}



.popup .bt {

    font-size: 22px;

    color: #333;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    margin-bottom: 6px

}



.popup .jsh {

    font-size: 15px;

    color: #666;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden

}



.map {

    width: 90%;

    margin: 50px auto 0 auto

}



.map dl {

    border: #d6dbe1 solid 1px;

    border-top: #c51f17 solid 2px;

    border-bottom: 0;

    margin: 20px 0 20px 0

}



.map dl:hover {

    background: #f5f8fa

}



.map dl:hover dt a {

    color: #c51f17

}



.map dt {

    background: #fcfcfc;

    color: #c51f17;

    font-size: 16px;

    line-height: 40px;

    border-bottom: #d6dbe1 solid 1px;

    padding: 0 0 0 20px

}



.map dt a {

    color: #333

}



.map dt a:hover {

    color: #c51f17

}



.map dt img {

    margin-left: 20px

}



.map dd {

    font-size: 12px;

    line-height: 30px;

    overflow: hidden;

    padding-top: 10px

}



.map dd .p2 {

    padding: 0 0 0 20px;

    clear: both

}



.map dd .p2 a {

    color: #c51f17;

    font-weight: bold;

    line-height: 40px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



.map dd .p2 a:hover {

    color: #764b00

}



.map dd div {

    clear: both;

    overflow: hidden;

    line-height: 30px;

    border-bottom: #d6dbe1 solid 1px;

    padding: 0 20px 10px 10px

}



.map dd div a {

    color: #333;

    float: left;

    padding: 0 10px 0 10px

}



.map dd div a:hover {

    background: #c51f17;

    color: #fff

}



@media (max-height: 768px) {

    .banner-info .pic1 {

        font-size: 46px

    }



    .banner-info .pic1 .bt {

        font-size: 46px

    }



    .banner-info1 .pic1 {

        font-size: 46px;

        line-height: 60px

    }



    .banner-info1 .pic1 .bt {

        font-size: 46px

    }

}



@media (max-width: 1643px) {

    .header .logo {

        padding-left: 80px

    }

}



@media (max-width: 1600px) {



}



@media (max-width: 1558px) {

    .header .logo {

        padding-left: 50px

    }

}



@media (max-width: 1528px) {

    .header .logo {

        padding-left: 15px

    }

}



@media (max-width: 1493px) {

    .header .header-right .nav ul li {

        margin-left: 10px

    }



    .header .header-right .nav {

        margin-right: 40px

    }

}



@media (max-width: 1440px) {









    .header .header-right .header-search .pull-right {

        width: 140px

    }



    .header .header-right .header-search .pull-right a {

        width: 110px;

        float: right

    }



    .header .lan {

        width: 140px;

        padding-left: 25px

    }



    .home-news .case-header {

        left: 15px

    }



    .home-news1 .new1-bottom {

        padding: 0 15px

    }



    .home-news1 .new1-bottom ul {

        padding: 0;

        margin: 0 -11px

    }



    .banner-info .pic3 {

        right: 15px

    }



    .header .header-right .nav {

        margin-right: 20px

    }



    .product .product-list ul li .pic .hover .info {

        padding: 35px

    }



    .home-news .more {

        left: 15px

    }

}



@media (max-width: 1366px) {

    .culture .fsbanner .list {

        padding: 128px 20px

    }



    .responsibility .responsibility-list li .box .text .span {

        font-size: 95px

    }



    .contact .contact-list ul li .box {

        padding: 45px 20px

    }



    .video-popup {

        width: 992px;

        height: 580px;

        padding: 30px;

        margin: -290px 0 0 -496px

    }

}



@media (max-width: 1280px) {

    .header .header-right .nav ul li {

        margin-left: 5px

    }



    .product .product-list ul li .pic .hover .bt {

        font-size: 20px;

        margin-bottom: 10px

    }



    .case .case-list ul li .hover {

        padding-top: 12%

    }











    .home-news1 .new1-bottom ul {

        margin: 0 -7px

    }



    .home-news1 .new1-bottom ul li {

        padding: 0 7px

    }

}



@media (max-width: 1200px) {

    .header .header-right .nav ul li {

        font-size: 14px

    }



    .header .header-right .nav {

        margin-right: 30px

    }



    .header .lan {

        width: 150px;

        padding-left: 30px

    }



    .header .header-right {

        display: none

    }



    .phone-nav {

        display: block

    }



    .inmain1 {

        margin-top: 0

    }

}



@media (min-width: 1025px) {

    .news .news-list li:hover .pic img {

        transform: scale(1.05)

    }



    .news .news-list li:hover .text .info {

        box-shadow: 0 10px 10px 0 rgba(4, 0, 0, 0.1)

    }



    .news .news-list li:hover .text .more {

        background: #c51f17 url("../images/more1h.png") no-repeat center center;

        border: 1px solid #c51f17

    }



    .partner .partner-list ul li .one:hover img {

        transform: scale(1.05)

    }



    .partner .partner-list ul li dl dd:hover .box img {

        transform: scale(1.05)

    }



    .product .product-list ul li .pic .hover .more:hover p {

        padding-left: 10px;

        color: #c51f17;

        background: url("../images/moreh.png") no-repeat center right

    }



    .product .product-list ul li .pic .hover .more:hover:after {

        width: 100%

    }



    .product .product-list ul li:hover .pic img {

        transform: scale(1.05);

        opacity: 1

    }



    .product .product-list ul li:hover .pic .hover {

        bottom: 0

    }



    .case .case-list ul li:hover .pic img {

        transform: scale(1.05)

    }



    .case .case-list ul li:hover .hover {

        top: 0

    }



    .responsibility .responsibility-list li .box:hover {

        box-shadow: 0 8px 18px 0 rgba(197, 31, 23, 0.42)

    }



    .responsibility .responsibility-list li .box:hover .pic img {

        transform: scale(1.05)

    }



    .responsibility .responsibility-list li .box:hover .text {

        background: #c51f17

    }



    .responsibility .responsibility-list li .box:hover .text .bt {

        color: #fff;

        font-weight: bold

    }



    .responsibility .resonsibility-list li .box:hover .text .jsh {

        color: #fff

    }



    .responsibility .responsibility-list li .box:hover .text .span {

        color: #c8352f

    }



    .online .message .btn a:hover {

        background: transparent;

        color: #c51f17

    }



    .recruitment-list ul li:hover .box {

        border: 5px solid #c51f17

    }



    .recruitment-list ul li:hover .box .pic img {

        transform: scale(1.05)

    }



    .recruitment-list ul li:hover .text .bt {

        color: #c51f17

    }



    .responsibility .responsibility-list li:hover .box .text .jsh {

        color: #fff

    }



    .recruitment-list ul li:hover .text .more {

        color: #c51f17;

        border-bottom: 1px solid #c51f17;

        background: url("../images/more4h.png") no-repeat center right

    }

}



@media (max-width: 1024px) {

    .case .case-list ul li .hover {

        display: none

    }



    .product .product-list ul li .pic .hover {

        bottom: 0

    }



    .product .product-list ul li .pic .hover .jsh {

        display: none

    }



    .product .product-list ul li .pic .hover .more {

        display: none

    }



    .product .product-list ul li .pic .hover .info {

        padding: 10px

    }



    .product .product-list ul li .pic .hover .bt {

        margin-bottom: 0;

        font-size: 16px

    }



    .recruitment-show .container {

        width: 100%

    }



    .home-news .news-body {

        padding: 4px 150px 0 280px

    }



    .product-show .product-top .text {

        padding-top: 0

    }



    .current ul li a {

        padding: 0 25px

    }



    .home-news1 .new1-bottom ul li .text .info {

        padding: 21px 15px 34px 15px

    }



    .footer .footer-top .menu {

        width: 75%

    }



    .job dl .list_dt {

        font-size: 14px

    }



    .list-page-news {

        margin-top: 0

    }



    .news-show .nr {

        padding: 30px 0

    }



    .responsibility .responsibility-list li {

        width: 50%

    }



    .responsibility .responsibility-list li .box .text .span {

        display: none

    }



    .online .message .list {

        padding: 30px 50px

    }



    .recruitment-list ul {

        margin: 0 -25px

    }



    .recruitment-list ul li {

        padding: 0 25px

    }



    .recruitment-list ul li .text .jsh {

        font-size: 14px

    }

}



@media (max-width: 992px) {

    .home-news:after {

        width: 100%

    }



    .float {

        display: none

    }



    .contact .contact-list ul li {

        width: 100%;

        margin-bottom: 20px

    }



    .contact .contact-list ul li .box {

        min-height: 0

    }



    .contact .contact-message ul {

        padding: 30px

    }



    .product-show .product-top .pic {

        width: 100%;

        float: none

    }



    .product-show .product-top .text {

        width: 100%;

        padding-top: 10px

    }

}



@media (max-width: 768px) {

    .second-nav .jsh1 {

        display: block;

        padding: 0 15px;

        font-size: 14px

    }



    .second-nav .jsh {

        display: none

    }



    .product-show .product-bottom .pro-show .info .jobsub {

        padding: 20px

    }



    .product-show .product-bottom .pro-show .info .jobsub .item {

        padding: 0

    }



    .product-show .product-bottom .pro-show .info .jobsub .item .bt h3 {

        font-size: 14px;

        padding-left: 40px;

        background: url(../images/li.png) no-repeat 15px center

    }



    .product-show .product-bottom .pro-show .info .jobsub .item .bt span {

        font-size: 14px;

        background: #eb2324 url(../images/downh.png) no-repeat 40px center;

        width: 70px;

        padding-left: 10px

    }



    .case .case-list {

        margin-top: 30px

    }



    .footer .link span {

        left: 15px

    }



    .case .case-list ul li {

        width: 50%;

        margin-bottom: 20px

    }



    .case .case-list ul li .text {

        padding-top: 10px

    }



    .case .case-list ul li .text .bt {

        font-size: 16px

    }



    .case .case-list ul li .text .jsh {

        font-size: 14px

    }



    .popup {

        position: fixed;

        z-index: 999;

        width: 310px;

        height: 323px;

        background: #fff;

        left: 50%;

        top: 50%;

        margin: -161px 0 0 -155px;

        display: none

    }



    .video-popup {

        width: 100%;

        height: 100%;

        padding: 10px 10px;

        margin: 0;

        left: 0;

        top: 0

    }



    .video-popup .jsh {

        padding: 0;

        font-size: 12px

    }



    .video-popup .bt {

        font-size: 20px;

        margin-bottom: 15px

    }



    .video-popup .contact-message ul {

        padding: 10px

    }



    .video-popup .contact-message .li-02, .video-popup .contact-message .li-03 {

        width: 100%

    }



    .video-popup .contact-message .li-02 {

        padding-right: 0

    }



    .video-popup .contact-message .btn a {

        width: 100%

    }



    .video-popup .contact-message li {

        width: 100%;

        margin-bottom: 0;

        padding: 0

    }



    .about .about01 .bt {

        font-size: 24px

    }



    .about .about01 .jsh {

        display: none

    }



    .about .about01 .jsh1 {

        display: block;

        font-size: 14px

    }



    .video-popup .box {

        overflow: auto;

        -webkit-overflow-scrolling: touch

    }



    .recruitment-list ul li {

        width: 100%;

        margin-bottom: 20px

    }



    .recruitment-list {

        margin-top: 30px

    }



    .online .message .list {

        padding: 30px

    }



    .online .message {

        margin-top: 30px

    }



    .online .message .li-02, .online .message .li-03 {

        width: 100%;

        padding: 0

    }



    .online .message .li-02 font {

        right: 5px

    }



    .online .message .btn a {

        line-height: 40px;

        width: 150px;

        font-size: 14px

    }



    .online .message input, .online .message textarea {

        font-size: 13px

    }



    .online .message .btn {

        margin: 30px auto 0 auto

    }



    .responsibility .responsibility-list {

        margin-top: 30px;

        padding: 30px 0

    }



    .responsibility {

        padding-bottom: 0 !important

    }



    .news-show .title {

        font-size: 24px;

        margin-bottom: 15px

    }



    .news-show {

        padding-top: 30px

    }



    .list-page-news li p {

        font-size: 13px

    }



    .current ul li {

        margin-left: 0

    }



    .current ul li a {

        font-size: 14px;

        padding: 0 15px

    }



    .news-show .info {

        font-size: 12px

    }



    .news-show .info .date, .news-show .info .author, .news-show .info .source {

        margin-right: 10px

    }



    .current {

        padding: 5px 0

    }



    .content {

        padding-top: 30px;

        min-height: 0;

        padding-bottom: 30px

    }



    .second-nav .bt {

        font-size: 24px

    }



    .second-nav .jsh {

        font-size: 14px

    }



    .job dl dt {

        padding-left: 10px

    }



    .job dl dt .name {

        width: 22%

    }



    .job dl .list0 span {

        font-size: 14px

    }



    .job dl dt .bumen {

        width: 14%;

        margin-right: 2%

    }



    .job .jobsub {

        font-size: 12px !important

    }



    .job .jobsub .bt {

        font-size: 15px !important;

        text-align: left

    }



    .job .jobsub {

        width: 100%;

        padding: 25px

    }



    .job dl .list_dt {

        height: 60px;

        line-height: 60px;

        overflow: hidden;

        background: 0;

        border-bottom: 1px solid #ddd

    }



    .job dl .list0 {

        background: #f1f1f1

    }



    .job .list_dt .more {

        height: 60px

    }



    .job dl {

        padding-bottom: 30px;

        margin-top: 30px

    }



    .float {

        display: none

    }



    .home-about .youshi li {

        padding: 0 35px 15px 35px

    }



    .about .youshi li {

        padding: 0 35px 15px 35px

    }







    .home-partner .case-body ul li {

        width: 50%

    }



    .home-news1 .new1-bottom ul li {

        width: 50%

    }



    .news .news-list li {

        width: 50%

    }



    .home-about .home-title {

        font-size: 24px

    }



    .home-partner .case-header h3 {

        font-size: 24px

    }



    .home-news .case-header h3 {

        font-size: 24px

    }



    .home-news1 .home-title {

        font-size: 24px

    }



    .home-news:after {

        width: 100%

    }



    .footer .footer-top {

        padding: 0

    }



    .contact {

        background: url(../images/contact.png) no-repeat center 95px

    }



    .contact .contact-info {

        width: 100%;

        margin: 30px auto;

        padding: 20px

    }



    .contact .contact-info .bt {

        position: relative;

        top: auto;

        left: auto;

        font-size: 20px;

        line-height: 30px

    }



    .contact .contact-info .jsh span {

        font-size: 30px

    }



    .contact .contact-info .jsh .span {

        line-height: 36px

    }



    .contact .contact-info .jsh {

        padding-left: 0;

        font-size: 14px

    }



    .contact .contact-info .jsh:before {

        display: none

    }



    .contact .contact-list ul li .bt {

        font-size: 18px;

        margin-bottom: 10px

    }



    .contact .contact-list ul li .jsh {

        font-size: 14px

    }



    .contact .contact-list ul li .jsh p {

        margin-bottom: 0;

        padding-left: 50px

    }



    .contact .contact-list {

        padding-bottom: 20px;

        margin-bottom: 20px

    }



    .contact .contact-message {

        margin-top: 30px

    }



    .contact .contact-message .li-02 {

        padding-right: 0

    }



    .contact .contact-message .li-02, .contact .contact-message .li-03 {

        width: 100%

    }



    .contact .contact-message li {

        width: 100%;

        padding: 0

    }



    .contact .contact-list ul li .box {

        padding: 20px

    }



    .footer .footer-top .menu {

        width: 100%;

        padding-top: 9px

    }



    .map {

        width: 100%

    }



    .footer .footer-top .footer-contact {

        width: 100%;

        text-align: left;

        background: 0;

        line-height: 40px

    }



    .footer .footer-top .footer-contact {

        padding: 0;

        border-bottom: 1px solid #434548

    }



    .footer .footer-top .footer-contact .p-01 {

        font-size: 14px;

        float: left

    }



    .footer .footer-top .footer-contact .span-01 {

        display: none

    }



    .footer .footer-top .footer-contact .tel {

        font-size: 15px;

        float: left;

        line-height: 40px;

        padding-left: 10px;

        margin-bottom: 0

    }



    .footer .footer-top .footer-contact .p-02 {

        display: none

    }



    .footer .link {

        line-height: 40px

    }



    .footer .link p {

        float: none;

        overflow: hidden

    }



    .footer .link .share {

        float: none;

        margin-left: 0

    }



    .share .bdshare-button-style0-16 a {

        margin-left: 0;

        margin-right: 20px

    }



    .footer .copyright .container {

        font-size: 12px;

        padding: 10px 0

    }



    .footer .footer-top .menu li {

        width: 100%;

        border-bottom: 1px solid #434548;

        line-height: 40px

    }



    .footer .footer-top .menu a {

        font-size: 13px;

        display: none

    }



    .footer .footer-top .menu a.bt {

        font-size: 14px;

        margin-bottom: 0;

        display: block

    }



    .home-news1 {

        padding: 30px 0

    }



    .home-news {

        padding: 30px 0

    }



    .home-partner {

        padding: 30px 0;

        margin-bottom: 30px

    }



    .home-partner:after {

        right: -310px

    }



    .home-news .news-body {

        padding: 0

    }



    .home-news .case-header {

        left: auto;

        top: auto;

        position: relative

    }



    .home-news .case-header:before {

        top: -30px

    }



    .home-partner .case-header:before {

        top: -30px

    }



    .home-about {

        padding: 30px 0

    }



    .home-about .jsh {

        display: none

    }



    .home-about .jsh1 {

        display: block;

        text-align: center;

        font-size: 14px;

        line-height: 26px

    }



    .home-about .youshi .num .counter {

        font-size: 40px

    }



    .home-about .youshi .num .sub {

        font-size: 40px

    }



    .about .youshi .num .counter {

        font-size: 40px

    }



    .about .youshi .num .sub {

        font-size: 40px

    }



    .home-product {

        padding-bottom: 30px

    }



    .home-partner .case-header {

        margin-bottom: 20px

    }



    .home-partner .more {

        margin: 0

    }



    .home-about .youshi {

        margin-top: 20px

    }



    .about .about01 {

        padding-bottom: 10px

    }



    .about .youshi {

        margin-top: 20px

    }



    .about .about02 {

        margin-top: 30px;

        font-size: 14px

    }



    .about .about02 .info {

        padding: 20px

    }



    .about .about04 {

        padding: 20px 0;

        font-size: 14px

    }



    .about .about05 ul .prev {

        border-right: 0;

        border-bottom: 1px solid #e3e3e3

    }



    .about .about05 ul:before {

        top: 0;

        background-size: 30px;

        width: 30px

    }



    .about .about05 ul:after {

        bottom: 0;

        background-size: 30px;

        width: 30px

    }



    .about {

        padding-bottom: 0

    }



    .about .about05 ul li {

        width: 100%;

        padding: 20px 40px

    }



    .about .about05 ul li .bt {

        font-size: 20px;

        margin-bottom: 0

    }



    .about .about05 ul li .jsh {

        font-size: 14px

    }



    .history .history-info {

        margin-top: 30px;

        padding-top: 30px;

        padding-bottom: 30px

    }



    .history {

        padding-bottom: 0

    }



    .history .history-info .info {

        margin: 0 -15px;

        padding-bottom: 30px

    }



    .history .history-info .item .text {

        margin-bottom: 20px

    }



    .history .history-info .item .text .bt {

        font-size: 32px

    }



    .history .history-info .item .text .jsh {

        font-size: 14px

    }



    .history .history-info .item {

        padding: 49px 15px

    }



    .culture .fsbanner .list {

        width: 100%;

        height: auto;

        padding: 20px;

        border-right: 0;

        border-bottom: 1px solid rgba(255, 255, 255, 0.15)

    }



    .culture .fsbanner .pic {

        width: 40px;

        height: 40px

    }



    .case .case-list ul {

        margin-bottom: 10px

    }



    .news .news-list {

        margin-bottom: 10px

    }



    .product .product-list ul {

        margin-bottom: 20px

    }



    .product .product-list ul li .pic .hover .bt {

        font-size: 14px

    }



    .product-show .product-top .text .button a {

        width: 131px;

        padding-left: 25px

    }



    .culture .fsbanner .list .proinfo {

        padding-left: 0;

        margin-top: 5px

    }



    .culture .fsbanner .list .proinfo {

        font-size: 18px;

        font-weight: bold

    }



    .culture .fsbanner .list .proinfo .jsh {

        font-size: 14px;

        font-weight: normal

    }



    .culture .culture-info {

        margin-top: 30px

    }



    .culture {

        padding-bottom: 0

    }



    .culture .fsbanner {

        background-size: cover;

        height: auto

    }



    .product .product-list ul li {

        width: 50%

    }



    .second-current ul {

        float: left;

        padding-right: 0

    }



    .second-current ul li a {

        padding: 0 5px;

        font-size: 13px;

        line-height: 30px

    }



    .product-show .product-top {

        padding-bottom: 30px

    }



    .product-show .product-top .text .bt {

        font-size: 24px

    }



    .product-show .product-top .text .jsh {

        font-size: 14px;

        margin-bottom: 20px;

        line-height: 25px

    }



    .product-show .product-bottom .pro-nav ul li a {

        font-size: 12px

    }



    .product-show .product-bottom .pro-nav ul li {

        line-height: 45px

    }



    .product-show .product-bottom .pro-show {

        padding-top: 30px

    }



    .home-product .item .hover .more p {

        background: url("../images/jiantou1.png") no-repeat center right;

        background-size: 12px

    }



    .home-product .item .hover .more:hover p {

        padding-left: 0;

        color: #fff;

        background: url("../images/jiantou1.png") no-repeat center right;

        background-size: 12px

    }



    .home-product .item .hover .more:hover:after {

        width: 0

    }



    .home-product .item:hover .pic img {

        transform: scale(1)

    }



    .partner {

        padding-bottom: 0

    }



    .partner .partner-list ul li {

        width: 100%

    }



    .partner .partner-list {

        padding: 30px 0;

        margin-top: 30px

    }



    .home-news .more {

        position: relative;

        top: auto;

        left: auto;

        float: right;

        width: 50%;

        margin-top: 21px

    }



    .home-news .case-header {

        margin-bottom: 20px

    }



    .home-partner:after {

        right: auto;

        left: 0%

    }



    .home-news1 .new1-bottom {

        margin-top: 20px

    }



    .home-news1 .new1-bottom ul li:hover .pic img {

        transform: scale(1)

    }



    .home-news1 .new1-bottom ul li:hover .text .info {

        box-shadow: none

    }



    .home-news1 .new1-bottom ul li .text .more {

        background: url("../images/jiantou3.png") no-repeat center center;

        border: 1px solid #e0e0e0;

        background-size: 12px

    }



    .home-news1 .new1-bottom ul li:hover .text .more {

        background: url("../images/jiantou3.png") no-repeat center center;

        border: 1px solid #e0e0e0;

        background-size: 12px

    }



    .news .news-list li .text .more {

        background: url("../images/jiantou3.png") no-repeat center center;

        border: 1px solid #e0e0e0;

        background-size: 12px

    }



    .news .news-list li:hover .text .more {

        background: url("../images/jiantou3.png") no-repeat center center;

        border: 1px solid #e0e0e0;

        background-size: 12px

    }



    .home-news .more a {

        background: url("../images/jiantou2.png") no-repeat center right;

        background-size: 12px

    }



    .home-news .more a:hover span {

        background: url("../images/jiantou2.png") no-repeat center right;

        background-size: 12px

    }



    .home-news1 .bottom .more a {

        background: url("../images/jiantou2.png") no-repeat center right;

        background-size: 12px

    }



    .home-news1 .bottom .more a:hover span {

        background: url("../images/jiantou2.png") no-repeat center right;

        background-size: 12px

    }



    .home-news1 .new1-bottom ul {

        margin: 0 -5px

    }



    .history .history-info .slick-prev {

        background: url("../images/jiantou5.png") no-repeat center center;

        background-size: 12px

    }



    .history .history-info .slick-prev:hover {

        background: url("../images/jiantou5.png") no-repeat center center;

        background-size: 12px

    }



    .history .history-info .slick-next {

        background: url("../images/jiantou4.png") no-repeat center center;

        background-size: 12px

    }



    .history .history-info .slick-next:hover {

        background: url("../images/jiantou4.png") no-repeat center center;

        background-size: 12px

    }



    .home-news1 .new1-bottom ul li {

        padding: 0 5px

    }



    .product-show .product-top .text .button .button1 a {

        background: #c51f17 url("../images/jiantou1.png") no-repeat 100px center;

        background-size: 12px

    }



    .product-show .product-top .text .button .button2 a {

        background: #1b1b1b url("../images/jiantou1.png") no-repeat 100px center;

        background-size: 12px

    }



    .product-show .product-top .text .button .button1 a:hover {

        background: #c51f17 url("../images/jiantou1.png") no-repeat 100px center;

        background-size: 12px

    }



    .product-show .product-top .text .button .button2 a:hover {

        background: #1b1b1b url("../images/jiantou1.png") no-repeat 100px center;

        background-size: 12px

    }



    .home-news1 .new1-bottom ul li .text .info {

        padding: 10px 0

    }



    .home-news1 .new1-bottom ul li .text .date {

        font-size: 13px;

        margin-bottom: 5px

    }



    .home-news1 .new1-bottom ul li .text .bt {

        font-size: 15px;

        margin-bottom: 5px

    }



    .home-news1 .new1-bottom ul li .text .jsh {

        font-size: 12px

    }



    .home-news1 .new1-bottom ul li .text {

        margin-top: 0;

        padding: 0 0 10px 0

    }



    .home-news1 .new1-bottom ul li .text .more {

        width: 30px;

        height: 30px;

        background-size: 8px

    }



    .home-news .more a:hover:after {

        left: -100%

    }



    .home-news .more a:hover span {

        border-bottom: 1px solid #2f2f2f;

        color: #2f2f2f;

        padding: 0

    }



    .news .news-list {

        margin: 30px 5px 10px 5px

    }



    .news .news-list li {

        padding: 0 5px;

        margin-bottom: 0

    }



    .news .news-list li .text .info {

        padding: 10px 0

    }



    .news .news-list li .text .date {

        font-size: 13px;

        margin-bottom: 5px

    }



    .news .news-list li .text .bt {

        font-size: 15px;

        margin-bottom: 5px

    }



    .news .news-list li .text .jsh {

        font-size: 12px

    }



    .news .news-list li .text {

        margin-top: 0;

        padding: 0 0 10px 0

    }



    .news .news-list li .text .more {

        width: 30px;

        height: 30px;

        background-size: 8px

    }



    .home-partner .more a:hover:after {

        left: -100%

    }



    .home-partner .more a:hover span {

        border-bottom: 1px solid #fff;

        color: #fff;

        padding: 0;

        background: url(../images/more.png) no-repeat center right

    }



    .home-news1 .bottom .more a:hover:after {

        left: -100%

    }



    .home-news1 .bottom .more a:hover span {

        color: #7e7e7e;

        padding: 0;

        background: url(../images/moreh.png) no-repeat center right

    }



    .product .product-list {

        margin-top: 30px

    }



    .recruitment-show .jsh1 {

        font-size: 12px

    }



    .recruitment-show .jsh1 span {

        margin: 0 5px

    }



    .recruitment-show .r1 {

        padding-top: 30px

    }



    .recruitment-show .r2 .r22, .recruitment-show .r2 .r21, .recruitment-show .r2 .r23 {

        width: 100%

    }



    .inbanner .inbanner-slick {

        display: none

    }



    .inbanner .inbanner-slick-phone {

        display: block

    }



    .home-product .slick-prev {

        background: #c51f17 url("../images/jiantou5.png") no-repeat center center !important;

        background-size: 12px !important

    }



    .home-product .slick-prev:hover {

        background: #c51f17 url("../images/jiantou5.png") no-repeat center center !important;

        background-size: 12px !important

    }



    .home-product .slick-next {

        background: #c51f17 url("../images/jiantou4.png") no-repeat center center !important;

        background-size: 12px !important

    }



    .home-product .slick-next:hover {

        background: #c51f17 url("../images/jiantou4.png") no-repeat center center !important;

        background-size: 12px !important

    }



    .home-partner .more a {

        background: url(../images/jiantou1.png) no-repeat center right;

        background-size: 12px

    }



    .home-partner .more a:hover span {

        background: url(../images/jiantou1.png) no-repeat center right;

        background-size: 12px

    }

}



@media (max-width: 520px) {

    .product-show .product-bottom .pro-nav ul li {

        border-right: 0

    }



    .recruitment-show .r1 ul li {

        width: 50%

    }



    .responsibility .responsibility-list li {

        width: 100%

    }



    .responsibility .responsibility-list li .box .text {

        padding: 20px;

        height: auto

    }



    .responsibility .responsibility-list li .box .text .bt {

        font-size: 18px

    }



    .responsibility .responsibility-list li .box .text .jsh {

        font-size: 14px;

        height: auto;

        margin-bottom: 10px

    }



    .list-page-news li {

        text-align: left

    }



    .list-page-news .prev {

        border-right: 0;

        border-bottom: 1px solid #e7e7e7

    }



    .news-show .nr {

        font-size: 14px

    }



    .news-show .left .title {

        font-size: 20px

    }



    .list-page-news li {

        width: 100%

    }



    .job dl dt .fabu {

        display: none

    }



    .job dl dt .time {

        width: 15%;

        margin-right: 3%

    }



    .job dl dt .name {

        width: 30%

    }



    .job dl dt span {

        width: 17%

    }



    .home-about .youshi {

        margin-top: 10px

    }



    .home-about .youshi li {

        width: 50%;

        border-right: 0;

        margin-top: 10px;

        padding: 0 15px 15px 15px

    }



    .about .youshi li {

        width: 50%;

        border-right: 0;

        margin-top: 10px;

        padding: 0 15px 15px 15px

    }





    .home-product .slick-prev{

        margin-left:-45px;

    }



    .home-product .slick-next{

        margin-right:-45px;

    }

    .home-product .slick-next, .home-product .slick-prev {



        width: 40px;

        height: 40px

    }



    .home-product .item {

        padding: 0 15px

    }



    .home-product .item .hover .info {

        padding:0 20px

    }



    .home-product .item .hover .bt {

        font-size: 16px;

        margin-bottom: 10px;

        height: 24px;

        overflow: hidden

    }



    .home-product .item .hover .jsh {

        margin-bottom: 10px;

        font-size: 12px

    }



    .home-product .item .hover .more {

        font-size: 12px;

        line-height: 24px;

        height: 24px

    }







    .home-partner .case-body ul {

        margin: 0 -5px

    }



    .home-partner .case-body ul li {

        padding: 0 5px;

        margin-bottom: 10px

    }



    .home-partner .more a span {

        line-height: 40px;

        font-size: 12px

    }



    .home-news .news-body ul li span {

        font-size: 12px

    }



    .home-news .news-body ul li a {

        padding-left: 75px;

        font-size: 14px

    }



    .home-news .news-body ul li {

        line-height: 50px

    }



    .home-news .more {

        margin-top: 10px

    }



    .home-news .more a span {

        line-height: 40px;

        font-size: 12px

    }



    .home-news1 .bottom .more a span {

        line-height: 40px;

        font-size: 12px

    }



    .recruitment-list ul li .box .pic {

        width: 130px;

        height: 95px

    }



    .recruitment-list ul li .box {

        width: 134px;

        border: 2px solid #9d9d9d

    }



    .recruitment-list ul li .text {

        padding-left: 144px;

        padding-top: 0;

        height: auto

    }



    .recruitment-list ul li .text .bt {

        font-size: 15px

    }



    .recruitment-list ul li .text .jsh {

        font-size: 12px;

        height: auto;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

        word-break: break-all

    }



    .recruitment-list ul li .text .more {

        display: none

    }

}



@media (max-width: 414px) {

    .job dl dt .address {

        display: none

    }



    .job dl dt .name {

        width: 45%

    }



    .job dl dt .people {

        display: none

    }



    .job .list_dt .more {

        display: none

    }



    .job dl dt .bumen {

        width: 23%

    }



    .job dl dt .name {

        width: 50%

    }

}



@media (max-width: 360px) {

    .current ul li a {

        padding: 0 7px

    }

}


.banner {
 	margin: 0 auto;
 	width: 100%;
 	*zoom: 1;
 	overflow: hidden;
 	position: relative;
 	z-index: 1
 }
 
 .banner .list {
 	width: 100%;
 	overflow: hidden
 }
 
 .banner .list li {
 	float: left;
 	width: 100%;
 	overflow: hidden
 }
 
 .banner .list li a {
 	display: block
 }
 
 .banner .list li img {
 	width: 100%;
 	height: auto;
 	display: block
 }
 
 #banner .tip {
 	width: 100%;
 	height: .32rem;
 	line-height: .32rem;
 	text-align: center;
 	clear: both;
 	z-index: 2;
 	font-size: 0;
 	position: absolute;
 	left: 0;
 	bottom: 5%
 }
 
 #banner .tip span {
 	display: inline-block;
 	vertical-align: middle;
 	width: .2rem;
 	height: .2rem;
 	margin: 0 .025rem;
 	vertical-align: middle;
 	border-radius: 100%;
 	border: 2px solid #fff
 }
 
 #banner .tip span.cur {
 	background: #009b4c
 }
 

video {
 	width: 100%;
 	/*height: 4rem;
 	padding: 1.5%;*/
 	background-color: #000
 }

.wrappertion {position:absolute;left:0;top:28%;right:0;bottom:0;margin:auto;width:100%;text-align:center;}
.wrappertion .title {font-size:4vw;color:#ffffff;width:100%;font-weight:bold;margin-bottom:1vh;}
.wrappertion .c {font-size:1vw;color:#ffffff;line-height:1vh;}