
.big {

    overflow: hidden;

    position: relative;

}



.big img {

    width: 100%;

    display: block;

    transform: translateX(-50%);

    transition: .1s transform;

    transform: translateZ(0);

    min-height: 100%;

    transition: .3s transform

}

.big .video_pic{width: auto ;min-height: auto;transform: none;}

.big:hover img{transform: none !important;}

#ind_sp .big:hover img.video_pic { transform: translate(-50%,-50%) scale(1) !important;}





.big .imgcon img {

    width: auto;

    min-height: auto

}



.imgDiv {

    position: relative;

    width: 100%;

    overflow: hidden

}



.imgDiv img {

    position: relative;

    display: block;

    left: 50%;

    transform: translateX(-50%)

}



.imgDiv .abs {

    text-align: center

}



.imgDiv .abs::after {

    display: inline-block;

    font-size: 0;

    height: 100%;

    vertical-align: middle;

    content: ".";

    clear: both;

    width: 0

}



.imgDiv .ind_tit {

    display: inline-block;

    vertical-align: middle;

    margin: 0

}



.imgcon {

    text-align: center;

    font-size: 0;

    overflow: hidden

}



.imgcon img {

    display: inline-block;

    vertical-align: middle;

    max-width: 100%

}



.imgcon:after {

    display: inline-block;

    vertical-align: middle;

    height: 100%;

    clear: both;

    content: "";

    width: 0

}



.m3w {

    margin-top: 30px;

    margin-top: 3vw

}



.btn {

    display: inline-block;

    color: #333;

    font-size: 16px;

    text-align: center;

    width: 6rem;

    line-height: 1.6rem;

    border: 1px solid #333

}



@media (max-width:640px) {

    .btn {

        font-size: 13px

    }

}



.btn.bg {

    background-color: #f08118;

    color: #fff;

    border-color: #f08118

}



.tabCon .con {

    display: none

}



.tabCon .con.act {

    display: block

}



.mBtn {

    display: none

}



.row {

    display: flex;

    flex-flow: row wrap;

    justify-content: space-between

}



.row .col {

    flex: 1

}



.tabUl {

    display: flex;

    flex-flow: row wrap;

    justify-content: space-between

}



.tabUl li {

    flex: 1;

    cursor: pointer

}



.gradient_linear {

    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#49d), to(#5571b4));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.searDiv {

    float: right;

    overflow: hidden;

    position: relative;

    display: inline-block;

    margin-top: 20px;

    margin-left: 5px;

    max-width: 430px;

    width: 215px;

    height: 36px;

    border: 1px solid #bbb;

    background: 0 0;

    border-radius: 18px

}



#searcher {

    float: right;

    display: block;

    font-size: 13px;

    color: #333;

    height: 34px;

    width: 160px;

    padding: 0 5px;

    margin-right: 4px;

    border: none

}



#searchglass {

    float: right;

    display: block;

    overflow: hidden;

    width: 36px;

    height: 36px;

    cursor: pointer;

    border: none;

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

    background-repeat: no-repeat;

    background-position: 3px center;

    text-indent: -99em;

    background-color: transparent

}



.ind_tit {

    text-align: center;

    position: relative;

    padding: 1vw 0 1.5vw;

}
#ind_products .ind_tit {
    padding:  0;
}

.ind_tit h2 {

    font-size: 1.8rem;

    line-height: 2em;

    color: #333;
	margin-bottom: 0;

    letter-spacing: 2px

}



@media (max-width:768px) {

    .ind_tit h2 {

        font-size: 1.28571429rem

    }

}



.ind_tit small {

    font-size: 15px;

    display: block;

    color: #666;

    line-height: 1.6;

    letter-spacing: 2px

}



@media (max-width:640px) {

    .ind_tit small {

        font-size: 1rem

    }

}



@media (max-width:768px) {

    .ind_tit small {

        line-height: 1.76

    }

}



.ind_tit.t2 {

    text-align: left;

    margin-bottom: 0

}



.ind_tit.t2 .more {

    float: right;

    font-size: 16px;

    color: #4d4d4d;

    margin-top: 2rem

}



@media (max-width:640px) {

    .ind_tit.t2 .more {

        font-size: 13px

    }

}



.ind_tit.t2 h2 {

    color: #f08118;

    margin-bottom: -.3em;

    font-size: 1.4rem

}



