.navbar .navbar-collapse{
    background: transparent;
    margin-left: 0;
}

.navbar .navbar-collapse.in{
    background: #404950;
}

.navbar-collapse {
    padding:0;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
    margin: 0;
}

.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333;
}

.header {
    position:fixed;
    width:100vw;
    z-index:9999;
    top:0;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    height: 50px;
    margin-left: 0;
}

.navbar-inverse {
    background-color: rgba(0,0,0,0.5);
    height: 6.25vw;
    margin-bottom:0;
    border: none;
}

.navbar-brand > img {
    padding:10px 15px;
    height:100%;
    display: none;
}

.navbar-brand > img:first-child {
    display: block;
}

    .navbar-nav {
        width: 100%;
    }

.navbar-nav > li {
    
}

.navbar .navbar-collapse > ul.navbar-nav > li {
    background: #ffdd00;
    margin-bottom: 10px;
    border-radius: 0;
}

.navbar .navbar-collapse > ul.navbar-nav > li.open {
    background: #ffdd00;
    color: #ffdd00;
}

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #ffdd00;
        color: #051a2b !important;
    }

    .navbar-inverse ul.navbar-nav > li.open > a {
        background-color: #ffdd00;
    }

.navbar-inverse .navbar-nav > li > a {
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    color: #051c2c;
}

.navbar-inverse .navbar-nav .dropdown:hover > a {
    background-color: transparent;
    color: #051c2c;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #051c2c;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #051c2c;
}

.navbar-nav ul.dropdown-menu {
    padding: 0;
}

.navbar .navbar-collapse > ul.navbar-nav li ul.dropdown-menu{
    background: #fbfbfb;
}

.navbar .navbar-collapse > ul.navbar-nav li ul.dropdown-menu li{
    border-top: solid 1px #a3a3a3;
}

.navbar .navbar-collapse > ul.navbar-nav li ul.dropdown-menu li:first-child{
    border-top: none;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    padding: 10px 25px;
    color: #a3a3a3;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #051c2c;
    }

.navbar-nav ul.dropdown-menu > li > a {
    font-size: 14px;
    text-align: center;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: #ffdd00;
    color: #051c2c;
}

ul.nav li.dropdown:hover > div.dropdown-menu {
        display: block;
    }

.top_search {
    display: none;
}

/*********** 头部 **********/

.homebanner {
    position:relative;
    height: 50vh;
}

.homebanner .swiper-container-home, .homebanner .swiper-container-home-mob {
        width: 100%;
        height: 100%;
    }

.homebanner .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100%;
    }

.homebanner-foot {
    position:absolute;
    z-index: 19;
    height:34px;
    width:100%;
    bottom:0;
}

.homebanner-foot .swiper-pagination-home {
    background: rgba(0,0,0,0.75);
    padding: 0 0.9375vw;
    height: 34px;
    float: right;
}

.homebanner-foot .swiper-button-next,
.homebanner-foot .swiper-button-prev,
.homebanner-foot .swiper-button-mob-next,
.homebanner-foot .swiper-button-mob-prev,
.indcase-foot .swiper-button-indcase-next,
.indcase-foot .swiper-button-indcase-prev{
    -moz-background-size: 46px 34px;
    -webkit-background-size: 46px 34px;
    background-size: 46px 34px;
    position: relative;
    width: 46px;
    height: 34px;
    margin-top: 0;
    float: right;
    top: auto;
}

.homebanner-foot .swiper-button-prev,
.homebanner-foot .swiper-container-rtl .swiper-button-next,
.homebanner-foot .swiper-button-mob-prev,
.homebanner-foot .swiper-container-rtl .swiper-button-mob-next,
.indcase-foot .swiper-button-indcase-prev,
.indcase-foot .swiper-container-rtl .swiper-button-indcase-next{
    background-image: url("../img/index_arrow-l.jpg");
    right: auto;
    left: auto;
}

.homebanner-foot .swiper-button-next,
.homebanner-foot .swiper-container-rtl .swiper-button-prev,
.homebanner-foot .swiper-button-mob-next,
.homebanner-foot .swiper-container-rtl .swiper-button-mob-prev,
.indcase-foot .swiper-button-indcase-next,
.indcase-foot .swiper-container-rtl .swiper-button-indcase-prev{
    background-image: url("../img/index_arrow-r.jpg");
    right: auto;
    left: auto
}

    .homebanner-foot .swiper-pagination-bullet {
        background: transparent;
        text-align: center;
        border-radius: 0;
        line-height: 34px;
        font-size: 14px;
        width: 28px;
        height: 34px;
        color: #fff;
        opacity: 1;
    }

    .homebanner-foot .swiper-pagination-bullet .num {
        width: 28px;
        float: left;
    }

    .homebanner-foot .swiper-pagination-bullet .g-progress {
        padding: 16px 0;
        display: none;
        height: 34px;
        width: 70px;
    }

    .homebanner-foot .swiper-pagination-bullet-active {
        width: 98px;
    }

    .homebanner-foot .swiper-pagination-bullet-active .g-progress {
        display: block;
        float: left;
    }

    /* 轮播进度条 */
    .homebanner-foot .swiper-pagination-bullet-active .g-progress span {
        animation: progress 10s;
        background: #ffdd00;
        width: 70px;
        height: 2px;
        float: left;
    }

.home_1st_block {
    background:url(../img/index-BG_01.jpg) no-repeat center;
    background-size:cover;
    /* height:48.4375vw; */
    }

.homeblock .titline, footer .titline {
    padding:50px 15px 25px;
    text-align:center;
}

.homeblock .titline .title, footer .titline .title {
    line-height: 36px;
    font-size: 20px;
    color:#051c2c;
}

.homeblock .titline .sectitle {
    line-height:20px;
    font-size:14px;
    color:#0b141b;
}

.home_prosort {
    width:225px;
    margin:0 auto;
}

.home_prosort ul li a {
    background-position:20px center;
    border-top:solid 3px transparent;
    background-repeat:no-repeat;
    padding:10px 10px 10px 76px;
    background-size:auto 36px;
    cursor:pointer;
    display:block;
}

.home_prosort ul li.active a {
    border-top:solid 3px #ffda00;
    background-color:#081b29;
}

.home_prosort ul li .border {
        background:#c9cacc;
        margin:0 auto;
        width:100px;
        height:1px;
}

.home_prosort ul li:first-child .border {
    display:none;
}

.home_prosort ul li a .title {
    line-height:26px;
    font-size:16px;
    color:#081b29;
}

.home_prosort ul li.active a .title {
    color:#ffda00;
}

.home_prosort ul li a .entitle {
    line-height:20px;
    font-size:14px;
    color:#081b29;
}

.home_prosort ul li.active a .entitle {
    color:#fff;
}

.home_pro {
    width:calc(100vw - 30px);
    margin:0 auto;
}

.home_pro ul {
    display:none;
}

.home_pro ul.active {
    display:block;
}

.home_pro ul li {
    padding:15px 0 0;
}

.home_pro ul li a img {
    height:calc(55.56vw - 16.67px);
}

.home_pro ul li a p {
    background:#ffdd00;
    text-align:center;
    color:#081b29;
    line-height:36px;
    font-size:14px;
    padding:0 30px;
}

.home_2nd_block {
    background:url(../img/index-BG_02.jpg) no-repeat center;
    background-size:cover;
    position:relative;
    z-index:9;
}

.home_2nd_block .container{
    padding: 0 15px;
}

.home_slove {
    /* background:#342c2a; */
}

.home_slove_nav ul {
    margin: 0 -7.5px;
}

.home_slove_nav ul li {
    padding:0 7.5px 15px;
}

.home_slove_nav ul li a {
    background-position: 15px top;
    background-size: 26px auto;
    background-repeat:no-repeat;
    background-color:#5f5d5e;
    padding-left: 56px;
    line-height: 47px;
    font-size: 16px;
    height: 47px;
    cursor:pointer;
    color:#fff;
}

.home_slove_nav ul li.active a {
    background-position:15px -47px;
    background-color:#ffda09;
    color:#081b29;
}

.home_slove_main {
    position:relative;
    height:50vh;
    float:left;
}

.home_slove_main .slove_main {
    position:relative;
    height:50vh;
    overflow:hidden;
    display:none;
}

.home_slove_main .slove_main.active {
    display:block;
}

.home_slove_main .slove_main .mainblock {
    background:url(../img/index-02_BG.png) no-repeat center;
    padding:30px 32vw 0 20px;
    background-size:cover;
    position:relative;
    height:100%;
    z-index:19;
    color:#fff;
}

.home_slove_main .slove_main .mainblock .title {
    line-height:26px;
    font-size:18px;
}

.home_slove_main .slove_main .mainblock .sectitle {
    word-break: break-word;
    line-height:22px;
    font-size:14px;
}

.home_slove_main .slove_main .mainblock .border {
    margin:8px auto 6px;
    background:#ffdd00;
    width:40px;
    height:2px;
    float:left;
}

.home_slove_main .slove_main .mainblock a {
    background:url(../img/index-02_01.png) no-repeat center;
    background-size:contain;
    padding:0 15px;
    line-height:40px;
    font-size:14px;
    position:absolute;
    height:40px;
    width:120px;
    color:#051a2b;
    bottom:30px;
    left:20px;
}

.home_slove_main .slove_main img {
    transform: translateX(-50%);
    position:absolute;
    height: 100%;
    z-index:1;
    left: 50%;
    top:0;
}

.home_3rd_block {
    background:url(../img/index-BG_03.jpg) no-repeat center;
    background-size:cover;
    position:relative;
    padding:0 15px;
    z-index:5;
}

.home_case {
    margin-bottom: -25vh;
    position: relative;
}

.home_case .swiper-slide {
    border:solid 1px transparent;
    display:block;
}

.home_case .case_main {
    padding:15px 20px 20px;
    background:#fefefe;
}

.home_case .case_main .mainblock {
    padding-bottom:60px;
    position:relative;
}

.home_case .case_main .mainblock .title {
    text-align: left;
    line-height:36px;
    font-size:18px;
    color:#081b29;
}

.home_case .case_main .mainblock .sectitle {
    word-break: break-word;
    text-align: justify;
    overflow: hidden;
    line-height:22px;
    font-size:14px;
    height:220px;
    /* color:#a3a3a3; */ color:#666666;
}

.home_case .case_main .mainblock .border {
    background:#ffdd00;
    margin:6px auto 8px;
    width:40px;
    height:2px;
    float:left;
}

.home_case .case_main .mainblock a {
    background:url(../img/index-02_01.png) no-repeat center;
    background-size:contain;
    padding:0 15px;
    line-height:40px;
    font-size:14px;
    position:absolute;
    text-align: left;
    height:40px;
    width:120px;
    color:#051a2b;
    bottom:0;
    left:0;
}

