body{

    -webkit-text-size-adjust: none;

    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;

    /*font-family:  SimSun;*/

    -webkit-text-size-adjust: 100%;

    color: #3b3b3b;

    background: #fff;

}

body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, legend, li, ol, p, ul {

    padding:0;

    margin:0;

    list-style: none;

}

a, address, b, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, i, span, strong, th, var {

    font-style: normal;

    font-weight: 400;

}

html {

    font-size:10px;

    overflow-x: hidden;

}

a {

    color: #333;

    text-decoration: none;

}

a.white {

    color: #fff;

}

a:hover {

    transition: all .25s ease;

}

.rowblock {

    width: 100%;

}

.block {

    width: 980px;

    margin: 0 auto;

}





#header {

    background: rgb(0,0,0);

    opacity: 0.9;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 99;

}

#header .header-wrapper {

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

    height: 70px;

    line-height: 70px;

}



#header .header-wrapper .header-logo a {

    height: 100%;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}

#header .header-wrapper .header-nav {

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

    padding-left: 5rem;

}

#header .header-wrapper .header-nav li {

    padding: 0;

    height: 100%;

}

#header .header-wrapper .header-nav li a {

    color: #fff;

    font-size: 1.5rem;

    display: inline-block;

    height: 100%;

}

#header .header-wrapper .header-nav li:hover {

    background: unset;

}

#header .header-wrapper .header-nav li:hover a {

    color: #ffe300;

}



#flash img {

    width: 100%;

}



.foot-wrapper {

    display: flex;

    justify-content: space-evenly;

    padding: 20px 0;

}

#brief {

    padding: 80px 0;

}

div.lines {

    height: auto;

    width: 1px;

    background: #BABABA;

    margin: 15px 0;

}

#brief .brief-wrapper {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

}



#brief .content h3 {

    font-size: 3rem;

    color: #000;

    font-weight: bold;

    text-align: center;

    margin-bottom: 2rem;

}

#brief .content > div {

    font-size: 15px;

    text-indent: 3.2rem;

    line-height: 22px;

}
#brief .content {
    padding: 0 30px;
}


.title-bg {

    text-align: center;

    font-size: 2.5rem;

    color: #000;

    letter-spacing: 1px;

}

.title-bg .bg {

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

    background-size: auto 100%;

    height: 28px;

}

#honor {

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

    background-size : auto 40% ;

    display: none;

}

.honor-main {

    margin: 60px auto!important;

}

.honor-main .swiper-slide {

    width: 25%;

    box-sizing: border-box;

    padding: 0 15px;

}

.honor-main .swiper-slide img {

    width: 100%;

}



#proindex {

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

    padding: 50px 0;

    margin-top: 100px ;

}

.proindex-main .swiper-slide {

    width: 50%;

    text-align: center;

    box-sizing: border-box;

    padding: 0 25px;

}

.proindex-main .swiper-slide a {

    display: inline-block;

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    padding: 20px;

}

.proindex-main .swiper-slide img {

    width: 100%;

    /* border-radius: 100%;

    box-shadow: 0 0 10px 10px rgba(200, 195, 195, 0.6); */

}

.proindex-main .proname {

    font-size: 1.6rem;

    color: #fff;

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

    background-size: auto 38px;

    height: 32px;

    line-height: 32px;

}

#jxindex {

    padding: 60px 0;

}

#jxindex .title,#prolist .title {

    letter-spacing: 1.5rem;

    font-size: 3rem;

    color: #000;

    text-align: center;

}

#jxindex .en_title ,#prolist .en_title{

    text-transform: uppercase;

    text-align: center;

    font-size: 1.5rem;

    margin: 1.5rem 0;

    color: #000;

    line-height: 2.8rem;

}



.jxindex-main {

    display: flex;

    flex-direction: row;

    justify-content: space-around;

    margin: 40px 0;

}

.jxindex-main > div {
    width: 48%;
}