@media (max-width:768px) {

    .ind_tit.t2 h2 {

        font-size: 1.16666667rem

    }

}



.ind_tit.t2 h2 span {

    font-family: Arial;

    color: #f08118;

    font-size: 1rem;

    font-weight: 400

}



.ind_tit.bg small {

    color: #fff

}



.ind_tit.bg h2 {

    color: #f08118

}



.ind_tit.bg2 h2 {

    color: #fff

}



.ind_tit.bg2 small {

    color: #999

}



#swiper3 {

	 text-align: center;
    margin-bottom: 2.5vw;

    justify-content: center

}



#swiper3 a {

    display: inline-block;

    cursor: pointer;

    flex: initial;

    padding: 5px 15px;

    margin: 5px 5px;

    flex-grow: 1;


	background: #f5f5f5;


    color: #333;

}



#swiper3 a h3 {

    line-height: 2; margin: 0;

    text-align: center

}



#swiper3 a:hover {

    background:#f08118;

}



#swiper3 a h3 {

    color: #333

}

#swiper3 a:hover h3{color: #fff;}

#swiper5 .topcp {

    background-color: #11489a;

    overflow: hidden

}
#swiper5 .topcp dl dd{color:#fff;line-height:2.4;}


#swiper5 .topcp .big {

    width: 36rem;

    height: 24.6rem;

    float: left;

    display: block;

    background-color: #f6f6f6

}



#swiper5 .topcp .wrap {

    display: flex;

    align-items: center;

    height: 24.6rem

}



#swiper5 .topcp .line {

    margin: 2vw 0;

    display: block

}



#swiper5 .topcp .info {

    padding: 0 3vw

}
#swiper5 .topcp .info dl{ color:#fff; line-height:2.4}



#swiper5 .topcp h3 {

    font-size: 1.15rem;

    color: #fff

}



@media (max-width:768px) {

    #swiper5 .topcp h3 {

        font-size: 1.04545455rem

    }

}



#swiper5 .topcp p.det {

    font-size: 16px;

    color: #fff;

    line-height: 2.4;

    height: 12em;

    overflow: hidden

}



@media (max-width:640px) {

    #swiper5 .topcp p.det {

        font-size: 13px

    }

}



#swiper5 .topcp .more {

    float: right;

    color: #fff;

    font-size: 16px;

    margin-top: 1rem

}



@media (max-width:640px) {

    #swiper5 .topcp .more {

        font-size: 13px

    }

}



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

    #swiper5 .topcp .big {

        float: none;

        height: 62vw;

        width: 100%

    }



    #swiper5 .topcp .wrap {

        height: auto;

        padding: 5vw 2vw

    }

}



#swiper6 {

    width: 100%;

    box-sizing: border-box;

    overflow: hidden;

    margin-top: 1rem;

    padding: 7px;

    max-height: 250px

}



#swiper6 .big {

    box-shadow: 2px 3px 12px rgba(70, 70, 70, .13);

    box-sizing: border-box;

    border: 3px solid transparent;

    padding-top: 68.4%

}



#swiper6 strong {

    display: block;

    text-align: center;

    color: #333;

    font-size: .8rem;

    line-height: 3;

    padding-top: .5em

}



@media (max-width:768px) {

    #swiper6 strong {

        font-size: .88888889rem

    }

}



@media (max-width:640px) {

    #swiper6 strong {

        font-size: 1rem

    }

}



#swiper6 .swiper-slide.selected .big {

    box-shadow: 2px 3px 12px rgba(17, 72, 154, .44)

}



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

    #swiper6 {

        display: none

    }

}



ul.lllll {

    width: 102%

}



ul.lllll li {

    float: left;

    width: 18%;

    margin-right: 1.5%;

    margin-top: 2%;

    margin-left: .5%

}



ul.lllll li .big {

    box-shadow: 2px 3px 12px rgba(70, 70, 70, .13);

    box-sizing: border-box;

    border: 3px solid transparent;

    padding-top: 68.4%

}



ul.lllll li strong {

    display: block;

    text-align: center;

    color: #333;

    font-size: .8rem;

    line-height: 3;

    padding-top: .5em

}



@media (max-width:768px) {

    ul.lllll li strong {

        font-size: .88888889rem

    }

}



@media (max-width:640px) {

    ul.lllll li strong {

        font-size: 1rem

    }

}