.home_case .case_main .img {
    border:solid 1px #ffdd00;
    position:relative;
    margin-top: 15px;
}

.home_case .case_main .img > a {
    position:relative;
}

.home_case .case_main .img > a img {
    position:relative;
    height:100%;
    width:100%;
    z-index:1;
}

.home_case .case_main .img > a img.icon {
    transform:translate(-50%,-50%);
    position:absolute;
    height: 50px;
    width: 50px;
    z-index:10;
    left:50%;
    top:50%;
}

.home_case .datamain {
    border:solid 1px #405566;
    background: #051a2b;
    padding: 10px 0;
    border-top:none;
    height: 140px;
}

.home_case .datamain .datalist li a {
    padding: 5px 0;
    display: block;
}

.home_case .datamain .datalist li a p {
    line-height:20px;
    font-size:14px;
    text-align:center;
    color:#fff;
}

.home_case .datamain .datalist li a p:first-child {
    line-height:30px;
    font-size:18px;
    color:#ffdd00;
}

.home_case .datamain .datalist li a p:first-child span {
    /* background:url(../img/home-arrow-down.jpg) no-repeat right center;
    padding-right:1.5625vw; */
    letter-spacing: 5px;
}

/* .home_case .datamain .datalist li:nth-child(n+3) a p:first-child span {
    background:url(../img/home-arrow-up.jpg) no-repeat right center;
} */

.home_case .swiper-container-indcase {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.home_case .indcase-foot {
    position: absolute;
    bottom: auto;
    width: 92px;
    z-index: 99;
    right: 0;
    top: 0;
}

.home_4th_block, .about_2nd_block {
    background:url(../img/index-BG_04.jpg) no-repeat center;
    background-size:cover;
    padding:25vh 0 10vh;
    position:relative;
    /* height:69.2708vw; */
    height: auto;
    z-index:1;
}

.home_4th_block{
    height: auto;
}

.home_4th_block .titline .title {
    color:#ffdd00;
    line-height: 32px;
    font-size: 16px;
}

.home_cus {
    padding: 0 15px;
}

.home_cus ul {
    border:solid 1px #eee;
    background:#fefefe;
}

.home_cus ul li {
    border:solid 1px #eee;
}

.home_cus ul li a {
    /* padding:0.5729vw 1.1979vw; */
    position:relative;
    display:block;
    height: 15.17vw;
    padding: 3px;
}

.home_cus ul li a img {
    transform:translateY(-50%);
    position:relative;
    max-height:100%;
    top:50%;
}

.home_5th_block {
    background:#fbfbfb;
    position:relative;
    padding: 0 15px;
    z-index:10;
}

.home_5th_block .titline {
    padding: 50px 0 0;
    text-align:left;
}

.home_5th_block .titline .border {
    background:#ffdd00;
    margin:8px 0 0;
    width: 40px;
    height:2px;
}

.home_5th_block .ind-img-newlist ul {
    /* padding:0 15px; */
}

.home_5th_block .ind-img-newlist ul li {
    padding-top:20px;
}

.home_5th_block .ind-img-newlist ul li a {
    display:block;
}

.home_5th_block .ind-img-newlist ul li a img {
    /*width:28.3854vw;*/
    display:block;
}

.home_5th_block .ind-img-newlist ul li a .newsinfo {
    position:relative;
    background:#eee;
    margin-top:7px;
    height:70px;
}

.home_5th_block .ind-img-newlist ul li a .newsinfo .border {
    background:#ffdd00;
    position:absolute;
    height:70px;
    width:2px;
    z-index:1;
}

.home_5th_block .ind-img-newlist ul li a .newsinfo .main {
    padding:5px 15px;
    position:relative;
    height:70px;
    z-index:10;
}

.home_5th_block .ind-img-newlist ul li a .newsinfo .title {
    word-break: break-word;
    overflow: hidden;
    color:#081b29;
    line-height:20px;
    font-size:14px;
    height:40px;
}

.home_5th_block .ind-img-newlist ul li a .newsinfo .date {
    margin-top:2px;
    line-height:20px;
    font-size:14px;
    color:#8a8a8a;
}

.home_5th_block .ind-newlist {
    margin-top:20px;
    /* padding: 0 15px; */
}

.home_5th_block .ind-newlist .titline {
    border-bottom:solid 2px #ffdd00;
    padding:3px 0 0;
    text-align:right;
    height:40px;
    background:#eee;
}

.home_5th_block .ind-newlist .titline .more {
    background-image:url(../img/home-trangle.jpg);
    background-position:calc(100vw - 55px) center;
    background-size: 10px;
    background-repeat:no-repeat;
    padding: 0 35px;
    line-height:34px;
    font-size:16px;
    display:block;
    color:#081b29;
}

.home_5th_block .ind-newlist .mainblock {
    position:relative;
}

.home_5th_block .ind-newlist ul.mainlist {
    position:relative;
    z-index:10;
}

.home_5th_block .ind-newlist ul.mainlist li {
    margin-top:2px;
}

.home_5th_block .ind-newlist ul.mainlist li a {
    padding:10px 15px;
    position:relative;
    height:86px;
}

.home_5th_block .ind-newlist ul.mainlist li a .main {
    position:relative;
    z-index:10;
}

.home_5th_block .ind-newlist ul.mainlist li a .title {
    word-break: break-word;
    line-height:22px;
    font-size:16px;
    overflow: hidden;
    height:44px;
}

.home_5th_block .ind-newlist ul.mainlist li a .date {
    margin-top:2px;
    line-height:20px;
    font-size:14px;
    color:#8a8a8a;
}

.home_5th_block .ind-newlist ul.borderlist {
    position:absolute;
    z-index:1;
}

.home_5th_block .ind-newlist ul.borderlist li {
    height:90px;
    padding:0 15px;
    position:relative;
}

.home_5th_block .ind-newlist ul.borderlist li .border {
    background:#ffdd00;
    width:40px;
    height:2px;
    float:left;
}

.home_5th_block .ind-newlist ul.borderlist li:first-child .border {
    background:transparent;
}

.home_5th_block .home_case {
    margin-top:4.6875vw;
}

/*********** 内页-关于我们 **********/

.inner_banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* height: 50vh; */
}

.inner_banner .container {
    padding:10vh 15px 0;
    color:#fff;
}

.inner_banner .title {
    line-height:30px;
    font-size:20px;
}

.inner_banner .text {
    word-break: break-word;
    text-align: justify;
    line-height:20px;
    font-size:14px;
}

.location {
    background:#fefefe;
}

.location .container {
    background:url(../img/location-icon.png) no-repeat 15px center;
    padding:5px 40px;
    background-size:18px;
    line-height:22px;
    font-size:14px;
    color:#a8a8a8;
}

.location a {
    color:#a8a8a8;
}

.location span {
    font-family: fangsong;
    padding:0 5px;
}

.about_1st_block {
    /* background:url(../img/about-02.jpg) no-repeat center; 
    background-size:cover;*/
    background: #fafbfd;
    padding-top:5vw;
    /* height:32.9167vw; */
    position:relative;
    z-index:10;
}

.about_1st_block .container {
    width: calc(100vw - 30px);
    background:#fff;
}

.about_1st_block .home_case .case_main {
    /* height:54.1667vw; */
}

.about_1st_block .home_case .case_main .mainblock {
    padding-bottom:0;
    /* height:45.9376vw; */
}

.about_1st_block .home_case .case_main .mainblock .sectitle {
    /* padding-right: 1vw;
    overflow-y: auto; 
    width: 31.4688vw; */
    height: auto;
}

    .about_1st_block .home_case .case_main .img ul {
        width:calc(100% + 1.875vw);
        margin:0 -0.9375vw;
    }

    .about_1st_block .home_case .case_main .img ul li {
        padding:1.875vw 0.9375vw 0;
    }

    .about_1st_block .home_case .case_main .img ul li a img {
        height:calc(28.197vw - 20px);
    }
    
.about_2nd_block {
    padding:30vh 10px 20vh; 
}
    
.about_2nd_block .container {
    /* height:33.0729vw; */
}

.signalist ul li {
    padding:0 10px;
    color:#fff;
}

.signalist ul li img {
    margin:0 auto;
    display:block;
    height:15vw;
    width:15vw;
}

.signalist ul li .title {
    text-align:center;
    line-height:30px;
    font-size:20px;
    padding:8px 0;
}

.signalist ul li .text {
    line-height: 20px;
    font-size: 14px;
    /* height:3vw;
    width:17.7083vw; */
    text-align: justify;
    overflow: hidden;
    margin:0 auto;
}

.about_3rd_block {
    background:url(../img/about-03.jpg) no-repeat center top;
    background-size:cover;
    position:relative;
    z-index:10;
}

.about_3rd_block .container {
    width: calc(100vw - 30px);
    /* height:100vw; */
}

.about_3rd_block .titline .entitle{
    line-height: 20px;
}

.about_3rd_block .develop-main {
    border:solid 2px #eeeff1;
    padding-bottom:40px;
    background:#fefefe;
    margin-top:-15vh;
    border-top:none;
}

.developblock {
}

.about_3rd_block .developlist {
    position:relative;
}

.about_3rd_block .devlist-main {
    width: calc(100% - 110px);
    margin-left:55px;
}

.about_3rd_block .developlist .swiper-container-p {
    width: 100%;
    /* margin-left:calc(4.743vw + 4px); */
    overflow: hidden;
    float:left;
}

.about_3rd_block .developlist .swiper-slide {
    height:150px;
    color:#fff;
}

.about_3rd_block .developlist .main {
    /* padding-right:15px; */
    text-align:justify;
    width: 100%;
    float: left;
}

.about_3rd_block .developlist .title {
    padding:12px 0;
    line-height:30px;
    font-size:20px;
    text-align:center;
    color:#051c2c;
}

.about_3rd_block .developlist .text {
    line-height:22px;
    font-size:14px;
    height:96px;
    overflow:hidden;
    margin:0 auto;
    color:#051c2c;
}

.about_3rd_block .developlist .border {
    padding-right:15px;
    /* width:6.3541vw; */
    float:left;
}

.about_3rd_block .devlist-main > .border {
    padding-right:0;
}

.about_3rd_block .developlist .border:nth-child(3) {
    display: none;
}

    .about_3rd_block .developlist .borderblock {
        position:relative;
        height:150px;
        width:3px;
    }

.about_3rd_block .developlist .borderblock p {
    position:absolute;
    background:#ececec;
    height:150px;
    width:1px;
    left:1px;
    z-index:1;
    top:0;
}

