body,div,ul,li{margin:0;padding:0;}
ul{list-style:none;}
img{border:0;}

.part_two{
    margin-top: 5%;
    padding-bottom: 5%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5%;
}
    .index-title{
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 2%;
        text-align: center;
    }
    .index-title h1{
        display: inline-block;
        font-size: 34px;
        color: #a93035;
        margin-bottom: 10px;
        position: relative;
    }
    .index-title h1::after,.index-title h1::before{
        content: "";
        position: absolute;
        top: 50%;
        width: 140px;
        height: 1px;
        background: #a93035;
    }
    .index-title h1::after{
        right: -140%;
    }
    .index-title h1::before{
        left: -140%;
    }
    .index-title p{
        font-size: 16px;
        color: #666666;
        margin-bottom: 3.5%;
    }

    .part_two .tab{
        width: 100%; 
    }
    .part_two .tab .hd{
        width: 100%;
        background: #f1f1f1;
    }
    .part_two .tab .hd ul{
        text-align: center;
    }
    .part_two .tab .hd li{
        display: inline-block;
        padding: 2% 3%;
        cursor: pointer;
    }
    .part_two .tab .hd li img{
       display: inline-block;
       width: 40px;
       height: 35px;
    }
    .part_two .tab .hd li img:nth-child(1){
        display: none;
    }
    .part_two .tab .hd li p{
        color: #666;
        font-size: 16px;
        margin-top: 10px;
    }
    .part_two .tab .hd li.on p{
        color: #a93035;
    }
    .part_two .tab .hd li.on img:nth-child(1){
        display: inline-block;
    }
    .part_two .tab .hd li.on img:nth-child(2){
        display: none;
    }
    .part_two .tab .bd>ul{
        zoom: 1;
        margin-top: 3%;
    }
    .part_two .tab .bd>ul>li{
        max-width: 1600px;
        margin: 0 auto;
        padding: 0% 2%;
    }
    .part_two .tab .bd>ul>li .tab-left{
        display: inline-block;
        width: 42.5%;
        vertical-align: top;
    }
    .part_two .tab .bd>ul>li .tab-left h1{
        font-size: 36px;
        color: #000;
        margin-top: 8%;
        margin-bottom: 5%;
    }
    .part_two .tab .bd>ul>li .tab-left .tab-line{
        width: 75px;
        height: 2px;
        background: #a93035;
        margin-bottom: 8%;
    }
    .part_two .tab .bd>ul li .tab-left p{
        font-size: 16px;
        color: #666;
        line-height: 36px;
    }
    .part_two .tab .bd>ul>li .tab-left a{
        display: inline-block;
        width: 160px;
        height: 50px;
        border: 1px solid #eeeeee;
        font-size: 18px;
        line-height: 50px;
        padding-left: 20px;
        color: #999;
        background: url(../img/arrow01.png) no-repeat 140px center;
        margin-top: 8%;
    }
    .part_two .tab .bd>ul>li .tab-left a:hover{
        color: #a93035;
        border: 1px solid #a93035;
        background: url(../img/arrow01-h.png) no-repeat 140px center;
    }

    .part_two .tab .bd>ul>li .tab-right{
        display: inline-block;
        width: 52%;
        float: right;
        overflow: hidden;
    }
    /* 轮播 */
    .view{
        margin: 0 2%;
        overflow: hidden;
    }
    .view .swiper-container {width: 100%;position: relative;}
    .view:hover .arrow{display: block;}
    .view .arrow{display: none;position: absolute;top: 50%;margin-top: -35px;width: 70px;height: 70px;z-index: 100000000; }
    /* .view .arrow-left { background: url("../img/pro-prev.png") no-repeat center; left: 10px;}
    .view .arrow-right {
        background: url("../img/pro-prev.png") no-repeat center;
        right: 10px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    } */
   
    .view .swiper-slide{
        width: 100%;
        padding-bottom: 60%;
        position: relative;
    }
    .view .swiper-slide a{
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .view .swiper-slide a img{
        display: inline-block;
        width: 100%;
        height: 100%;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }
  
    .view .swiper-slide a img:hover{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
    
    /* 轮播图 */
    .preview { width: 100%;margin-top: 3%;position: relative;padding: 0 0.5%;padding-bottom: 20px; border-bottom: 2px solid #a93035;}
    .preview .swiper-slide {width: 22% !important;height: 100%;margin: 0 1.4%;position: relative;padding-bottom: 15.5%;overflow: hidden;}
    .preview .swiper-slide img{ display: inline-block; width: 100%; height: 100%; opacity: 0.5; position: absolute; top: 0; left: 0; cursor: pointer; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
    .preview .arrow{position: absolute;top: 50%;margin-top: -9px;width: 9px; height: 18px;z-index: 10;display: none;}
    .preview .arrow-left {background: url("../img/prev.png") no-repeat center;left: 2px;cursor: pointer;background-size: 100% 100%;}
    .preview .arrow-right {
        background: url("../img/prev.png") no-repeat center;
        right: 10px;
        cursor: pointer;
        background-size: 100% 100%;
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
    }
    /* .preview img {padding: 1px;} */
    .preview .active-nav img {padding: 0;opacity: 1;}
    
    .preview .swiper-slide img:hover{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
}
@media(max-width:1450px){
.part_two .tab .hd li{
padding:2% 1.5%
}
}



/* 视频 */
audio, canvas, progress, video {
    display: inline-block !important;
    vertical-align: baseline;
    width: 100% !important;
}
.part_three{
    background: url(../img/index-bg1.jpg) no-repeat center 90px;
    background-size: 100% 86%;
    margin-bottom: 5%;
	margin-top:5%;
	text-align:center;
}
    .part_three .three-video{
        max-width: 1600px;
        padding: 0 2%;
        margin: 0 auto;
    }
.index-video{
    width: 100%;
    margin-top: 45px;
}


   

    .three-text{
	display:none;
        max-width: 1180px;
        padding: 0 2%;
        margin: 0 auto;
        margin-top: 3%;
        text-align: center;
        padding-bottom: 8%;
    }
    .three-text p{
        font-size: 18px;
        line-height: 36px;
    }

 .part_three>a{
        display: inline-block;
        width: 160px;
        height: 50px;
        border: 1px solid #999;
        font-size: 18px;
        line-height: 50px;
        padding-left: 20px;
        color: #999;
        background: url(../img/arrow01.png) no-repeat 140px center;
        margin-top: 3%;
	margin-bottom: 8%;
        text-align: left;
    }
    .part_three>a:hover{
        color: #a93035;
        border: 1px solid #a93035;
        background: url(../img/arrow01-h.png) no-repeat 140px center;
    }
    
/* 新闻中心 */

.part_four{
   padding-bottom: 5%;
   border-bottom: 1px solid #dddddd;
   margin-bottom: 5%;
}
    .four-container{
        max-width: 1650px;
        margin: 0 auto;
        text-align: center;
    }
    .four-container ul{
        display: flex;
        flex-wrap: wrap;
        text-align: left;
    }
    .four-container ul li{
        display: inline-block;
        width: 45.8%;
        height: 200px;
        margin: 0 2%;
        margin-bottom: 2%;
        float: left;
    }
    .four-container ul li .four-img{
        display: inline-block;
        width: 260px;
        height: 200px;
        margin-right: 3%;
        position: relative;
    }
    .four-container ul li .four-img a{
        display: flex;
align-items: center;
    justify-content: center;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .four-container ul li .four-img a img{
	width: 100%;
        display: inline-block;
        max-width: 100%;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
}
    .four-container ul li .four-text{
        display: inline-block;
        width: calc(93% - 260px);
        vertical-align: top;
        text-align: left;
    }
    .four-container ul li .four-text h1 a{
        display: block;
        font-size: 24px;
        color: #000;
        margin-top: 30px;
        margin-bottom: 20px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: normal;
    }
    .four-container ul li .four-text p a{
        display: block;
        font-size: 14px;
        line-height: 28px;
        color: #666;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-bottom: 15px;
    }
    .four-container ul li .four-text span{
        font-size: 16px;
        color: #999;
    }
    .four-container ul li:hover{
        box-shadow: 0 0 16px rgba(102, 102, 102, 0.15);
    }
    .four-container ul li:hover .four-img a img{
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
    }
    .four-container ul li:hover .four-text h1 a{
        color: #a93035;
    }

    .four-container>a{
        display: inline-block;
        width: 160px;
        height: 50px;
        border: 1px solid #eeeeee;
        font-size: 18px;
        line-height: 50px;
        padding-left: 20px;
        color: #999;
        background: url(../img/arrow01.png) no-repeat 140px center;
        margin-top: 2%;
        text-align: left;
    }
    .four-container>a:hover{
        color: #a93035;
        border: 1px solid #a93035;
        background: url(../img/arrow01-h.png) no-repeat 140px center;
    }

/* 技术标杆 */
.part_five{
    margin-bottom: 5%;
}

    .picMarquee-left{
        overflow:hidden;
        position:relative;
        background: url(../img/index-bg2.jpg) no-repeat;
        background-size: 100% 100%;
        padding-bottom: 3.5%;
    }
    .tempWrap{
        margin: 0 auto;
    }
    .picMarquee-left .bd{ 
        margin-top: 19%;
    }
    .picMarquee-left .bd ul{ 
        overflow:hidden; 
        zoom:1; 
    }
    .picMarquee-left .bd ul li{ 
        width: 380px;
        height: 160px; 
        background: rgba(0, 0, 0, 0.5);
        margin: 0 3px;
        float:left;
        _display:inline; 
        overflow:hidden; 
        text-align:center;  
        display: flex;
        align-items: center;
    }
    .picMarquee-left .bd ul li:hover{
        background: rgba(169, 48, 53, .8);
    }
    .picMarquee-left .bd ul li>div{
        margin: 0 40px;
        text-align: left;
    }
    .picMarquee-left .bd ul li>div p{
        color: white;
        font-size: 16px;
        line-height: 28px;
    }
    .picMarquee-left .bd ul li .pic{ 
        text-align:center; 
    }

    @media(max-width:580px){
        .picMarquee-left .bd ul li{
            height: 125px;
        }
        .picMarquee-left .bd ul li>div p{
            font-size: 14px;
            line-height: 24px;
        }
    }





/*服务客户 */
.part_six{
    margin-bottom: 5%;
}


@media(max-width:1200px){
.index-title h1{
	font-size:27px;
}
.index-title p{
font-size:14px;
}

.part_two .tab .bd>ul>li .tab-left h1{
font-size:30px;
}

.part_two .tab .hd li p{
	font-size:14px
}
}


@media(max-width:1400px)
{
.four-container ul li .four-img {
    display: inline-block;
    width: 200px;
    height: 160px;
}
.four-container ul li .four-text {
    width: calc(93% - 200px);
}
.four-container ul li .four-text h1 a {
    font-size: 20px;
    margin-top: 13px;
    margin-bottom: 5px;
}
.four-container ul li .four-text p a{
 margin-bottom: 10px;
}
}




@media(max-width:1200px)
{
.part_three {
    background: url(../img/index-bg1.jpg) no-repeat center 80px;
}
}


@media(max-width:1100px){
    .picMarquee-left{
        background-size: auto 100%;
    }

}

@media(max-width:960px){
 .part_two .tab .bd>ul>li .tab-left{
        width: 90%;
        padding: 0 5%;
        margin-bottom: 5%;
    }
    .part_two .tab .bd>ul>li .tab-right{
        width: 100%;
    }
    .part_two .tab .bd ul li .tab-left p{
        font-size: 16px;
       line-height: 30px;
    }

    .four-container ul li{
        height: auto;
    }
    .four-container ul li .four-img{
        width: 100%;
        padding-bottom: 77%;
        position: relative;
        height: auto;
    }
    .four-container ul li .four-text{
        width: 100%;
    }
}

@media(max-width:580px){
    .four-container ul{
        padding: 0 3%;
    }
    .four-container ul li{
        margin-bottom: 20px;
    }
    .four-container ul li .four-text h1 a {
        font-size: 16px;
        margin-top: 7px;
        margin-bottom: 3px;
    }
    .four-container ul li .four-text p a {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .four-container ul li .four-text span {
        font-size: 13px;
    }
.part_three {
    background: url(../img/index-bg1.jpg) no-repeat center 50px;
}
}



@media(max-width:760px){
    .index-title h1{
		font-size: 28px;
	}
    .part_two .tab .bd ul li .tab-left h1{
		font-size: 28px;
	}

	.three-text p{
		font-size: 14px;
		line-height: 24px;
	}
}

@media(max-width:560px){
    .index-title h1 {
        font-size: 18px;
        margin-bottom: 2px;
    }
    .index-title h1::after, .index-title h1::before{
        width: 77px;
    }
    .index-title h1::before{
        left: -95px;
    }
    .index-title h1::after{
        right: -95px;
    }
    .index-title p {
        font-size: 12px;
    }


    .part_two,.part_four{
        margin-bottom: 10%;
    }
    .part_three,.part_five,.part_six{
        margin-bottom: 10%;
    }
}


@media(max-width:580px)
{
.part_two .tab .hd ul{
	text-align:left;
    padding: 3% 3% 0%;
}
.part_two .tab .hd li {
text-align:center;
    padding: 0;
    width: 22%;
    vertical-align: top;
    margin-bottom: 5%;
    margin-right: 2%;
}
.part_two .tab .hd li:nth-child(4n){
margin-right: 0%;
}
.part_two .tab .hd li img {
    width: 25px;
    height: auto;
}
.part_two .tab .hd li p{
    font-size:12px;
    line-height: 16px;
    margin-top: 3px;
}
.part_two .tab .bd ul li .tab-left h1 {
    font-size: 18px;
    margin-bottom: 10px;
}
.part_two .tab .bd>ul>li .tab-left .tab-line {
    width: 30px;
    height: 2px;
    background: #a93035;
    margin-bottom: 15px;
}
.part_two .tab .bd ul li .tab-left p {
    font-size: 12px;
    line-height: 20px;
}
.preview{
    border: none;
}

}


@media(max-width:680px){
    .four-container>a, .part_two .tab .bd>ul>li .tab-left a,.part_three>a {
        width: 70px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        padding-left: 20px;
        background: url(../img/arrow01.png) no-repeat 60px center;
    }
}

@media(max-width:1200px){
.three-text p {
    display: none;
}
}