ul.lllll li.act .big {

    box-shadow: 2px 3px 12px rgba(240, 129, 24, .44)

}



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

    ul.lllll li {

        width: 48%

    }

}



#ind_about {

    overflow: hidden;

    margin-top: 30px;

    margin-top: 3vw;

    background-color: #f7f7f7;

    background-image: url(../images/bg01.jpg);

    background-repeat: no-repeat;

    background-position: 0 bottom;

    background-size: auto auto

}



#ind_about .w50 {

    float: right;

    font-size: 0;

    width: 42%

}



#ind_about .w50 img {

    display: block;

    max-width: 100%

}



#ind_about h2 {

    font-size: 1.75rem;

    color: #333;

    padding-left: 1.5rem;

    padding-top: 1rem;

    line-height: 2.4;

    letter-spacing: 2px

}



@media (max-width:768px) {

    #ind_about h2 {

        font-size: 1.25rem

    }

}



#ind_about .cont {

    font-size: 16px;

    color: #555;

    max-width: 41rem;

    margin-left: auto;

    margin-right: auto;

    line-height: 2.2;

    padding: 1.5rem;

    overflow: hidden;

    margin-bottom: 3vw

}



@media (max-width:640px) {

    #ind_about .cont {

        font-size: 13px

    }

}



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

    #ind_about .cont {

        padding: 5vw

    }

}



#ind_about .num3 {

    box-sizing: border-box;

    text-align: center;

    padding: 0 10%

}



#ind_about .num3 .counter {

    font-family: Arial;

    font-size: 2.1rem;

    color: #f08118

}



@media (max-width:768px) {

    #ind_about .num3 .counter {

        font-size: 1.35483871rem

    }

}



#ind_about .num3 small {

    color: #f08118;

    font-size: 15px

}



@media (max-width:640px) {

    #ind_about .num3 small {

        font-size: 1rem

    }

}



#ind_about .num3 p {

    font-size: 16px;

    color: #444

}



@media (max-width:640px) {

    #ind_about .num3 p {

        font-size: 13px

    }

}



.fot_link {

    color: #666;

    background-color: #f5f7fa;

    padding: 10px;

    line-height: 2em

}



.fot_link strong {

    float: left

}



.fot_link a.fr {

    color: #f08118;

    padding-left: 2em

}



.fot_link a {

    color: #666;

    padding: 0 10px

}



.fot_link a:hover {

    color: #f08118

}



#ind_form {

    float: right;

    width: 50%

}



#ind_form .tit {

    color: #f08118;

    font-size: .8rem;

    line-height: 4em

}



@media (max-width:768px) {

    #ind_form .tit {

        font-size: .88888889rem

    }

}



@media (max-width:640px) {

    #ind_form .tit {

        font-size: 1rem

    }

}



#ind_form .col {

    width: 45%;

    float: left;

    position: relative

}



#ind_form .col:nth-child(even) {

    float: right

}



#ind_form .col::after {

    font-size: 15px;

    display: block;

    color: #f08118;

    content: "*";

    z-index: 5;

    position: absolute;

    right: -12px;

    top: 10px

}



@media (max-width:640px) {

    #ind_form .col::after {

        font-size: 1rem

    }

}



#ind_form label {

    display: inline-block;

    color: #999;

    float: left


}



#ind_form input,

#ind_form textarea {

    box-sizing: border-box;

    width: 100%;

    height: 37px;

    border: 1px solid #909192;

    background-color: transparent;

    margin-bottom: 23px

}



#ind_form input:hover,

#ind_form textarea:hover {

    border-color: #f08118

}



#ind_form textarea {

    height: 90px

}



#ind_form .zxlysub {

    background-color: #f08118;

    border: none;

    color: #fff;

    float: right;

    width: 150px

}



.copyright {

    padding: .5rem 0;

    color: #f7f7f7

}



.copyright a {

    color: #fff

}



.breakerDiv {

    overflow: hidden;

    padding-bottom: .5rem

}



.breaker {

    float: right;

    color: #555;

    margin-top: 10px;

    line-height: 2.14em;

    padding-left: 23px;

    overflow: hidden;

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

    background-repeat: no-repeat;

    background-position: 0 center;

    background-size: auto auto

}



.breaker a {

    color: #999

}



.breaker span {

    color: #f08118

}



.breaker i {

    color: #f08118

}