.about_3rd_block .developlist .borderblock p:first-child {
    position:relative;
    background:#ffdd00;
    height:52px;
    width:3px;
    z-index:10;
    left:0;
}

.devlist-arrow{
    width: calc(100% - 30px);
    margin: -12.5px 0 0 15px;
    position:absolute;
    z-index: 19;
    top: 50%;
}

.devlist-arrow .swiper-button-next,
.devlist-arrow .swiper-button-prev {
    -moz-background-size: 25px;
    -webkit-background-size: 25px;
    background-size: 25px;
    position: relative;
    width: 25px;
    height: 25px;
    margin-top: 0;
    float: right;
    top: auto;
}

.devlist-arrow .swiper-button-prev,
.devlist-arrow .swiper-container-rtl .swiper-button-next {
    background-image: url("../img/dev-arrow-l.png");
    float: left;
    right: auto;
    left: auto;
}

.devlist-arrow .swiper-button-next,
.devlist-arrow .swiper-container-rtl .swiper-button-prev {
    background-image: url("../img/dev-arrow-r.png");
    right: auto;
    left: auto
}

.about_3rd_block .honorlist {
    border:solid 2px #eeeff1;
    margin-bottom: -25vh;
    background:#fff;
}

.about_3rd_block .honorlist ul {
    min-height:calc(127.875vw - 60px);
    padding:7.5px;
}

.about_3rd_block .honorlist ul li {
    width:33.33%;
    padding:7.5px;
    float:left;
}

.about_3rd_block .honorlist ul li a {
    height: calc(42.625vw - 40px);
    display: block;
}

.about_3rd_block .honorlist ul li a img {
    height: calc(42.625vw - 40px);
    width: 100%;
}

/*********** 内页-联系我们 **********/

.contact-nav {
    position:relative;
}

.contact-nav ul {
    transform:translateX(-50%);
    padding:10px 0 20px;
    position:relative;
    float:left;
    left:50%;
}

.contact-nav ul li {
    padding:0 8px;
    float:left;
}

.contact-nav ul li a {
    border-bottom:solid 2px transparent;
    padding:0 8px;
    line-height:30px;
    font-size:16px;
    color:#5e5e5e;
    display:block;
}

.contact-nav ul li a:hover, .contact-nav ul li.active a {
    border-bottom:solid 2px #ffdd00;
}

.contact-list .container,
.joinus-list .container,
.newslist .container,
.newsbody .container,
.pro-body .container {
    width: calc(100vw - 30px);
}

.contact-list ul {
}

.contact-list ul li {
    margin-bottom:20px;
}

.contact-list ul li .main {
    border:solid 2px #eeeff1;
    background:#fefefe;
    padding:15px;
}

.contact-list ul li .main .title {
    line-height: 36px;
    font-size: 26px;
    color:#5f5d5e;
}

.contact-list ul li .main .text {
    /* background:url(../img/contact-02.jpg) no-repeat left top;
    background-size:2.2396vw 20.8333vw; */
    line-height:22px;
    margin-top:10px;
    font-size:14px;
    color:#5c5c5c;
}

.contact-list ul li img {
    /* height:35.7292vw; */
}

.ctacbody .container {
    padding:0 15px 20px;
}

.ctacbody .img img {
    /* margin-left:-0.86806vw;
    height:41.6667vw; */
}

.ctacbody .titline {
    padding:0 0 20px;
    line-height: 20px;
    text-align:left;
}

.ctacbody .feed-main {
    padding:0 0 10px;
}

.ctacbody .feed-main form {
    width:calc(100% + 2.5vw);
    margin:0 -1.25vw;
}

.ctacbody .feed-main form .feedback_item {
    padding:0 7.5px 15px;
}

.ctacbody .feedback_item > input {
    background-position:10px center;
    background-repeat:no-repeat;
    background-size:18px;
    background-color:#fefefe;
    border:solid 2px #fefefe;
    border-radius:4px;
    line-height:36px;
    padding:0 40px;
    font-size:14px;
    height:40px;
}

.ctacbody .feedback_item:nth-child(3) input {
    background-image:url(../img/ind_feed_icon-01.png);
}

.ctacbody .feedback_item:nth-child(4) input {
    background-image:url(../img/ind_feed_icon-03.png);
}

.ctacbody .feedback_item:nth-child(5) input,
.ctacbody .feedback_item:nth-child(6) input {
    background-image:url(../img/ind_feed_icon-02.png);
}

.ctacbody .feedback_item .yzm-block {
    /* background-position:0.9896vw center;
    background-repeat:no-repeat;
    background-size:2.1875vw; */
    background-color:#fefefe;
    border:solid 2px #fefefe;
    border-radius:4px;
    padding:5px;
    height:40px;
}

.ctacbody .feedback_item .yzm-block input {
    border:solid 2px #fefefe;
    padding: 0 10px 0 5px;
    line-height: 26px;
    font-size: 14px;
    border-radius:4px;
    height: 26px;
    border:none;
}

.ctacbody .feedback_item .yzm-block img {
    height: 26px;
    width: auto;
}

.ctacbody .feedback_textarea {
    background-color:#fefefe;
    border:solid 2px #fefefe;
    border-radius:4px;
    line-height:20px;
    padding:7px 15px;
    font-size:14px;
    height:214px;
}

.ctacbody .feedback_submit {
    background-image:url(../img/ind_feed_icon-04.png);
    background-position:calc(50% - 45px) calc(50% + 3px);
    background-repeat:no-repeat;
    background-color:#ffdd00;
    border:solid 2px #fbf200;
    background-size: 18px;
    border-radius:4px;
    line-height:36px;
    color:#051a2b;
    font-size:14px;
    height:40px;
    padding:0;
}

/********** 内页-人才招聘 **********/

.joinus-list ul {
}

.joinus-list ul li {
    margin-bottom:20px;
}

.joinus-list ul li .titline {
    text-align:center;
    line-height: 36px;
    font-size: 20px;
    color:#5c5c5c;
}

.joinus-list ul li .main {
    border:solid 1px #eee;
    background:#fefefe;
    margin-top:10px;
}

.joinus-list ul li .main .mainItem {
    padding:10px 15px 15px 15px;
    border:solid 1px #eee;
    color:#595959;
}

.joinus-list ul li .main .mainItem .title {
    line-height:28px;
    font-size:18px;
    /* color:#595959; */
}

.joinus-list ul li .main .mainItem .text {
    line-height: 20px;
    font-size: 14px;
    margin-top:7px;
    /* color:#a4a4a4; */
}

    .joinus-list ul li .recuit-line {
        border:solid 1px #eee;
        background:#fefefe;
        text-align:center;
        color:#2c2c2c;
        padding:10px 15px;
        line-height: 20px;
        font-size:14px;
}

    .joinus-list ul li .recuit-line a {
        color:#2c2c2c;
    }

    .joinus-list ul li .recuit-line span {
        padding-left:2.96875vw;
}

    .joinus-list ul li .recuit-line span:first-child {
        padding-left:0;
    }

/*********** 内页-产品 **********/

.pro-body {
    padding:4.21875vw 0;
}

.list-nav {
    border-left:solid 1px #eee;
}

.list-nav.fixed {
    position: fixed;
    top: 22%;
}

.list-nav li {
    margin-top:10px;
}

.list-nav li:first-child {
    margin-top:0;
}

.list-nav li a {
    border-left:solid 2px transparent;
    padding:5px 0 5px 6px;
    width:calc(100% + 2px);
    margin-left: -1px;
    line-height: 20px;
    font-size: 14px;
    color:#5c5c5c;
    display:block;
}

.list-nav li a:hover, .list-nav li.active a {
    border-left:solid 2px #ffdd00;
}

.prolist {
}

.prolist > .titline {
    padding-left:15px;
}

.prolist > .titline > .title {
    border-top: solid 1px #5c5c5c;
    padding-top: 10px;
    line-height: 38px;
    font-size: 18px;
    font-weight:bold;
    color:#5c5c5c;
}

.prolist > .titline:first-child > .title {
    border-top: none;
    padding-top: 0;
}

.prolist li {
    padding:0 0 15px 15px;
}

.prolist li a > img {
    border:solid 2px #eee;
}

/* .prolist li .info {
    padding-top:1.09375vw;
} */

.prolist li .titline {
    position:relative;
    padding:5px 0;
    height:36px;
}

.prolist li .titline .title {
    text-align:justify;
    line-height: 26px;
    font-size: 16px;
    font-weight:bold;
    color:#5c5c5c;
}

.prolist li .titline .playvideo {
    background:url(../img/pro-play-icon.jpg) no-repeat center;
    background-size:1.71875vw;
    transform:translateY(-50%);
    position:absolute;
    height:1.71875vw;
    width:1.71875vw;
    top:50%;
    right:0;
}

.prolist li .text {
    line-height: 20px;
    font-size: 14px;
    text-align:justify;
    color:#5c5c5c;
}

/*********** 内页-产品详情 **********/

.pro_banner {
    background:url(../img/product.jpg) no-repeat center;
}

.pro_banner .container {
    padding-top:14.0625vw;
    height:45.8333vw;
    color:#fff;
}

.pro_banner .title {
    padding:0.2604vw 0;
    line-height:3.75vw;
    font-size:2.1875vw;
    width:33.90625vw;
}

.pro_banner .text {
    text-align:justify;
    line-height:1.9792vw;
    min-height:1.9792vw;
    font-size:1.1458vw;
    width:33.90625vw;
}

    .pro_banner ul {
        margin-top:2.65625vw;
    }

    .pro_banner ul li {
        margin-left:1.09375vw;
        float:left;
    }

    .pro_banner ul li:first-child {
        margin-left:0;
    }

    .pro_banner ul li a {
        background-position:0.78125vw center;
        background-repeat:no-repeat;
        background-size:2.2396vw;
        background-color:#ffdd00;
        border:solid 2px #ffed00;
        padding:0 0.625vw 0 3.59375vw;
        line-height:3.2292vw;
        font-size:1.4583vw;
        width: 10.46875vw;
        border-radius:4px;
        display:block;
        color:#051a2b;
    }

    .pro_banner ul li:first-child a {
        background-image:url(../img/proicon-01.png);
    }

    .pro_banner ul li:nth-child(2) a {
        background-image:url(../img/proicon-02.png);
    }

    .pro_banner ul li:nth-child(3) a {
        background-image:url(../img/proicon-03.png);
    }

.probody .container {
    padding:0 15px 15px;
}

.showpro {
    padding:0 0 15px;
}

.showpro_titletext, .showpro_twopoint, .showpro_fivepoint{
    padding:0;
}

.showpro .titline {
    text-align:center;
    padding:15px 0;
}

.showpro .titline .company {
    line-height:2.3958vw;
    font-size:1.5625vw;
    color:#c73130;
}