#yqindex {

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

    background-size : auto 40% ;

}

.yqindex-main {

    margin: 60px 80px;

    border:1px solid #000;

    padding: 10px;

}

.input-box.yzinputs {

    justify-content: center !important;

}

.yqindex-main > div {

    font-size: 1.6rem;

    line-height: 1.8;

    text-align: justify;

    border:1px solid #000;

    padding: 20px;

}

.zsbhbox .newboxinput {

    justify-content: unset !important;

    border: 1px solid #000;

    margin-bottom: 5px;

    border-radius: 6px;

    height: 30px !important;

}

.newboxinput input {

    width: 370px !important;

    border: unset !important;

    border-left: 1px solid #8a8787 !important;

    border-radius: unset !important;

    height: 20px !important;

}

.newboxinput .input-c.input-c-short {

    width: 81.5% !important;

    border: unset !important;

}

.newboxinput .input-c {

    width: 82% !important;

}

.input-box.newboxinput img {

    height: 30px !important;

}

#yzcode,.input-box.zsbh {

    border: unset !important;

    border-left: 1px solid #8a8787 !important;

}

.newboxinput label {

    text-align: left !important;

    width: 76px !important;

}

#contact {

    background: #D8D8D8;

    text-align: center;

    padding: 20px 0;

}

#contact .en_title {

    text-transform: uppercase;

    text-align: center;

    font-size: 1.4rem;

    margin: 1.3rem 0;

    color: #000;

}

.contact-main {

    margin-top: 1rem;

}

.contact-main > div {

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

    margin: 0 auto;

    font-size: 1.5rem;

    text-align: center;

    padding: 1rem 0;

    display: inline-block;

    letter-spacing: 1px;

}

#foot {

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

}

.foot-logo {

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    padding: 15px 0;

    width: 30%;

}

.foot-logo img {

    height: 36px;

}

.foot-main {

    display: flex;

    flex-direction: column;

    align-items: center;

}

.foot-main-1 {

    font-size: 2.3rem;

    margin-bottom: 1rem;

}

.foot-main-2 {

    margin-top: 1rem;

}

.foot-main-2, .foot-main-3 {

    font-size: 1.3rem;

    line-height: 1.8;

}

.foot-main .foot-ds {

    display: inline-block;

    width: 1px;

    height: 100px;

    background: #fff;

}

.foot-main {

    box-sizing: border-box;

    margin: 15px 0;

}

.foot-main, .foot-main a {

    color: #fff;

}

.foot-main li, .foot-main li a {

    font-size: 1.5rem;

    line-height: 1.8;

}

.foot-main li a:hover{

    color: #000;

}

.foot-copyright {

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    color: #fff;

    border-top: 1px solid #bababa;

    padding: 10px 0;

    font-size: 1.2rem;

}

.example_group {

    display: inline-block;

    padding: 10px;

    box-sizing: border-box;

}

.example_group img {

    transition: 0.25s;

    border:1px solid #dbdbdb;

    position: relative;

    top: 0px;

}

.example_group img:hover {

    box-shadow: 0 0 8px 2px #828282;

    top: -1px;

}

#proindex-main .swiper-slide {

    transition: 0.25s;

    position: relative;

    top: 0px;

}

.proindex-main .swiper-slide img {

    transition: 0.25s;

}

#proindex-main .swiper-slide:hover {

    top: -5px;

}





#prolist {

    margin: 60px 0;

}



#prolist-main ul {

    display: flex;

    flex-direction: row;

    justify-content: space-around;

    align-items: center;

    flex-wrap: wrap;

    width: 100%;

}

#prolist-main ul li {

    width: 25%;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    margin-top: 40px;

    padding-right: 5px;

}

.pro_list span {

    background: #8A898A;

    overflow: hidden;

    height: 30px;

    text-overflow: ellipsis;

}

#prolist-main {

    margin-top: 0px;

}