.main {

    overflow: hidden;

    margin-bottom: 3vw

}



.main .bor {

    border: 1px solid #bbb;

    box-sizing: border-box;

    padding: 1rem

}



.lside {

    float: left;

    width: 11.9rem;

    margin-right: 1.5rem

}



.lside h2 {

    font-size: 1.2rem;

    text-align: center;

    color: #fff;

    background-color: #f08118;

    line-height: 74px;

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

    background-repeat: no-repeat;

    background-position: .8em center;

    background-size: auto auto;

    margin-bottom: .5rem

}



@media (max-width:768px) {

    .lside h2 {

        font-size: 1.09090909rem

    }

}



.lside ul {

    background-color: #eee

}



.lside .iauth {

    box-sizing: border-box

}



.lside .iauth li {

    border-bottom: 1px solid #f08118

}



.lside .iauth li:last-child {

    border: none

}



.lside .iauth a {

    text-align: center;

    line-height: 50px;

    font-size: .8rem;

    color: #333;

    position: relative;

    display: block

}



@media (max-width:768px) {

    .lside .iauth a {

        font-size: .88888889rem

    }

}



@media (max-width:640px) {

    .lside .iauth a {

        font-size: 1rem

    }

}



.lside .iauth a.act,

.lside .iauth a:hover {

    color: #f08118

}



.lside h3 {

    font-size: 1rem;

    text-align: center;

    color: #fff;

    background-color: #f08118;

    margin-top: 1rem;

    line-height: 54px;

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

    background-repeat: no-repeat;

    background-position: .8em center;

    background-size: auto auto

}



.lside .newslist li {

    border-bottom: 1px dashed #f08118

}



.lside .newslist li:last-child {

    border: none

}



.lside .newslist a {

    text-align: left;

    line-height: 50px;

    font-size: 16px;

    color: #666;

    display: block;

    box-sizing: border-box;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    padding: 0 .8rem

}



@media (max-width:640px) {

    .lside .newslist a {

        font-size: 13px

    }

}



.lside .newslist a.act,

.lside .newslist a:hover {

    color: #f08118

}



.inner_list {

    width: 104%

}



.inner_list li {

    float: left;

    width: 30%;

    margin-right: 3%

}



.inner_list .imWrap {

    box-sizing: border-box;

    border: 1px solid #bbb

}



.inner_list p {

    font-size: 16px;

    color: #333;

    display: block;

    width: 100%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    line-height: 3em

}



@media (max-width:640px) {

    .inner_list p {

        font-size: 13px

    }

}



.inner_tit {

    text-align: center;

    position: relative;

    margin: 2vw 0;

    padding-bottom: 10px

}



.inner_tit h2 {

    font-size: 1.5rem;

    font-weight: 400;

    line-height: 1.5em;

    color: #f08118

}



@media (max-width:768px) {

    .inner_tit h2 {

        font-size: 1.2rem

    }

}



.inner_tit small {

    font-size: .9rem;

    display: block;

    font-family: '瀹嬩綋';

    color: #999;

    line-height: 1.5em

}



@media (max-width:768px) {

    .inner_tit small {

        font-size: .94444444rem

    }

}



.inner_tit.bg small {

    color: #fff

}



.inner_tit.bg h2 {

    color: #f08118

}



.inner_tit.bg2 h2 {

    color: #fff

}



.inner_tit.bg2 small {

    color: #999

}



.inner_tit::after {

    background-color: #f08118;

    display: block;

    content: "";

    height: 4px;

    width: 61px;

    z-index: 5;

    position: absolute;

    left: 50%;

    bottom: 0;

    margin-left: -30px

}



.article img {

    max-width: 100%

}



.articleTit {

    color: #333;

    text-align: center;

    font-weight: 400;

    font-size: 1.2rem;

    margin-top: 1rem

}



@media (max-width:768px) {

    .articleTit {

        font-size: 1.09090909rem

    }

}



.sub_info {

    text-align: center;

    color: #666;

    padding: 5px 0;

    line-height: 1.5rem !important;

    margin-bottom: 1rem;

    border-bottom: 1px dashed #bbb

}



.sub_info span {

    margin-right: 1rem

}



.pr .sub_info span:after {

    display: block;

    content: " ";

    height: 100%;

    width: 100%;

    z-index: 5;

    position: absolute;

    left: 0;

    top: 0

}