.showpro .titline .title {
    line-height: 30px;
    font-size: 20px;
    padding: 5px 0;
    color:#333;
}

.showpro .titline .text {
    line-height: 20px;
    font-size: 14px;
    color:#8a8a8a;
}

.showpro_onlyimg img {
    border:solid 2px #eee;
}

.showpro_onlyimg video {
    height: calc(100vw - 30px);
    background: #000;
}

/* .showpro_fivepoint ul {
    width:calc(100% + 2.1875vw);
    margin:0 -1.09375vw;
} */

.showpro_fivepoint ul li {
    height:calc(100vw - 30px);
    border:solid 2px #eee;
    position:relative;
    margin:10px 0;
}

/* .showpro_fivepoint ul li:nth-child(n+4) {
    margin-top:4.0625vw;
    width:35.3125vw;
} */

.showpro_fivepoint ul li .main {
    background:url(../img/about-04_03.png) no-repeat center 10px;
    padding:100px 15px 15px;
    background-size:60px;
    line-height: 20px;
    font-size: 14px;
    position:relative;
    text-align:justify;
    color:#5e5e5e;
    height:100%;
    width:100%;
    z-index:10;
}

.showpro_fivepoint ul li .main .title {
    line-height: 28px;
    font-size: 18px;
    padding: 5px 0;
}

.showpro_fivepoint ul li img {
    position:absolute;
    height:100%;
    width:100%;
    z-index:1;
    top:0;
}

.showpro_twopoint ul {
    
}

.showpro_twopoint ul li {
    height:calc(100vw - 30px);
    border:solid 2px #eee;
    position:relative;
    margin:10px 0;
}

.showpro_twopoint ul li .main {
    background:url(../img/about-04_03.png) no-repeat center 10px;
    padding:100px 15px 15px;
    background-size:60px;
    line-height: 20px;
    font-size: 14px;
    position:relative;
    text-align:justify;
    color:#5e5e5e;
    height:100%;
    width:100%;
    z-index:10;
}

.showpro_twopoint ul li .main .title {
    line-height: 28px;
    font-size: 18px;
    padding: 5px 0;
}

/* .showpro_fivepoint ul li:nth-child(n+4) .main {
    padding:10.15625vw 1.09375vw calc(3.75vw - 4px);
    width:calc(35.3125vw - 4px);
} */

.showpro_twopoint ul li img {
    position:absolute;
    height:100%;
    width:100%;
    z-index:1;
    top:0;
}

/* .showpro_fivepoint ul li:nth-child(n+4) img {
    width:calc(35.3125vw - 4px);
} */

.showpro_textarea .main {
    text-align:center;
    color:#8a8a8a;
    line-height:20px;
    font-size:14px;
}

.showpro_textarea .main img {
    border:solid 2px #eee;
    margin:0 auto;
}

.showpro_datamain ul {
    border:solid 1px #eee;
}

.showpro_datamain ul li {
    background:#fefefe;
    text-align:center;
    color:#5e5e5e;
    line-height:26px;
    font-size:14px;
}

.showpro_datamain ul li:first-child {
    background:#ffdd00;
}

.showpro_datamain ul li .item {
    border:solid 1px #eee;
    padding:0 10px;
    height:26px;
}

/*********** 内页-新闻中心 **********/

.newslist ul li {
    margin:10px 0;
}

.newslist ul li a {
    background:#fefefe;
    padding:15px;
}

.newslist ul li a .img {
    padding:0 0 10px;
}

.newslist ul li a .img img {
    border:solid 2px #eee;
}

.newslist ul li .main {
    padding: 0 0 24px 0;
    position:relative;
    height: 112px;
}

.newslist ul li .main .titline {
    border-bottom:solid 2px #eee;
    padding:0 75px 10px 0;
    position:relative;
}

.newslist ul li .main .title {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    color:#2e2e2e;
    line-height: 26px;
    font-size: 16px;
}

.newslist ul li .main .date {
    position:absolute;
    overflow:hidden;
    line-height: 26px;
    font-size: 12px;
    /* color:#a3a3a3; */ color:#666666;
    right:0;
    top:0;
}

.newslist ul li .main .text {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow:ellipsis;
    display: -webkit-box;
    overflow:hidden;
    line-height: 20px;
    margin-top: 10px;
    font-size: 14px;
    height: 40px;
    /* color:#a3a3a3; */ color:#666666;
}

.newslist ul li .main .more {
    position:absolute;
    color:#347acf;
    line-height:20px;
    font-size:14px;
    bottom:0;
    right:0;
}

.newslist ul li .main .more span {
    font-family:FangSong;
}

.newsbody {
}

    .newsbody .panel-default {
        margin-bottom:15px;
        padding:0 15px;
    }

    .newsbody .panel-default .panel-body {
        padding:10px 0 15px;
    }

    .newsbody .panel-default .panel-body .titline {
        border-bottom:solid 2px #eee;
        text-align:center;
        padding:5px 0;
    }

    .newsbody .panel-default .panel-body .article-metas .metas-title {
        line-height: 26px;
        font-size: 18px;
    }

    .newsbody .panel-default .panel-body .article-text {
        margin: 5px 0 10px;
        line-height: 20px;
        font-size: 14px;
        text-align: justify;
        text-indent: 2em;
    }

    .newsbody .panel-default .panel-body .article-prevnext li:nth-child(2) {
        text-align:right;
    }

/*********** 脚部 **********/

.pager {
    margin-bottom:3.2292vw;
}

footer {
    background:url(../img/index-BG_04.jpg) no-repeat center bottom;
    background-size:cover;
    position:relative;
    padding: 15vh 0 5vh;
    z-index:1;
}

footer .titline .title {
    color:#ffdd00;
}

.foot-feedback {
    padding:20px 0 0;
}

.foot-feedback form {
    width: calc(100vw - 15px);
    margin:0 -7.5px;
}

.foot-feedback .feedback_item {
    padding:7.5px;
    width:50%;
    float:left;
}

.foot-feedback .feedback_item > input {
    background-position:10px center;
    background-repeat:no-repeat;
    background-size:18px;
    background-color:#fefefe;
    border:solid 2px #fbf200;
    border-radius:4px;
    line-height:36px;
    padding:0 40px;
    font-size:14px;
    height:40px;
}

.foot-feedback .feedback_item:nth-child(3) input {
    background-image:url(../img/ind_feed_icon-01.png);
}

.foot-feedback .feedback_item:nth-child(4) input {
    background-image:url(../img/ind_feed_icon-02.png);
}

.foot-feedback .feedback_item:nth-child(5) input {
    background-image:url(../img/ind_feed_icon-03.png);
}

.foot-feedback .feedback_item .yzm-block {
    /* background-position:0.9896vw center;
    background-repeat:no-repeat;
    background-size:2.1875vw; */
    background-color:#fefefe;
    border:solid 2px #fbf200;
    border-radius:4px;
    padding:5px;
    height:40px;
}

.foot-feedback .feedback_item .yzm-block input {
    padding: 0 10px 0 5px;
    line-height: 26px;
    font-size: 14px;
    height: 26px;
    border:none;
}

.foot-feedback .feedback_item .yzm-block img {
    height: 26px;
    width: auto;
}

.feedback_subline {
    width:calc(100vw - 15px);
    margin: 0 auto;
    padding: 7.5px;
    float:left;
}

.feedback_subline button {
    background-image:url(../img/ind_feed_icon-04.png);
    background-position:calc(50% - 45px) calc(50% + 3px);
    background-repeat:no-repeat;
    background-color:#ffdd00;
    border:solid 2px #fbf200;
    background-size: 18px;
    border-radius:4px;
    line-height:36px;
    color:#051a2b;
    font-size:14px;
    height:40px;
    width:100%;
    padding:0;
}

.footer-main {
    width: calc(100vw - 30px);
    background:#051c2c;
    /* position:absolute;
    height:24.0625vw;
    bottom:8.1771vw; */
    margin: 0 auto;
    clear: both;
}

.footer-logo {
    padding:3vw 0;
    margin-bottom: 0;
}

.footer-logo a {
    margin:0 auto;
    height: 7.9688vw;
    width: 35.2344vw;
    display:block;
}

.footer_nav {
    display: none;
}

.footer_tel {
    border-top:solid 2px #ffdd00;
    padding:3.75vw 0;
}

/* .footer_tel ul {
    transform:translateX(-50%);
    position:relative;
    float: left;
    left:50%;
} */

.footer_tel ul li {
    padding:1vw 1.5625vw;
}

.footer_tel ul li a {
    text-align:center;
}

.footer_tel ul li a p {
    line-height: 20px;
    font-size: 14px;
    color:#fff;
}

.footer_tel ul li a p:first-child {
    line-height: 30px;
    font-size: 20px;
    color:#ffdd00;
}

.foot_copyright {
    width:calc(100vw - 30px);
    margin: 10px auto 0;
    background:#051c2c;
    text-align:center;
    line-height:20px;
    padding:10px 15px;
    font-size:14px;
    color:#fff;
}