#prolist-main ul li {

    position: relative;

    top: 0px;

}

#prolist-main ul li, #prolist-main ul li img {

    transition: 0.25s;

}



#prolist-main ul li a .img-box {

    box-sizing: border-box;

}

#prolist-main ul li a > span {

    display: block;

    font-size: 1.6rem;

    line-height: 30px;

    color: #fff;

}

#prolist-main li a{

    padding-bottom: 6px;

}



#pager {

    text-align: center;

    padding-top: 30px;

}

#pager .pagetext,#pager .pageright {

    font-size: 1.6rem;

}

#pager a {

    transition: 0.25s;

    font-weight: bold;

}

#pager a:hover {

    color: #aa2929;

}



.search-main .btn-search {

    background: #494949;

    color: #fff;

    text-decoration: none;

    padding: 5px 20px;

    height: 24px;

    line-height: 24px;

    display: inline-block;

    text-align: center;

    border-radius: 5px;

    font-size: 1.4rem;

}

.search-main .btn-search:hover {

    background: #333;

}

.search-main {

    width: 100%;

    padding: 0 258px;

    box-sizing: border-box;

    margin-top: 40px!important;

}

#search .input-box {

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    align-items: center;

    font-size: 1.5rem;

    height: 42px;

    line-height: 42px;

}

.input-c.inputa {

    text-align: right;

}

#search .input-box label {

    display: inline-block;

    width: 100px;

    padding: 0 5px;

    text-align: center;

}

#search .input-box .input-c {

    height: 32px;

    line-height: 32px;

    width: 300px;

}

#search .input-c-short {

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

}

.textarea-c textarea {

    width: 100% !important;

}



#vcode {

    border: unset !important;

    height: 27px !important;

    border-radius: 5px !important;

}

.input-c.input-c-short {

    width: 195px !important;

    border: 1px solid #828080;

    border-radius: 5px;

    height: 27px !important;

}

.se_update input {

    border: unset !important;

    border-left: 1px solid #8a8787 !important;

    border-radius: 0 !important;

    height: 16px !important;

}

.se_update .new-box {

    border: 1px solid #808080;

    margin-bottom: 5px;

    border-radius: 5px;

    height: 30px !important;

}

.textarea-box {

    display: flex;

    flex-direction: row;

    justify-content: center;

}

.textarea-box label {

    display: inline-block;

    width: 100px;

    padding: 0 20px;

    text-align: right;

    font-size: 1.5rem;

}

.textarea-box .textarea-c {

    width: 300px;

}

.textarea-box .textarea-c textarea {

    width: 200px;

    border-radius: 3px;

    border: 1px solid #646464;

}

#search .input-box .input-c-short input{

    width: 126px;

}

.se_update input:focus,#enquiry:focus,input:focus {

    outline: none;

}

#search .input-box .input-c-short img {

    cursor: pointer;

    height: 27px;

    border-radius: 0 5px 5px 0;

}

#search .input-box input{

    border-radius: 3px;

    border: 1px solid #000;

    height: 26px;

    line-height: 26px;

    width: 200px;

    box-sizing: border-box;

    padding: 0 5px;

}

#search .input-box .extend {

    display: inline-block;

    width: 100px;

    text-align: left;

}





/*证书信息*/

#zt_box {

    margin-top: 40px;

}

.zt_title {

    color: #000;

    padding: 10px 0;

    font-weight: bold;

    font-size: 1.5rem;

}

.zs_info {

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    background: #F5F5F5;

    padding: 20px 0;

    border-radius: 10px;

}

.zs_img {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    width: 150px;

}

.zs_img img {

    height: 120px;

}

.zs_img span {

    display: inline-block;

    text-align: center;

    padding: 10px 0;

    font-size: 1.2rem;

    font-weight: bold;

}

.zs_detail {

    width: 320px;

    padding: 10px 30px;

}



.zs_detail_text{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}