.articleCon {

    font-size: 16px !important;

    line-height: 2.1 !important;

    color: #333 !important

}



.articleCon img {

    max-width: 100%;

    height: auto !important

}



.skip {

    overflow: hidden;

    margin-top: 2vw

}



.skip>div {

    float: left;

    width: 50%;

    color: #333

}



.skip>div:last-child {

    text-align: right

}



.skip a {

    font-size: 16px;

    color: #666;



    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    vertical-align: middle;

    max-width: calc(100% - 4em)

}



@media (max-width:640px) {

    .skip a {

        font-size: 13px

    }

}



.skip span {

    font-size: 16px;

    color: #f08118;

    display: inline-block;

    position: relative;

    overflow: hidden;

    vertical-align: middle;

    padding-right: 5px

}



@media (max-width:640px) {

    .skip span {

        font-size: 13px

    }

}



h3.tag {

    color: #999;

    font-weight: 400;

    font-size: 16px;

    line-height: 1.7em;

    border-top: 1px dashed #e0e1dc;

    margin-top: .5rem;

    padding-top: .4rem

}



@media (max-width:640px) {

    h3.tag {

        font-size: 13px

    }

}



h3.tag a {

    color: #005a98;

    margin: 0 8px 0 5px

}



h3.tag a :hover {

    color: #0172bd

}



.titbar {

    border-bottom: 1px solid #bbb;

    height: 36px;

    margin: 1rem 0

}



.titbar h2 {

    font-size: .8rem;

    color: #f08118;

    display: inline-block;

    border-bottom: 2px solid #f08118;

    line-height: 35px

}



@media (max-width:768px) {

    .titbar h2 {

        font-size: .88888889rem

    }

}



@media (max-width:640px) {

    .titbar h2 {

        font-size: 1rem

    }

}



.news_pre {

    width: 103%

}



.news_pre li {

    float: left;

    width: 47%;

    margin-right: 3%

}



.news_pre span.date {

    float: right;

    font-size: 13px;

    color: #666

}



.news_pre a {

    font-size: 16px;

    color: #333;

    padding-left: 1.5em;

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

    background-repeat: no-repeat;

    background-position: 0 center;

    background-size: auto auto;

    line-height: 1.3em

}



@media (max-width:640px) {

    .news_pre a {

        font-size: 13px

    }

}



.pro_pre .swiper-slide a {

    display: block

}



.pro_pre .swiper-slide a .bor {

    box-sizing: border-box;

    border: 1px solid #bbb;

    padding: 9px

}



.pro_pre .swiper-slide .big {

    height: 140px

}



.pro_pre .swiper-slide .big img {

    min-height: 100%

}



.pro_pre .swiper-slide p {

    color: #333;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    display: block;

    text-align: center;

    line-height: 40px

}



#shareicon1>a {

    float: right;

    width: 16px;

    height: 16px;

    background-size: 100%

}

#ind_products{ max-width: 1200px; margin:0 auto;}
.imWrap img {

    display: block;

    position: absolute;

    width: 100%;

    z-index: 5;

    left: 0;

    top: 0;

    height: auto;

    min-height: 100%

}



.imWrap .imgcon {

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 5;

    left: 0;

    top: 0

}



.imWrap .imgcon img {

    position: relative;

    display: inline-block;

    width: auto;

    max-width: 100%

}



.big {

    overflow: hidden;

    position: relative;

}



.big img {

    width: 100%;

    display: block;

    transform: translateX(-50%);

    transition: .1s transform;

    transform: translateZ(0);

    min-height: 100%;

    transition: .3s transform

}

.big .video_pic{width: auto ;min-height: auto;transform: none;}

.big:hover img{transform: none !important;}

#ind_sp .big:hover img.video_pic { transform: translate(-50%,-50%) scale(1) !important;}





.big .imgcon img {

    width: auto;

    min-height: auto

}



.imgDiv {

    position: relative;

    width: 100%;

    overflow: hidden

}



.imgDiv img {

    position: relative;

    display: block;

    left: 50%;

    transform: translateX(-50%)

}



.imgDiv .abs {

    text-align: center

}



.imgDiv .abs::after {

    display: inline-block;

    font-size: 0;

    height: 100%;

    vertical-align: middle;

    content: ".";

    clear: both;

    width: 0

}



.imgDiv .ind_tit {

    display: inline-block;

    vertical-align: middle;

    margin: 0

}