@media (min-width: 768px) {
    .container {
        width: 89.58vw;
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        height: 6.25vw;
        margin-left: 0;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #101010;
    }

    .navbar-brand > img {
        padding:2.03125vw 0 0.625vw;
        height:5.15625vw;
    }

    .navbar-brand > img:first-child {
    }

    .top_search {
        margin:2.96875vw 0 0 1.5625vw;
        position:relative;
        display: block;
        height:1.25vw;
        width:1.25vw;
        float:right;
    }

    .header_form_open {
        background:url(../img/top_search_w.png) no-repeat center;
        background-size:1.25vw;
        cursor:pointer;
        height:1.25vw;
        width:1.25vw;
    }

    .top_search.active .header_form_open {
        display:none;
    }

    .header_form_close {
        background:url(../img/top_search_close_w.png) no-repeat center;
        background-size:1.25vw;
        margin:0.46875vw 0 0 0.625vw;
        cursor:pointer;
        height:1.25vw;
        width:1.25vw;
        float:right;
        z-index: 10;
    }

    .top_search.active .header_form_close {
        display:block;
    }

    .top_search_main {
        display:none;
    }

    .top_search.active .top_search_main {
        margin: -0.46875vw -2.5vw -0.46875vw -5.4738vw;
        height: 2.1875vw;
        width: 11.875vw;
        display: block;
    }

    .form-search {
        position:relative;
        width:10vw;
    }

    .header_search {
        padding: 0 2.875vw 0 1vw;
        border:solid 2px #051c2c;
        border-radius:1.09375vw;
        line-height:1.9792vw;
        font-size:1.1458vw;
        position:relative;
        color:#5a5a5a;
        height:2.1875vw;
        width:10vw;
        z-index:10;
    }

    .header_submit {
        background:url(../img/top_search.png) no-repeat center;
        background-size:1.25vw;
        transform: translateY(-50%);
        position:absolute;
        height:1.25vw;
        width:1.25vw;
        right: 0.625vw;
        z-index: 10;
        top: 50%;
    }

    .navbar-nav {
        float: right;
        width: auto;
    }

    .navbar-nav > li {
        padding:0 0.9375vw;
        margin-bottom: 0;
    }

    .navbar-inverse .navbar-nav > li > a {
        padding:0.8333vw 0.625vw 0;
        line-height:5.4167vw;
        font-size:1.1458vw;
        color: #fefefe;
    }

    .navbar .navbar-collapse > ul.navbar-nav > li {
        background: transparent;
    }

    .navbar-inverse .navbar-nav .dropdown:hover > a {
        background-color: transparent;
        color: #fefefe;
    }

    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
        background-color: transparent;
        color: #fefefe;
    }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        background-color: transparent;
        color: #fefefe;
    }

    .navbar-nav ul.dropdown-menu {
        transform: translateX(-50%);
        border-radius: 0;
        padding: 0;
        left: 50%;
    }

    .navbar-nav ul.dropdown-menu > li > a {
        padding: 10px 4.0625vw;
        line-height:1.9792vw;
        font-size:0.9375vw;
        text-align: center;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        padding: 10px 4.0625vw;
        color: #444;
    }

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background: #ffdd00;
        color: #051c2c;
    }

    ul.nav li.dropdown:hover > div.dropdown-menu {
            display: block;
        }

    .navbar-nav div.dropdown-menu {
        background:url(../img/index-BG_01.jpg) no-repeat top center;
        transform: translateX(calc(1.56255vw - 50%));
        background-size:89.58vw auto;
        border-radius: 0;
        height:20.3125vw;
        padding: 0;
        left: 50%;
    }

    .head_pronav {
        padding-right:1.8056vw;
        position:relative;
        height:20.3125vw;
        z-index:1;
    }

    .head_pronav ul {
        padding:1.82295vw 0 3.90625vw;
        position:relative;
        z-index:1;
    }

    .head_pronav_all {
        width:calc(100% - 1.8056vw);
        padding:0 0 0 3.90625vw;
        line-height:1.9792vw;
        font-size:0.9375vw;
        position:absolute;
        font-weight:bold;
        bottom:1.25vw;
        color:#241a16;
        z-index:10;
    }

    .head_pronav_all span {
        background:url(../img/top-trangle.jpg) no-repeat center right;
        background-size:0.8333vw;
        padding-right:1.25vw;
    }

    .head_pronav ul li {
        padding-top: 0.5208vw;
    }

    .head_pronav ul li:first-child {
        padding-top:0;
    }

    .head_pronav ul li a {
        padding: 0.25vw 1.30208vw 0.25vw 3.90625vw !important;
        line-height: 1.21875vw;
        white-space: normal;
        font-size:0.9375vw;
        display: block;
    }

    .head_pronav ul li.active a, .head_pronav ul li a:hover {
        background:#ffdd00;
    }

    .head_pronav_main {
        width:calc(100% + 1.8056vw);
        margin-left:-1.8056vw;
        padding:0 2.1875vw;
        background:#fefefe;
        position:relative;
        height:20.3125vw;
        display:none;
        z-index:19;
    }

        .head_pronav_main.active {
            display:block;
        }

    .head_pronav_main .main {
        height:20.3125vw;
    }

    .head_pronav_main .main ul {
        padding-top:1.25vw;
        height:20.3125vw;
        width:44.6875vw;
        float:left;
    }

    .head_pronav_main .main ul li {
        padding-right:1.25vw;
        float:left;
    }

    .head_pronav_main .main ul li a {
        text-align:justify;
        color: #051c2c;
    }

    .head_pronav_main .main ul li a img {
        border-bottom:solid 2px #ffdd00;
    }

    .head_pronav_main .main ul li a .title {
        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden;
        padding-top:0.15625vw;
        line-height:2.0833vw;
        font-size:0.9375vw;
        height:2.23955vw;
    }

    .head_pronav_main .main ul li a .text {
        line-height:1.1458vw;
        font-size:0.7292vw;
        height:2.2916vw;
        white-space: normal;
        overflow:hidden;
    }

    .head_pronav_main .main ul:first-child {
        padding-top:calc(1.25vw + 10px);
        width:calc(100% - 44.6875vw);
        height:20.3125vw;
    }

    .head_pronav_main .main ul:first-child li {
        padding:0 0.8854vw 0.8854vw 0;
    }

    .head_pronav_main .main ul:first-child li a {
        border-left:solid 2px #ffdd00;
        text-overflow:ellipsis;
        padding:0 0.625vw !important;
        white-space:nowrap;
        overflow:hidden;
        background:#f7f7f7;
        line-height:2.8125vw;
        font-size:0.9375vw;
        height:2.8125vw;
    }

    .navbar-scrolled .header_form_open,
    .navbar-scrolled .header_submit {
        background-image: url(../img/top_search.png);
    }

    .navbar-scrolled {
        background-color: #fefefe; /* 滚动后的背景色 */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 滚动后的阴影效果 */
    }

    .navbar-scrolled .navbar-brand > img {
        display: block;
    }

    .navbar-scrolled .navbar-brand > img:first-child {
        display: none;
    }

    .navbar-scrolled .navbar-nav > li > a {
        color: #051c2c;
    }

    .navbar-scrolled .navbar-nav .dropdown:hover > a {
        color: #051c2c;
    }

    .navbar-scrolled .navbar-nav > li > a:hover, .navbar-scrolled .navbar-nav > li > a:focus {
        color: #051c2c;
    }

    .navbar-scrolled .navbar-nav > .active > a, .navbar-scrolled .navbar-nav > .active > a:hover, .navbar-scrolled .navbar-nav > .active > a:focus {
        color: #051c2c;
    }

    .navbar-scrolled .header_form_close {
        background-image: url(../img/top_search_close.png);
    }

    /*********** 头部 **********/

    .homebanner {
        height: 45.8333vw;
    }

    .homebanner-foot {
        height:4.167vw;
    }

    .homebanner-foot .swiper-pagination-home {
        padding: 0 0.9375vw;
        height: 4.167vw;
    }
    
    .indcase-foot .swiper-button-indcase-next {
        cursor: pointer;
        float: right;
    }
    
    .indcase-foot .swiper-button-indcase-prev {
        cursor: pointer;
        float: left;
    }

    .homebanner-foot .swiper-button-next,
    .homebanner-foot .swiper-button-prev,
    .homebanner-foot .swiper-button-mob-next,
    .homebanner-foot .swiper-button-mob-prev,
    .indcase-foot .swiper-button-indcase-next,
    .indcase-foot .swiper-button-indcase-prev {
        -moz-background-size: 5.625vw 4.167vw;
        -webkit-background-size: 5.625vw 4.167vw;
        background-size: 5.625vw 4.167vw;
        width: 5.625vw;
        height: 4.167vw;
    }

    .homebanner-foot .swiper-button-prev,
    .homebanner-foot .swiper-container-rtl .swiper-button-next,
    .homebanner-foot .swiper-button-mob-prev,
    .homebanner-foot .swiper-container-rtl .swiper-button-mob-next,
    .indcase-foot .swiper-button-indcase-prev,
    .indcase-foot .swiper-container-rtl .swiper-button-indcase-next,{
        right: auto;
        left: auto;
    }

    .homebanner-foot .swiper-button-next,
    .homebanner-foot .swiper-container-rtl .swiper-button-prev
    .homebanner-foot .swiper-button-mob-next,
    .homebanner-foot .swiper-container-rtl .swiper-button-mob-prev,
    .indcase-foot .swiper-button-indcase-next,
    .indcase-foot .swiper-container-rtl .swiper-button-indcase-prev,{
        right: auto;
        left: auto
    }

    .homebanner-foot .swiper-pagination-bullet {
        line-height: 4.167vw;
        font-size: 1.3542vw;
        width: 3.542vw;
        height: 4.167vw;
    }

    .homebanner-foot .swiper-pagination-bullet .num {
        width: 3.542vw;
    }

    .homebanner-foot .swiper-pagination-bullet .g-progress {
        padding: calc(4.167vw / 2 - 1px) 0;
        height: 4.167vw;
        width: 8.854vw;
    }

    .homebanner-foot .swiper-pagination-bullet-active {
        width: 12.396vw;
    }

    .homebanner-foot .swiper-pagination-bullet-active .g-progress {
    }

    /* 轮播进度条 */
    .homebanner-foot .swiper-pagination-bullet-active .g-progress span {
        animation: progress 10s;
        width: 8.854vw;
    }

    .home_1st_block {
        height:48.4375vw;
    }

    .homeblock .titline, footer .titline {
        padding:5.208vw 0 1.8vw;
    }

    .homeblock .titline .title, footer .titline .title {
        line-height:3.0208vw;
        font-size:2.1875vw;
    }

    .homeblock .titline .sectitle {
        line-height:2.5vw;
        font-size:1.1458vw;
    }

    .home_prosort {
        width:65.78vw;
    }

    .home_prosort ul li a {
        padding:1.3542vw 2.6042vw 1.3542vw 9.1146vw;
        background-position:4.8958vw center;
        background-size:3.1771vw 3.125vw;
        width:calc(100% - 1px);
        height:5.9896vw;
        float:left;
    }

    .home_prosort ul li .border {
        margin:1.8229vw 0 0;
        height:2.8125vw;
        width:1px;
        float:left;
    }

    .home_prosort ul li a .title {
        line-height:1.9792vw;
        font-size:1.3542vw;
    }

    .home_prosort ul li a .entitle {
        line-height:1.3542vw;
        font-size:1.1458vw;
    }

    .home_pro {
        width:94.792vw;
        margin:0 -2.606vw;
    }

    .home_pro ul {
        margin-top:1.3542vw;
    }

    .home_pro ul li {
        padding:0 2.6042vw;
    }

    .home_pro ul li a img {
        height:23.4375vw;
    }

    .home_pro ul li a p {
        line-height:3.125vw;
        font-size:1.4583vw;
        padding:0 2.6042vw;
    }

    .home_2nd_block {
        height:41.1458vw;
    }

    .home_2nd_block .container{
        padding: 0;
    }

    .home_slove {
        padding:0 0 0 2.6042vw;
        margin-top:0.8333vw;
        background:#342c2a;
        height:45.833vw;
    }

    .home_slove_nav {
        width:13.4375vw;
        float:left;
    }

    .home_slove_nav ul {
        padding-top:1.4583vw;
        margin: 0;
    }

    .home_slove_nav ul li {
        padding:2.3438vw 0 0;
    }

    .home_slove_nav ul li a {
        background-size:auto 8.6458vw;
        background-position:1.0417vw top;
        padding-left:4.9479vw;
        line-height:4.3229vw;
        font-size:1.4583vw;
        height:4.3229vw;
    }

    .home_slove_nav ul li.active a {
        background-position:1.0417vw -4.3229vw;
    }

    .home_slove_main {
        width:73.5383vw;
        height:45.833vw;
        float:left;
    }

    .home_slove_main .slove_main {
        width:73.5383vw;
        height:45.833vw;
    }

    .home_slove_main .slove_main .mainblock {
        padding:5vw 11.5625vw 14.6875vw 4.5833vw;
        width:37.0833vw;
        height:100%;
    }

    .home_slove_main .slove_main .mainblock .title {
        line-height:1.875vw;
        font-size:1.4583vw;
    }

    .home_slove_main .slove_main .mainblock .sectitle {
        line-height:2.0833vw;
        font-size:1.1458vw;
    }

    .home_slove_main .slove_main .mainblock .border {
        margin:1.0417vw auto 0.78125vw;
        width:4.1667vw;
        float:left;
    }

    .home_slove_main .slove_main .mainblock a {
        background-size:cover;
        padding:0 2.34375vw;
        line-height:3.4375vw;
        font-size:1.3542vw;
        height:3.4375vw;
        width:12.6563vw;
        bottom:46px;
        left:4.5833vw;
    }

    .home_slove_main .slove_main img {
        transform: translateX(0);
        height: auto;
        left: auto;
    }

    .home_3rd_block {
        background:url(../img/index-BG_03.jpg) no-repeat center;
        padding:19.2708vw 0 0;
        height:52.2917vw;
    }

    .home_case {
        margin-bottom: 0;
        padding: 0;
    }

    .home_case .case_main {
        padding:3.6458vw 3.3854vw 4.5833vw;
    }

    .home_case .case_main .mainblock {
        padding-bottom:6.25vw;
        height:31.6146vw;
        width:30.4688vw;
        float:left;
    }

    .home_case .case_main .mainblock .title {
        line-height:2.5vw;
        font-size:2.0833vw;
    }

    .home_case .case_main .mainblock .sectitle {
        line-height:1.9792vw;
        font-size:1.1458vw;
        height:19.792vw;
        overflow:hidden;
    }

    .home_case .case_main .mainblock .border {
        margin:1.25vw auto 0.9375vw;
        width:4.1667vw;
        float:left;
    }

    .home_case .case_main .mainblock a {
        background-size:cover;
        padding:0 2.34375vw;
        line-height:3.4375vw;
        font-size:1.3542vw;
        height:3.4375vw;
        width:12.6563vw;
        bottom:0.2083vw;
        left:0;
    }

    .home_case .case_main .img {
        border:solid 0.1vw #ffdd00;
        height: 31.6661vw;
        width: 47.2396vw;
        margin-top: 0;
        float: right;
    }

    .home_case .case_main .img > a {
        height:31.6146vw;
        width:47.2396vw;
    }

    .home_case .case_main .img > a img {
        height:100%;
        width:100%;
    }

    .home_case .case_main .img > a img.icon {
        height:6.5625vw;
        width:6.5625vw;
    }

    .home_case .case_main .img .indcase-foot {
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: 99;
        bottom: 5px;
    }

    .home_case .datamain {
        height: 11.8751vw;
        padding: 0;
    }

    .home_case .datamain .datalist li a {
        padding:2.8125vw 0 1.6667vw;
    }

    .home_case .datamain .datalist li a p {
        line-height:3.2292vw;
        font-size:1.4583vw;
    }

    .home_case .datamain .datalist li a p:first-child {
        line-height:4.1667vw;
        font-size:2.9167vw;
    }

    .home_case .indcase-foot {
        width: 11.25vw;
        top: -4.167vw;
        right: auto;
        left: 0;
    }

    .home_4th_block, .about_2nd_block {
        background:url(../img/index-BG_04.jpg) no-repeat center;
        background-size: cover;
        padding:30.9896vw 0 15.5417vw;
        /* height:69.2708vw; */
    }

    /* .home_4th_block .titline .title {
        line-height: 36px;
        font-size: 20px;
    } */

    .home_cus {
        padding: 0;
    }

    .home_cus ul {
        /* height:calc(23.5417vw + 2px); */
    }

    .home_cus ul li {
    }

    .home_cus ul li a {
        /* padding:0.5729vw 1.1979vw; */
        padding:0.5729vw;
        height:7.7083vw;
    }

    .home_cus ul li a img {
    }

    .home_5th_block {
        height:62.5vw;
        padding: 0;
    }

    .home_5th_block .titline {
        padding-bottom:1.8229vw;
        text-align:left;
    }

    .home_5th_block .titline .border {
        margin:1.6667vw 0 0;
        width:4.1667vw;
    }

    .home_5th_block .ind-img-newlist ul {
        padding:0;
    }

    .home_5th_block .ind-img-newlist ul li {
        padding-right:1.875vw;
        padding-top: 0;
    }

    .home_5th_block .ind-img-newlist ul li a {
    }

    .home_5th_block .ind-img-newlist ul li a img {
        /*width:28.3854vw;*/
        height:17.9713vw;
    }

    .home_5th_block .ind-img-newlist ul li a .newsinfo {
        height:6.875vw;
        margin-top:7px;
    }

    .home_5th_block .ind-img-newlist ul li a .newsinfo .border {
        background:#ffdd00;
        position:absolute;
        width:0.16vw;
        height:6.875vw;
        z-index:1;
    }

    .home_5th_block .ind-img-newlist ul li a:hover .newsinfo .border {
        width:100%;
    }

    .home_5th_block .ind-img-newlist ul li a .newsinfo .main {
        padding:0.6771vw 1.3542vw 0;
        height:6.875vw;
    }

    .home_5th_block .ind-img-newlist ul li a .newsinfo .title {
        line-height:1.875vw;
        font-size:1.1458vw;
        height:3.75vw;
    }

    .home_5th_block .ind-img-newlist ul li a .newsinfo .date {
        margin-top:0.625vw;
        line-height:1.3542vw;
        font-size:1.1458vw;
    }

    .home_5th_block .ind-newlist {
        margin-top:5.2083vw;
        padding: 0;
    }

    .home_5th_block .ind-newlist .titline {
        border-bottom:solid 0.16vw #ffdd00;
        padding:0.3125vw 0 0;
        height:3.4375vw;
    }

    .home_5th_block .ind-newlist .titline .more {
        background-position:27.2396vw center;
        background-size:1.09375vw;
        padding: 0 3.4375vw;
        line-height:2.8125vw;
        font-size:1.25vw;
    }

    .home_5th_block .ind-newlist .mainblock {
    }

    .home_5th_block .ind-newlist ul.mainlist {
    }

    .home_5th_block .ind-newlist ul.mainlist li {
    }

    .home_5th_block .ind-newlist ul.mainlist li a {
        padding:1.875vw 1.4583vw 0;
        height:9.6875vw;
    }

    .home_5th_block .ind-newlist ul.mainlist li a .border {
        background:#ffdd00;
        position:absolute;
        height:9.6875vw;
        z-index:1;
        width:0;
        left:0;
        top:0;
    }

    .home_5th_block .ind-newlist ul.mainlist li a:hover .border {
        width:100%;
    }

    .home_5th_block .ind-newlist ul.mainlist li a .main {
    }

    .home_5th_block .ind-newlist ul.mainlist li a .title {
        line-height:1.875vw;
        font-size:1.4583vw;
        height:3.75vw;
    }

    .home_5th_block .ind-newlist ul.mainlist li a .date {
        margin-top:0.625vw;
        line-height:1.3542vw;
        font-size:1.1458vw;
    }

    .home_5th_block .ind-newlist ul.borderlist {
    }

    .home_5th_block .ind-newlist ul.borderlist li {
        height:calc(9.6875vw + 2px);
        padding:0 1.4583vw;
    }

    .home_5th_block .ind-newlist ul.borderlist li .border {
        width:4.1667vw;
    }

    .home_5th_block .ind-newlist ul.borderlist li:first-child .border {
    }

    .home_5th_block .home_case {
        margin-top:4.6875vw;
    }

    /*********** 内页-关于我们 **********/

    .inner_banner {
        height: auto;
    }

    .inner_banner .container {
        padding:10.15625vw 0 0;
        height:28.6458vw;
    }

    .inner_banner .title {
        padding-top:0.1042vw;
        line-height:3.75vw;
        font-size:2.1875vw;
        width:41.67vw;
    }

    .inner_banner .text {
        max-height:11.8752vw;
        line-height:1.9792vw;
        font-size:1.1458vw;
        width: 27.67vw;
    }

    .location .container {
        background:url(../img/location-icon.png) no-repeat left 1.3021vw;
        padding:1.3021vw 2.34375vw 1.6667vw;
        background-size:1.40625vw;
        line-height:1.40625vw;
        font-size:1.1458vw;
    }

    .location span {
        padding:0 0.78125vw;
    }

    .about_1st_block {
        /* background:url(../img/about-02.jpg) no-repeat center; 
        background-size:cover;*/
        padding-top:5vw;
        height:32.9167vw;
    }

    .about_1st_block .container {
        width: 89.58vw;
    }

    .about_1st_block .home_case .case_main {
        /* height:54.1667vw; */
    }

    .about_1st_block .home_case .case_main .mainblock {
        height:45.9376vw;
    }

    .about_1st_block .home_case .case_main .mainblock .sectitle {
        padding-right: 1vw;
        /* overflow-y: auto; */
        width: 31.4688vw;
        height: auto;
    }

    .about_1st_block .home_case .case_main .img ul {
        width:calc(100% + 1.875vw);
        margin:0 -0.9375vw;
    }

    .about_1st_block .home_case .case_main .img ul li {
        padding:1.875vw 0.9375vw 0;
    }

    .about_1st_block .home_case .case_main .img ul li a img {
        height:13.1771vw;
    }
    
    .about_2nd_block {
        padding:36.1979vw 0 15.5417vw;
    }
        
    .about_2nd_block .container {
        /* height:33.0729vw; */
    }

    .signalist ul li {
        padding:0 2.34375vw;
    }

    .signalist ul li img {
        height:8.0729vw;
        width:8.0729vw;
    }

    .signalist ul li .title {
        padding:1.25vw 0;
        line-height:3.75vw;
        font-size:2.1875vw;
    }

    .signalist ul li .text {
        line-height:1.85vw;
        font-size:1.15vw;
        /* height:3vw; */
        width:17.7083vw;
    }

    .about_3rd_block {
        background:url(../img/about-03.jpg) no-repeat center top;
        background-size:cover;
        /* height: 62.9166vw; */
    }

    .about_3rd_block .container {
        width: 89.58vw;
        /* height:100vw; */
    }

    .about_3rd_block .titline .entitle{
        line-height: 2vw;
    }

    .about_3rd_block .develop-main {
        padding-bottom:2.2396vw;
        margin-top:-11.1458vw;
    }

    .developblock {
    }

    .about_3rd_block .developlist {
    }

    .about_3rd_block .devlist-main {
        width: calc(100% - 8px - 9.1735vw);
        margin-left:calc(4.58675vw + 4px);
    }

    .about_3rd_block .developlist .swiper-container-p {
        width: calc(100% - 0.3125vw);
        /* margin-left:calc(4.743vw + 4px); */
    }

    .about_3rd_block .developlist .swiper-slide {
        height:13.4375vw;
    }

    .about_3rd_block .developlist .main {
        padding-right:1.8136vw;
    }

    .about_3rd_block .developlist .title {
        padding:0.78125vw 0 0.625vw;
        line-height:3.75vw;
        font-size:2.1875vw;
    }

    .about_3rd_block .developlist .text {
        line-height:1.9792vw;
        font-size:1.1458vw;
        height:10vw;
        width:22.1354vw;
    }

    .about_3rd_block .developlist .border {
        padding-right:1.8136vw;
        /* width:6.3541vw; */
    }

    .about_3rd_block .devlist-main > .border {
        padding-right:0;
    }

    .about_3rd_block .developlist .border:nth-child(3) {
        display: none;
    }

        .about_3rd_block .developlist .borderblock {
            height:13.4375vw;
            width:0.3125vw;
        }

    .about_3rd_block .developlist .borderblock p {
        height:13.4375vw;
        width:0.1042vw;
        left:0.1042vw;
    }

    .about_3rd_block .developlist .borderblock p:first-child {
        height:5.2083vw;
        width:0.3125vw;
    }

    .devlist-arrow{
        margin: -1.25vw 0 0 calc(1.1215vw + 2px);
        width: calc(100% - 4px - 2.243vw);
    }

    .devlist-arrow .swiper-button-next,
    .devlist-arrow .swiper-button-prev {
        -moz-background-size: 2.5vw;
        -webkit-background-size: 2.5vw;
        background-size: 2.5vw;
        width: 2.5vw;
        height: 2.5vw;
    }

    .about_3rd_block .honorlist {
        margin-bottom: -13.277vw;
    }

    .about_3rd_block .honorlist ul {
        min-height:39.0626vw;
        padding:0.9896vw 0;
        margin:0 -1.1458vw;
    }

    .about_3rd_block .honorlist ul li {
        padding:0.9896vw 2.7083vw;
        width:20%;
    }

    .about_3rd_block .honorlist ul li a {
        height:16.5625vw;
    }

    .about_3rd_block .honorlist ul li a img {
        height:16.5625vw;
        width:12.9167vw;
    }

    /*********** 内页-联系我们 **********/

    .contact-nav {
        position:relative;
    }

    .contact-nav ul {
        padding:1.4583vw 0 3.2292vw;
        transform:translateX(-50%);
        position:relative;
        float:left;
        left:50%;
    }

    .contact-nav ul li {
        padding:0 2.0833vw;
        float:left;
    }

    .contact-nav ul li a {
        border-bottom:solid 0.3646vw transparent;
        padding:0 1.4583vw;
        line-height:4.375vw;
        font-size:1.4583vw;
    }

    .contact-nav ul li a:hover, .contact-nav ul li.active a {
        border-bottom:solid 0.3646vw #ffdd00;
    }

    .contact-list .container,
    .joinus-list .container,
    .newslist .container,
    .newsbody .container,
    .pro-body .container {
        width: 89.58vw;
    }

    .contact-list ul {
    }

    .contact-list ul li {
        margin-bottom:4.21875vw;
    }

    .contact-list ul li .main {
        border:solid 3px #eeeff1;
        padding:2.5vw 2.34375vw;
        height:35.7292vw;
        border-right:none;
    }

    .contact-list ul li .main .title {
        line-height:4.1667vw;
        font-size:2.6042vw;
    }

    .contact-list ul li .main .text {
        line-height:2.6042vw;
        margin-top:1.40625vw;
        font-size:1.1458vw;
        /* padding-left:2.5vw; */
        height:26.042vw;
    }

    .contact-list ul li img {
        height:35.7292vw;
    }

    .ctacbody .container {
        padding:0 8.3333vw;
    }

    .ctacbody .img img {
        margin-left:-0.86806vw;
        height:41.6667vw;
    }

    .ctacbody .titline {
        padding:0 0 2.1875vw;
        line-height: 2vw;
    }

    .ctacbody .feed-main {
        padding:0 4.53125vw 0 0;
    }

    .ctacbody .feed-main form {
        width:calc(100% + 2.5vw);
        margin:0 -1.25vw;
    }

    .ctacbody .feed-main form .feedback_item {
        padding:0 1.25vw 3.28125vw;
    }

    .ctacbody .feedback_item > input {
        background-position:0.9896vw center;
        background-size:2.1875vw;
        border-radius:0.2083vw;
        line-height:3.6458vw;
        padding:0 4.53125vw;
        font-size:1.0417vw;
        height:3.8542vw;
    }

    .ctacbody .feedback_item .yzm-block {
        background-size:2.1875vw;
        border-radius:0.2083vw;
        padding:0.2604vw;
        height:3.8542vw;
    }

    .ctacbody .feedback_item .yzm-block input {
        padding:0 0.78125vw 0 0.5208vw;
        border-radius:0.2083vw;
        line-height:3.125vw;
        font-size:1.0417vw;
        height:3.125vw;
    }

    .ctacbody .feedback_item .yzm-block img {
        height: 31px;
    }

    .ctacbody .feedback_textarea {
        background-color:#fefefe;
        border:solid 2px #fefefe;
        border-radius:0.2083vw;
        line-height:1.5625vw;
        padding:0.9896vw 1.25vw;
        font-size:1.0417vw;
        height:20.3125vw;
    }

    .ctacbody .feedback_submit {
        background-image:url(../img/ind_feed_icon-04.png);
        background-position:0.7292vw center;
        background-repeat:no-repeat;
        background-size:2.1875vw;
        background-color:#ffdd00;
        border:solid 2px #fbf200;
        border-radius:0.2083vw;
        line-height:3.6458vw;
        padding:0 3.90625vw;
        font-size:1.0417vw;
        height:3.8542vw;
        color:#051a2b;
    }

    /********** 内页-人才招聘 **********/

    .joinus-list ul {
    }

    .joinus-list ul li {
        margin-bottom:4.21875vw;
    }

    .joinus-list ul li .titline {
        line-height:3.125vw;
        font-size:2.34vw;
    }

    .joinus-list ul li .main {
        margin-top:1.875vw;
    }

    .joinus-list ul li .main .mainItem {
        padding:2.9167vw 2.65625vw 3.2292vw;
    }

    .joinus-list ul li .main .mainItem .title {
        line-height:3.75vw;
        font-size:2vw;
        /* color:#595959; */
    }

    .joinus-list ul li .main .mainItem .text {
        margin-top:0.78125vw;
        line-height:1.9792vw;
        font-size:1.1458vw;
        /* color:#a4a4a4; */
    }

        .joinus-list ul li .recuit-line {
            padding:2.2917vw 0 2.5vw;
            line-height:1.5625vw;
            font-size:1.1458vw;
    }

        .joinus-list ul li .recuit-line a {
        }

        .joinus-list ul li .recuit-line span {
            padding-left:2.96875vw;
    }

        .joinus-list ul li .recuit-line span:first-child {
            padding-left:0;
        }