.zs_detail_text > div {

    width: 50%;

    height: 32px;

    line-height: 32px;

    font-weight: bold;

    font-size: 1.5rem;

}

.zs_detail_link {

    margin-top: 20px;

}

.zs_detail_link a {

    display: inline-block;

    text-align: center;

    padding: 3px 12px;

    border: 1px solid #000;

    color: #000;

    background: transparent;

    border-radius: 5px;

    font-size: 1.3rem;

}

.zs_detail_link a:hover {

    background: #fff;

}

.honor-wrapper {

    position: relative;

}

.honor-swiper-button-prev, .proindex-swiper-button-prev  {

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

    background-size: 100% 100%;

    display: inline-block;

    width: 30px;

    height: 30px;

    position: absolute;

    left: -20px;

    top: 0;

    bottom: 0;

    margin: auto;

    z-index: 9999;

    cursor: pointer;

}

.honor-swiper-button-next, .proindex-swiper-button-next {

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

    background-size: 100% 100%;

    display: inline-block;

    width: 30px;

    height: 30px;

    position: absolute;

    right: -20px;

    top: 0;

    bottom: 0;

    margin: auto;

    z-index: 9999;

    cursor: pointer;

}

.proindex-swiper-button-next {

    background-image: url("../images/wright.png");

}

.proindex-swiper-button-prev {

    background-image:  url("../images/wleft.png");

}



.author-box h3 {

    display: none;

}

.author-box img {
    padding-bottom: 15px;
}

.header-nav li:not(:first-child)::before {

    content: "/";

    color: #fff;

    margin: 0 15px;

    font-size: 16px;

}



.mileage ul {

    display: flex;

    justify-content: space-between;

}

.mileage h4 {

    font-size: 15px;

    margin-bottom: 10px;

}

.mileage li {

    width: 25%;

    padding: 0 10px;

}

.titles h2 {

    font-size: 25px;

    font-family: monospace;

    position: relative;

    z-index: 2;

    bottom: 12px;

    font-weight: bold;

}

.mileage p {

    font-size: 20px;

    line-height: 28px;

}

.proname {

    display: none;

}

.titles span {

    color: #eee;

    font-family: monospace;

    font-size: 50px;

    position: absolute;

    z-index: 1;

    bottom: 0;

    font-weight: bold;

}

.titles {

    position: relative;

}



span.line {

    width: 50px;

    display: inline-block;

    background: #000;

    height: 1px;

    margin-bottom: 5px;

}

.jplist {

    text-align: center;

}

.line.hd {

    margin-top: 20px;

}

.pro_list img{

    max-width: 100%;

}



.hddiv img {
    max-width: 100%;
    height: 221px;
}

.hddiv h2 {

    margin: 20px 0;

    font-size: 20px;

}



.hddiv p {

    text-indent: 30px;

    font-size: 15px;

    line-height: 26px;

}



#telephone {

    color: #fff;

    margin-top: 15px;

    font-size: 15px;

}



.brief {

    padding-top: 30px !important;

}



#footer {

    clear: both;

    margin-top: 32px;

}

.aboutbox ul li {

    width: 25%;

    float: left;

    height: 180px;

}

.aboutbox h4 {

    font-size: 12px;

    margin-bottom: 10px;

}

.aboutbox p {

    font-size: 18px;

    line-height: 25px;

}

.szlist {

    clear: both;

    margin-bottom: 70px;

}

.szlist ul {

    display: flex;

}

.szlist li {

    width: 33%;

    margin-right: 10px;

}

.szlist img {

    max-width: 100%;

}



.pllist {

    text-align: center;

    margin-bottom: 70px;

    font-size: 16px;

}



.pagediv {

    text-align: center;

    margin-top: 80px;

    font-size: 16px;

    letter-spacing: 5px;

}

div#zgt_brief p {

    padding-bottom: 10px;
    line-height: 30px;

}

.pagediv a:hover {

    color: red;

}