.imgcon {

    text-align: center;

    font-size: 0;

    overflow: hidden

}



.imgcon img {

    display: inline-block;

    vertical-align: middle;

    max-width: 100%

}



.imgcon:after {

    display: inline-block;

    vertical-align: middle;

    height: 100%;

    clear: both;

    content: "";

    width: 0

}



.m3w {

    margin-top: 30px;

    margin-top: 3vw

}



.btn {

    display: inline-block;

    color: #333;

    font-size: 16px;

    text-align: center;

    width: 6rem;

    line-height: 1.6rem;

    border: 1px solid #333

}

	.m-chengtao_cat .ct2-mn{ width: 100%; margin-bottom: 20px;}
.m-chengtao_cat .ct2-mn li{ width:25%;}
@media (max-width:768px) {
	.m-chengtao_cat .ct2-mn li{ width:50%;}
	#swiper3 a{padding: 2px 5px;
    margin: 5px 4px;}
	#swiper3 a h3{ font-size: 12px;}
}

/**/

.index-main01-w {
	width: 100%;
	background-color: #ececec;
	padding: 35px 0px;
}
.index-main01 {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}
.index-main01 .list01 {
	width: 400px;
}
.index-main01 h4 {
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 2px solid #23439f;
}
.index-main01 .list01 ul li {
	margin-bottom: 20px;
}
.index-main01 .list01 ul li p.t1 {
	color: #202527;
	font-size: 14px;
	position: relative;
	font-weight: bold;
	margin-bottom: 5px; margin-top: 0;
}
.index-main01 .list01 ul li p.t1:before, .index-main01 .list01 ul li p.t2:before {
	position: absolute;
	left: -24px;
	top: 0;
	width: 18px;
	height: 18px;
	font-size: 18px;
	font-weight: normal;
}
.index-main01 .list01 ul li p.t2 {
	font-size: 12px; margin: 0;
	color: #666666;
	line-height: 1.6;
	position: relative;
	padding-top: 5px;
}
.index-main01 .list02 {
	width: 400px;
}
.index-main01 .list02 ul li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 35px;
}
.index-main01 .list02 ul li .time {
	width: 50px;
}
.index-main01 .list02 ul li .time p.t1 {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #ababab;
	font-family: Arial;margin: 0;
}
.index-main01 .list02 ul li .time p.t2 {
	display: block;
	font-size: 14px;
	color: #c5c5c5;
	font-family: Arial;margin: 0;
}
.index-main01 .list02 ul li .text {
	width: 350px;
	padding-right: 10px;
	box-sizing: border-box;margin: 0;
}
.index-main01 .list02 ul li .text h5 {
	font-size: 14px;
	color: #202527;
	line-height: 1;
	margin-bottom: 5px;margin-top: 0;
	word-break:keep-all;       /* 不换行 */

white-space:nowrap;        /* 不换行 */

overflow:hidden;           /* 内容超出宽度时隐藏超出部分的内容 */

text-overflow:ellipsis;    /*溢出时显示省略标记...；需与overflow:hidden;一起使用*/
}
.index-main01 .list02 ul li .text p.desc {
	display: block;
	margin-top: 3px;
	font-size: 12px;
	color: #666666; margin-bottom: 0;
}
.index-main01 .list03 {
	width: 320px;
}
.index-main01 .list03 p.img {
	display: block;
	width: 100%; margin: 0;
	background-color: white;
	overflow: hidden;
}
.index-main01 .list03 p.img img {
	display: block;
	width: 100%;
}
.index-main01 .list03 .text {
	width: 100%;
	background-color: #23439f;
	color: #ffffff;
	line-height: 22px;
	padding: 25px;
	font-size: 12px;
	box-sizing: border-box;
}
.index-main01 .list03 .text p{ display: inline;}
.index-main01 .list03 .text a{color:#fff;}
		@media (max-width:768px) {
		.index-main01-w{ padding: 10px 0;}
			.index-main01{padding: 0px 10px;box-sizing: border-box;width: 100%; display: block;}
			.index-main01 .list01,.index-main01 .list02,.index-main01 .list03{ width:100%;}
			.index-main01 .list03 .tit{ display: none;}
		.index-main01 .list02 ul li .time{ width:20%;}
		.index-main01 .list02 ul li .text{ width:80%;}

}
	