/*********** 内页-产品 **********/

.pro-body {
    padding:4.21875vw 0;
}

.list-nav {
    border-left:solid 0.15625vw #eee;
}

.list-nav.fixed {
    position: fixed;
    top: 22%;
}

.list-nav li {
    margin-top:0.78125vw;
}

.list-nav li:first-child {
    margin-top:0;
}

.list-nav li a {
    border-left:solid 0.3125vw transparent;
    padding:0.6771vw 0 0.6771vw 1.40625vw;
    width:calc(100% + 0.3125vw);
    margin-left:-0.15625vw;
    line-height:1.5625vw;
    font-size:1.0417vw;
    color:#5c5c5c;
    display:block;
}

.list-nav li a:hover, .list-nav li.active a {
    border-left:solid 0.3125vw #ffdd00;
}

.prolist {
}

.prolist > .titline {
    padding-left:2.96875vw;
}

.prolist > .titline > .title {
    border-top: solid 1px #5c5c5c;
    padding-top: 1.1458vw;
    line-height:2.9167vw;
    font-size:1.7708vw;
    font-weight:bold;
    color:#5c5c5c;
}

.prolist > .titline:first-child > .title {
    border-top: none;
    padding-top: 0;
}

.prolist li {
    padding:0.9375vw 0 1.71875vw 2.96875vw;
}

