/*初始化样式*/

:root {

    --huang: #e6b904 ;

    --hui:#615f60;

  }

html {

    margin: 0;

    padding: 0;

    border: 0;

}



body,

div,

span,

object,

iframe,

h1,

h2,

h3,

h4,

p,

blockquote,

pre,

a,

address,

code,

b,

em,

img,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

footer,

header,

hgroup,

nav,

section {

    margin: 0;

    padding: 0;

    border: 0;

}



body {

    background: #fff;

    color: #666;

    position: relative;

    font: 12px/1.5 微软雅黑, arial, sans-serif;

    vertical-align: baseline;

    width: 100%;

    overflow-x: hidden;

}



a {

    text-decoration: none;

    outline: none;

}


/* 
a:link {

    color: #e60808;

} */



a:visited {

    color: #999999;

}



a:hover,

a:active,

a:focus {

    color: var(--hui);

    text-decoration: none;

    outline: none;

}



input {

    padding: 0;

    margin: 0;

    font-family: '微软雅黑';

}



img {

    border: none;

    background: none;

    vertical-align: middle;

}



ul,

ol,

li {

    list-style-type: none;

}



select,

input,

img,

select {

    vertical-align: middle;

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



table,

th,

td {

    vertical-align: middle

}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    overflow: hidden;

    visibility: hidden;

}



.clearfix {

    zoom: 1

}



.clearboth {

    height: 0px;

    line-height: 0px;

    overflow: hidden;

    clear: both;

    font-size: 0px;

}



h1,

h2,

h3,

h4 {

    font-size: 12px;

    font-weight: bold;

}



hr {

    border: 0;

    border-top: 1px solid #ccc;

    height: 0;

}



dt {

    font-weight: normal;

}



.ovimg,

.ibw,

.miw,

.iml,

.imgbig {

    overflow: hidden;

}

.imgbig {

    background: white;

}



.imgbig img {

    -webkit-transition: all ease .5s;

    -moz-transition: all ease .5s;

    -ms-transition: all ease .5s;

    -o-transition: all ease .5s;

    transition: all ease .5s;

}



.imgbig:hover img {

    -webkit-transform: scale(1.2, 1.2);

    -moz-transform: scale(1.2, 1.2);

    -ms-transform: scale(1.2, 1.2);

    -o-transform: scale(1.2, 1.2);

    transform: scale(1.2, 1.2);

}



.ovimg img {

    width: 100%;

    min-height: 100%;

}



.ibw img {

    width: 100%;

    height: auto;

}



.miw img {

    max-width: 100%;

    max-height: 100%;

}



.iml {

    text-align: center;

}



.iml img {

    transform: translateY(-2px);

    vertical-align: middle;

}

/*----- Common css ------*/

.fl {

    float: left;

}



.fr {

    float: right;

}



.di {

    _display: inline;

}



.fwn {

    font-weight: normal;

}



.dib {

    display: inline;

    _zoom: 1;

    _display: inline;

    _font-size: 0px;

}



.wh1600 {

    max-width: 1630px;

    padding: 0 15px;

    margin: 0 auto;

}



/*css*/

.color_hui {
    color: #615f60! important;
}

/**/

.p1 {

    margin-top: 2rem;

    padding: 2rem 0;

    padding-bottom: 4rem;

    background: url(./second/bj.png) no-repeat left center;

}



.p1 .cont {

    margin-top: 2rem;

}



.slick-wrap {

    display: flex;

    justify-content: space-between;

}



.slick-contanier {}



.slick-contanier .slick-slide {

    outline: none;

}



.slick-contanier img {

    display: inline-block;

    width: 100%;

}



.slick-contanier .slick-con {

    display: block;

    font-size: 0;

    padding: 0 4px;

    position: relative;

}



.tab-con {

    width: 71.11%;

}



.tab-con .tab-main {

    height: 0;

    overflow: hidden;

    position: relative;

}



.tab-con .tab-main.active {

    height: auto;

}



.tab-con .tab-main img {

    padding: 12% 0;

    width: 100%;

    margin: 0 auto;

}



.tab-con .tab-main .det {
    /* position: absolute; */
    /* top: 12.4rem; */
    
    width: 100%;

    text-align: center;

    padding: 5% 0;

    background-color: rgba(230, 185, 4,0.8);

    

}



.tab-con .tab-main h2 {

    color: white;

    font-size: 17px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.tab-con .tab-main h4 {

    color: #221815;

    font-size: 12px;

    margin-top: 15px;

    font-family: "Arial";

    text-transform: uppercase;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}





.pro {

    width: 32.26%;

    /* background: #0162bb; */

    padding: 0 3%;

}



.ptt {

    color: #fff;

    text-transform: uppercase;

    font-size: 40px;
    font-weight: 700;
}



.ptt p {

    font-family: "Arial";

    font-size: 20px;

    margin-top: 5px;

}



.tab-li {

    margin-top: 15px;

    font-size: 0;

    cursor: pointer;

}

.tab-li ul {

    height: 300px;

    overflow-y: auto;

}

ul::-webkit-scrollbar {

    width: 3px;

}

ul::-webkit-scrollbar-thumb {

    background-color: var(--huang);

    border-radius: 5px;

}

ul::-webkit-scrollbar-track {

    background-color: #fff;

}



.tab-li li {

    width: 90%;

    line-height: 59px;

    border-bottom: 1px dashed white;

    border-: 170px;

    overflow: hidden;

}



.tab-li li a {

    font-size: 17px;

    color: #ffffff;

    display: block;

    width: 100%;

    background: url(./second/jiao_white.png) no-repeat right center;

    transition: all 0.8s;

}



.tab-li li:hover a,

.tab-li li.active a {

    padding-left: 20px;

    color: var(--huang);

    background: url(./second/jiao.png) no-repeat right center;

}







@media (max-width:1024px) {

    .ptt {

        padding-top: 22px;

        font-size: 20px;

    }



    .ptt p {

        font-size: 15px;

    }



    .tab-li {

        margin-top: 3px;

    }



    .tab-li li {

        line-height: 46px;

    }



    .tab-li li a {

        font-size: 14px;

    }

}





@media (max-width: 767px) {

    .p1 {

        margin-bottom: 30px;

        padding: 0;

        background: url(./second/bj.png) left center;

    }

    .tab-con {

        display: none;

    }

  

    .xypg-right-content img {

        /* max-width: 100% !important;

        width: auto !important; */

        height: auto !important;

    }



    .slick-wrap {

        flex-wrap: wrap;

    }



    .tab-con {

        width: 100%;

    }



    .pro {

        width: 100%;

        padding-bottom: 22px;

        margin-top: 15px;

    }



    .abpic {

        width: 100%;

        float: none;

    }



    .about {

        width: 100%;

        float: none;

        padding: 0 2% 5%;

    }



    .ads2 li {

        margin-bottom: 10px;

    }



    .ads3 li h2 {

        font-size: 16px;

        margin-top: 15px;

    }



}