.prolist li a > img {
    border:solid 2px #eee;
}

.prolist li .info {
    padding-top:1.09375vw;
}

.prolist li .titline {
    padding:0 3.4375vw 0 0;
    position:relative;
    height:2.5vw;
}

.prolist li .titline .title {
    text-align:justify;
    line-height:2.5vw;
    font-size:1.3542vw;
    font-weight:bold;
    color:#5c5c5c;
}

.prolist li .titline .playvideo {
    background:url(../img/pro-play-icon.jpg) no-repeat center;
    background-size:1.71875vw;
    transform:translateY(-50%);
    position:absolute;
    height:1.71875vw;
    width:1.71875vw;
    top:50%;
    right:0;
}

.prolist li .text {
    line-height: 1.6667vw;
    font-size: 1.0417vw;
    text-align:justify;
    color:#5c5c5c;
}

/*********** 内页-产品详情 **********/

.pro_banner {
    background:url(../img/product.jpg) no-repeat center;
}

.pro_banner .container {
    padding-top:14.0625vw;
    height:45.8333vw;
}

.pro_banner .title {
    padding:0.2604vw 0;
    line-height:3.75vw;
    font-size:2.1875vw;
    width:33.90625vw;
}

.pro_banner .text {
    line-height:1.9792vw;
    min-height:1.9792vw;
    font-size:1.1458vw;
    width:33.90625vw;
}

    .pro_banner ul {
        margin-top:2.65625vw;
    }

    .pro_banner ul li {
        margin-left:1.09375vw;
        float:left;
    }

    .pro_banner ul li:first-child {
        margin-left:0;
    }

    .pro_banner ul li a {
        background-position:0.78125vw center;
        background-size:2.2396vw;
        padding:0 0.625vw 0 3.59375vw;
        line-height:3.2292vw;
        font-size:1.4583vw;
        width: 10.46875vw;
    }

    .pro_banner ul li:first-child a {
        background-image:url(../img/proicon-01.png);
    }

    .pro_banner ul li:nth-child(2) a {
        background-image:url(../img/proicon-02.png);
    }

    .pro_banner ul li:nth-child(3) a {
        background-image:url(../img/proicon-03.png);
    }

.probody .container {
    padding:0 8.28125vw 7.8125vw;
}

.showpro {
    padding:0 0 1.71875vw;
}

.showpro_titletext, .showpro_twopoint, .showpro_fivepoint{
    padding:0;
}

.showpro .titline {
    padding:1.875vw 0;
}

.showpro .titline .company {
    line-height:2.3958vw;
    font-size:1.5625vw;
}

.showpro .titline .title {
    font-size:2.6042vw;
    line-height:5vw;
    padding: 0;
}

.showpro .titline .text {
    line-height:1.9792vw;
    font-size:1.1458vw;
}

.showpro_onlyimg img {
}

.showpro_onlyimg video {
    height: 41vw;
}

.showpro_fivepoint ul {
    width:calc(100% + 2.1875vw);
    margin:0 -1.09375vw;
}

.showpro_fivepoint ul li {
    margin:2.03125vw 1.09375vw;
    height:34.21875vw;
    width:22.8125vw;
    float:left;
}

/* .showpro_fivepoint ul li:nth-child(n+4) {
    margin-top:4.0625vw;
    width:35.3125vw;
} */

.showpro_fivepoint ul li .main {
    background:url(../img/about-04_03.png) no-repeat center 1.2vw;
    padding:10.15625vw 2.5vw calc(3.75vw - 4px);
    background-size:5.46875vw;
    height:calc(34.21875vw - 4px);
    width:calc(22.8125vw - 4px);
    line-height: 1.9792vw;
    font-size: 1.1458vw;
}

.showpro_fivepoint ul li .main .title {
    line-height:2.96875vw;
    font-size:1.4583vw;
    padding: 0;
}

.showpro_fivepoint ul li img {
    height:calc(34.21875vw - 4px);
    width:calc(22.8125vw - 4px);
    position:absolute;
    top:0;
}

.showpro_twopoint ul {
    width:calc(100% + 2.1875vw);
    margin:0 -1.09375vw;
}

.showpro_twopoint ul li {
    margin:2.03125vw 1.09375vw;
    height:35.3125vw;
    width:35.3125vw;
    float:left;
}

.showpro_twopoint ul li .main {
    background:url(../img/about-04_03.png) no-repeat center 1.5vw;
    padding:10.15625vw 2.5vw calc(3.75vw - 4px);
    background-size:5.46875vw;
    height:calc(35.3125vw - 4px);
    width:calc(35.3125vw - 4px);
    line-height: 1.9792vw;
    font-size: 1.1458vw;
}

.showpro_twopoint ul li .main .title {
    line-height:2.96875vw;
    font-size:1.4583vw;
    padding: 0;
}

/* .showpro_fivepoint ul li:nth-child(n+4) .main {
    padding:10.15625vw 1.09375vw calc(3.75vw - 4px);
    width:calc(35.3125vw - 4px);
} */

.showpro_twopoint ul li img {
    height:calc(35.3125vw - 4px);
    width:calc(35.3125vw - 4px);
    position:absolute;
    top:0;
}

/* .showpro_fivepoint ul li:nth-child(n+4) img {
    width:calc(35.3125vw - 4px);
} */

.showpro_textarea .main {
    line-height:1.9792vw;
    font-size:1.1458vw;
}

.showpro_textarea .main img {
}

.showpro_datamain ul {
}

.showpro_datamain ul li {
    line-height:4.375vw;
    font-size:1.3542vw;
}

.showpro_datamain ul li .item {
    padding:0 1.09375vw;
    height:4.375vw;
}

/*********** 内页-新闻中心 **********/

.newslist ul {
    padding:0 5.7292vw;
}

.newslist ul li {
    margin:1.0417vw 0;
}

.newslist ul li a {
    padding:1.25vw 1.71875vw 1.5625vw;
}

.newslist ul li a .img {
    padding:0.3125vw 1.9010vw 0 0;
}

.newslist ul li a .img img {
    height:calc(11.40625vw + 4px);
    width:calc(16.5625vw + 4px);
}

.newslist ul li .main {
    height:calc(12.96875vw + 4px);
    padding:0 0 2.96875vw 2.0573vw;
    margin-bottom:-1.5625vw;
}

.newslist ul li .main .titline {
    padding:0 8.75vw 1.5625vw 0;
}

.newslist ul li .main .title {
    line-height:2.1875vw;
    font-size:1.5625vw;
}

.newslist ul li .main .date {
    line-height:2.1875vw;
    font-size:1.1458vw;
    position:absolute;
    right:0;
    top:0;
}

.newslist ul li .main .text {
    line-height:1.9792vw;
    margin-top:1.71875vw;
    font-size:1.1458vw;
    height:3.9584vw;
}

.newslist ul li .main .more {
    line-height:1.5625vw;
    font-size:1.1458vw;
    position:absolute;
    bottom:0.78125vw;
    right:0.46875vw;
}

.newslist ul li .main .more span {
}

.newsbody {
}

.newsbody .container {
    padding:0 5.7292vw;
}

    .newsbody .panel-default {
        margin-bottom:3.2292vw;
        padding:0 1.71875vw;
    }

    .newsbody .panel-default .panel-body {
        padding:1.25vw 0 1.5625vw;
    }

    .newsbody .panel-default .panel-body .titline {
        padding:1vw 0;
    }

    .newsbody .panel-default .panel-body .article-metas .metas-title {
        line-height: 2.5vw;
        font-size: 1.5625vw;
    }

    .newsbody .panel-default .panel-body .article-text {
        margin: 1vw 0 1.71875vw;
        line-height: 1.9792vw;
        font-size: 1.0417vw;
    }

    .newsbody .panel-default .panel-body .article-prevnext li:nth-child(2) {
        text-align:right;
    }

    /*********** 脚部 **********/

    .pager {
        margin-bottom:3.2292vw;
    }

    footer {
        height:51.5625vw;
        padding: 0;
    }

    footer .titline .title {
    }

    .foot-feedback {
        padding:1.875vw 0 0;
    }

    .foot-feedback form {
        margin:0 -0.8854vw;
        width: 91.3508vw;
    }

    .foot-feedback .feedback_item {
        padding:0 0.8854vw;
        width:19.6875vw;
    }

    .foot-feedback .feedback_item > input {
        background-position:0.9896vw center;
        background-size:2.1875vw;
        border-radius:0.2083vw;
        line-height:3.6458vw;
        padding:0 4.53125vw;
        font-size:1.0417vw;
        height:3.8542vw;
    }

    .foot-feedback .feedback_item:nth-child(3) input {
        background-image:url(../img/ind_feed_icon-01.png);
    }

    .foot-feedback .feedback_item:nth-child(4) input {
        background-image:url(../img/ind_feed_icon-02.png);
    }

    .foot-feedback .feedback_item:nth-child(5) input {
        background-image:url(../img/ind_feed_icon-03.png);
    }

    .foot-feedback .feedback_item .yzm-block {
        /* background-position:0.9896vw center;
        background-size:2.1875vw; */
        border-radius:0.2083vw;
        padding:0.2604vw;
        height:3.8542vw;
    }

    .foot-feedback .feedback_item .yzm-block input {
        padding:0 0.78125vw 0 0.5208vw;
        line-height:3.125vw;
        font-size:1.0417vw;
        height:3.125vw;
    }

    .foot-feedback .feedback_item .yzm-block img {
        height: 31px;
    }

    .feedback_subline {
        padding:0 0.8854vw;
        width:12.4479vw;
        margin: 0;
    }

    .feedback_subline button {
        background-position:0.7292vw center;
        background-size:2.1875vw;
        border-radius:0.2083vw;
        line-height:3.6458vw;
        padding:0 3.90625vw;
        font-size:1.0417vw;
        height:3.8542vw;
        width:10.6771vw;
    }

    .footer-main {
        position:absolute;
        height:24.0625vw;
        bottom:8.1771vw;
        width:89.58vw;
        margin: 0;
    }

    .footer-logo {
        padding:3.125vw 0 2.0833vw;
    }

    .footer-logo a {
        height:5.3125vw;
        width:23.4896vw;
    }

    .footer_nav {
        display: block;
    }

    .footer_nav ul {
        transform:translateX(-50%);
        position:relative;
        float: left;
        left:50%;
    }

    .footer_nav ul li {
        padding:0 1.5625vw;
        float:left;
    }

    .footer_nav ul li a {
        line-height:3.6458vw;
        font-size:1.1458vw;
        color:#fff;
    }

    .footer_tel {
        padding:3.75vw 0 0;
    }

    .footer_tel ul {
        transform:translateX(-50%);
        position:relative;
        float: left;
        left:50%;
    }

    .footer_tel ul li {
        padding:0 1.5625vw;
        width:19.7917vw;
        float:left;
    }

    .footer_tel ul li a {
    }

    .footer_tel ul li a p {
        line-height:1.875vw;
        font-size:1.1458vw;
    }

    .footer_tel ul li a p:first-child {
        line-height:2.3958vw;
        font-size:2.1875vw;
    }

    .foot_copyright {
        line-height:5.15625vw;
        padding:0 2.6042vw;
        position:absolute;
        font-size:1.1458vw;
        bottom:1.7708vw;
        height:5.15625vw;
        width:89.58vw;
    }
}

@media (min-width: 1440px) {
}

/* 首页模块动画 */

/* 轮播进度条动画 */
@media (max-width: 767px) {
    @-webkit-keyframes progress{
        0%{width: 0;}
        100%{width: 70px;}
    }
    @-moz-keyframes progress{
        0%{width: 0;}
        100%{width: 70px;}
    }
    @-ms-keyframes progress{
        0%{width: 0;}
        100%{width: 70px;}
    }
    @keyframes progress{
        0%{width: 0;}
        100%{width: 70px;}
    }
}
@media (min-width: 768px) {
    @-webkit-keyframes progress{
        0%{width: 0;}
        100%{width: 8.854vw;}
    }
    @-moz-keyframes progress{
        0%{width: 0;}
        100%{width: 8.854vw;}
    }
    @-ms-keyframes progress{
        0%{width: 0;}
        100%{width: 8.854vw;}
    }
    @keyframes progress{
        0%{width: 0;}
        100%{width: 8.854vw;}
    }
}
/* 轮播进度条动画 */